/*
Theme Name: Starkers + 1140 Grid System
Theme URI: http://thedotmack.com
Description: The totally nude Wordpress theme and the totally amazing 1140 Fluid (all the way down to mobile) CSS Grid had a child, and this is it. Derived from Elliot Jay Stocks' Starkers Theme (http://starkerstheme.com/) and the 1140 CSS Grid (http://cssgrid.net/).
Version: 1.0
Author: Alex Newman
Author URI: http://thedotmack.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

.rosterimg{
height:100px;
width:100px;
float:left;
padding: 10px 10px 10px 0px;

}


.rosterartist{
	display:inline;
	width:40%;
	min-height:120px;
	float:left;
	margin:0 10% 25px 0%;

}

.rosterartist h1{
	font-size:18px;
	color: #B03877;
	margin:10px 0px 0px 0px;
	text-transform:uppercase;
	font-weight:100;
	font-family: 'new_ciclesemi';
	text-align:left !important;
	border:none;

}

.soundcloudicon{
	height:40px;
	width:40px;
	margin:10px;
	float:right;
}

.artists {
	position: relative;
	display: inline-block;
	box-shadow: 0px 0px 2px #888;	
}


.featuredartist	a{
font-size:18px;

}
.featuredartist p{
font-size:12px;
}

.featuredartist{
	display:inline;
	width:23%;
	min-height:250px;
	float:left;
	margin:0 1% 50px 1%;
}

.usp{
margin-top:150px;
text-align:center;

}

.usp h1{
	font-size:25px;
	text-transform:uppercase;
	text-align:center;
	font-weight:100;
	color:#B03877;
	line-height:115%;
	border: none;
	margin: 25px auto; 
}

#partners h5{
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	font-weight:100;
	color:#B03877;
	margin-bottom:15px;	
}

#tagline h1{
	font-size:25px;
	text-transform:uppercase;
	text-align:center;
	font-weight:100;
	line-height:115%;
	margin: 25px auto; 
	color:#fff;
	border:none;
	width:100%;
	 letter-spacing: 1px;
}


.discoverimg{
	width:20%;
	margin-right:2px;

}

.discoverimg:hover{
	width:18%;
	padding:1%

}

#discover{
	width:100%;
	height:auto;
	background: url(images/other_artists.jpg);
	text-align:center;
	border-bottom:solid 1px #B03877;
	margin-bottom:15px;
	padding-bottom:10px;
}


#fullsplit{
width:100%;
text-align:center;
height:auto;
}

#aria{
margin-bottom:50px;
}

#bella{
margin-bottom:50px;
}
#cat{
margin-bottom:50px;
}

.prev{
	float:left;
}


.next{
	float:right;
}

#postnav{
	text-align:center;
	margin-top:50px;
}

.split{
	text-align:center;
	width:50%;
	margin-right:auto;
	margin-left:auto;
}

#blogpost a{

}


#newssidebar a{
	margin-left:20px;
	color:#666364;
	font-family: 'new_ciclesemi';
	font-size:18px;
	text-transform:uppercase;
	font-weight:100;

}

#newssidebar li{
	margin-bottom:10px;
}

.more-link{
	float:right;
	margin-top:25px;
	font-family: 'new_ciclesemi';
	font-size:18px;
}

.more-link:hover{
	text-shadow: 1px 1px 0px #DBDBDB;
}

#blog{
	text-align:left;
}

#blog p{
	margin-left:200px;
}

#blog h2{
	display:block;
	text-align:left;
	font-family: 'new_ciclesemi';
	text-shadow: 1px 1px 0px #DBDBDB;
	text-transform:uppercase;
	font-weight:100;
	font-size:30px;
}

#blog h2 a:hover{
	text-shadow: 0px 0px 0px #DBDBDB;
	
}


 #blog h3{
	display:block;
	text-align:left;
	font-family: 'new_ciclesemi';
	text-shadow: 1px 1px 0px #DBDBDB;
	text-transform:uppercase;
	font-weight:100;
	font-size:15px;
}

#post{
	margin-top:50px;
}

#blogpost{
	text-align:left;
}

#comments{
	margin-top:50px;
}


#blogpost h2{
	display:block;
	text-align:left;
	font-family: 'new_ciclesemi';
	text-shadow: 1px 1px 0px #DBDBDB;
	text-transform:uppercase;
	font-weight:100;
	font-size:30px;
	color:#B03877;
}

#blogpost h2 a:hover{
	text-shadow: 0px 0px 0px #DBDBDB;
	
}


 #blogpost h3{
	display:block;
	text-align:left;
	font-family: 'new_ciclesemi';
	text-shadow: 1px 1px 0px #DBDBDB;
	text-transform:uppercase;
	font-weight:100;
	font-size:15px;
}


.entry-date{
	display:block;
}


.attachment-post-thumbnail{
	height:180px;
	width:200px;
	float:left;
	margin-right:15px;
}

#newssidebar{
	background-color:#E1E0DE;
	color:#494647;
	font-size:14px;
	font-family: 'new_ciclesemi';
	text-align:left;
}

#newssidebar h3{
	text-align:left;
	color:#fff;
	text-shadow: 1px 1px 0px #494647;
	text-transform:uppercase;
	font-weight:100;
	font-size:20px;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:6px;
	background: url(images/sideback.jpg);
	max-width:400px;
	
}


html { 
  background: url(images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@font-face {
    font-family: 'new_ciclesemi';
    src: url('fonts/new_cicle_semi-webfont.eot');
    src: url('fonts/new_cicle_semi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/new_cicle_semi-webfont.woff') format('woff'),
         url('fonts/new_cicle_semi-webfont.ttf') format('truetype'),
         url('fonts/new_cicle_semi-webfont.svg#new_ciclesemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brush_script_mtitalic';
    src: url('fonts/brush_script-webfont.eot');
    src: url('fonts/brush_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brush_script-webfont.woff') format('woff'),
         url('fonts/brush_script-webfont.ttf') format('truetype'),
         url('fonts/brush_script-webfont.svg#brush_script_mtitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'forumregular';
    src: url('fonts/forum-regular-webfont.eot');
    src: url('fonts/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/forum-regular-webfont.woff') format('woff'),
         url('fonts/forum-regular-webfont.ttf') format('truetype'),
         url('fonts/forum-regular-webfont.svg#forumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 body{
 	font-family: 'new_ciclesemi';
	font-size:22px;
}


::-moz-selection{ background: #B03877; text-shadow:none; color:#fff; }
::selection { background:#B03877; text-shadow:none; color:#fff;}

#border-top{
	height:10px;
	width:100%;
	background-color:#fff;
	top:0px;
	z-index:99999999;
	position:fixed;
	
}


#border-bottom{
	height:10px;
	width:100%;
	background-color:#fff;
	bottom:0px;
	z-index:99999999;
	position:fixed;
	
}

#border-right{
	width:10px;
	height:100%;
	background-color:#fff;
	right:0px;
	z-index:99999999;
	position:fixed;
	
}

#border-left{
	width:10px;
	height:100%;
	background-color:#fff;
	left:0px;
	z-index:99999999;
	position:fixed;
	
}


#artistshome{
	margin-top:150px;
	text-align:center;
}

#artistshome2{
	margin-top:25px;
	text-align:center;
}


#logo{
	margin-right:auto;
	margin-left:auto;
	width:28%;
	text-align:center;
	margin-top:175px;

}


#logohead{
	margin-left:50px;
	margin-top:20px;



}

#header {
	top:0px;
	left:0px;
	position:fixed;
	width:100%; 
	height:120px;
	background: url(images/back-transparent-pink.png); 
	padding-top:5px; 
	z-index:999999;
}

#access{
	text-align:right;
	padding-top:55px;
	padding-bottom: 10px;
	min-width: 700px;
	z-index:9999999;
	position:fixed;
	top:0px;
	right:50px;
		
}

#access li.current_page_item a{
	text-decoration:none;
   color: #cccccc; padding: 7px 10px 5px 10px;  
}

#access ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

#access li {display: inline; padding: 7px 10px 5px 10px; font-size: 22px;  }

#access a {text-decoration:none; color: #FFF; padding:7px 10px 5px 10px;  }

#access a:hover { text-decoration:none; padding: 7px 10px 5px 10px; color: #cccccc;}



#content{
	background: url(images/back-transparent.png); 
	width:100%;
	height:auto;
	min-height:400px;
	padding-top:150px;
	padding-bottom:150px;
}

.page-id-5 #content{
	margin-top:100px;
	padding-top:50px;
	box-shadow: 0px 0px 5px #000;
}

#homecontent{
	width:60%;
	margin-right:20%;
	margin-left:20%;
	text-align:center;
}

#artistscontent{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	text-align:center;
}

#social{
	padding-left:10px;
	padding-right:15px;
	height:auto;
	width:auto;
	background: url(images/back-transparent-pink.png); 
	bottom:30px;
	right:30px;
	position:fixed;
	z-index:999999;	
}


#socialfoot{
	width:auto;
	text-align:center;
	
	color:#ffffff;
}

.padded{

margin: -15px 0px 10px 20px !important;
color:#ffffff;
font-size:14px;

}



.social{
	width:40px;
	height:40px;
	
	

}

.social :hover{
	width:37px;
	height:37px;
	margin-right:3px;	
}


#partners{
	text-align:center;
	margin-top:150px;
}

.partner{
	margin-bottom:25px;
	
}



#footer {
	background-color:#B03877;
	height:auto;
	text-align:center;
	padding-bottom:30px;
	padding-top:15px;
	padding-left:20px;	
	padding-right:20px;
	font-size:12px;
	color:#fff;
	text-align:left;
		
}

p{
	font-family: 'forumregular';
	color:#494647;
	font-size:16px;
	line-height:1.4;
}

em{
	text-align:center;
}

h1{
	font-size:60px;
	text-transform:uppercase;
	text-align:center;
	font-weight:100;
	color:#B03877;
	line-height:115%;
	border-top: double 3px #B03877;
	border-bottom: double 3px #B03877;
	display:table;
	margin: 25px auto; 
}


h2{
	font-size:22px;
	font-family: 'brush_script_mtitalic';
	text-align:center;
	font-weight:100;
	color:#595758;
}



a{
	color:#B03877;
	text-decoration:none;
}


a:hover{
	text-decoration:underline;
}

#artist h1{
	font-size:35px;
	font-weight:100;
	color:#B03877;
	text-align:left;
	border-top:none;
	border-bottom:solid 1px #B03877;
	display:block;
}

h3{
	font-size:35px;
	font-weight:100;
	color:#B03877;
	text-align:center;
	margin-bottom:5px;
}
h4{
	font-size:26px;
	font-weight:100;
	color:#fff;
	text-transform:uppercase;
	padding-top:10px;
	text-align:center;
	text-shadow: 0px 0px 2px #888888;
	padding-bottom:10px;
}

h5{
	font-size:20px;
	text-transform:uppercase;
	text-align:right;
	font-weight:100;
	color:#B03877;
	margin-top:15px;	
}

h6{
	font-size:14px;
	text-transform:uppercase;
	font-weight:100;
	color:#fff;
	
	
	
}

h7{
	 font-family: 'new_ciclesemi';
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	font-weight:100;
	color:#B03877;

}


h8{
	 font-family: 'new_ciclesemi';
	font-size:14px;
	text-align:center;
	font-weight:100;
	color:#B03877;

}


.quote{
	text-align:center;
	font-style:italic;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.splitter{
	margin-top:50px;
	text-align:center;

}

#artistsocial{
	width:100%;
	height:100px;
	background: url(images/pink-img-back.jpg);
	text-align:center;
	border-bottom:solid 1px #B03877;
	margin-bottom:15px;
}


.artists{
	height:100%;
	width:100%;
	box-shadow: 0px 0px 2px #888888;
	min-height:50px;
	min-width:50px;
	
}


#charity{
	text-align:center;
}




.sub-menu{
	background: #B03877; 

	}

.sub-menu a{
	display:block;
	width:150px;
}



.polaroids{
	width:90%;
	text-align:left;
}

#artisttext{
	padding-bottom:25px;
	border-bottom:solid 1px #B03877;
}

#main{
	text-align:center;
	margin-bottom:50px;
}


#copyright{
	padding-top:10px;
	line-height:150%;
}

#copyright a{
	color:#E8E8E8;
}

#copyright a:hover{
	color:#E8E8E8;
	text-decoration:underline;
}


input[type="text"] {
	box-shadow: 0px 0px 2px #888;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 24px;
	border:none;
	font-family: 'forumregular';
	color:#A5A5A5;
	font-size:17px;
	line-height:1.4;
	display:block; 
	padding:8px 8px; 	
	text-indent:5px;
	height:30px; 
	width:25%; 
	min-width:300px;
	display:block; 	
	
} 


input[type="email"] {
	box-shadow: 0px 0px 2px #888;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 24px;
	border:none;
	font-family: 'forumregular';
	color:#A5A5A5;
	font-size:17px;
	line-height:1.4;
	display:block; 
	padding:8px 8px; 	
	text-indent:5px;
	height:30px; 
	width:25%; 
	min-width:300px;
	display:block; 	
} 




textarea{
	box-shadow: 0px 0px 2px #888;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 24px;
	border:none;
	font-family: 'forumregular';
	color:#A5A5A5;
	font-size:17px;
	line-height:1.4;
	display:block; 
	padding:8px 8px; 	
	text-indent:5px;
	height:200px;
	min-height:200px; 
	width:50%; 
	min-width:300px;
	background-color:#FFF;
	resize: vertical;
	overflow:auto;
	

} 

.wpcf7 .submitbutton {  
background-color: #B03877;  
color: #FFF; 
cursor: pointer; 
display: inline-block; 
font-family: 'new_ciclesemi'; 
font-size:15px; 
font-weight: 100; 
height: 50px; 
line-height: 32px;  
text-align: center;  
vertical-align: top; 
white-space: nowrap; 
width:15%; 
min-width:100px;
border: 0px solid; 
margin-top:10px; 
margin-bottom:20px;
	transition: 0.2s;
	-moz-transition: 0.2s; /* Firefox 4 */
	-webkit-transition: 0.2s; /* Safari and Chrome */
	-o-transition: 0.2s; /* Opera */}


