@import url(/burned_styles/page.css);
 @import url(/burned_styles/basic_widgets.css);
 @import url(/burned_styles/form_elements.css);


/*
* html .v_txt{
	line-height: .8em;
	}
*/


/*
* html #left-column h1{width:110%} */
* html #center_column { margin-left: 2em;padding-left: 0; }
* html #left-column { margin-left: 0;padding-right: 0; }
#left-column { margin-right:0; padding-right: 0;}
#center_column { padding-left: 0; }

#story_box .v_box{
	position: relative;
	float: left;
	padding: 0px;
	margin:0;
	margin-left: 1em;
	border: 1px solid #ddd; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;

	font-size: 1em;
	width: 3.5em;
	height: 5em;
	display: inline-block;
	text-align: center;
	font-family: serif;
	background: #f9f7ed;

	background: #FFFFFF  url(/images/vote_gr.jpg) repeat-x 0 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #D5E1DD));
	background: -moz-linear-gradient(top,  #ffffff,  #d5e1dd); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5e1dd');

}

.story_body{
	position: relative;
	margin: 0;
	margin-top: 1em;
	float: left;
	width: auto;	
	
	font-family:"Verdana",sans-serif;
        color: #4C4746;
        font-weight: normal;
        font-size: 1.2em;
        line-height: 1.4em;

	}


.v_txt{
        color: #eb8921;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.4em;
}	

.big_num{
        font-size: 1.9em;
        color: brown;
	font-weight: 600;
	display:block;
	margin-top: 3px;

        }



.buzz_box {
        background: #dedede;
        width:99%;
        color:          #white;
	border:	1px solid #aaaaaa;
	border-left: 0;
        border-top:     1px solid #dddddd;
        padding:0;
        padding-top: 3px;
        display: block;
        position: absolute;
        bottom:0px;
        left: 0px;
        height: 38%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #DedeDE));
        background: -moz-linear-gradient(top,  #fff,  #DEDEDE); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DEDEDE',GradientType=0); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFfff, endColorstr=#dedede)"; /* for IE 8 */
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
	
}




.vliner{ position: absolute;
         bottom:0px;
         width: inherit;
         height: 70%; }

/*
.buzz_box{
        color: #555;
        font-size: 1.1em;
	border-top: 1px solid #eb8921;
	padding-top: .2em;
	}
*/
.buzz_box a{
        color: #555;
}

/*#list .buzz_box{
	font-size: 1.4em;
}
*/
a > .buzz_box  {
        color:  #777;
        color: #00628B;
        font-family: sans-serif;
}

a:hover > .buzz_box {
	color: #993300;
	color: #000066;

	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DEDEDE), color-stop(1, #ffffff));
	  background: -moz-linear-gradient(top,  #DEDEDE,  #ffffff); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#FFFFFF',GradientType=0); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#FFFFFF)"; /* for IE 8 */


}

.buzzed_box {
        color:          #777;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position:absolute;
        bottom: 5px;;
        align: center;
        width:100%;
        background: transparent;
        font-size:      1em;
        font-family: sans-serif;
/*      margin-bottom:  2em; */
}


/*

.buzzed_box{
	display: block;
        color: #777;
       	font-size: 1em;
	margin-top:-3px;
	}
*/

* html .v_txt{
	line-height: .8em;
	}

/***** typography
******/

.text {
        font-family:"Verdana",sans-serif;
        color: #4C4746;
        font-weight: normal;
        font-size: 1.2em;
        line-height: 1.3em;
        }
#story_box .text{
	float: left;
	height: 100%;
	width: 100%;
}

.small_light {	font-size: 1em;;
		color: #467;
		border-left: 3em;}
.small_light a { color: #467;}

.green {color: green; }
.red {	color: red; }



.active_control {
	font-size: 130%;
	color: red; 
	font-weight: 600;
	}

.active_control a {
	font-size: 130%;
	color: red; 
	}

#story, #list { 
	width: 90%; 
	padding: 0;
	margin: 0;
	margin-left: 1em;
	}
#story { margin-left: 2em; }

 #story_box {
	border: 1px solid silver;
/*border-top: none; */

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


-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;

	padding: 1.5em;
	padding: 0;
	width: 90%;
	min-width: 520px;
	margin: 0; 
	height: 100%;
	float: left;
		}

