/********************************************************************
* Reset CSS
*********************************************************************/
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,ul,ol,li{margin:0;padding:0;}
fieldset,img{border:0;} img,input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6,
h1 a:link,h1 a:active,h1 a:visited,h1 a:hover,
h2 a:link,h2 a:active,h2 a:visited,h2 a:hover{font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;line-height:normal;font-weight:bold;text-transform:none;font-size:100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;padding:.5em 0;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{color:#333;background-color:#e7e7e7;font:normal 11px/1.35em Tahoma,Verdana,Arial,Helvetica,sans-serif;}
a:active,a:link,a:hover,a:visited{font:normal 1em/1.35em Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#333;text-decoration:none;}
a:hover{text-decoration:underline;color:#000;}
a:visited {color:#736f46;}
p{padding-bottom:1.2em;}
ul,ol{list-style:none;padding-bottom:.5em;}
/********************************************************************
* Main styles
*********************************************************************/
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;}
/********************************************************************
* Main Layout
*********************************************************************/
#wrapper {position:relative;z-index:1;width:100%;min-width:800px;}

#header {background:#303030 url(i/head.bg.gif) repeat-x left top;color:#fff;}
#header .smile  {position:absolute;right:.7em;top:.4em;}
#header .smile  span {font-weight:bold;cursor:pointer;}
#header h1 {text-transform:capitalize;padding-left:26px;background:url(i/linkomaulia.logo.gif) no-repeat left top;}

#subheader {padding:1em;}
#main {padding:.5em;}
#main .cols {position:static;z-index:2;}
#main .col {position:relative;z-index:3;width:33%;float:left;zoom:1;}
#main .col .head {position:relative;z-index:4;}
.col .head h2 {padding-left:35px;padding-bottom:1em;background:url(i/icons.main.gif) no-repeat 5px 0;}
.col .head.top10 h2 {background-position:5px 0;padding-left:30px;}
.col .head.blogs h2 {background-position:4px -183px;padding-left:40px;}
.col .head.faq h2 {background-position:4px -112px;padding-left:35px;}
.col .head.ads h2 {background-position:4px -75px;padding-left:32px;}
.col .head.vote h2 {background-position:6px -39px;}
.col .head.chat h2 {background-position:4px -150px;}

#footer {padding:1em;}
#footer, #footer a, #footer span {color:#474747;}
#footer span {text-decoration:underline;cursor:pointer;}
#footer a {text-transform:capitalize;text-decoration:underline;}
#footer .right {text-align:right;}

#main .col .block {margin:.5em 1em 1.4em;background-color:#fff;border-top:4px solid #736f46;}
#main .col .block .cont {padding:.1em 7px 1.2em 12px;}
#main .col .block .cont span a {color:#ccc;white-space:nowrap;}
.col .block .cont p {background:url(i/li.square.gif) no-repeat 0 .5em;padding-left:1.4em;padding-bottom:.4em;overflow:hidden;}

#main .col span.stat {float:right;padding-left:1.5em;background:url(i/icons.stat.gif) no-repeat 6px 27px;cursor:pointer;}
#main .col span.stat.acs {background-position:6px 3px;color:#069;}
#main .col span.stat.desc {background-position:6px -27px;color:#c00;}
#main .col a.bold {font-weight:bold;}

#main .col .head a,#main .col .head .rss {
	position:absolute;z-index:5;
	right:7px;top:.5em;
	width:12px;height:12px;
	overflow:hidden;outline:0;
	text-indent:-1000em;
	display:block;
	background-image:url(i/icons.rss.gif);
	background-repeat:no-repeat;
	background-position:0 -60px;
	cursor:pointer;
}

#main .block.blue {border-top-color:#2aa2e7;}
#main .block.blue h2 {color:#2aa2e7;}
#main .block.blue .head a {background-position:0 0;}
#main .block.blue .cont a {color:#333;}

#main .block.orange {border-top-color:#e68c17;}
#main .block.orange h2 {color:#e68c17;}
#main .block.orange .head a {background-position:0 -40px;}
#main .block.orange .cont a.title {color:#757243;font-weight:bold;}

#main .block.green {border-top-color:#0ac13e;color:#000;}
#main .block.green h2 {color:#0ac13e;}
#main .block.green .head a {background-position:0 -20px;}
#main .block.green .cont a.vote {color:#598720;text-decoration:underline;background:url(i/icon.vote.gif) no-repeat left;padding-left:1.9em;}
#main .block.green .cont a.right {text-decoration:underline;color:#474747;}
#main .block.green .cont p {background-image:none;padding-left:0;}

#main .block.gray {border-top-color:#736f46;color:#736f46;}
#main .block.gray h2 {color:#736f46;}
#main .block.gray strong {color:#2aa2e7;}
#main .block.gray .cont a {text-decoration:underline;}
#main .block.gray .cont p {background-image:url(i/li.arrow.gif);}

#main .block.pink {border-top-color:#e63ad8;}
#main .block.pink h2 {color:#e63ad8;}
#main .block.pink .cont p {background-image:none;padding-left:0;}

span.time {font:bold 2.2em/normal "Times New Roman",Times,Georgia,serif;}

#main .col .block .cont form {overflow:hidden;}
#main .col .block .cont fieldset {padding-bottom:1em;}
#main .col .block .cont fieldset li {line-height:2em;position:relative;}
#main .col .block .cont fieldset a, #main .block.blue .cont #top-more a 
{font-family:Arial,Tahoma,Verdana,sans-serif;color:#999;background-color:#fff;padding-left:.3em;}
#main .col .block .cont fieldset a span, #top-more span {font-size:.9em;}
#main .col .block .cont fieldset p, #top-more {background:url(i/stripe.gif) repeat-x 0 .7em;text-align:right;}

#main .col .block .cont span.points b {padding-left:1em;background:url(img/icon.star.gif) no-repeat 0 .5em;color:#39f;font-weight:normal;}
#main .col .block .cont span.points i {padding-left:.5em;position:absolute;right:0;}
#main .col .block .cont span.points a {background:url(img/url.gif) no-repeat 0 .25em;padding-left:15px;zoom:1;}
#main .col .block .cont ul.results input.checkbox {display:none;}
#main .col .block .cont ul.results span.bar {display:block;}
#main .col .block .cont ul.results span.bar {
	background-color:#2aa2e7;background-image:none;
	padding-left:1px;display:block;color:#fff;
	font-size:0.8em;line-height:11px;
	height:11px;overflow:hidden;	
}
#main .col .block .cont ul.results li.my span.bar {background-color:#fa6;}


.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%;}

#main .chatroom {}
#main .chatroom p {padding:0 .5em;padding-bottom:.5em;}
#chatbox span.date {color:#09f;font-size:.9em;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:underline;color:#e68c17;font-weight:normal;}
#chatbox strong a:hover {text-decoration:none;}
#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;}

#smile {
	border: 1px solid black;
	background-color:#ababab;
	font-size:0.9em;
	line-height:normal;
	padding:1em;
	position:absolute;z-index:10;
	right:0;width:300px;
}
#smile a.title {font-weight:bold;text-decoration:underline;color:#fff;}
#smile a.title:hover {text-decoration:none;}
#smile p {padding-bottom:.4em;}
#header #smile span {color:#333;cursor:text;font-weight:normal;}


#main .block.gray .cont .ext-ad a:link,#main .block.gray .cont .ext-ad a:active,#main .block.gray .cont .ext-ad a:visited {text-decoration:none;}
#main .block.gray .cont .ext-ad a:hover {text-decoration:underline;color:#000;}
#main .block.gray .cont .ext-ad strong a:link,#main .block.gray .cont .ext-ad strong a:active,#main .block.gray .cont .ext-ad strong a:visited {text-decoration:underline;color:#2aa2e7;}
#main .block.gray .cont .ext-ad strong a:hover {text-decoration:none;color:#e63ad8;}
#main .block.gray .cont p.ext-ad {margin-top:.5em;margin-bottom:.5em;}

#main .col.second .green .cont{background:url(img/joanna_krupa.jpg) no-repeat right 40px;}