/* =========================
//	Miscellaneous
// =========================*/
div.clear
{
	width: 100%;
	clear: both;
	line-height: 1px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	text-align: center;
}

hr
{
	border-bottom: 1px dotted #CCCCCC;
}


.displaynone
{
	display: none;
}




h2
{
	font-size: 11px;
	color: #FFF;
	line-height: 24px;
	padding-left: 8px;
	font-family: "Arial", serif;
}

.leftcontent {
	text-align: center;
	margin: 10px 0 5px 0;
}










/* =========================
//	Base
// =========================*/

*
{
	margin: 0;
	padding: 0;
	border: none;
}

body
{
	background: url('images/body_bg.jpg') no-repeat #FFFFFF top center;
	color: #333333;
	font-family: "Verdana", serif;
	text-align: center;
	font-size: 11px;
}

#container
{
	width: 960px;
	margin: auto;
	overflow: hidden;
	text-align: left;
	margin-bottom: 15px;
}

#container div.containermargin
{
	margin: 15px;
}





















/* =========================
//	Header
// =========================*/
#header
{
	height: 100px;
	float: left;
	width: 100%;
}

#header img.logo
{
	margin-top: 25px;
	margin-left: 20px;
}


#header #nav
{
	float: right;
	list-style: none;
	margin-right: 10px;
}

#header #nav li
{
	float: left;
	color: #999;
}

#header #nav li a
{
	line-height: 20px;
	color: #666;
	text-decoration: none;
}

#header #nav li a:hover
{
	color: #333;
	text-decoration: underline;
}

