/*-----------------------------------------------------------------------------
Rage the Movie

author:    kos korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);

/* Importing modules */
@import url(modules/forms.css);
@import url(modules/screenings.css);

/* Importing branding modules */
@import url(branding/header.css);
/*@import url(../shadowbox/shadowbox.css);*/

/* Importing navigation */
@import url(branding/navigation.css);



/* =Elements
-------------------------------------------------------*/
html,
body {
	height:100%;
	}
body {
	font-family:Arial,Helvetica,sans-serif;
	color:#fff;
	background:#b11900;
	}
	body.home  {
		background:#000;
		}
	body.tickets {
	background:#4b2149 url(/themes/rage_the_movie/images/tickets.jpg) 50% 0 no-repeat;
		}
	body.screenings {
	background:#404454 url(/themes/rage_the_movie/images/screenings.jpg) 50% 0 no-repeat;
		}
	body.gallery {
	background:#cf1c62 url(/themes/rage_the_movie/images/gallery.jpg) 50% 0 no-repeat;
		}
	body.dvd {
	background:#B11901 url(/themes/rage_the_movie/images/dvd.jpg) 50% 0 no-repeat;
		}
	body.mobile {
	background:#53535c url(/themes/rage_the_movie/images/mobile.jpg) 50% 0 no-repeat;
		}
	body.trailer {
		background:#635956;
		}
	body.qa {
		background:#f48500 url(/themes/rage_the_movie/images/qaBg.jpg) 70% 0 no-repeat;
		}
	body.online {
		background:#635956;
		}
	a:link {
		text-decoration:none;
		color:#000;
		}
	a:visited {
		text-decoration:none;
		color:#a4a7a6;
		}
	a:hover {
		text-decoration:none;
		color:#4d4d4d;
		}
	a:active {
		text-decoration:none;
		outline:none;
		}
	h1, h2, h3, h4, h5, h6 {
		line-height:1.3;
		text-transform:uppercase;
		font-size:1.2em;
		font-family:'Arial Black', Arial,Helvetica,sans-serif;
		}
		home.tickets h3 span {
			color:#efd1cc;
			}
		home.screenings h3 span {
			color:#c6c7cd;
			}
	p {
		line-height:1.5;
		padding:0 0 0.8em;
		}
	p.sign {
		padding-top:0;
		text-align:right;
		font-size:.8em;
		line-height:1;
		}
	p.em {
		line-height:1.3;
		font-size:1.16em;
		}
		
	h3 a span.tiny {
		font-size: 0.4em !important;
		}

/* =Layout elements
-------------------------------------------------------*/
.container {
	position:relative;
	width:889px;
	height:auto !important;
	min-height:600px;
	height:600px;
	margin:0 auto;
	padding-right: 5px;
	padding-left: 5px;
	}
	body.home .container  {
		padding-top:356px;
		min-height:244px;
		background:#000 url(/themes/rage_the_movie/images/Rage.jpg) 0 123px no-repeat;
		}
.content {
	float:left;
	width:442px;
	margin:130px 0 0;
	line-height:1.2;
	font-size:1.2em;
	}
	.column {
		float:left;
		width:210px;
		}
	.column.first {
		clear:left;
		}
	.column.second {
		float:right;
		}
body.screenings div.content {
	width:462px !important;
	}
	
body.online div.content {
	width:900px !important;
	}
		
body.home #sound  {
	visibility:hidden;
	}
body.home div.sound {
		display: none;
		}
body.home #Banner {
	outline:none;
	}
	
body.online a.sallypotter {
	height:24px;
		font-size:12px !important;
		font-family:'Arial Black', Arial,Helvetica,sans-serif;
		text-decoration:none;
		color:#c6c7cd;
		text-transform:uppercase;
		line-height: 1.6em;
	}

/* =Gallery Page Styles
-------------------------------------------------------*/

body.gallery div.content {
	font-size: 1em !important;
	}

body.gallery h1 {
	text-transform: none;
	font-size: 1em;
	}

body.gallery h2 {
	text-transform: none;
	font-size: 1em;
	}
	
body.gallery strong {
	text-transform: uppercase;
	}
	
/* =Mobile Page Styles
-------------------------------------------------------*/

