/*reset.css*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}



/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}th,td {border:1px solid #000;padding:.5em;}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;}

/*grids.css*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* for all templates and grids */
body{text-align:center;}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:57.69em;*width:56.3em;min-width:750px;}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:14.3456em;*width:14.012em;}
.yui-t2 #yui-main .yui-b {
    margin-left:15.3456em;*margin-left:15.012em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}


BODY {
	background: #FFFFFF;
	margin: 0px;
	}

.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.header {
	text-align:right;
	}	

#content 
 {
	background:url(bg.gif);
	border: 1px solid #B85C00;
	font-family: trebuchet ms, arial, agency;
	color: #D16900;	

	}

#nav {
	text-align: right;
	font-family: trebuchet ms, arial, agency;
	color: #B85C00;
	
	padding-right: 16px;
	}

.sidebar 
	{
	background: #FFCC80;
	border: 1px solid #B85C00; 
	font-family: trebuchet ms, arial, agency;	
	
	color: #D16900;
	padding: 6px;
	text-align:left;
	}

input {
	border: 1px solid #D16900;
	color: #D16900;
	}
hr {
	color:#B85C00;
	} 	



table
{
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	margin-bottom:0.1em;	
}

th,td {border:0px;padding:0em;}

a 
{
	color: #1480CD; 
	text-decoration: underline;
}

p
{
	margin: 0.1em;
	margin-top: 0.3em;
	margin-bottom:0.1em;
}

textarea
{
	border:1px solid #D16900;	
	color: #D16900;
	font-family: Arial, Sans-serif;
}

input.button { 
	margin: 0; 
	font: bolder  Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #275F6C;
}

a:hover 
{
	color: #808080;
	background-color: #FEF7CD;
}

.central_work_area
{
	text-align:left;
	padding-left  :12px;
	padding-right :12px;
}

.header_title
{
	padding: 5px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 18pt;
}

.footer
{
	text-align: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
	border-top: solid 1px #B85C00;
}

.footer_text
{
	font-size: smaller;
}

.story_body
{
	padding-left:8px;

	width: 98%;
}

.story_body_title
{
	font-weight:bold;
	width: 100%;
}

.story_title
{
	font-size: 110%;
	font-weight:bold;
	padding-left  :4px;
}

.story_signature
{
	font-size: 80%;
	color:Gray;
	text-align:left;
	border-top: solid 1px #ddd;
	margin-top: 4px;
}

.story_signature a:hover 
{
	background-color:Transparent;
}

.story_signature_simple
{
	font-size: 80%;
	color:Gray;
	text-align:right;
}

.comment_header
{
	font-size: 100%;
	color:Gray;
	border-bottom: solid 1px #ddd;
	margin-bottom: 4px;
}

.comment_body
{
	background-color: #FFF;
	margin-bottom: 4px; 
	padding: 5px;	
}

.story_area
{ 
	border-bottom: #888 1px;
	border-right: dotted 1px #EEE;
}


.body_odd
{
	background-color: #FFC;
}

.body_even
{
	background-color: #FFF;
}

.stories_table
{
	width: 100%;
}

.story_header
{
	font-size:smaller;
	width:100%;
}

.header_odd
{
	background-color: #EEB;
}

.header_even
{
	background-color: #EEE;
}

.link
{
	cursor: pointer;
	cursor: hand;
}

.rating
{
	text-align:right;
	font-weight:normal;
	font-size:100%;
	padding-right:1px;
	color: #D16900;
}

.rating_bold
{
	text-align:right;
	font-weight:bold;
	font-size:100%;
	padding-right:1px;
	color: #D16900;
}

.rating_vote
{
	width: 24px;
	text-align:center;
}

.title
{
	font-weight: bold;
}

.author
{
	font-style: italic;
}

.main_message
{
	border: solid 4px blue;
	padding: 5px;
	font-weight: bold;
	font-size: 16pt;
	font-family: Verdana;
}

.faq
{
	margin: 0px;
	padding: 0px;
}

.faq h1
{
	font-size: x-large;	
}

.faq h2
{
	font-size: larger;	
	margin: 0.5em;
	margin-top: 0.8em;
	margin-left: 0em;
}

.faq p
{
	margin: 0.3em;
}

.author_title
{
	font-size: larger;
	text-align: center;
}

.article
{
}

.article h1
{
	font-size:123.1%;	
	text-transform:uppercase;
	text-align:center;
	padding: 0.8em;
}

.article h2
{
	font-size:108.1%;	
	padding-top: 0.7em;
	padding-bottom: 0.1em;
}

.article #inner
{
}

.article #footer
{
	padding-top: 1em;
	text-align:right;
}

.article #footer .ref
{
	font-style:italic;
}

.article h4
{
	margin:0.5em 0;
}

.divider
{
	margin-top: 1em;
}

.settings_section
{
	padding: 2px;
	margin: 10px;
	border: solid 1px #B85C00;
}

.settings_section .settings_title
{
	background-color:#B85C00;
	color: #F7F7F7;
	font-weight:bold;
	text-align:center;
}

.settings_section input
{
	margin: 0.1em;
}

.settings_section input.btn
{
	margin-top: 0.5em;
}

.friends p
{
	margin-bottom: 15px;
}

.friends table
{
	background-color:#fff; 
	width: 100%;
}

.friends td
{
	padding: 4px;
	font-size: 0.9em;
}

.friends tr
{
	border-bottom: dashed 1px;
}

.story_exc_bottom
{
	border: solid 1px #834000;
	margin: 4px;
	margin-top: 18px;
	padding: 7px;
	padding-bottom: 4px;
	background-color: White;
	font-family: Georgia;
	font-size: 14px;
}

.story_exc_top
{
	border: solid 1px #834000;
	margin: 4px;
	margin-bottom: 12px;
	padding: 5px;
	padding-bottom: 4px;
	background-color: White;
	font-family: Georgia;
	font-size: 11px;
	width: 70%;
}

.story_exc_link
{
	text-align:right; 
	width: 100%; 
	margin-top: 4px;
}

.users_list
{
	font-size: 12px;
}

.users_list td
{
	padding-right: 12px;
}

.users_list .header
{
	padding-right: 8px;
	text-align: left;
}

.users_list .bool
{
	text-align: center;
}

.no_hover a:hover
{
	background-color: transparent;
}

.menu_text
{
	font-size: 12px; 
	font-weight:bold;
}

.sko li
{
	list-style-type: none;
	margin-bottom: 8pt;
}

.heading h1
{
	font-size: 14pt;
	margin: 0.1em;
	padding-right: 0.4em;
}

.new_anno
{
	color: Red;
	font-style:italic;
}

.code
{
	padding: 5px;
	margin-top: 10px;
	font-family: Courier New; 
	font-size: 11pt;
	background-color: #fff;
}

.best_demo table
{
	width: 100%;
}

.best_demo th
{
	width: 45%;
	text-align: left;
	padding-bottom: 8px;
}