h2.description, h2.description a {
	color: #666;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}

h1 {
	text-indent: -999999999999px;
	height: 1px;
}

#top_message
{
	margin: 10px;
	margin-bottom: 0;
	background: #ddffc6;
	border: 1px solid #CCC;
	list-style: none;
	float: left;
	width: 938px;
}

#top_message p
{
	text-align: center;
	line-height: 20px;
	margin: 10px;
}

#top_message p a
{
	color: #999;
}




#top_login
{
	margin: 10px;
	margin-bottom: 0;
	background: #EFEFEF;
	border: 1px solid #CCC;
	list-style: none;
	float: left;
	width: 938px;
}

#top_login form
{
	margin: 10px;
	float: right;
}

#top_login form label
{

}

#top_login form input.text
{
	border: 1px solid #CCC;
	background: #FFFFFF;
	font-size: 11px;
	padding: 2px;
}

#top_login form input.button
{
	border: 1px solid #CCC;
	background: #FFFFFF;
	font-size: 11px;
	padding: 1px;
}

#top_login p.leftlinks
{
	float: left;
	line-height: 20px;
	margin: 10px;
}

#top_login p.leftlinks a
{
	color: #999;
}









p.text
{
	margin: 10px;
	line-height: 18px;
}

p.text a
{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

p.text a:hover
{
	color: #333;
	text-decoration: none;
	background: #CCC;
}




#colleft
{
	margin: 10px;
	float: left;
	width: 180px;
}

#colleft span.title
{
	display: block;
	height: 25px;
	background: url('images/colleft_title_bg.png');
}

#colleft span.title img.right
{
	float: right;
	display: inline;
}



#colmain
{
	margin: 10px;
	float: left;
	width: 750px;
	margin-left: 0;
}

#colmain span.title
{
	display: block;
	height: 25px;
	background: url('images/colmain_title_bg.png');
}

#colmain span.title img.end
{
	float: right;
	display: inline;
}


#colmain div.box
{
	margin-bottom: 15px;
}



#colmain #featured
{
	margin-bottom: 15px;
}

#colmain #featured div.featured_splitleft
{
	float: left;
	width: 555px;
}

#colmain #featured div.featured_splitright
{
	float: right;
	width: 185px;
	margin-left: 10px;
}





ol.main
{
	margin: 10px;
}

ol.main li
{
	margin-left: 30px;
	line-height: 18px;
}





form.main
{
	margin: 15px;
}

form.main fieldset
{

}

form.main label.heading
{
	font-weight: bold;
	line-height: 20px;
	display: block;
	background: url('images/form_label_bg.png');
	height: 22px;
}

form.main label.heading span
{
	background: #FFF;
	line-height: 20px;
	border: 1px solid #CCC;
	padding: 5px;
}

form.main label.normal
{
	line-height: 20px;
	display: block;
	margin: 15px;
	margin-bottom: 0;
	width: 120px;
	float: left;
	text-align: right;
}

form.main select
{
	line-height: 20px;
	display: block;
	margin: 15px;
	margin-left: 0;
	margin-bottom: 0;
	width: 157px;
	float: left;
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 11px;
}

form.main select option
{
	font-size: 11px;
	padding: 2px;
	color: #333333;
	float: left;
	width: 157px;
	clear: both;
}


form.main input.text
{
	line-height: 20px;
	display: block;
	margin: 15px;
	margin-left: 0;
	margin-bottom: 0;
	width: 150px;
	float: left;
	border: 1px solid #CCC;
	padding: 3px;
	font-size: 11px;
}

form.main input.button
{
	font-size: 11px;
	padding: 4px;
	border: 1px solid #999;
	margin-bottom: 15px;
}

form.main textarea
{
	line-height: 16px;
	display: block;
	margin: 15px;
	margin-left: 0;
	margin-bottom: 0;
	width: 200px;
	float: left;
	border: 1px solid #CCC;
	padding: 3px;
	font-size: 11px;
}

form.main p.multi
{
	line-height: 20px;
	display: block;
	margin: 15px;
	margin-left: 0;
	margin-bottom: 0;
	width: 150px;
	float: left;
	padding: 3px;
	font-size: 11px;
}

form.main input.radio
{

}

#colmain #viewfont
{
	margin-bottom: 15px;
}

#colmain #viewfont div.viewfont_splitleft
{
	float: left;
	width: 555px;
}

#colmain #viewfont div.viewfont_splitright
{
	float: right;
	width: 185px;
	margin-left: 10px;
}

#colmain #viewfont span.bignumber
{
	font-size: 1.8em;
}

#colmain #viewfont a.bignumber
{
	font-size: 1.8em;
	text-decoration: none;
	color: #000;
}

#colmain #viewfont p.detail
{
	margin: 10px;
	line-height: 18px;
	color: #666;
}

#colmain #viewfont p.detail a.detailaction
{
	padding: 2px;
	text-decoration: none;
	color: #999;
	line-height: 20px;
}

#colmain #viewfont p.detail a.detailaction img
{
	display: inline;
	margin: 2px;
	float: left;
	margin-right: 5px;
}

#colmain #viewfont p.detail a.detailaction:hover
{
	color: #555;
}

#colmain #viewfont img.smallright
{
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 20px;
}





#colmain div.box ul.fonts_small
{
	list-style: none;
	margin: 5px;
	margin-top: 10px;
	margin-right: 0;
}

#colmain div.box ul.fonts_small li
{
	float: left;
	margin: 5px;
	width: 235px;
	background: url('images/fontsmall_li_right.png') #FFFFFF;
	background-repeat: no-repeat;
	background-position: right;
}

#colmain div.box ul.fonts_small li img.avatar
{
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	float: left;
}

#colmain div.box ul.fonts_small li a.action img
{
	margin-left: 14px;
	margin-top: 15px;
}











ul.articles
{
	list-style: none;
	margin: 5px;
	margin-top: 10px;
}

ul.articles li
{
	margin-bottom: 30px;
	float: left;
}

ul.articles li a.title
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

ul.articles li img.avatar
{
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 15px;
	float: left;
}

ul.articles li span
{
	display: block;
}

ul.articles li span.detail
{
	color: #999999;
	line-height: 18px;
}

ul.articles li span.extract
{
	line-height: 18px;
	color: #5e5e5e;
}







#colmain form.mainsearch
{
	margin: 15px;
}

#colmain form.mainsearch input.keywords
{
	font-size: 1.8em;
	color: #999999;
	padding: 8px;
	border: 1px solid #CCC;
	width: 575px;
	float: left;
}

#colmain form.mainsearch img.button
{
	display: block;
	float: left;
	margin-left: 6px;
}

#colmain p.populartags
{
	line-height: 18px;
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	color: #999;
}

#colmain p.populartags a
{
	text-decoration: none;
	color: #666;
}

#colmain p.message
{
	margin: 20px;
}















img.promoimage
{
	margin-bottom: 5px;
}



#colleft div.box
{
	margin-bottom: 10px;
	background: url('images/colleft_box_end.png') #999999;
	background-repeat: no-repeat;
	background-position: bottom;
}

#colleft div.box img.end
{
	overflow: hidden;
	height: 4px;
	float: right;
}


#colleft div.box img.tinyplus
{
	margin-right: 8px;
	border: 1px solid #888;
}

#colleft div.box ul
{
	margin-top: 5px;
}

#colleft div.box ul li
{
	list-style: none;
	line-height: 18px;
	margin-left: 10px;
}

#colleft div.box ul li a
{
	text-decoration: none;
	color: #fff;
}

#colleft div.box ul li ul
{
	list-style: none;
	margin-left: -10px;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	background: #666;
}

#colleft div.box ul li ul li
{
	margin-left: 15px;
	border-left: 1px solid #777;
	padding-left: 5px;
}












ul.problem
{
	margin: 15px;
	background: #EFEFEF;
	border: 2px solid #CCC;
	padding: 10px;
	list-style: none;
}

ul.problem li
{
	line-height: 18px;
}



p.standouttext
{
	margin: 15px;
	background: #fcffcc;
	border: 1px solid #CCC;
	padding: 10px;
	line-height: 18px;
}






img.profile_avatar
{
	float: right;
	display: inline;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	margin-bottom: 10px;
}




ul.main
{
	margin: 15px;
	list-style: none;
}

ul.main li
{
	line-height: 18px;
}

ul.main li a
{
	color: #666;
	text-decoration: none;
}











#footer
{
	background: url('images/footer_bg.jpg');
	height: 100px;
	float: left;
	width: 100%;
}

#footer p
{
	text-align: center;
	line-height: 20px;
	color: #999999;
	padding: 10px;
}

#footer p a
{
	color: #666666;
	text-decoration: none;
}