/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'plugins/clearfix/clearfix.css';

 /* -------------------------------------------------------------- 

    Extended Blueprint CSS Framework Screen Styles
    Everything above this block is part of the 
    base screen.css file from blueprint.
    * Version:   0.1 (23.10.2007)
    * Website:   http://framework.cabedge.com

 -------------------------------------------------------------- */


/* -----GENERAL STRUCTURE----- */
body.index {
	color: #fff;
	background: #3a2d16 url(/static/images/BG_index.jpg) no-repeat center top;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

body.interior {
	color: #fff;
	background: #3a2d16 url(/static/images/BG_interior.jpg) no-repeat center top;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
body.wtology {
	color: #fff;
	background: #3a2d16 url(/static/images/BG_interior.jpg) no-repeat center top;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

body.iq {
	color: #fff;
	background: #3a2d16 url(/static/images/BG_interior_iq.jpg) no-repeat center top;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
body.tv {
	color: #fff;
	background: #3a2d16 url(/static/images/BG_interior_tv.jpg) no-repeat center top;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

a:link {color: #c38234; text-decoration: none; outline: none;}
a:visited {color: #c38234; text-decoration: none; outline: none;}
a:hover {color: #c38234; text-decoration: underline; outline: none;}
a:active {color: #c38234; text-decoration: none; outline: none;}
p img{float: none;}

h1 {
	color: #ba7d32;
	font: bold 1.375em Arial, Helvetica, Geneva, sans-serif;
}

h2 {
	color: #fff;
	font: bold 1.125em Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: #fff;
	font: bold 0.875em Arial, Helvetica, Geneva, sans-serif;
}

h4 {
	color: #ba7d32;
	font: bold 0.8125em Arial, Helvetica, Geneva, sans-serif;
}

h5 {
	color: #ba7d32;
	font: bold 1.0625em Arial, Helvetica, Geneva, sans-serif;
}

th, td {
	padding: 0;
	font-weight: normal;
	border-style: none;
}

#side a.button, #main a.button {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: bold;
	color: #392d16;
	background-color: #ba7d32;
	background-image: none;
	padding: 7px 15px 7px 15px;
}

#side a:hover.button, #main a:hover.button {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: bold;
	color: #392d16;
	background-color: #ba7d32;
	background-image: none;
	padding: 7px 15px 7px 15px;
	text-decoration: none;
}

.center_inline {
	text-align: center;
}

.orange {
	color: #c38234;
}


/* -----TOP LEVEL NAVIGATION----- */
#toplevel {
	position: relative;
	background: #000;
	width: 100%;
	line-height: 1em;
}

#toplevel a {
	font-size: 0.6875em;
	color: #9c9c9c;
}

#toplevel ul {
	margin: 0 auto;
	text-align: right;
	width: 900px;
	list-style-type: none;
}


/* -----CONTAINER----- */
.container {
	position: relative;
}

.index .container {
	background: url(/static/images/BG_index_container.jpg) no-repeat center top;
	width: 1010px;
	margin: 0 auto;
}

.interior .container {
	background: url(/static/images/BG_interior_container.jpg) no-repeat center top;
	width: 1010px;
	margin: 0 auto;
}

.iq .container {
	background: url(/static/images/BG_interior_container_iq.jpg) no-repeat center top;
	width: 1010px;
	margin: 0 auto;
}
.tv .container {
	background: none;
	width: 1010px;
	margin: 0 auto;
}

/* -----HEADER----- */
#header {
	margin: 0 auto;
	width: 980px;
	height: 87px;
}

/* -----CONTENT----- */
#content {
	margin: 0 auto;
	width: 1010px;
}

.index #content {
	position: relative;
	margin: 0 auto;
	width: 1010px;
	padding-left: 30px;
}


/* -----NAVIGATION----- */
#flash_navigation {
	position: absolute;
	right: 0; 
	top: 57px;
}

.index #flash_navigation
{
	top: 63px;
}

#navigation {
	position: relative;
	top: 57px; left: 596px;
	width: 404px;
	height: 38px;
	margin: 0;
	background: url(/static/images/NAV_bg_interior.jpg) no-repeat left top;
}

.index #navigation {
	top: 63px; left: 565px;
	background: url(/static/images/NAV_bg.jpg) no-repeat left top;
	margin:0;
}

