@charset "utf-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
html {overflow-y: scroll}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	height: 100%;
}
body {
	height: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #413a2a;
	font-family: Arial, sans-serif;
}
a {
	font-size: 17px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px #555555;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
}
a:hover {
	border-bottom: solid 2px #ffffff;
}
p {
	font-size: 17px;
	line-height: 26px;
	color: #000000;
	font-weight: normal;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 42px;
	line-height: 44px;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}
h3 {
	font-size: 33px;
	line-height: 34px;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}
.cleaner {
	clear: both;
	line-height: 0px; 
	font-size: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
}
#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}/*
.wrapper-index{
	background: #213b3c top center no-repeat url(images/bgindex.jpg);
}
.wrapper-media{
	background: #ffffff top center no-repeat url(images/bgmedia.jpg);
}
.wrapper-merch{
	background: #402f28 top center no-repeat url(images/bgmerch.jpg);
}
.wrapper-bio{
	background: #4a96b8 top center no-repeat url(images/bgbio.jpg);
}
.wrapper-press{
	background: #4a96b8 top center no-repeat url(images/bgbio.jpg);
}
.wrapper-contact{
	background: #80a5b7 top center no-repeat url(images/bgcontact.jpg);
}*/

.wrapper-index{
	background: #000 top center no-repeat url(images/bgindex.jpg);
}
.wrapper-media{
	background: #000 top center no-repeat url(images/bgmedia.jpg);
}
.wrapper-merch{
	background: #000 top center no-repeat url(images/bgmerch.jpg);
}
.wrapper-bio{
	background: #000 top center no-repeat url(images/bgbio.jpg);
}
.wrapper-press{
	background: #000 top center no-repeat url(images/bgbio.jpg);
}
.wrapper-contact{
	background: #000 top center no-repeat url(images/bgcontact.jpg);
}

/*   Header  bg*/
.wrapper-header {
	height: 196px;  
	position: relative;
}
.wrapper-header-bg-solid {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 99px;
}
.wrapper-header-bg {
	opacity: 0.9;	
	-moz-opacity: 0.9; 
	filter: alpha(opacity=90);
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 98px;
}
.wrapper-header-index {
	background: #0a0a0a;
}
.wrapper-header-media {
	background: #3fcbff;
}
.wrapper-header-merch {
	background: #f5100f;
}
.wrapper-header-bio {
	background: #ffd200;
}
.wrapper-header-press {
	background: #7ddd00;
}
.wrapper-header-contact {
	background: #ff00c0;
}
/* header */
#header {
	height: 196px;
	width: 954px;
	margin:0 auto;
}
/* menu  */
#menu {
	height: 30px;
	width: 100%;
	padding-top: 12px;
	margin-bottom: 29px;
}
#menu ul li {
	margin-right: 88px;
	float: left;
	height: 30px;
}
#menu ul li.last {
	margin-right: 0;
	float: left;
	height: 30px;
}
#menu ul li a{
	font-size: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	border: none;
} 
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.selected a {
	border-bottom: solid 2px #ffffff;
} 
/*logo*/
#logo {
	width: 954px;
	height: 109px;
	display: block;
	opacity: 1;	
	-moz-opacity: 1; 
	filter: alpha(opacity=100);  
	background: top left no-repeat url(images/logo.png);
	position: absolute;
	top: 59px;
	left: 0:
}
* html body #logo {
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/logo.png', sizingMethod='crop');
	background: none;
}
/* page content */
#wrapper #page {
	width: 964px;
	margin: 0 auto;
	padding: 40px 0 153px 0;
}
/*index page*/
#wrapper #page .logo-box {
	display: block;
	height: 351px;
	width: 330px;
	padding: 29px 0 0 0;
	background: top left no-repeat url(images/big-science.png);
	float: left;
}

.wrapper-media #page,
.wrapper-merch #page {
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