.wpcf7 .submitbutton:hover{background-color:#7F2B5F;
	transition: 0.2s;
	-moz-transition: 0.2s; /* Firefox 4 */
	-webkit-transition: 0.2s; /* Safari and Chrome */
	-o-transition: 0.2s; /* Opera */}


#side{
	text-align:center;
}


.thumbnails li {
    position: relative;
    overflow: hidden;
}



.thumbnail a p {
  position: absolute;
  bottom: 5px;
  width: 100%;
  height: 25%;
  background: rgba(176,56,119,0.7);
	color:#fff;
  text-align: center;
  opacity: 0;
}

.thumbnail a:hover p {
  opacity: 1;


}

.thumbnail a:hover p span 
{
margin-left:50px;
margin-right:50px;


	
}

.abtn{
	margin-top:15px;
	width:60%;
}

#mailinglist{
	padding-left:10px;
	height:auto;
	width:275px;
	min-width:275px;
	bottom:30px;
	left:30px;
	position:relative;
	z-index:99999;
	text-align:center;	
	
}

#mailinglist2{
	margin-top:15px;
	padding: 10px 10px 110px 10px;
	height:auto;
	width:100%;
	min-width:290px;
	bottom:30px;
	left:30px;
	text-align:center;
	background-color: #B03877; 
	background: url(images/mailback.jpg); 		
}
.mailing{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}