.podcast #navigation { background: url(/static/images/NAV_bg_podcast.jpg) no-repeat left top; }
.blog #navigation { background: url(/static/images/NAV_bg_blog.jpg) no-repeat left top; }
.contests #navigation {	background: url(/static/images/NAV_bg_contests.jpg) no-repeat left top; }
.iq #navigation { background: url(/static/images/NAV_bg_iq.jpg) no-repeat left top; }
.sweepstakes #navigation { background: url(/static/images/NAV_bg_sweepstakes.jpg) no-repeat left top; }
.wtology #navigation { background: url(/static/images/NAV_bg_wtology.jpg) no-repeat left top; }

#navigation li {
	margin: 0;
	padding: 0;
	position: absolute;
	list-style: none;
	/*border: 1px solid red;*/
}

#navigation a {
	display: block;
	text-indent: -9999px;
	height: 28px;
	/*border: 1px solid red;*/
}

.podcast_link { width: 77px; z-index: 40; }
.blog_link { width: 69px; left: 59px; }
.contest_link { width: 80px; left: 126px;}
.iq_link { width: 41px; left: 201px; z-index: 40; }
.ipod { width: 129px; left: 211px; }
.wtology_link { width: 60px; left: 338px; }

.podcast_link a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat 0px 0px; }
.blog_link a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat -59px -37px; }
.contest_link a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat -126px -74px; }
.iq_link a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat -201px -111px; }
.ipod a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat -211px -148px; }
.wtology_link a:hover { background: url(/static/images/NAV_stack_interior.jpg) no-repeat -338px -185px; }

.index .podcast_link a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat 0px 0px; }
.index .blog_link a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat -59px -37px; }
.index .contest_link a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat -126px -74px; }
.index .iq_link a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat -201px -111px; }
.index .ipod a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat -211px -148px; }
.index .wtology_link a:hover { background: url(/static/images/NAV_stack_index.jpg) no-repeat -338px -185px; }

.podcast .blog_link a:hover { background: url(/static/images/NAV_stack_podcast.jpg) no-repeat -59px -37px; }
.blog .podcast_link a:hover { background: url(/static/images/NAV_stack_blog.jpg) no-repeat 0px 0px; }
.blog .contest_link a:hover { background: url(/static/images/NAV_stack_blog.jpg) no-repeat -126px -74px; }
.contests .blog_link a:hover { background: url(/static/images/NAV_stack_contests.jpg) no-repeat -59px -37px; }
.contests .iq_link a:hover { background: url(/static/images/NAV_stack_contests.jpg) no-repeat -201px -111px; }
.iq .contest_link a:hover { background: url(/static/images/NAV_stack_iq.jpg) no-repeat -126px -74px; }
.iq .ipod a:hover { background: url(/static/images/NAV_stack_iq.jpg) no-repeat -211px -148px; }
.sweepstakes .iq_link a:hover { background: url(/static/images/NAV_stack_sweepstakes.jpg) no-repeat -201px -111px; }
.sweepstakes .wtology_link a:hover { background: url(/static/images/NAV_stack_sweepstakes.jpg) no-repeat -338px -185px; }
.wtology .ipod a:hover { background: url(/static/images/NAV_stack_wtology.jpg) no-repeat -211px -148px; }


/* -----LOGO----- */
#logo{
	float: left;
  	text-indent: -9999px;
  	width: 130px; height: 70px;
  	margin: 17px 0 0 79px;
}

.index #logo{
	float: left;
  	text-indent: -9999px;
  	width: 130px; height: 70px;
  	margin: 17px 0 0 9px;
}

#logo a{
  	display: block;
  	width: 100%;
  	height: 100%;
}

#logo a:hover{
  background-position: 0 -100px;
}


/* -----SIDE----- */
#side {
	clear: both;
	float: left;
	width: 280px;
	margin-left: 16px;
	padding-top: 72px;
}

.index #side {
	clear: both;
	float: left;
	width: 198px;
	margin-left: 0px;
	padding-top: 153px;
}

#side p {
	font-size: 0.75em;
	padding-left: 47px;
	margin-bottom: 1.5em;
	width: 176px;
	line-height: 1.3em;
}

