/*
Title: Master CSS for TVRage
Author: Julio.Lopes@studiojulio.com
*/


/* General
----------------------------------------------------------------------------------------------------*/
html, body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:90%;
	line-height: 1.3;
	background-color:#0a0a0a; /*#202020;*/
	color:#FFF;
	background-image:url(img/background.png);
	background-repeat:no-repeat;
	background-position:top;
	margin:0;	
	height: 100%;
}

.newsitem p {
	margin: 0px 0px 10px 0px;
}

.newsitem img {
	margin-right:5px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clearleft{
	clear:left;
}

.clearright{
	clear:right;
}

.clearboth{
	clear:both;
}

.shadow, .shadow_a_img{
	box-shadow:2px 2px 2px rgba(0,0,0,.9);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.9);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.9);
}

.shadow_a_img{
	margin-right:10px;
}

h1{
/*	font-size:28px;*/
	font-weight:bold;
	line-height:100%;
}

h2{
	font-size:20px;
	font-weight:bold;
	line-height:100%;
}

h3{
	font-size:16px;
	font-weight:bold;
	line-height:100%;
}

h4{
	font-size:18px;
	font-weight:bold;
	line-height:100%;
}

hr{
	color:#CCC;
	margin-top:10px;
	margin-bottom:10px;
}

table{
	width:100%;
	color:#000;
}

.milonictable {
	width: auto;
}

td{
    margin:5px;
    padding-bottom:10px;
}

.text_align_left{ text-align:left;}

.text_align_center{ text-align:center;}

.text_align_right{ text-align:right;}

.content_title{
	font-size:26px;
	font-weight:bold;
	margin-bottom:5px;
	color:#4f2436;
}

.timestamp{
	font-size:x-small;
}

.margin_10{
	margin:10px;
}
.margin_top_bottom{
	margin-bottom:10px;
	margin-top:10px;
}

.margin_top{
	margin-top:10px;
}

.margin_bottom{
	margin-bottom:10px;
}

.margin_left_right{
	margin-left:10px;
	margin-right:10px;
}

.margin_right{
	margin-right:10px;
}

.padding_left_right{
	padding-left:10px;
	padding-right:10px;
}


/* links
----------------------------------------------------------------------------------------------------*/
a:link, a:visited, a:active{
	color:#a40021;
	text-decoration:none;
}

a:hover{
	color:#fff;
	text-decoration:underline;
}

.forum_reply.top a:link, .forum_reply.top a:visited, .forum_reply.top a:active, .forum.name a:link, .forum.name a:visited, .forum.name a:active{
	color:#fff;
	text-decoration:none;
}

.recaps_box a:hover, .box_right a:hover, .box a:hover{
	color:#fff;
	text-decoration:underline;
	background:#a40021;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .pushdown {
	height: 142px; /* .push must be the same height as .footer */
	clear:both;
}

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


.ad160x600_right{
	position:absolute;
	top:0;
	left:960px;
	margin:5px;
	z-index:0;
	}
		
.margin_10{
	margin:0 10px 20px 10px;
}

.margin_40{
	margin-left:40px;

}

.slideshow{
	max-width:600px;
	}


.box, .friendsbox, .box_right, .box_center, .recaps_box, .trailerbox .screenshot{
	
	background:#fff;
	color:#000;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	
    border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	
}

.box{
	padding:10px;
	}

.friendsbox{
	background:#dadada;
	padding:3px;
	margin:2px;
	float:left;
	max-height:50px;
	overflow:hidden;
	}
	
.friendsbox img{
	max-height:40px;
	max-width:40px;
	margin:5px;
}

.box_right{

	padding:10px;
    max-width:290px;
	overflow:hidden;
	}

.box_center{

	margin-bottom:20px;
	padding:10px;
}

/*Search id and class*/


.search_ad{
	margin:0px auto 0px auto; 
	text-align:center;
	padding:10px 0px 3px; 0px;
}


#show_search{
	padding:0;
	margin:0;
	margin-bottom:5px;
	border:1px solid #dadada;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#show_search dl{
	margin:5px 5px;
	padding:0;
}

#show_search dt{
	margin:0;
	margin-bottom:5px;
	padding:0;
	float:right;
	width:485px;
}

#show_search dd{
	width:485px;
	float:right;
	padding-bottom:5px;
}

