body{background:#000 url(../images/mainbg.jpg) no-repeat center top fixed; font-size:12px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#e0e0e0; font-weight:600; text-align:justify;}
a {color: #f3f6b5; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
a:hover {color: #FFF; text-decoration:none;}
a, a:visited {text-decoration: none; outline: 0;}
a:hover, a:focus {text-decoration:none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
p a, p a:visited { line-height: inherit; }

/* Typography */
h1, h2, h3, h4, h5{font-weight:normal; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h3, h4, h5{line-height:inherit;}
h1{font-size:30px; margin-top:0; }
h2{font-size:24px; margin-top:0; color:#FFF; margin-bottom:20px;}
h3{font-size:15px; margin-top:0; color:#fff; font-weight:600;}
h4{font-size:17px;}
.tooltip.in{background:none;}
/* Typography */

header{background:#000 url(../images/headerbg.jpg) no-repeat center top; box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); padding:44px 0 50px 0;}
.logo{margin-right:15px; float:left;}
.logo img{border-radius:50%; }
.logo-text{padding:21px 0 0 10px; overflow:hidden;}
.logo-text h1{font-size:35px; font-weight:600; color:#000; padding-bottom:0px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.logo-text h1 span {border-left: 1px dotted #575757; color: #171514; display: inline-block; font-size: 12px; line-height: 14px; padding: 3px 25px 3px 12px;}
.head-contact{font-weight:700; font-size:14px; padding:7px 0 0 0;}
.head-contact i{padding:0 5px;}

blockquote{padding:4px 0 4px 15px; border-left:5px solid #f3f6b5; font-style:italic;}
blockquote p{font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:22px; line-height:30px;}
blockquote span{color:#f3f6b5;}

.social-icons{padding:0px 0 0 0;} 
.social-icons p{float:left;}
.social-icons ul{margin:0; list-style-type:none; float:left;}
.social-icons ul li{display:inline; padding:0 0 0 2px;}
.social-icons ul li a{display:inline-block;}


/* ============ Main Body Content ============  */
#menu-icon {
	display: none; /* hide menu icon initially */
}
#content { padding:0 0 80px 0; width: 100%; z-index: 100; height:100%;}
#content .nav {background:#1b1b1b; font-size:13px; text-transform:uppercase; font-weight:600; margin:0; }
#content .nav ul { margin: auto; overflow: hidden; list-style-type:none; position:relative; width:800px;}
#content .nav li { float: left; padding:0; position:relative;}
#content .nav a { color: #fff; width:100px; padding:15px 0; text-align:center; display:block; }
#content .nav li.current a, #content .nav li a:hover{background:#f3f6b5; color:#000; text-decoration:none;}
#content .page { color: #fff; margin: auto; padding:0; position: relative; }
#content .page.tab { margin:0; position: absolute; width:100%;}
#content .page.tab p {text-align:center; margin:0; font-size:10px; font-weight:600; text-transform:uppercase;}
#content .footer {bottom: 0; position: absolute; width: 100%; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
#content .footer span { display: block; text-align: center; width: 100%; }
#borderdotted { width:100%; height:20px; border-bottom:1px dotted #666; margin-bottom:20px; }

/* ============ End ============  */

#residencycontents { width: 800px; height:100%; margin:0 auto 0 auto; padding-top:30px;}

#box1 { width: 800px; height: 352px; margin-bottom:30px;}
#box2 { width: 800px; height: 316px; margin-bottom:30px;}
#box3 { width: 800px; height: 242px; margin-bottom:30px;}
#box4 { width: 800px; height: 147px; margin-bottom:30px;}
#box5 { width: 800px; height: 200px; margin-bottom:30px;}
#box6 { width: 800px; height: 50px; margin-bottom:30px;}
#box7 { width: 800px; height: 100%; margin-bottom:30px;}
#box7 h1 { font-size:22px; color:#fff; border-bottom:1px dotted #666;margin-bottom:20px;}

#pagecolumnleft { width: 450px; margin-right:20px; float:left;}
#pagecolumnright { width: 330px; float:left;}

#tourdates { width: 330px; margin-right:20px; float:left;}
#tourdatestitle { width:330px; height:35px; background-image:url(../titles/tourdates.png); background-repeat:no-repeat; margin-bottom:10px; }
#tourdatescontents { width: 330px; height:275px; background-color:#000; margin-bottom:10px; }
#bandsintown { width: 300px; height:245px; padding:3px; }
#tourdatesfooter { width:330px; height:20px; }

#newsslide { width: 450px; float:left;}
#newsslidecontents { width: 450px; }
#newsslidetitle { width:450px; height:35px; background-image:url(../titles/news.png); background-repeat:no-repeat; margin-bottom:10px; }

#instashots { width: 240px; float:left; margin-right:20px; }
#instashotstitle { width:240px; height:35px; background-image:url(../titles/instagram.png); background-repeat:no-repeat; margin-bottom:10px; }
#instashotscontents { width: 240px; height:240px; margin-bottom:10px;}
#instashotsfooter { width:240px; height:20px; }

#youtube { width: 540px; float:left; }
#youtubetitle { width:540px; height:35px; background-image:url(../titles/youtube.png); background-repeat:no-repeat; margin-bottom:10px; }
#youtubecontents { width: 540px; height:240px; margin-bottom:10px; }
#youtubefooter { width:540px; height:20px; }

#soundcloudsong { width: 510px; float:left; margin-right:20px; }
#soundcloudsongtitle { width:510px; height:35px; background-image:url(../titles/soundcloud.png); background-repeat:no-repeat; margin-bottom:10px; }
#soundcloudsongcontents { width: 510px; height:165px; margin-bottom:10px;}
#soundcloudsongfooter { width:510px; height:20px; }

#lasttwitter{ width: 270px; float:left; }
#lasttwittertitle { width:270px; height:35px; background-image:url(../titles/twitter.png); background-repeat:no-repeat; margin-bottom:10px; }
#lasttwittercontents { width: 270px; height:165px; margin-bottom:10px; }
#lasttwitterfooter { width:270px; height:20px; }

#likeme{ width: 800px; float:left; }
#likemetitle { width:800px; height:35px; background-image:url(../titles/facebook.png); background-repeat:no-repeat; margin-bottom:10px; }
#likemecontents { background-color:#171514; width: 800px; height:100px; margin-bottom:10px; }
#likemecontents iframe { width: 790px; height:80px; padding:10px; }

#beatportbutton{ width: 200px; float:left; }
#itunesbutton{ width: 200px; float:left; }
#spotifybutton{ width: 200px; float:left; }
#labelbutton{ width: 200px; float:left; }

#footercredits{ width: 800px; float:left; padding-bottom:50px; border-top:1px dotted #666; padding-top:20px; }
#footercredits p { text-align:center; font-size:12px; color:#999;}
#footercredits p a, a:active, a:visited { color:#f3f6b5; text-decoration:none;}
#footercredits p a:hover { color:#666; text-decoration:none;}

#socialize{ width: 800px; float:left; margin-bottom:30px; }
#tourdatescalendar{ width: 800px; float:left; margin-bottom:30px; }
#musicpage{ width: 800px; float:left; margin-bottom:30px;}
#photogallery{ width: 800px; float:left; margin-bottom:30px; }
#videopage{ width: 800px; float:left; margin-bottom:30px; }
#aboutpage{ width: 800px; float:left; margin-bottom:30px; }
#aboutpage p { text-align:justify; font-size:12px; color:#999; line-height:15px; }
#contactspage{ width: 800px; float:left; margin-bottom:30px; }
#contactspage h3{ color:#999; font-size:14px; }
#contactspage p { text-align:justify; font-size:12px; color:#fff; line-height:15px; }
#contactspage p a, a:active, a:visited { color:#f3f6b5; text-decoration:none;}
#contactspage p a:hover { color:#fff; text-decoration:none;}

/* Back To Top */
#back-top {bottom: 80px; position: fixed; right: 20px; z-index: 10000;}
#back-top a {display: block; height: 32px; text-align:center; text-decoration:none; line-height:32px; color:#000; transition: all 0.3s ease 0s; width: 32px; background:#f3f6b5;}
#back-top a:hover{background:#333; color:#FFF; text-decoration:none;}
/* Back To Top */

/*
#twitter-feed  { padding:10px; width:250px; height:145px; color:#666; }
#twitter-feed a { color: #f3f6b5; font-size:11px; }
#twitter-feed .tweet-date { display: block; color: #666; font-size: 11px; margin-top: 3px; }
#twitter-feed p { margin-bottom: 3px; font-weight: 600;  color:#fff; font-size: 11px;}
#twitter-feed p a { font-weight: 600; color: #f3f6b5; }
#twitter-feed .tweet-date { margin-bottom: 10px; }
*/

#mc_embed_signup{ width: 450px; height:305px; float:left; background-color:#000; background-image:url(../images/newsletter.jpg); background-repeat:no-repeat; background-position: top center;}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:5px 0; font-size:12px; color:#fff;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #666; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: bold; height: 20px; line-height: 20px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; color:#fff; font-size:12px; font-weight:bold;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%; color:#666;}
#mc_embed_signup .asterisk {color:#ff0000; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}