.index #side p {
	font-size: 0.75em;
	margin-bottom: 1.2em;
	padding-left: 0;
}

#side a {
	font-size: 0.75em;
	font-weight: bold;
	padding-right: 4px;
}

#side img {
	margin: 0;
}

.big_buck {
	margin-top: 59px;
	margin-left: 10px;	
}

.watch_tv {
	margin-top: 237px;
	margin-left: 0px;	
}

.big_buck a.tag {
	display: block;
	width: 150px;
	height: 110px;
	margin-bottom: 8px;
}

.big_buck a:hover.tag {
	text-decoration: none;
}


/* -----MAIN----- */
#main {
	position: relative;
	float: left;
	margin-left: 55px;
	padding-top: 115px;
	width: 491px;
}

.index #main {
	float: left;
	margin-left: 62px;
	padding-top: 312px;
	width: 725px;
}

#main p {
	font-size: 0.75em;
	margin-bottom: 1.2em;
}

.index #main p {
	font-size: 0.75em;
	margin-bottom: 1.2em;
	padding-left: 17px;
}

#main a.more_link {
	font-size: 0.75em;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 18px;
}

#main .col {
	float: left;
	width: 233px;
	margin-bottom: 40px;
}

#main .col img {
	margin-bottom: 52px;
}

#main img.arrow {
	margin-bottom: 0;
}

#flashbird {
	position: absolute;
	top: 5px; left: 100px;
	z-index: 40;
}


/* -----FOOTER----- */
#footer {
	clear: both;
	display: block;
	width: 685px;
	border-top: 1px solid #524631;
	margin-left: 18px;
	padding-top: 10px;
}

#main #footer p {
	padding: 0;
	margin-bottom: 100px;
	font-size: 0.75em;
	color: #524631;
	font-weight: normal;
}

#footer a {
	font-size: 1em;
	font-weight: normal;
	color: #524631;
}

#main #footer p.footer_nav {
    margin-bottom: 3px;
}

.footer_nav a {
    margin-right: 5px;
    margin-left: 5px;
}


/* -----PODCASTS----- */
.podcast #main p {
	font-weight: bold;
	padding-right: 15px;
	line-height: 1.5em;
}

#podcast_list {
	position: relative;
	margin-top: 56px;
}

#podcast_list h3 {
	margin: 0 0 6px 125px;
	padding-top: 15px;
}

#podcast_list h4 {
	margin-left: 125px;
	width: 367px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #4d422c;
}

.podcast a {
	color: #fff;
}

.podcast a:hover {
	color: #ba7d32;
	text-decoration: none;
}

.podcast_img {
	position: absolute;
	left: -10px;
	top: -13px;
	float: left;
	background: url(/static/images/podcasts_frame.jpg) no-repeat left top;
	width: 131px; height: 82px;
	padding: 13px 0 0 12px;
}

.podcast .divider {
	display: block;
	border-bottom: 1px solid #4d422c;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.podcast #footer {
	margin-left: 0;
	margin-top: 25px;
	width: 100%;
}

.podcast_info {
	margin-top: 20px;
	position: relative;
}

.podcast .date {
	font-weight: normal;
	font-style: italic;
}

.podcast .next {
	float: left;
	margin: 40px 0 20px 0;
}

.podcast .previous {
	float: right;
	margin: 40px 0 20px 0;
}

.podcast a.previous_link {
	color: #ba7d32;
	float: right;
	font-size: 0.75em;
	font-weight: bold;
	background: url(/static/images/arrows_orange.png) no-repeat right center;
	padding-right: 10px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.podcast a:hover.previous_link {
	text-decoration: underline;
}

.podcast a.next_link {
	color: #ba7d32;
	float: left;
	font-size: 0.75em;
	font-weight: bold;
	background: url(/static/images/arrows_orange_left.png) no-repeat left center;
	padding-left: 10px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.podcast a:hover.next_link {
	text-decoration: underline;
}


/* -----BLOG----- */
.blog .title_divide {
	border-top: 1px solid #4e432c;
	width: 188px;
	margin: 0 auto;
}


/* -----WHITETAILOLOGY----- */
.wtology h1 {
	margin-top: 59px;
}

.wtology #main {
	width: 521px;
	margin-left: 35px;
}

.wtology #main em {
	background: none;
}