#mailinglist2 #mc-embedded-subscribe.button { 
	
	margin-top:5px;
	background:url(images/subscribe.jpg); 
	width:40px;
	height:40px;
	border:none;
	cursor:pointer;
	float:right;
	margin-right:17px;
}


#mailinglist2 #mc_embed_signup input[type="email"] {
	height:22px;
	border:1px solid #999; 
	background-color:#e8e8e8; 
	-webkit-appearance:none;
	float:left;
	width:70%;
	min-width:210px;
	margin-top:5px;

}
#mailinglist2 #mc_embed_signup input[type="text"]  {
	height:22px;
	border:1px solid #999; 
	background-color:#e8e8e8; 
	-webkit-appearance:none;
	float:left;
	margin-top:5px;
	width:90%;
	min-width:260px;
}

#mailinglist2  #mc-embedded-subscribe.button:hover { 
	background:url(images/subscribe-ovr.jpg); 
}


#mc_embed_signup{
	 clear:left;
	font:14px; 
	width:100%;
}


#mc_embed_signup input[type="email"] {
	height:22px;
	border:1px solid #999; 
	background-color:#e8e8e8; 
	-webkit-appearance:none;
	float:left;
	width:210px;
	min-width:210px;
	margin-top:5px;

}
#mc_embed_signup input[type="text"]  {
	height:22px;
	border:1px solid #999; 
	background-color:#e8e8e8; 
	-webkit-appearance:none;
	float:left;
	margin-top:5px;
	width:260px;
	min-width:260px;
}