#show_search dd.img{
	float:left;
	margin:5px;
	width:75px;
}

#show_search dd span.season{
	background-color:#E2E2E2; 
	padding-left:10px; 
	padding-right:10px;
	font-style:italic;
}

#people_search{
	width:280px;
    padding:0;
	margin: 3px 5px 0px 5px;
	border:1px solid #dadada;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#people_search dl{
	margin:5px 5px;
	padding:0;
}

#people_search dt{
	float:right;
	margin:0;
	margin-bottom:5px;
	padding:0;
	width:170px;
}

#people_search dd{
	float:right;
	width:170px;
	padding-bottom:5px;
}

#people_search dd.img{
	float:left;
	width:85px;
	margin:5px;
}

/* End Search */

/*Author page */

#author_list{
margin-top:10px;
}


#author_list h3{
	font-size:small;
}

#author_list h4{
	padding-top:0.3em;
	margin-bottom:0.2em;
}

#author_articles{
margin-top:10px;
margin-left:10px; 
margin-right:10px;
}

#author_articles h3{
	margin-bottom:0.3em;
}

#author_bio{
	margin-left:10px; 
	margin-right:10px;
	margin-top:10px;
}

#author_bio h1{
	font-size:large;
	padding-bottom:0.3em;
}

#popular_topics{
margin-top:10px;
margin-bottom:10px;
}

#popular_topics.300x250ad{
	margin-top:10px;
}

/*End Author page */

.colorheader{
	background-image:url(img/colorheaderbg.jpg);
	color:#FFF;
}

.colorheader a:link, .colorheader a:visited, .colorheader a:active{
	color:#FFF;
}