#story_box h1{
/*	min-width: 95%; */
	padding:.2em;
	font-size: 1.4em;

background-color: rgb(240, 240, 240);
border:  1px solid silver;
border-bottom: none;
border: none;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;


-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;


color: #5a5a5a;
	margin:0;

	width:auto;
	padding-right:0; 
padding:4px;

}


#list h1, h2{
	padding:.3em;
	font-size: 1.3em;
	background-color: #ff7700; 
border: 1px solid silver;
border-bottom: 0;
background-color: #e18A07;
background-color: rgb(240, 236, 235);;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border: 0;
 
	color: #555;
	margin:0;
	width:auto;
}

#list h2{
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
	min-height: 2em;
}
#list_items b{
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;

	font-size: 1.3em;
	background-color: #ff7700; 
	padding: .3em;
	font-weight: 600;
	margin-right: 1em;
	color:#fff;
	display:block;
	float: left;
	height: auto;
}

#list_items a{
	color:#c62a1b;
}

#list_items h2{
	background-color: #c0d8be;
	color: #4b7a3d;
	color: #223f0a;
	padding: .3em;
	margin-bottom: .5em;
}

.list_text{
	margin: 1em;
	margin-bottom: 2em;
	border-bottom: 1px silver solid;
	padding-bottom: .5em;
}



.edit_holder{


        margin:0px;
        margin-left: 1%;
        padding:0px;
}



#comment .edit_holder {
	margin: 0;
	width: 100%;
	}
#resources .res_box{
	width:auto;
	float:left;
	border: 1px #9a9 solid;

}

#resources .res_box a{
	font-size: 1.2em;
	font-weight: 600;
}

#story_box p{
	      line-height: 1.6em;
	}

#story_box .byline{
	      margin-top: .2em;
	      margin-bottom:.3em;
	      font-size: 1.1em;
	      font-weight: 600;
	      display:block;
	      float: left;
	}

#list .v_box{
	line-height: 1.3em;
}
#story_box .v_box{
	float: right;
	padding: 0px;
	padding-bottom: 8px;
	margin-left: 1em;
	border: 1px solid silver;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;

-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
	height: 6.5em;

	font-size: 1em;
	width: 5em;
	height: 5.5em;
	width: 4em;
}
#story #story_box .v_box{
	font-size: 1.2em;
	}

.v_box h3{
        background: #419799;
        color: #fff;
        text-align: center;
        font-size: .8em;
        padding: 2px;
        margin:0;
        }

.v_box h4{
        background:  #ff7700;
       color: #fff;
        text-align: center;
        font-size: .8em;
        padding: 2px;
        margin:0;
        }

.v_box h2{
        background: #edeb76;
        color: #a36100;
        text-align: center;
        font-size: .8em;
        padding: 2px;
        margin: 0;
        }




div.st_box{
        clear: both;
        display: block;
        margin-top: 0%;
        margin:0;
        padding: 1em;
        border: 1px solid silver;
        border-top: none;
	 background-color: #fff9ed; /* good */

}




div.st_box .hilite2{
        color: #57180f;
        color: #d65900; /* good */
}
div.st_box .hilite3{
        color:#57180f;
        color: #d65900; /* good */
}



#story_box .st_body  { 	font-size: .9em;
			line-height: 1.6em;
		   	text-align: left;
	 }

#story_box .hed{
	color: teal;
	font-family: "Trebuchet MS", Verdana, Verdana, sans-serif;
	font-family: Georgia, Utopia, Times, serif;
	font-size: 1.9em;
	line-height: 1.6em;
	overflow: hidden;
	font-weight: 600;
        display: block;
	padding-bottom: .2em;	
}

