/* *******************************************  Stowked - 2008  ******************************************* */  


@import url('/_common/css/meyer_reset.css');

/* Separate base html elements into another file so that it can be used w/in tinymce
to provide a consistent experience editing & viewing */
@import url('/_common/css/html_elements.css');


/* HTML content entered via cms 
@import url('/_common/css/cms_html.css'); */

#wrapper { 
	margin: 0 auto;
}
#container { 
	margin: 0 auto;
	width: 955px;
}


/* *******************************************  General   ******************************************* */ 

.clr { clear: both; }
.pagebreak {
	margin: 0; padding: 0;
	width: 959px;
	height: 25px;
	background: url('/_common/img/pagebreak.gif') no-repeat 0 9px;
}
.pagebreak-game {
	margin: 20px 0; padding: 0;
	width: 710px;
	height: 25px;
	background: url('/_common/img/pagebreak.gif') no-repeat 0 9px;
}
.bullet { padding:5px 0 5px 15px; background:url('/_common/img/icon-bullet.gif') no-repeat 0 8px; }


/* *******************************************  Header   ******************************************* */ 

#header { 
	margin: 0 auto; 
	width: 959px;
	height: 115px;
}
#logo {
	position: relative;
	left: 0; top: 19px;
	width: 183px;
	height: 78px;
	float: left;
	background: url("/_common/img/logo.gif") no-repeat 0 0;
}
#header #logo a {
	width: 183px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}


/* *******************************************  Homepage  ******************************************* */

#flash {
	padding: 0 0 6px 0;
	position: relative;
	left: -10px; top: 5px;
	width: 954px;
	height: 519px;
}


/* *******************************************  Main Navigation  ******************************************* */  

#header ul { 
	position:relative;
	left: 3px; top: 54px;
	width: 572px; 
	height: 22px;
	float: right;
}
#header ul li { 
	display: inline;
	float: left;
}
#header a {
	height: 22px; 
	display: block;
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
}
#header a:hover, #header a.on { background-position: bottom center; }
#header a#trilogy {
	width: 252px;
	background-image: url("/_common/img/nav/trilogy.gif");
}
#header a#videos {
	width: 202px;
	background-image: url("/_common/img/nav/video.gif");
}
#header a#games {
	width: 116px;
	background-image: url("/_common/img/nav/games.gif");
}


/* *******************************************  Sidebar   ******************************************* */ 

/* ---------- sidebar content ---------- */

#title-trilogy {
	width: 206px;
	height: 15px;
	background: url("/_common/img/title-trilogy.gif") no-repeat 0 0;
}
#title-games {
	width: 206px;
	height: 15px;
	background: url("/_common/img/title-games.gif") no-repeat 0 0;
}
#title-video-gallery {
	width: 206px;
	height: 15px;
	background: url("/_common/img/title-video-gallery.gif") no-repeat 0 0;
}

#title-post-video {
	width: 206px;
	height: 15px;
	background: url("/_common/img/title-post-video.gif") no-repeat 0 0;
}
#logo-meatheads {
	width: 166px;
	height: 78px;
	background: url("/_common/img/logo-meatheads.gif") no-repeat 0 0;
}
#button-find-out a {
	width: 148px ;
	height: 34px;
	display: block;
	text-indent: -9999px;
	background: url("/_common/img/button-find-out.gif") no-repeat 0 0;
}

/* ---------- primary ---------- */

.sidebar {
	padding: 0 0 30px 3px;
	width: 215px;
	float: left;
}
.sidebar p {
	padding-left: 4px;
	width: 215px;
	font-size: 11px;
}


/* *******************************************  Content  ******************************************* */  

#content-wrapper { 
	margin: 0 auto; padding: 0;
	width: 959px;
	font-size: 11px;
	color: #000;
}
.column { /* on video page */
    display: inline;
    margin-left: 15px;
	width: 224px;
	float: left;
}
.column-left { 
    display: inline;
	width: 224px;
	float: left;
}
.video-row .column-left { margin-left: 10px; }
.column-mid { /* top three vids on trilogy page */
    display: inline;
	margin: 0; padding: 0;
	position: relative;
	left: 12px;
	width: 33%;
	float: left;
}
.column-right { /* top three vids on trilogy page */
    display: inline;
	margin: 0; padding: 0;
	position: relative;
	left: 23px;
	width: 224px;
	float: left;
}

.column-left a.fancybox_small img,
.column-mid a.fancybox_small img, 
.column-right a.fancybox_small img {
	padding: 1px;
}
.column-left a.fancybox_small:hover img,
.column-mid a.fancybox_small:hover img, 
.column-right a.fancybox_small:hover img {
	padding: 1px;
	background-color: #CF1313;
}


/* ---------- just for meathead logo roll ---------- */
.column-left a.meat_roll img {
	padding: 1px;
}
.column-left a.meat_roll:hover img {
	padding: 1px;
	background-color: #CF1313;
}