.wtology #main p {
	font-size: 0.8125em;
	color: #e0d4c1;
}

.wtology #side p {
	font-weight: bold;
	font-size: 0.6875em;
	font-style: italic;
	line-height: 1.3em;
	width: 188px;
}

.wtology #side a {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background: none;
	padding: 0;
}

.wtology #main p.article_author {
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

.wtology #main img {
	float: right;
	margin: 0;
	padding-left: 12px;
}

.title_divide {
	border-top: 1px solid #4e432c;
	width: 188px;
	margin: 0 auto;
	line-height: 0.6em;
}

.wtology #side p.article {
	margin-bottom: 10px;
}

.wtology #side a.qdma {
	color: #fff;
	text-decoration: none;
}

.wtology #side a:hover.qdma {
	color: #fff;
	text-decoration: underline;
}

.wtology #footer {
	margin-left: 0;
	margin-top: 35px;
	width: 100%;
}


/* -----IQ----- */
#scoreboard {
	background: url(/static/images/IQ_scoreboard.png) no-repeat left top;
	width: 265px;
	height: 323px;
}

#scoreboard ol {
	position: relative;
	top: 138px; left: 45px;
	font-size: 0.875em;
	list-style-type: decimal;
}

#scoreboard li {
	padding-bottom: 12px;
}

.score {
	font-weight: bold;
	color: #c38234;
}


/* -----SWEEPSTAKES----- */
.sweepstakes h5, .iq h5 {
	margin-left: 45px;
	margin-bottom: 10px;
}

.sweepstakes #main, .iq #main {
	margin-left: 20px;
	padding-top: 100px;
}

.sweepstakes #side a, .iq #side a {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background: none;
	padding: 0;
}

.sweepstakes #flashalt p, .iq #flashalt p {
	padding-top: 100px;
	padding-left: 17px;
}

.sweepstakes #footer, .iq #footer {
	margin-top: 25px;
	width: 100%;
}

.sweepstakes #ad, .iq #ad {
	position: absolute;
	top: 118px;
	left: 575px;
}

.sweepstakes .divide {
	border-top: 1px solid #4e432c;
	width: 188px;
	margin: 0 auto;
}


/* -----CONTESTS----- */
.contests h2 {
	margin-bottom: 50px;
}

.contests h5 {
	margin-left: 45px;
	margin-bottom: 10px;
}

.contests #side a {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background: none;
	padding: 0;
}

.contests #main p.contest {
	font-size: 0.8125em;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #524631;
	margin: 0;
}

.contests a.name {
	color: #ba7d32;
	font-weight: bold;	
}

.contests p.contest img {
	margin: 0;
	padding-left: 5px;
}

.contests .state {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #524631;
	width: 100%;
}

.contests .state img {
	margin-bottom: 10px;
}

.contests #footer {
	margin-left: 0;
	margin-top: 75px;
	width: 100%;
}

.contests #detail_1 {
	margin-bottom: 20px;
}

.contests #detail_1 p {
	font-size: 0.8125em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
}

.contests #detail_2 {
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #524631;
}

.contests #detail_2 p {
	font-size: 0.8125em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
}

.contests .button {
	margin-right: 4px;
}

.contests #buttons {
	margin-top: 12px;
}

.contests th {
	font-size: 0.75em;
	color: #c38234;
	padding-top: 12px;
	padding-bottom: 3px;
}

.contests .input input {
	width: 300px;
	padding-left: 3px;
}

.contests textarea {
	width: 450px;
	height: 100px;
	margin: 0;
}

.contests .zip input {
	width: 50px;
}

.contests label {
	font-weight: normal;
}

.contests .help {
	font-size: 0.625em;
	padding-top: 3px;
}

.contests .required {
	color: red;
}

ul.errorlist {
	margin: 0;
	background-color: #ffccba;
	font-size: 0.75em;
	padding: 5px 0 5px 5px;
	border: 1px solid #d63301;
	color: #d63301;
}

ul.errorlist li {
	font-size: ;
	list-style-type: disc;
	list-style-position: inside;
}

.validation {  
	color: #D63301; 
	padding: 15px 15px 3px 40px;
	background: #FFCCBA url(/static/images/logo_error.jpg) no-repeat 4px center;
	border: 1px solid #d63301
}  