#story_box .hed a{
	color: #006699;
	color: #336699;


}
#story_box .hed a:visited{
	color: #ff6600;
}

#story_box .text{
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify; 
	text-align: left;
	float: left;
	width: 100%;
}

.team{
	font-size: 110%;
	color: #9c3839;
	font-weight: 300;
}

#cc {
	width: 130px;
	font-size: 80%;
}

.diff_hilite{
	color: #9c3839;
	font-size: inherit;
}


.pref_line{
	padding: .2em;
	font-size: 1.2em;
	margin: 0;
}




#sidebar_topic_box {
	margin: 0;
	width: auto;
	color: #fff;
	background: #92A987;
	background: #645329;
	background: #4a5863;
	border: 1px solid #495443;

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

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;



	padding: 1em;
	}
#sidebar_topic_box a {
	color:  #Ffffeb;
	font-size: .95em;
	font-weight: 600;
	text-align: left;
	}

#sidebar_topic_box br {
	line-height: 1.9em;
}

#sidebar_topic_box .rev_title{
	border: 0;
	background: inherit;
	color:  #495443;
	color:  #cad5ba;
	color:  #82b1b1;
	font: 1.6em verdana, arial;	
	font-weight: 600;
	background: #92A987;
	background: #645329;
	background: #4a5863;
	margin:0;
	padding:0;
}

#sidebar_topic_box a:hover{
	background: #c8d5dd;
	color: #2a4d60;
}

#sidebar_topic_box .rev_title a{
	font: 1.1em verdana, arial;	
	font-weight: 600;
/*	word-spacing: 4px; */
	color:  #495443;

}

#sidebar_topic_box .rev_title br{
	line-height: 1.3em;
}




#sidebar_team_box {
	margin: 0;
	width: auto;
	background: #ffda77; 
	background: #cad5ba; 
	background: #e8edd7; 
	border: 1px solid  #545145;

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

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;



	padding: 1em;
	}
#sidebar_team_box a {
	color:  #544c36;
	font-size: .95em;
	font-weight: 600;
	text-align: left;
	}
#sidebar_team_box br {
	line-height: 1.9em;
}

#sidebar_team_box a:hover{
	background: #336666;
	color: #e8edd7;
}


#sidebar_team_box .rev_title{
	border: 0;
	background: inherit;
	color:  #545145;
	font: 1.6em verdana, arial;	
	font-weight: 600;
	background: #ffda77;
	background: #cad5ba; 
	background: #e8edd7; 
	margin:0;
	padding:0;

}

#sidebar_team_box .rev_title a:hover{
	background: #336666;
	color: white;
}


#sidebar_team_box .deck{
	font: 1em verdana, arial;
	color:  #544c36;
}


#sidebar_team_box .rev_title a{
/*	font: 1.1em verdana, arial;	*/
	font-weight: 600;
/*	word-spacing: 4px; */
	color:  #ff781e;
	color:  #638e51;

}



#sidebar_team_box .rev_title br{
	line-height: 1.3em;
}



#title_box {
        width: auto;
        height: 0;
        padding: 0;
        margin: 0;
	background: black;
	min-width: 420px;
}


#top_teams_skybox .resource_box{
	height: 101px;
	margin:0;
/*	position: relative;	*/
	border: 0;
	width: 24%;
	float: left;
	line-height: 1.2em;
	font-size: 1.1em;
	background: #0069af;
	padding-left: 1em;
	padding-top: 0;
}

#latest_lists_skybox .resource_box{
/*	width: auto; */
	width: 35%;
	height: 101px;
	background: #86002a;
	float: right;
	margin:0;
	border: 0;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-left: 1em;
	padding-top: 0;


}

* html #top_teams_skybox{ font-size: .95em; width:auto; }
* html #latest_lists_skybox{ font-size: .95em; width:auto; }


