/**************************************
** Magnet Releasing Copyright 2009 ****
***************************************
*/


/* TXT
------------------------------ */
h1, h2, .headingTxt { color:#190f0d;}
.releaseDate { color:#cc3300;}
.subTxt, .subTxtI, .laurelG, .laurelT {color:#413425;}
h1 {font: normal 3em/1em Impact, "Arial Black"; letter-spacing:-0.025em; text-transform:uppercase; padding-top:10px; margin:0;}
h2 {font: normal 1.8em/1em Impact, "Arial Black"; letter-spacing:-0.025em; text-transform:uppercase; padding-top:30px; padding-bottom:10px; margin:0;}
#_header h1 { color:#ccbb99;}

/* sets bg color, header background img (49px tall), and default font */
body{background:#ccbb99 url(../images/bgGrunge.jpg) top left repeat-x; font-family:"Arial"; font-size: 75%;}
#header { _background-color:#e1dcb8;}
/* hides rule for IE6, exposes for others */
html>body {font-size: 12px;}
p {line-height: 1.5em; font-size:1em; margin-top: 1.5em; margin-bottom: 1.5em;}

a:link, a:visited {color:#cc3300;}
a:hover {color:#ff4000;}

a.ratings:link,  a.ratings:visited {color:#cc3300;}
a.ratings:hover {color:#ff4000;}


/* sets overall container */
#frame{ margin:0 auto 0 auto; padding:0px;	text-align:left;}

/* .cleaner makes sure div gets cleared to show bg color */
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
	

/* LAYOUT SPECS
------------------------------ */
#container {text-align:left; width:960px;margin:0 auto;}
#container { margin-bottom:50px;}

.LContent { float:left; padding:0 60px 0 30px;}
.RContent { float:left; width:540px;}

/* photo/video thumbs block */
#phVid {/*background-color:#cdb896;*/}
/* all blocks bg colors */
#awardPress, #castStory, #posterInfo { /*background-color:#ac9768;*/ padding-bottom:}
.pg, .aw, .fp { width:250px;}
.pt, .vt {float:left; padding:0; margin:0}
/* photo thumbnail and video thumbnail */
.pt img, .vt img { border: 1px solid #000; margin:0 20px 15px 0; padding:0;}
.vt p { padding-bottom:30px; margin:0; color:#FFF;}

/* Press quotes text */
.quoteArticle {font: normal 1.4em/1.1em Arial; margin:0 0 0.35em 0;}
.publication {font: normal 1em/1em Arial,"Arial Black"; letter-spacing:-0.025em; text-transform:uppercase; margin:0 0 20px 0; color:#000;}

.subTxt {font: normal 1.2em/1.2em Arial; margin:0 0 20px 0;}


/* laurel graphics and text */
.laurelG {float:left; width:60px; padding:0 20px 20px 0;clear:left;}
.laurelT { float:left; width:140px; padding-bottom:20px;}

.fp { padding-bottom:30px; }

/* facebook */
.fb_share_button {font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px; margin-left:0; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top right; background-color:#FFFFFF; }
.fb_share_button:hover {font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px; color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top right; text-decoration:none; }






/* HEADER BLOCK
------------------------------ */
#header{position:relative; height:100px; padding-top:15px;}
#headerL{float:left;}
/* aligned right with 90 pad (for grid) */
#headerR{float:right; padding:15px 0 0 0;}

.releaseDate {font: normal 1.4em/1em Impact, "Arial"; text-transform:uppercase; padding:0; margin:0;}


/* VIDEO BLOCK
------------------------------ */
#video { height:450px; background:#000 url(../images/bgMain.jpg) top left no-repeat; padding-left:130px; border:1px solid #999;}
#outboundLinks { padding:25px 0 4px 0;}
#outboundLinks a { background-color:#cc3300; color:#FFF; padding:5px 10px; margin-right:1px; height:25px; text-transform:uppercase; font-weight:bold;}
#outboundLinks a:hover { background-color:#F53400;}

#social { text-align:right; bbbackground-color:#ccbb99;}
.share { font: normal 1em/1em Arial, Helvetica, sans-serif; letter-spacing:-0.025em; text-transform:uppercase;}

/* CONTENT BLOCK
------------------------------ */
#contentSpacer {height:15px;}
#blockContent, #contentSpacer {background-color:#ddeaf3;}
#content {background:url(../images/bgProdSpotlight.gif) top center repeat-x;}
#contentL {float:left; background-image:url(../images/bgProdSpotlight.gif); width:500px; height:265px; border-top:1px solid #9ec1d4; border-left:1px solid #9ec1d4;}
#contentR {float:right; background:url(../images/bgProdSpotlight.gif) top center repeat-x; width:408px; height:265px;  border-top:1px solid #9ec1d4; border-right:1px solid #9ec1d4;}
/* product spotlight content blurb */
.psTxt { margin-top:30px; color:#FFF; line-height:148%}
/* creates find out more button, spaces it down from content block, aligns it right */
.fom {background:url(../images/findOutMore.png) top left no-repeat; width:136px; height:34px; margin-top:15px; padding:10px 10px 0 25px; font-size:12px; text-transform:uppercase; color:#FFF; float:right}
/* link style */
.fom a { color:#FFF; text-decoration:none;}
.fom a:hover { color:#FFF; text-decoration:underline;}


/* SUB-CONTENT BLOCK
------------------------------ */
#blockSubContent, #subContent{background-color:#abc7db;}
/* explicitly sets 10px space above each p tag in subcontent block */
#subContent p {margin-top:10px}
/* below sets the width of each col to 285px, and top/bottom padding to 25px */
#subColL, #subColM, #subColR {width:285px; padding:25px 0;}
#subColL {float:left; padding-right:25px;}
#subColR {float:right;}
#subColM {float:left;}


/* FOOTER BLOCK
------------------------------ */	
#blockFooter {background:#216b9c; clear:left;}
#footerL{float:left;}
#footerR{float:right;}	
#footerL, #footerR{padding:20px 0 20px 0;}
#footerL p, #footerR p {font: normal 77%/77% "Arial Narrow"; color:#FFF;}
#footer a:link, #footer a:visited, #footer a:active {color: #FFF; text-decoration: none; margin:0 10px 0 10px;}
#footer a:hover {color: #FFF; text-decoration: underline;}