/* -----AD----- */
#ad {
	position: absolute;
	top: 125px;
	left: 535px;
}


/* -----TV---- */
.tv #main {
	padding-top: 40px;
	margin-left: 25px;
}

.tv #flash_navigation {
	top: 62px;
}

#tv #side{
    display: none;
}

#tv #ad{
    left: 890px;
    top: 72px;
}

#tv_navigation {
	width: 900px;
	margin: 0;
}

#tv_navigation li {
	display: inline;
	list-style-type: none;
	margin-left: 20px;
	font-size: 0.75em;
	font-weight: bold;
}

#tv_navigation a {
	color: #c38234;
	outline: none;
}

#tv_navigation a:hover, #tv_navigation a.current {
	color: #fff;
	text-decoration: none;
}

#tv_content {
	background: url(/static/images/BG_video_player.gif) no-repeat left top;
	width: 877px;
	height: 425px;
	padding-bottom: 150px;
	position: relative;
}

#player {
	position: absolute;
	top: 18px; left: 18px;
}

.index div.watch_tv
{
    position: relative;
    padding-top: 18px;
}
.index .watch_tv a.tag
{
    display: block;
    position: absolute;
    top: -190px;
    left: 0;
    width: 180px;
    height: 140px;
}

.index .watch_tv a.tag span
{
    display: none;
}

#videos {
	background: url(/static/images/BG_videos.jpg) no-repeat;
	width: 839px;
	height: 117px;
	padding-top: 10px;
	margin-left: 18px;
	position: absolute;
	top: 478px;
	z-index: 30px;
}

#videos a {
	width: 97px;
	height: 54px;
}

#videos a.prevPage {
	background: url(/static/images/prev_vid_button.gif) no-repeat;
	float: left;
	width: 32px;
	height: 101px;
	margin-left: 9px;
}

#videos a:hover.prevPage {
	background: url(/static/images/prev_vid_button_over.gif) no-repeat;
}

#videos a:hover.prevPage.disabled {
	float: left;
	background: url(/static/images/prev_vid_button.gif) no-repeat;
	width: 32px;
	cursor: default;
}

#videos a.nextPage {
	background: url(/static/images/next_vid_button.gif) no-repeat;
	float: left;
	width: 32px;
	height: 101px;
}

#videos a:hover.nextPage {
	background: url(/static/images/next_vid_button_over.gif) no-repeat;
}

.vid {
	background: url(/static/images/BG_video_thumb.gif) no-repeat;
	float: left;
	margin-left: 5px;
	width: 104px;
	height: 101px;
}

.vid.selected {
	background: url(/static/images/BG_video_thumb_over.gif) no-repeat;
}

#videos a.vid_thumb {
	display: block;
	width: 92px;
	height: 59px;
	padding: 6px 0 0 6px;
}

#main .vid p {
	font-size: 0.6875em;
}

.vid img {
	margin: 0;
	width: 92px;
	height: 59px;
}

.scrollable {
	float: left;
	position: relative;
	overflow: hidden;
	width: 550px;
	height: 101px;
}

.scrollable .items {
	width: 6000px;
	position: absolute;
}

p.video_url, p.video_tease, p.video_desc, p.video_time {
	display: none;
}

.vid_desc {
	position: absolute;
	width: 160px;
	left: 679px;
	top: 80px;
}

.vid_desc h2 {
	font-size: 1.375em;
	color: #c38234;
	margin-bottom: 5px;
}

#main .vid_desc p {
	font-size: 0.8125em;
	color: #b4a391;	
}

#main .vid_desc p.time {
	color: #fff;
	margin-bottom: 5px;
}

.vid p.title {
	padding: 4px 5px 0 8px;
	margin: 0;
	line-height: 1.1em;
}

.vid_details {
	background: url(/static/images/BG_video_text.gif) no-repeat;
	float: left;
	width: 198px;
	height: 101px;
	margin-left: 8px;
}

.vid_details h5 {
	font-size: 0.8125em;
	color: #fff;
	margin: 20px 10px 0 15px;
}

#main .vid_details p {
	font-size: 0.6875em;
	color: #b4a391;
	margin: 0 10px 0 15px;
}