.button_link a:hover{
	color:#fff;
	background-color:#A40021;
	padding-left:3px;
	padding-right:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.button_link a:link, .button_link a:visited, .button_link a:active{
	color:#A40021;
	background-color:#fff;
	padding-left:3px;
	padding-right:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.read_more a:link, .read_more a:visited, .read_more a:active, .button a:link, .button a:visited, .button a:active{
	color:#a40021;
	background-color:#fff;
	padding:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.read_more a:hover, .button a:hover{
	color:#fff;
	background-color:#a40021;
	padding:3px;
	border-radius:5px
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.read_more a:after{
content:">>";
visibility:visible;
}

.take_quiz a:link, .take_quiz a:visited, .take_quiz a:active{
	color:#A40021;
	background-color:#fff;
	padding:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.take_quiz a:before{
content: url(img/pencil.png) " ";

visibility:visible;
}

.usermenu a:link, .usermenu a:visited, .usermenu a:active{
	color:#A40021;
	text-decoration:none;
}

.usermenu a:hover, .box_center a:hover{
	color:#fff;
	background-color:#A40021;
}

.recaps_box{
	padding:10px;
	margin-bottom:2px;
	
	
}

.recaps_box .show_name{

	font-size:large;
	font-weight:bold;
}

.recaps_box .episode_name{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:large;
}

.recaps_box .episode_number{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:large;
}

.recaps_box img{
	 max-width:100px;
}

.recaps_box .recaps_content{
	margin-left:5px;
	float:left; 
	width:195px;
}

.show_synopsis:first-letter{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:xx-large;
	letter-spacing:2px;
}

.show_news_box{
	padding:10px;
	margin-bottom:2px;	
	border-bottom:dashed;
	border-width:1px;
}

.forum_reply.top{
	padding:5px;
	font-family:Tahoma, Geneva, sans-serif;
	background:#000;
	color:#fff;
	margin-left:10px;
	padding-left:10px;

	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	
	min-height:12px;	
}

.forum_reply.body{
	padding:10px;
	margin-bottom:2px;	
	border-bottom:dashed;
	border-width:1px;
}

.forum_reply.footer{
	padding:10px;
	max-height:50px;
}

.forum tr, .forum td{
	padding:8px;
	padding-left:10px;
}

.forum.top{
	padding:5px;
	font-family:Tahoma, Geneva, sans-serif;
	background: #310618;
	color:#fff;

	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	
}

.forum.name{
	margin-bottom:5px;
	padding:5px;
	font-size:130%;

}

.forum.top a:link, .forum.top a:visited, .forum.top a:active{
	color:#c58da4;
	text-decoration:none;
}

.forum.top a:hover{
	color:#fff;
	text-decoration:underline;
}

.mytvr.tab a:link, .mytvr.tab a:hover, .mytvr.tab a:visited, .mytvr.tab a:active{
	display:inline-block;
	width:145px;
	padding-bottom:3px;
    padding-top:3px;
}

.sidemenu.tab a:link, .sidemenu.tab a:hover, .sidemenu.tab a:visited, .sidemenu.tab a:active{
	display:inline-block;
	width:147px;
	padding-bottom:3px;
    padding-top:3px;
}


.sidemenu li, .mytvr li{

	font-family:Tahoma, Geneva, sans-serif;
	background:#4f2436;
	color:#fff;
	list-style-type: none;
    padding: 5px;
	padding-left:20px;
    margin-top: 10px;
    margin-bottom:5px;
    background-image: url(img/bullet_go.png);
    background-repeat: no-repeat;
    background-position: 0.4em;

	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
}

.people_news_box{
	margin-bottom:10px;	
	border-bottom:dashed;
	border-width:1px;
}

.show_news_box .title_show_news, .people_news_box .title_people_news{
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:large;
	font-weight:bold;
	line-height:100%;
}

.show_news_box img, .people_news_box img{
	 max-width:100px;
}

.show_news_box .news_item_content, .people_news_box .news_item_content{
    float:left; 
	margin-bottom:5px;
}


.show_news_box .news_item_content:first-letter, .people_news_box .news_item_content:first-letter{
	font:3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:left;
	padding-top:0.1em;
    padding-right:0.1em;
}

.titlebox{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:120%;
	background:#fff;
	color:#000;
	margin-bottom:10px;
	margin-left:10px;
	padding-left:10px;
	padding-bottom:3px;

	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;

	}
	
.titlebox_center{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:120%;
	background:#fff;
	color:#000;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:3px;

	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;

	}	
	
.list_title{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:120%;
	background:#214856;
	color:#fff;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;

	}	

.my_tvr_box{
	font-size:110%;
	background:#fff;
	color:#000;
	padding:10px;

	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;

	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	}	

.my_tvr_box a:link, .usermenu a:visited, .usermenu a:active{
	color:#A40021;
	text-decoration:none;
}

.my_tvr_box a:hover{
	color:#fff;
	background-color:#A40021;
	padding-top:5px;
	padding-bottom:5px;
}	

.header_top a:link, .header_top a:visited, .header_top a:active{
	color:#b83a6f;
	text-decoration:none;
	padding-top:5px;
	padding-left:2px;
}

.header_top a:hover{
	color:#fff;
	text-decoration:underline;
	padding-top:5px;
	padding-left:2px;
}
	

.trailerbox{
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	margin: 5px 20px;
	padding:0;
	float:left;
	display:inline; /*fixes IE/Win double margin bug */
	width:290px;
}

.episodebox{
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	margin: 5px 5px;
	padding:0;
	float:left;
	display:inline; /*fixes IE/Win double margin bug */
	width:290px;
}

.show_name{
	margin:0;
	padding:0;
	font-size:130%;

}

.trailerbox .episode , .episodebox .episode,{
	margin:0;
	padding:0;
	font-size:85%;
	line-height:1.5em;
	text-align:right;
	width:160px;
	float:right;
	
}


.trailerbox .screenshot, .episodebox .screenshot{
	float:left;
	margin:0 8px 0 0;
	padding:4px;
}

#featured_img{
	margin:5px;
	border-radius:8px;
}

a img{
	text-decoration: none;
	border: 0 none;
	}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_2_5,
.grid_3,
.grid_3_2,
.grid_3_5,
.grid_4,
.grid_4_5,
.grid_5,
.grid_5_3,
.grid_5_5,
.grid_6,
.grid_7,
.grid_7_5,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_11_5,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
		z-index:1;

/*	

causing problems with nesting needs class of it's own

margin-left: 10px;
	margin-right: 10px;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_2_5 {
	width:160px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_3_2 {
	width:270px;
}

.container_12 .grid_3_5 {
	width:280px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_4_5 {
	width:310px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_5_3 {
	width:415px;
}

.container_12 .grid_5_5 {
	width:445px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_7_5 {
	width:590px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_9_5 {
	width:770px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_11_5 {
	width:920px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}