#top_teams_skybox a {
	color: white;
	font-size: 1em;
	font-weight: 700;
	}

#latest_lists_skybox a {
	color: white;
	font-size: 1em;
	font-weight: 700;
	}

#top_teams_skybox .rev_title{
	font: 1.3em verdana, arial;
	font-weight: 600;
/*	word-spacing: 4px; */
	color: #132a3a;
	border: 0;
	padding-left: 0;
	background: inherit;
	background: #0069af;
}

#latest_lists_skybox .rev_title{
	font: 1.3em verdana, arial;
	font-weight: 600;
/*	word-spacing: 4px; */
	color: #ff2a00;
	color: #a94b38;
	color: #bf5641;
	border: 0;
	padding-left: 0;
	background: inherit; 
	background: #86002a;
}




#comment .bn{
	background: #ccc;
	color: #555;
	border: 2px solid silver;
	}
#comment .bn { border: 1px solid silver;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
	font-size: 1.1em;
       background: #FFFFFF  url(/images/gr_bn.jpg) repeat-x 0 0;



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

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;

	background: #FFFFFF  url(/images/vote_gr.jpg) repeat-x 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #DDD));
	background: -moz-linear-gradient(top,  #ffffff,  #ddd); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddd');



 }



.chk {
	border: 1px ridge silver;
	background-color: #b95;
	color: white;
	font-weight: bold;
	}



/*** story widgets **/
/*

.box_style{ 
	padding: .1em;
	font-size: 1.3em;
}


.col_holder_b{
	border: 1px silver solid;
	padding: 1em;
	margin: 0px;
}

.col_holder{
	padding: .4em;
	margin: 0px;
}
.col{ 
      float: left;
      padding-left: 1em; 
      padding-right: 1em;
      margin: 0px;
	}
	
*/


#info_panel{
        width: 85%;
        text-align: justify;
        margin-top: 0px;
        padding-top: 0px;
        margin-left: auto;
        margin-right: auto;
/*	float: left; */
        }



.reply_box{
        margin:0;
         margin-left:3em;
        width:auto;
}
.comment_holder{
        margin:0;
        padding: 1em;
        border:1px solid silver;
        font-size: 1.2em;

-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;

        }

#comment {
        width: auto;
        }


#comment .box_top h1{
       /*  border-right: 100px #a2adbc solid; */
	background-color: #ababad;
	color: #666666;
	color: #efefef;
	font-size: 1.8em;
	font-weight: 700;
	padding: 3px;
	padding-bottom: 6px;
	border: 0;
	background-color: white;
	color: #777777;
	color: #aaaaaa;
}

#comment div.st_box{
	background-color: #aaa;
	background-color: #f4f3ee;
	background-color: #f7f6f4;
	background-color: #dedede;
	background-color: #efefef;
	background-color: white;
	border: 0;
        margin:0;
        width:auto;
        }


#comment .ftxt { 
	font-size: 1.4em;
	font-family: helvetica, arial;
}



.comment_block{
        margin:0;
        padding: 1em;
        border:1px solid silver;
        font-size: 1.2em;
        width:auto;
        }


.comment_bar {
        background-color: #d5e4bf;
 background-color:  #dbe8f9;
background-color:  #edf4f5;
        font-size: 1.2em;
        color: #685;
	 color: #666;
        padding: .2em;
        border-left: 1px silver solid;
        border-right: 1px silver solid;
        border-top: 1px silver solid;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;




        width:auto;
}
.reply_bar {
        background-color: #dde9f1;
    background-color: #f0eceb;
        font-size: 1.2em;
        color: #457;
        padding: .2em;
        border-left: 1px silver solid;
        border-right: 1px silver solid;

}
#comment .reply{
        font-size: 1.1em;
        float:right;
        width: 10em;
        text-align: right;
        }


#list h4{
	background: #f9f7ed;

        color:  #ff7700;
        text-align: center;
        font-size: 1.2em;
        padding: 2px;
        margin:0;
        }
