/* 
	Wotoon v1.0 Project page styles	
	Author: Lokesh Dhakar http://www.wotoon.com
	Table of Contents:
		layout
		typography
*/




/* layout
----------------------------------------------- */

*{
	margin: 0;
	padding:0;
	}

body{
	background: #2D2D2D;
	color: #797979;
	font: 12px Tahoma, Verdana, sans-serif;
	word-wrap: break-word;	/* IE */
	SCROLLBAR-FACE-COLOR: #1F1F1F;/* IE */
	SCROLLBAR-HIGHLIGHT-COLOR: #888888;/* IE */
	SCROLLBAR-SHADOW-COLOR: #888888;/* IE */
	SCROLLBAR-3DLIGHT-COLOR: #1F1F1F;/* IE */
	SCROLLBAR-ARROW-COLOR: #888888;/* IE */
	SCROLLBAR-TRACK-COLOR: #1F1F1F;/* IE */
	SCROLLBAR-DARKSHADOW-COLOR: #1F1F1F;/* IE */
	}

#topborder{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4em!important;
	_height: 4em;
	}

#sidebar{
	position:absolute;
	top: 50px;
	left:20px;
	width: 192px;
	background-image: url(../images/menubg.gif);
	background-repeat: no-repeat;
	margin-left: 24px;
	height: 316px;
    }
/*IE6*/
* html div#sidebar  { top: 38px; left:20px;	width: 250px; position:absolute; }

#content{
	margin: 0 10% 5em 315px;
	width: 534px;
	background:url(/images/body_bg2.gif);
}


/* typography
----------------------------------------------- */

p {	line-height: 1.5em;	margin-bottom: 1.0em; font-size: 12px;padding-top: 1.0em;}
p.lead { font-size: 1.0em; padding:5px 5px 0 15px;}
p.leadt { font-size: 1.0em; padding:0 25px 0 25px;}
p.leads { background:url(../images/headbg.gif) no-repeat; padding:7px 7px 23px 7px; margin-left:25px;}
p.leadc { margin-left:25px;}
p.messright { text-align:right; padding-right:7px;}

ol, ul{ margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.5em; }
ol li{ margin-bottom: 0.2em; }
li{ font-size: 0.9em; }
li strong {color: #999;}
dl{ margin: 0.5em 0 1.2em 20px; }
dt{
	font-size: 0.9em;
	padding-top: 0.4em;
	padding-left: 0.9em;
	}
dd{	
	font-size: 0.9em;
	margin-bottom: 1.0em;
	padding-bottom: 0.9em;
	border-bottom: 1px dashed #3d3d33;
	}


h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h1 { font-size: 2.5em; }
h1 a { color:#fff; border: none; }
h1 em{ color: #D0EB6A; font-style: normal; }

h2 {
	font-size: 2em;
	letter-spacing: 0.4pt;
	color: #8DDE00;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	}
h3 {
	font-size: 1em;
	letter-spacing: 0.2pt;
	color: #797979;
	text-transform: uppercase;
	font-weight:normal;
	padding: 10px 0 10px 12px;
	margin-left:25px;
	background: url(../images/io.gif) no-repeat 0 12px;
	}
h4 {
	font-size: 1em;
	letter-spacing: 0.2pt;
	color: #AEAEAE;
	text-transform: uppercase;
	font-weight:normal;
	padding: 10px 0 10px 12px;
	margin-left:14px;
	background: url(../images/io.gif) no-repeat 0 15px;
	}
h5 {
	font-size: 11px;
	font-weight:normal;
	padding: 10px 0 1px 12px;
	line-height: 0.9em;	
	margin-left:20px;
	margin-right:120px;
	background: url(../images/io.gif) no-repeat 0 13px;
	}
h22 {
	font-size: 2em;
	letter-spacing: 0.4pt;
	color: #8DDE00;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	height:2em;
	}

a{
	/*font-weight: bold;*/
	color: #797979;
	text-decoration: none;
	}
hr{ height:1px; color:#3E3E3E;border:1px dashed; margin-top:5px; }
p a:hover {  }
a img{ 	border: none;}

input{font-size: 12px; background-color:#343434; border:none; width:150px; color:#797979;height:16px;border:1px solid #424242;}
.input1-bor{font-size: 12px; background-color:#343434; border:none; width:150px; color:#797979;border: 1px solid #8DDE00;height:16px;}
textarea{font-size: 12px;background-color:#343434; border:none; width:405px; height:150px;overflow:hidden;color:#797979;border:1px solid #424242;}
.textarea-bor{font-size: 12px;background-color:#343434; border:none; width:405px; height:150px;overflow:hidden;color:#797979;border: 1px solid #8DDE00;}
.input2{font-size: 12px; background-color:#343434; width:40px; color:#797979;height:16px; border:1px solid #424242;}
.input3{font-size: 12px; background-color:#343434; border:none; width:40px; color:#797979;height:16px;border: 1px solid #8DDE00;}
pre{
	display: block;
	margin: 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #222;
	background-color: #000;
	overflow: auto;
	}

code{
	font-size: 11px;
	font-family: Verdana,Sans-Serif;
	background-color: #000;
	color: #aaa;
	}
pre code{ line-height: 1.1em;}
kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

fieldset{ border: none; }

/* sidebar
----------------------------------------------- */
#sidebar a{
	color: #fff;
	}
#sidebar p a:hover{ border-bottom: 1px dotted #fff; }	

#sidebar h1 { text-align:center; }
#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{ color: inherit; }

#nav{
	list-style: none;
	margin: 7.5em 0 0 3.0em;
	width: 10em;
}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 1.5em;
	padding: 0.3em 0.2em 0.2em 0.8em;
	border-bottom: 1px solid #2D2D2D;
	color: #eee;
	}

#nav a:hover{
	color: #1a1a1a;
	}	


/* content
----------------------------------------------- */
#content ul{ margin-left: 4px;}
#content ul li{
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../images/bullet.gif) no-repeat 0 6px;
	}
#content .msgtitlelist { margin: 5px 0 0 25px; padding: 0; list-style: none; line-height: 1.8em; }
	#content .msgtitlelist li { height: 1.8em; overflow: hidden; list-style:none;background: url(../images/io.gif) no-repeat 0 8px; }
		#content .msgtitlelist cite { float: right; font-style: normal; width: 24em; height: 1.8em; color: #B9BCBF; overflow: hidden; }
			#content .msgtitlelist cite a { color: #515151; }
#about_01 {
	margin-top: 10px;
	margin-left:10px;
	width: auto;
}
#about_left {
	width:348px;
	float:left;
	line-height:150%;
}
#about_right {
	float:left;
	margin-left:15px;
	margin-top: 10px;
	border: 1px solid #424242;
	text-align: center;
	padding: 3px;
	background-color: #343434;
}
#about_right01 {
	float:left;
	margin-left:15px;
	margin-top: 10px;
	border: 1px solid #424242;
	text-align: center;
	padding: 3px;
	background-color: #343434;
}
.download{
	background-color: #333;
	border: 1px solid #444; 
	padding: 0.7em 1.5em; }
.download:hover{
	background-color: #555;
	border: 1px solid #777;
	}
#content ul.download li{
	padding: 0.3em 0;
	background-image:none;
	}