body.mobile div.content div.first {
	width: 370px;
	}
	body.mobile div.content div.first p {
	width: 260px;
	}

	body.mobile div.content a {
		color: #f11116;
	}

	body.mobile div.content span {
		color: #f11116;
	}
	
body.mobile div.content div.second {
	width: 70px;
	}

/* =DVD Page styles
-------------------------------------------------------*/
	
body.dvd h1.buy-now {
	background:url(/themes/rage_the_movie/images/buy_now.png) no-repeat;
	text-indent: -999em;
	margin: 8px 0px 8px 0px;
	height: 26px;
}
body.dvd .buy {
	height:24px;
	margin:8px 0;
	padding:0 6px;
	border:1px solid #d98d81;
	text-transform:uppercase;
    font:13px 'Arial Black',Arial,Helvetica,sans-serif;
	color:#fff;
	background:#b21a02;
}
body.dvd h1 {
	font-size: 1.1em;
	line-height:1.0;
	color: #000000;
	}
body.dvd h2 {
	color: #e0a399;
	line-height:1.2;
	font-size: 1.0em;
	margin-bottom: 10px;
	}
body.dvd h2 a:link {
	color: #ffffff;
}	
	
	


/* =Player style
-------------------------------------------------------*/

#player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

#sb-nav a {
	position:absolute;
	top:-10px;
	left:0;
	float:none;
	width:57px;
	height:10px;
	background:url(/themes/rage_the_movie/images/xclose.gif) 0 0 no-repeat;
	}
#sb-title, #sb-info,
#sb-title-inner,
#sb-info-inner {
	position:static;
	}
object#Trailer {
	outline:none;
	}
a.babelgum {
	position:absolute;
	bottom:-70px;
	right:0;
	width:212px;
	height:19px;
	text-indent:-9999em;
	background:url(/themes/rage_the_movie/images/babelgum.png) 0 0 no-repeat;
	}
body.trailer a.sallypotter {
	position:absolute;
	bottom:-73px;
	right:212px;
	height:24px;
	padding-right:20px;
		font-size:12px !important;
		font-family:'Arial Black', Arial,Helvetica,sans-serif;
		text-decoration:none;
		color:#c6c7cd;
		text-transform:uppercase;
		line-height: 1.6em;
	}
#sb-nav-close {
	position:absolute;
	top:100px;
	left:0;
	width:57px !important;
	height:10px !important;
	text-indent:-999em;
	outline:none;
	background:url(/themes/rage_the_movie/images/xclose.gif) 0 0 no-repeat !important;
	}

	#sb-title, #sb-info, #sb-title-inner, #sb-info-inner {position:static !important;}
	
div.social-networking {
	border: 1px solid #000000;
	padding: 6px 6px 0px 6px;
	margin-top: 30px;
	}
	div.social-networking h2 {
		font-size: 0.9em;
		color: #000000;
		}
	div.social-networking a {
		color: #FFFFFF;
		}

/* =Q&A
-------------------------------------------------------*/
body.qa .content {
	width:740px;
	}
body.qa .column.first {
	width:444px;
	}
	body.qa .column.first h1 {
		padding:0;
		line-height:1;
		font-size:45px;
		}
	body.qa .column.first h2 {
		font-size:16px;
		color:#000;
		}
body.qa .column.second {
	width:280px;
	text-transform:uppercase;
	font-family:'Arial Black',Arial, Helvetica, sans-serif;
	color:#000;
	}
	body.qa .column.second p {
		clear:both;
		}
	body.qa .column.second ul.subnav {
		list-style:none;
		padding:0;
		}
		body.qa .column.second ul.subnav li {
			padding:0;
			}
			body.qa .column.second ul.subnav li a {
				color:#fff;
				}

div.time {
	float:left;
	padding:0 0 15px;
	}
	div.time.nyc {
		float:right;
		}
		div.time h6 {
			padding:0;
			font-size:14px;
			color:#000;
			}
		div.time dl {
			float:left;
			padding:0 8px 0 0;
			line-height:1;
			text-align:center;
			color:#7a4200;
			}
			div.time dl dt {
				font-size:24px;
				}
			div.time dl dd {
				font-size:8px;
				}