/* Main stuff */
body {background: url(http://www.flow-records.com/images/mainbg.jpg) no-repeat top right; background-attachment:fixed;}
body#flowrecs  {background: url(http://www.flow-records.com/images/flowrecsbg.jpg) no-repeat top left; background-attachment:fixed;}
body#flowvinyl {background: url(http://www.flow-records.com/images/flowvinylbg.jpg) no-repeat top left; background-attachment:fixed;}
body#wolfmusic {background: url(http://www.flow-records.com/images/wolfmusicbg.jpg) no-repeat top left; background-attachment:fixed;}
body#hyperflow {background: url(http://www.flow-records.com/images/hyperflowbg.jpg) no-repeat top right; background-attachment:fixed;}
body#flowbookings {background: url(http://www.flow-records.com/images/bookingsbg.jpg) repeat-x top left;}
#wrap {background: url(http://www.flow-records.com/images/body_bg.png) repeat-x top left;}
#contentWrapper {width:890px; margin:30px auto;}
#main {width:526px;}
#secondary {width:326px;}
#header {height:140px;}
#header, #footer {width:890px; margin:0 auto;}


#logo {background: url(http://www.flow-records.com/images/logo.gif) no-repeat top left; height:140px; width:145px;}
#logo a {height:40px; padding-top:100px; display:block;}

#flowrecs #logo {background-image: url(http://www.flow-records.com/images/logo_flr.gif);}
#flowvinyl #logo {background-image: url(http://www.flow-records.com/images/logo_flv.gif);}
#wolfmusic #logo {background-image: url(http://www.flow-records.com/images/logo_wlf.gif);}
#flowdeluxe #logo {background-image: url(http://www.flow-records.com/images/logo_fle.gif);}
#hyperflow #logo {background-image: url(http://www.flow-records.com/images/logo_hyp.gif);}
#flowbookings #logo {background-image: url(http://www.flow-records.com/images/logo_flb.gif);}
#flowrecs #logo a, #flowvinyl #logo a, #wolfmusic #logo a, #flowdeluxe #logo a, #hyperflow #logo a, #flowbookings #logo a {text-indent:-9999px;}

#nav {padding-top:45px;}
#nav li {display:inline; margin-left:10px;}

.small {width:326px;}
.middle {width:436px;}
.big {width:526px;}

/* Containers and images */
.container
{
	background:#fafafa; 
	border:2px solid #a8a6a7;
	margin-bottom:20px;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.newsItem img, .releaseDetails img, .artistDetails .artistSocial, .artistGallery img, .releaseItem img, .linkItem img, .bookingArtist img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.newsItem img 
{
	margin:20px -20px 10px 10px;
	position:relative;
	left:-40px;
}
 .releaseDetails img, .artistDetails .artistSocial
{
	margin:40px -20px 39px 10px;
	position:relative;
	left:-40px;
}
.artistGallery
{
	margin:0 -20px 39px 10px;
	position:relative;
	left:-40px;
}
.artistGallery img {margin-right:13px;}
.releaseItem img {margin:8px;}

.labelContributer {text-align:right; padding:10px 0;}
.labelContributer:hover, .labelPartner:hover, .crew:hover {background:#EDEDED;}
.labelContributer img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
	margin:0 10px 10px -20px;
	position:relative;
	right:-42px;
}
.labelPartner {padding:10px 0; width:294px;}
.labelPartner img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
	margin:0 10px 10px -20px;
	position:relative;
}
.crew img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.crew .imagebox.left img {margin:0 10px 10px -20px;}
.crew .imagebox.right img {margin:0 -20px 10px 10px;}
.crew.middle.right {text-align:right;}

.labelPhoto {height:200px; background:#ededed;}

/* Title Boxes */
.titleContainer.left, .titleContainer.right, .titleContainer.centered, .titleContainerSocial.right {margin:8px 0; position:relative;}
.titleContainer.left h2, .titleContainer.left h5, .titleContainer.left h6 {background: url(http://www.flow-records.com//images/title_container_left_corner_bg.gif) no-repeat bottom left;}
.titleContainer.right h2, .titleContainer.right h5, .titleContainer.right h6 {background: url(http://www.flow-records.com/images/title_container_right_corner_bg.gif) no-repeat bottom right;}

.titleContainer.left, .titleContainer.centered {background: url(http://www.flow-records.com/images/title_container_left_bg.gif) no-repeat bottom right; left:-11px;}
.titleContainer.right {background: url(http://www.flow-records.com/images/title_container_right_bg.gif) no-repeat bottom left; right:-11px;}

.titleContainer.left h2, .titleContainer.right h2, .titleContainer.centered h2 {padding:6px 10px 15px;}
.titleContainer.left h5, .titleContainer.right h5, .titleContainer.left h6, .titleContainer.right h6 {padding:3px 5px 12px;}

.tweet .titleContainer.right {right:-19px; margin:10px 0 0;}
.titleContainer.left h6, .titleContainer.right h6 {text-transform:uppercase;}

.titleContainer.centered {width:348px;}
.titleContainer.centered h2 {background: url(http://www.flow-records.com/images/title_container_center_bg.gif) no-repeat bottom left;}

.titleContainerSocial.right {background: url(http://www.flow-records.com/images/title_container_right_white_bg.gif) no-repeat bottom left; right:-11px;}
.titleContainerSocial.right .facebookShare {background: url(http://www.flow-records.com/images/title_container_right_corner_white_bg.gif) no-repeat bottom right; padding:6px 0 14px 0;}
.titleContainerSocial.right .twitterShare {padding:6px 0 12px 6px;}

/* News Item */
.newsItem {margin-bottom:10px;}
.newsItem p {margin-left:170px;}
.newsItem h4 {padding:20px 8px 0; margin-left:170px;}

.newsItem h3 {color:#fafafa; padding-right:10px; min-height:1px;}
.newsItem:hover {background:#ededed;}
.newsItem:hover h3 {color:#ededed; background:#fafafa;}
.newsItem .titleContainer {margin-top:20px;}

/* Release Item */
.releaseItem {padding-bottom:10px; margin-bottom:10px; width:438px;}
.releaseItem.clear.left {margin-left:0;}
.releaseItem.left {margin-left:2px;}
.releaseItem h4 {padding:12px 8px 0; margin-top:8px;}
.releaseItem h4, .releaseItem p, .releaseItem ul {margin-left:200px;}
.releaseDetails, .releaseItem:hover h4, .releaseItem:hover ul, .releaseItem:hover p, .artistDetails, .bookingArtist:hover h4 {background:#ededed;}

.releaseDetails {width:328px; padding-bottom:20px;}
.artistDetails ul, .releaseDetails ul, .releaseDetails .button, .artistDetails .button {margin-left:48px;}

.releaseContent {width:558px; padding-top:40px;}
.releaseText {margin:0 48px 0 40px;}
.releaseText h5, .releaseText p {margin:10px 0;}
.releaseText ul li {margin-left:20px; list-style-type:square;}

.artistDetails {width:328px; padding-bottom:20px;}

.bookingArtist {margin:10px; width:200px; height:220px;}
.bookingArtist h4 {margin-left:40px; padding:10px;}
.bookingArtist a {font-weight:normal;}
.bookingArtist p {text-align:center;}

/* Paging */
.paging {text-align:center; padding:10px; background:#fff; font-weight:bold;}

/* Footer */
#footer {clear:both;}
.socialIcons {padding: 0 10px 10px 0;}
.socialIcons a, .rss {text-indent:-9999px; display:block; width:32px; height:32px; float:left; margin:10px 0 0 10px; background: url(http://www.flow-records.com/images/social_icons.gif) no-repeat top left;}

.socialIcons a[title="Twitter"] {background-position: -84px 0;}
.socialIcons a[title="Facebook"] {background-position: -42px -42px;}
.socialIcons a[title="Myspace"] {background-position: -84px -42px;}
.socialIcons a[title="Beatport"] {background-position: 0 -42px;}
.socialIcons a[title="Soundcloud"] {background-position: -126px -42px;}
.socialIcons a[title="Youtube"] {background-position: -126px 0;}
.rss {background-position: -42px 0; margin-right:10px;}

.socialIcons a[title="Twitter"]:hover {background-position: -84px -84px;}
.socialIcons a[title="Facebook"]:hover {background-position: -42px -126px;}
.socialIcons a[title="Myspace"]:hover {background-position: -84px -126px;}
.socialIcons a[title="Beatport"]:hover {background-position: 0 -126px;}
.socialIcons a[title="Soundcloud"]:hover {background-position: -126px -126px;}
.socialIcons a[title="Youtube"]:hover {background-position: -126px -84px;}
.rss:hover {background-position: -42px -84px;}

.contactInfo {width:358px; padding-bottom:3px;}
.socialIcons.container, .contactInfo.container 
{
	margin-bottom:0;
	border-bottom:none;	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.carousel {height:274px; background: #ededed;}

.tweet {margin:8px;}
.tweet blockquote {background:#ededed; padding:10px;}
.tweet:hover blockquote {background:#ddd;}
.tweet span {padding:15px 10px 0 10px;}
.tweet span.right {background:url(http://www.flow-records.com/images/tweet_bottomright_bg.gif) no-repeat top right;}
.tweet span.left {background:url(http://www.flow-records.com/images/tweet_bottomleft_bg.gif) no-repeat top left;}
.tweet:hover span.right {background:url(http://www.flow-records.com/images/tweet_bottomright_bg_hover.gif) no-repeat top right;}
.tweet:hover span.left {background:url(http://www.flow-records.com/images/tweet_bottomleft_bg_hover.gif) no-repeat top left;}

/* Buttons */
.releaseDetails .button, .artistDetails .button {width:200px;}
.button {background:#54c5d0; padding:5px; display:block; margin:8px; border-left:2px solid #231f20;}
.button[title="press release"] {background:#54c5d0 url(http://www.flow-records.com/images/pr_button.gif) no-repeat center right;}
.button[title="beatport"] {background:#54c5d0 url(http://www.flow-records.com/images/beatport_button.gif) no-repeat center right;}
.button[title="buy cd"] {background:#54c5d0 url(http://www.flow-records.com/images/cd_button.gif) no-repeat center right;}
.button[title="rsvp"] {background:#54c5d0 url(http://www.flow-records.com/images/rsvp_button.gif) no-repeat center right;}
.button[title="Artist Booking"] {background:#54c5d0 url(http://www.flow-records.com/images/book_button.gif) no-repeat center right;}
.button[title="Artist Management"] {background:#54c5d0 url(http://www.flow-records.com/images/manage_button.gif) no-repeat center right;}
.button[title="Artist Website"] {background:#54c5d0 url(http://www.flow-records.com/images/website_button.gif) no-repeat center right;}

.linkItem {padding:8px; width:260px; margin:10px 10px 10px 0;}
.linkItem:hover {background:#ededed;}
.linkItem h4, .linkItem p {margin-left:80px;}

.fbMargin {margin-top:120px;}

#freeform {margin:20px;}
#freeform textarea {border:2px solid #231F20; width:298px; padding:4px; max-width:500px !important;}
#freeform select {border:2px solid #231F20; width:200px;}
#freeform p.left {margin:0 10px 10px 0;}
#freeform h4, .bookingRequest h4 {margin:40px 0 10px 0;}

.bookingRequests {margin-top:80px;}
.bookingRequest {padding:20px;}