#main-content { /* bottom row of page */
	margin: 24px 0 0 0;
}
.content {
	margin: 0; padding: 0;
	position: relative;
	left: 30px;
	width: 700px;
	float: left;
}

/* ---------- inside page /trilogy/ ---------- */

#sub-head { /* top portion of page */ 
	margin: 30px 0 17px 0;
}
.looper { margin: 0 0 50px 0; }
#quote-trilogy { /* quote alignment for trilogy */
	margin-bottom: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
}


/* ---------- 
buttons for inside page 
---------- */
.button-play-download {
	margin: 3px 0 0 0;
	width: 110px;
	height: 18px;
	background: url("/_common/img/button-play-download.gif") no-repeat 0 0;
}
.button-play-download a {
	height: 15px;
	text-indent: -9999px;
	display: block;
	float: left;
}
.play a { width: 29px; }
.download a {
	position: relative;
	left: 8px;
	width: 66px;
}

/* ---------- video gallery ---------- */

#quote-video { /* quote alignment for video gallery */
	margin-bottom: 50px;
	position: relative;
	left: -16px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
}	
.content-video {
	margin: 0; padding: 0;
	position: relative;
	left: 30px;
	width: 700px;
	float: left;
}
#sub-head-video { /* top portion of page for the video template */ 
	margin: 20px 0 0 0;
}
#sub-head-video .content #quote h1 {  margin: 0 0 10px 0 }
.content-video-alt, .content-video {
	margin-bottom: 13px; padding: 10px 0;
	position: relative;
	left: 0;
	width: 725px;
	float: right;
}
.content-video-alt { background:#DCDCDC; }
.content-video-alt .video-row, .content-video .video-row {
	position: relative;
    float: left;
}

.content-video-alt .video-row .video-thumb a.fancybox img,
.content-video .video-row .video-thumb a.fancybox img {
	padding: 1px;
}
.content-video-alt .video-row .video-thumb a.fancybox:hover img, 
.content-video .video-row .video-thumb a.fancybox:hover img {
	padding: 1px;
	background-color: #CF1313;
}

/* ---------- games ---------- */

#stowe-story a {
	margin: 0 auto;
	width: 520px;
	height: 370px;
	display: block;
	text-indent: -9999px;
	background: url("/_common/img/stowe-story.jpg") no-repeat 0 0;
	border: 1px solid #E8E8E8;
}

#pagination {
	padding: 0 0 30px 0;
	position: relative;
	left: 0;
	width: 400px;
	float: right;
	text-align: right;
}
#pagination a {
	text-decoration:underline;
}

/* ---------- 
buttons for inside page 
---------- */
.button-play {
	margin: 3px 0 0 0;
	width: 110px;
	height: 18px;
	background: url("/_common/img/button-play.gif") no-repeat 0 0;
}
.button-play .play a { 
	width: 29px;
	height: 15px;
	text-indent: -9999px;
	display: block;
	float: left;
}


/* *******************************************  Footer  ******************************************* */  

#footer-border { 
	margin: 0; padding: 0;
	border-top: 6px solid #CF1313;
}

#footer { 
	margin: 0 auto; padding: 28px 0 30px 0;
	width:956px;
	color:#666;
	font-size:11px;
}
#footer ul#logos { 
	margin: 0 0 75px 0;
	position: relative;
	left: 345px;
	width: 280px;
	list-style-type: none;
}
#footer ul#logos li { 
	color:#666;
	font-size:9px;
	display:inline;
	float: left;
}

/* ---------- 
footer logo links
---------- */
#footer ul#logos li a { 
	display: block;
	height: 57px;
	text-indent: -9999px; 
}
#footer ul#logos li a#logo-stowe { 
	width: 108px;
	background: url("/_common/img/logo-stowe.jpg") no-repeat 0 0;
}
#footer ul#logos li a#logo-spruce { 
	width: 110px;
	background: url("/_common/img/logo-spruce-peak.gif") no-repeat 0 0;
}
#footer ul#logos li a#logo-lodge { 
	width: 46px;
	background: url("/_common/img/logo-stowe-lodge.gif") no-repeat 0 0;
}

#footer p { color:#666; }

p#tag { 
	margin: 0 auto;
	width: 248px;
	height: 27px;
	text-align:center; 
	background: url("/_common/img/logo-tag.jpg") no-repeat 0 0;
}
ul#credits {
	margin: 0; padding: 0;
	list-style-type: none;
	text-align: center;
}
ul#credits li { 
	margin: 0; padding: 0;
	color: #666;
	font-size: 9px;
	display: inline;
}
ul#credits li a { color: #666; }

ul#sponsors { /* rotating logos */
	margin: 25px 0 0 0; padding: 0;
	list-style-type: none;
	text-align: center;
}
ul#sponsors li { 
	margin: 0 8px 0 0; padding: 0;
	display: inline;
}
#sponsor_title { 
	position: relative;
	left: 380px; top: 40px;
	width: 85px;
	height: 27px;
	float: left;
	background: url("/_common/img/title_sponsor.gif") no-repeat 0 0;
}