* html body #wrapper #page .logo-box {
	display: block;
	height: 351px;
	width: 330px;
	padding: 29px 0 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/big-science.png', sizingMethod='crop');
	background: none;
	float: left;
}
#wrapper #page .news-box {
	width: 309px;
	padding: 0 10px 0 0;
	float: left;
}
#wrapper #page span.dark-bg {
	background: #000000;
	padding: 4px 6px;
}
#wrapper #page h2 {
	margin:0 0 25px;
}
#wrapper #page .shows-box {
	width: 300px;
	padding-right: 13px;
	float: left;
}
/*other pages*/
#page #left-bar {
	display: block;
	width: 298px;
	padding: 0 27px 0 0;
	float: left;
}
#page #left-bar-contact {
	display: block;
	width: 308px;
	padding: 0 17px 0 0;
	float: left;
}
#page #left-bar h2,
#page #left-bar-contact h2{
	color: #ffffff;
	padding: 2px 3px;
	margin: 0 0 25px 0;
}
#page #left-bar h2 span {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	padding: 0 5px;
}
#page #left-bar h2 span.index {
	background: #0a0a0a;
}
#page #left-bar h2 span.media {
	background: #3fcbff;
}
#page #left-bar h2 span.merch {
	background: #f5100f;
}
#page #left-bar h2 span.bio { 
	background: #ffd200;
}
#page #left-bar h2 span.press {
	background: #7ddd00;
}
#page #left-bar-contact h2 span.contact {
	background: #ff00c0;
}
#page #left-bar table.blocks {
}
#page #left-bar table.blocks td, #page #left-bar .ditto-m{
	width: 77px;
	height: 77px;
	padding: 0 25px 22px 0;
	vertical-align: middle;
}

#page #left-bar h2 span.contact {
background:#FF00C0 none repeat scroll 0 0;
}


.ditto-m {
float: left;
}
#page #left-bar table.blocks td.bio-name{
	width: 270px;
	padding: 0 0 5px 0;
}
#page #left-bar table.blocks td.bio-name a{
	padding-top: 5px;
}
#page #left-bar table.blocks td.last{
	width: 102px;
	height: 100px;
	padding: 0 0 22px 0;
}
#page #left-bar table.blocks td .small-pic{
	width: 77px;
	height: 77px;
	overflow: hidden;
	background: #e3dfe6;
}
/*for the front page */
#page a.light {
	display: block;
	float: left;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	padding: 4px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	margin-bottom: 16px;
	position: relative;
	padding-left: 6px;
}
#page a span.text, .tweet-post span.text{
	padding: 4px 6px 4px 0;	
	top: 0;
	left: 10px;
}
#page a span.padd, .tweet-post span.padd {
	display: block;
	height: 100%;
	width: 6px;
	position: absolute;
	top: 0;
	left: 0;
}

.box-wrapper {
float: left;
}

#page .tweet-post {
	
	margin-bottom:16px;
	padding:2px 4px 3px 5px;
	color: #fff;
	width: 250px;
	/*font-size: 13px;*/
	position: relative;
}
.tweet-post a.extlink {
font-size: 12px; color: #fff;
border: 0;
}

#page .tweet-post span {
background: #3fcbff;
}