.l_box{
       float:right;
       margin-bottom: 1em;
       width:85%;
        }

.more_geo a{ 
	color: #555;
	font-size: 1.2em;
}

.more_geo a:hover{
	background: #d18051;
	color: #eee;
	font-size: 1.2em;
}

.message{
	font-size: 1.8em;
	color: teal;
	font-weight: 600;
	}
.message_text{
	font-size: 1.4em;
	color: #777;
	font-weight: 600;
}

#focus{
        width: 35em;
        width: 90%;
/*      border-top: 4px solid silver; */
        border-bottom: 1px solid silver;
        clear: both;
        padding: .4em;
/*        margin-top: 2em; */
        margin-bottom:2.5em;
}

#focus h1{
        color: #ff9900;

        margin-bottom: .7em;
        font-size: 1.7em;

}

#focus h1 a{
        color: #888;
        font-size: .7em;
        display: inline;
        border:0;
}

#focus a{
        display:block;
        color: rgb(0,98,136);
        font-size:1.3em;
        margin:0;
        padding:0;
        margin-top:-.3em;
        padding-bottom:.3em;
        border-bottom: 1px dotted silver;
}




/******* new title bar ********/
#new_title_box {
        min-width: 520px;
        width: 100%;
        padding: 0;
	margin: 0;
        float: left;
        background: #222 url("/images/blk_grd.png");
	border-bottom: 1px solid white;
        }

#new_title_box ul {
        margin:0;
        padding: 0;
        margin-left: 0;
        float: left;
        list-style: none;
        }
#new_title_box ul li {
        font-size: 1.9em;
        font-weight: 600;
        text-decoration: none;
        float: left;
        margin:0;
        padding-left: .5em;
        padding-right: .5em;
        border-right: 1px solid #777;
        display: inline;
        padding: 8px;
}
 .sel_tool{
        background: darkred url("/images/pointer.gif") bottom center no-repeat;
}


#new_title_box .sel_tool a{
        color: white;
}
#new_title_box  a{
        color: #ccc;
        }

#new_title_box  li:hover{
        color: white;
        background: darkred;
        }

.nwdrop{
        margin:0;
        padding: 0;
        display: none;
}
#toolbar {
	font-size: .9em;
}
#toolbar ul {
        float:          left;
	width:          auto;
	padding:        0;
        margin:         0;
        list-style:     none;
        line-height:    1.4em;
        z-index:        2;
}

#toolbar a {
        display:        block;
}

#toolbar li {
        list-style:     none;
        float:          left;
        margin-left:    .5em;
        padding-top: 5px;
}
#toolbar li ul li {
        width: 15em;
}

#toolbar li a {
        color: #7f7f7f;
}
#toolbar a:hover {
        background:     darkred;
        color: white;
        padding-top: 0;
}

#toolbar li ul a:hover{
	color: white;
}
#toolbar li ul {
        position:       absolute;
	color:     white;
        margin-left: -8px;
        margin-top: 8px;
        border-bottom:  1px solid black;
        border-right:   1px solid black;
        border-left:    1px solid black;
        display:        none;
        z-index:        2;
        background: darkred;
}

#toolbar ul li:hover{
        background: black;
        width: 100%;;
}
#toolbar li ul li {
        clear:  both;
        border: 0;
        font-size: .8em;
        padding:0;
}

#menu { border-top: 1px solid white;
}
#toolbar li ul a {
        display:        block;
        color:          #ddd;
        padding-left: .5em;
        padding-right: .5em;
        width:auto;
}

#toolbar li ul a:hover {
        color:         white;
        background:     inherit;
        border:         0;
}

#toolbar li:hover ul, #toolbar li.sfhover ul {
        left:                   auto;
        top:                    auto;
        display:                block;
        width:                  auto;
        background-position:    0 0;
        z-index:                2;
}


* html #title_box{ height: 0;
                background: black;
        width: auto;

   }