.download img{ padding-right: 0.3em; }
.download li strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.25em; color: #fff;}
.download li em{ font-style: normal; color: #D0EB6A; }

/* misc
----------------------------------------------- */

/* FF */ 
.section{ 
	clear:both;
}
/* IE6 */ 
*html .section{ 
	padding: 0 0 0 0; 
	clear:both;

}
/* IE7 */ 
*+html .section{ 
	clear:both;
}
.kong{
height:60px; background-color:#1F1F1F
}
.kong2{
height:10px; background-color:#1F1F1F
}
.sections{ 
	clear:both;
}
.sectionsf{
	clear:both;
}
.first{ border-top: none; }

.thumbnail{
	background:url(../images/picbg.gif) no-repeat;
    width:116px;
	height:70px;
	float: left;
	margin-left: 10px!important;/* IE7+FF */ 
	margin-left: 8px;/* IE6 */
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	}	
.thumbnail a img{
margin:5px 5px 8px 5px;
	}	

.thumbnailtuandui{
	background:url(../images/timbg.gif) no-repeat;
    width:116px;
	height:124px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
	}	
.thumbnailtuandui a img{
margin:5px 5px 8px 5px;
	}	
.caption{ font-size: 0.9em; padding-top: 0.2em ;	}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#292929; border-left:1px solid #424242; border-right:1px solid #424242;}
.xb1 {margin:0 5px; background:#424242;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	background:#292929 url(/images/body_bg2.gif);
}

/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
#basic-accordian{
	width:525px;
	left:50%;
	top:50px;
	margin-left:5px;
}
#basic-accordian2{
	width:525px;
	left:50%;
	top:50px;
	margin-left:5px;
}
#basic-accordian3{
	width:525px;
	left:50%;
	top:50px;
	margin-left:5px;
}
#basic-accordian4{
	width:525px;
	left:50%;
	top:50px;
	margin-left:5px;
}

.accordion_headings{
	padding:2px;
	background:#2D2D2D;
	color:#AEAEAE;
	cursor:pointer;
	border-bottom:1px solid #2D2D2D;
	font-size:1em;
	padding-left:10px;
}

.accordion_headings:hover{
	background:#8DDE00;
}

.accordion_child{
	padding-right:5px;
	padding-left:5px;
	background:#2D2D2D;
	padding-top:10px;
	padding-bottom:10px;
}

.header_highlight{
	background:#8DDE00;
}
.header_highlight2{
	background:#8DDE00;
}
.header_highlight3{
	background:#8DDE00;
}
.header_highlight4{
	background:#8DDE00;
}
.dott{
color:#8DDE00;
font-size:9px;}
.datetime{
font-size:9px;
}
.m15{
margin-left:15px;
margin-right:15px;
}
.pages{
padding-left:15px;}