#mc-embedded-subscribe.button { 
	margin-top:5px;
	background:url(images/subscribe.jpg); 
	width:40px;
	height:40px;
	border:none;
	cursor:pointer;
	float:right;
}

#mc-embedded-subscribe.button:hover { 
	background:url(images/subscribe-ovr.jpg); 
}

cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}



/* ============================= */
/* ! Layout for laptop screens   */
/* ============================= */

@media only screen and (max-width: 1366px) {

#logo{
	width:35%;
}


.page-id-5 #content{
	margin-top:175px;
	padding-top:50px;
}
}




/* ============================= */
/* ! Layout for tablets   */
/* ============================= */

@media only screen and (max-width: 1250px) {




.artists{
	height:auto;
	width:auto;
	box-shadow: 0px 0px 2px #888888;
	min-height:50px;
	min-width:50px;
}

#socialfoot{
	text-align:center;
}

.page-id-5 #content{
	margin-top:260px;
	padding-top:50px;
}

#access{
	text-align:right;
	padding-top:55px;
	padding-bottom: 10px;
	min-width: 400px;
	z-index:9999999;
	position:fixed;
	top:0px;
	right:10px;
		
}

#access li.current_page_item a{
	text-decoration:none;
   color: #cccccc; padding: 7px 10px 5px 10px;  
}