#page a.blue span {
	background: #3fcbff;
}
#page a.light:hover span,
#page a.light:active span,
#page a.light:focus span{
	background: #858585;
}
#page a.yellow span {
	background: #ffd200;
}
#page a span.small-text {
	font-size: 15px;
	line-height: 19px;
	padding: 4px 6px 4px 0;
}
#page a.light:hover span.small-text,
#page a.light:active span.small-text,
#page a.light:focus span.small-text{
	background: #858585;
}
#page a.dark span {
	background: #000;
}
#page a.contact {
	padding: 4px;	
}
#page a.contact span {
	padding: 4px 6px;
	left: 0;
}
/**/
#page .right-content {
	display: block;
	width: 639px;
	float: right;
	position: relative;
}
#page .right-content .right-content-light {
	display: block;
	width: 613px;
	height: 415px;
    opacity: 0.8;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
	background: #E3DFE6;
	position: absolute;
	padding: 13px;
	z-index: 98;
}
#page .right-content-dark {
	background: #000000;
    opacity: 0.8;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
	padding: 33px;
	width: 567px;
}
#page .right-content-dark p{
	color: #ffffff;
	padding: 0 0 20px 0;
}
#page .right-content-dark p a{
	color: #ffffff;
}
#page .right-content-dark h3{
	margin-bottom: 18px;
}
#page .right-content-dark .label {
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 8px 0;
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	color: #ffffff;
}
#page .right-content-dark .input,
#page .right-content-dark .text{
	display: block;
	margin: 4px 7px 14px;
	width: 534px;
	color: #222222;
	border: solid 1px #b9b8b8;
	padding: 5px 7px;
	background: #fffffb;
	outline: 0 none;
	font-size: 12px;
	text-align: left;
}
#page .right-content-dark .submit-btn{
	margin-left: 7px;
}
#page .right-content .right-content-abs {
	display: block;
	width: 613px;
	padding: 13px;
	position: absolute;
	z-index: 99;
}
#page .right-content .right-content-abs .merch-big-pic{
	width: 337px;
	overflow: hidden;
	float: left;
}
#page .right-content .right-content-abs .merch-big-pic img{
	opacity: 1;	
	-moz-opacity: 1; 
	filter: alpha(opacity=100);
	display: block;
}
#page .right-content .right-content-abs span.price {
	font-size: 16px;
	font-weight: bold;
	background: #f5100f;
	padding: 10px;
	color: #ffffff;
	margin: 16px 0 10px 0;
	float: left;
}
#page .right-content .right-content-abs .info {
	width: 252px;
	float: right;
	padding: 0 0 18px 0;
}
#page .right-content .right-content-abs .info h3 {
	color: #000000;
	margin-bottom: 22px;
}
#page .right-content .right-content-abs .info p {
	margin-bottom: 22px;
}
#page .right-content .right-content-abs .info select{
	display: block;
	margin: 0 0 12px 0;
	width: 129px;
}
#page .right-content .right-content-abs .info .add-btn{
	display: block;
	margin: 10px 0 0 0;
	width: 82px;
	height: 26px;
}
/*  footer  */
#wrapper #wrapperfooter {
	height: 73px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.wrapperfooter-index {
	background: #0a0a0a;
}
.wrapperfooter-media {
	background: #3fcbff;
}
.wrapperfooter-merch {
	background: #f5100f;
}
.wrapperfooter-bio {
	background: #ffd200;
}
.wrapperfooter-press {
	background: #7ddd00;
}
.wrapperfooter-contact {
	background: #ff00c0;
}
#footer {
	margin: 0 auto;
	width: 954px;
}
#footer .bottom-menu{
	float: right;
	padding-top: 25px;
}
#footer .bottom-menu ul{
	float: left;
}
#footer .bottom-menu ul li {
	float: left;
	padding: 0 10px;
}
#footer .bottom-menu ul li a{
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}
#footer .bottom-menu ul li a:hover{
	border-bottom: solid 1px #ffffff;
}
#footer #player-box {
	width: 542px;
	float: left;
	margin-top: 22px;
}
   

#downloadform, #signupform {
display: none;
}

#downloadform p {
color: #fff;
}

#signupform , #signupform iframe{
color: #fff;
}
 
#signupform  form{display: block !important;}
blockquote {font-style: italic; font-size: 17px; line-height: 26px; color: #fff; padding: 0 0 2px;}

.single-video {
	border: solid 6px #ffffff;
	float: left;
	margin-right: 19px;
	margin-bottom: 19px;
	position: relative;
	height: 150px;
	width: 200px;
}
.single-video a .descr {
	display: none;
	position: absolute;
	height: 185px;
	height: 130px;
	width: 180px;
	background: #000000;
	padding: 10px;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);  
	opacity: 0.8;
}
.single-video a .descr p{
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14px;
}
.single-video a:hover .descr{
	display: block;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:600px;     
    min-height:450px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(http://serenabrahney.com/assets/templates/serena/images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	z-index: 99999;
}