/* basic */
a:hover span{cursor:pointer;}
strong a:link,strong a:active,strong a:hover,strong a:visited{font-weight:bold;}
.checkbox {margin-right:.3em;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear{font-size:1px;line-height:0%;clear:both;display:block;float:none;height:0%;overflow:hidden;}

/* fonts */
body {font:normal 14px/1.5em Tahoma,Verdana,Arial,Helvetica,sans-serif;}
a:active,a:link,a:hover,a:visited{font:normal 1em/1.5em Tahoma,Verdana,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6 {font:normal 115%/normal Tahoma,Verdana,Arial,Helvetica,sans-serif;}

/* colors */
body {color:#454545;background-color:#fff;}
h1,h2,h3,h4,h5,h6 {color:#454545;}

/* form css */
form input {font-size:1em;}
form label {display:block;padding-bottom:.5em;font-size:1.2em;}
form li {display:block;list-style-type:none;padding-bottom:1em;}

form .text {border:1px solid #2aa2e7;padding:2px 5px;color:#454545;}
form .btn {
	border-width:1px;
	border-style:solid;
	border-color:#eaeaea #949494 #949494 #eaeaea;
	padding:2px 5px;
	color:#454545;
	background-color:#eaeaea;
}

form .wide {clear:both;}
form .wide .text {width:320px;}
form .wide .btn {width:10em;}
form .short .text {width:149px;}
form .short {float:left;}
form .padd {padding-left:10px;}
form .text:focus {background-color:#efefef;}
form .text.err {background-color:#260000;border:1px solid #770000;}

/* main css */
h1 {font-size:.8em;text-align:center;}
h2 {font-size:1.7em;}
#wrapper {width:980px;margin:0 auto;position:relative;z-index:1;}
.leftside {width:300px;padding-right:65px;float:left;}
.rightside {width:600px;padding-left:10px;float:left;}
#main, #subheader, #footer {clear:both;}

#main .leftside ol {list-style-position:outside;padding-left:1.8em;clear:both;margin-left:.7em;}
#main .leftside ol li {background:url(i/stripe.gif) repeat-x left bottom;padding-top:.5em;color:#0066aa;}
#main .leftside ol .stat {clear:both;float:right;padding:0 0 1px 1.5em;background:url(i/icons.stat.gif) no-repeat 6px 27px;cursor:pointer;font-size:.8em;}
#main .leftside ol  .stat.acs {background-position:6px 7px;color:#069;}
#main .leftside ol  .stat.desc {background-position:6px -23px;color:#c00;}
#main .leftside ol a {color:#0066aa;text-decoration:none;padding:0 13px 2px 0;background:url(i/external.gif) no-repeat right;}
#main .leftside ol a.blog {color:#454545;font-size:.7em;background:url(i/blog.gif) no-repeat left;padding:0 0 0 12px;margin-left:3px;}
#main .leftside ol a:hover {text-decoration:underline;}
#main .leftside .more {font-size:.85em;text-align:right;clear:both;padding-top:1.2em;}
#main .leftside .more a {color:#06a;}

#main .leftside ul {font-size:.9em;line-height:1.2em;list-style:none;}
#main .leftside ul p {padding-bottom:0;overflow:hidden;}
#main .leftside ul li {padding-bottom:1.5em;background:url(i/li.arrow.gif) no-repeat 0 .6em;padding-left:1.4em;}
#main .leftside ul a {color:#454545;}
#main .leftside ul a:visited {color:#06a;}
#main .leftside ul span a {color:#09f;font-size:.9em;display:block;overflow:hidden;white-space:nowrap;margin-right:.3em;text-decoration:none;}
#main .leftside ul span a:hover {text-decoration:underline;}
#main .leftside ul strong a {line-height:1.2em;}
#main .leftside .ad {padding:1em 0 2.5em;}

#main h2 {position:relative;}
#main h2 a {
	position:absolute;z-index:5;
	margin-left:.4em;margin-top:.55em;
	width:12px;height:12px;
	overflow:hidden;outline:0;
	text-indent:-1000em;
	background-image:url(i/icons.rss.gif);
	background-repeat:no-repeat;
	background-position:0 -40px;
	cursor:pointer;
}

#header {padding:.2em 0 1em;height:110px;}
#header .banner {font-size:.8em;float:right;text-align:right;}
#header .banner a {color:#454545;}
#header p {font-size:.8em;margin-left:380px;top:-1.7em;position:relative;z-index:2;}
#header p strong {font-weight:normal;}
#header .logo {margin-top:-.5em;}
#header  a {position:relative;z-index:3;}

#footer {font-size:.9em;text-align:center;}
#footer a {color:#454545;}

/* loader */
.loader {
	background:url(img/semi-transparent.gif) repeat #eef;
	border:1px solid #ddf;
	width:220px;height:440px;
	position:absolute;z-index:100000;
	display:none;text-align:center;
}
.loader div {width:220px;margin:1em auto;font:normal 11px/1.2em Tahoma,Verdana,Arial,sans-serif;position:relative;top:38%;}

/* chat */
#main .chatroom {}
#main .chatroom p {padding:0 .5em .5em 0;}
#chatbox span.date {color:#09f;font-size:.7em;padding-left:.5em;}
#chatwindow {
	border:1px solid #e63ad8;
	width:95%;height:5em;
	font-size:1em;
	padding:0 .2em;
	word-wrap:break-word;
}
#chatbox {
	height:40em;
	overflow:auto;
	overflow-x:hidden;
	margin-bottom:1em;
	padding:0em .2em;
}
#chatbox p strong  {font-weight:normal;}
#chatbox strong a {text-decoration:none;color:#f0f;font-weight:normal;}
#chatbox strong a:hover {text-decoration:underline;}
#main p.me {color:#009;padding-bottom:0;}

#login-form fieldset, #login-form ul {padding:0;}
#login-form li {clear:both;padding-bottom:.5em;}
#login-form label {display:block;color:#2aa2e7;font:bold 1em/1.3em Arial,Tahoma,Verdana,sans-serif;}
#login-form  em {position:relative;margin-top:-.2em;}
#login-form  input.text {border:1px solid #2aa2e7;padding:1px;width:200px;}
#login-form  input.btn {background-color:#eaeaea;color:#333;border-width:1px;border-style:solid;border-color:#fff #949494 #949494 #fff;padding:2px 1em;font-weight:bold;}

.time {text-align:right;float:right;}
.time em {font-style:normal;display:block;font-size:.9em;color:#09f;text-decoration:underline;}
.time .t {font-size:1.3em;}

h2 {position:relative;padding:0 .15em;line-height:45px;margin-bottom:.7em;}
h2 .icon {
	background:url(i/icons.head.jpg) no-repeat 100px 100px;
	position:absolute;
	width:52px;height:60px;
	display:block;
}
h2.top {margin-left:60px;}
h2.top .icon {background-position:0 0;margin-left:-60px;}
h2.top, h2.chat {border-bottom:1px solid #454545;}
h2.chat .icon {background-position:-67px -5px;margin-left:-48px;}
h2.blog {margin-left:104px;line-height:1.2em;}
h2.blog .icon {background-position:0 -70px;margin-left:-105px;width:105px;}

.content {padding-top:2em;}

#main .leftside ol a.infected {color:red;text-decoration:line-through;}