#access li {display: inline; padding: 7px 10px 5px 10px; font-size: 14px;  }




.social{
	width:30px;
	height:30px;
	margin-right:3px;

}

.social :hover{
	width:27px;
	height:27px;
	margin-right:6px;	
}

h6{
	font-size:14px;
	margin-top:13px;
	margin-left:0%;
	float:none;
}



}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 1150px) {


.more-link{
	float:none;
	text-align:center;
	margin-top:25px;
	font-family: 'new_ciclesemi';
	font-size:18px;
}


.attachment-post-thumbnail{
	display:block;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	float:none;
}

#blog p{
	margin-left:0px;
	text-align:center;
}

#mailinglist2{
	display:none; 		
}

#logo{
	margin-right:auto;
	margin-left:auto;
	width:50%;
	text-align:center;
	margin-top:115px;

}

#logohead{
	width:0%;
	text-align:center;
	margin-top:0px;
	height:0px;
	display:none;
}



#header {
	top:0px;
	left:0px;
	position:fixed;
	width:100%; 
	height:70px;
	background: #B03877;
	padding-top:5px; 
	z-index:999999;
}

#mailinglist{
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	height:auto;
	width:275px;
	min-width:275px;
	top:20px;
	left:0px;
	position:relative;
	z-index:99999;
	text-align:center;		
}



#social{
	padding-left:60px;
	padding-top:0px;
	height:50px;
	width:250px;
	min-width:250px;
	background: none; 
	margin-top:175px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	position:relative;
	z-index:99999;	
	margin-bottom:15px;
}

.page-id-5 #content{
	margin-top:50px;
	padding-top:50px;
	box-shadow: 0px 0px 5px #000;
}

#homecontent{
	width:100%;
	margin-right:0%;
	margin-left:0%;
}

#content{
	
	padding-top:115px;

}
#artistshome{
	margin-right:0%;
	margin-left:0%;
	width:100%;
}

#artistsocial{
	width:100%;
	height:auto;
	background: #B03877;;
	text-align:center;
	border-bottom:solid 1px #B03877;
	margin-bottom:15px;
}

#socialfoot{
	text-align:center;
	width:100%;
}

h1{
	font-size:35px;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}


h2{
	font-size:22px;
	text-align:center;
}

.polaroids{
	margin-right:5%;
	margin-left:5%;
	width:90%;
	text-align:center;
}


#artist h1{
	font-size:25px;
	text-align:center;
	border-top:none;
	border-bottom:solid 1px #B03877;
}

h3{
	font-size:35px;
	text-align:center;
	margin-bottom:5px;
}
h4{
	font-size:26px;
	padding-top:10px;
	text-align:center;
	padding-bottom:10px;
}

h5{
	font-size:16px;
	text-align:center;
	margin-top:15px;	
}

h6{
	font-size:14px;
	margin-top:13px;
	margin-left:0%;
	float:none;
}

h7{
	font-size:16px;
}

#descrip{
	margin-top:15px;
}


#access{
	text-align:center;
	padding-bottom: 10px;
	width:100%;
	z-index:9999999;
	position:relative;
	top:0px;
	margin-left:0%
	margin-right:0%;
	padding-top:10px;
	background:#B03877;
	min-width: 100px;
			
}

.shailan-dropdown-menu {
	width:80%;
	margin-right:10%;
	margin-left:10%;
	padding-right:15px;
}

.widget shailan-dropdown-menu-widget
	text-align:center;
	width:80%;
	margin-right:10%;
	margin-left:10%;
	padding-right:15px;
}





input[type="text"] {
	width:25%; 
	min-width:200px;	
} 

input[type="email"] {
	width:25%; 
	min-width:200px;		
} 

textarea{
	width:50%; 
	min-width:200px;
} 






}