/* Important */
* {margin:0;padding:0}
body {background: #FFFFFF url("../images/img01.gif") repeat-x;font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #333333;}

/* Page */
#page {width: 90%;margin: 0px auto;padding: 40px 0;}

/* Content */
#content {float: left;width: 70%;}
#sidebar {float: right;width: 27%;}
#wrapper {background: url("../images/img03.gif") repeat-x left bottom;}
#wrapper2 {background: #18BDF5;}

/* General */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:.9em 0 .3em;color:#000;}
h1 {font-size:196%;margin-top:.6em}
h2 {font: 1.82em;font-weight: normal;letter-spacing: -1px;color: #84E003}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
ul {list-style:none}
img {border:none}
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
li {line-height: 1.4em;}
a,a:link,a:link,a:link,a:hover {cursor:pointer}
a:link {color:#18BDF5}
a:visited {color:#18BDF5}
a:hover,a:active {color:#84E003}


/* Header */
.search2 {position: absolute; right:0px; margin-top:50px; margin-right:20px}
.search2 input {font-size:17px;border:0px;padding:4px;}

/* Header */
#header {width:100%;height:160px;margin: 0px auto;}

/* Logo */
#logo {float:left;}
#logo img {padding-left:40px;}
#logo h1 {margin: 0; text-transform: lowercase;letter-spacing: -2px;font-size: 3.6em;font-weight: normal;color: #FFFFFF;}
#logo h1 a {padding-right: 20px;background: url("../images/img02.gif") no-repeat right top;text-decoration: none;color: #FFFFFF;}
#logo p {margin: -5px 0 0 0;text-transform: uppercase;font-size: 1.22em;letter-spacing: -1px;}
#logo a {text-decoration: none;color: #FFFFFF;}

#menu {position: absolute; right:0px; margin-top:90px; margin-right:20px;}
#menu ul {margin: 0px;padding: 0px 0px 0px 0px;list-style: none;}
#menu li {display: inline;}
#menu a {display: block;float: left;margin-left: 20px;text-decoration: none;text-transform: lowercase;font-size: 1.36em;color: #FFFFFF;padding:4px;}
#menu a:hover, .active a {background-color:#8AD9F3;}

/* Sorts */
#sorts {position:absolute;left:55px;margin-top:5px;color:#666;font-size:12px;}
#sorts p{font-size:12px}
#sorts a{color:#84E003;font-size:11px}
#sorts a:hover {color:#000000;}
#sorts img {margin-bottom:-2px;}

/* Tabs */
#cab {height:30px;margin-left:0px;font-size:17px;}
#navbar {margin:2px 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px}
#navbar a {color:#84E003; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {list-style:none;}
#cab li {float:left; text-align:center; display:block;}
#cab a {color:#555453;}
#cab a.navbut3 {float:left;text-decoration:none;display:block;font-weight:bold;padding:3px;}
#cab a.navbut3:hover {text-decoration:underline;}
#cab a.navbut3 span {float:left;padding:9px 0px 5px 6px; text-align:center;display:block;padding:3px;}
#cab a.navbut4 {float:left;text-decoration:none;display:block;color:#555453;background-color:#f0f0f0;padding:3px;}
#cab a.navbut4:hover {color:#A1A1A1}
#cab a.navbut4 span {float:left;text-align:center;display:block;}
#cab span a:hover {color:#555453;}

.cab {padding:0px 10px 30px 5px;}
.cab span a {background:url("../images/story_tab2.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px;text-align:center; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.cab span.selected  a{background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}
.cab span a:hover { background:url("../images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#000; font-weight:bold}


/* Forms */
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
input.submit {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
input.submit-s {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
input.log2 {border:1px solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}

/*Fieldsets */
fieldset {border:1px solid #ccc;padding:1em 1.5em;margin:1em 0; font-weight: normal;}
* html fieldset {background:none;}
fieldset dl {        margin:0;padding:0}
fieldset dt {        clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {        padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {        width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {        padding:0.2em 0;clear:left}
label {display:block;padding:5px 0;font-weight:bold}
label br {clear:left}
legend {        padding:0 0.5em;color:#000}

/* Tables */
table { width:100% }
table td, table th{ padding:0 4px; text-align:left; }
table th{ background: #EEEEEA; padding:4px; }
table th a:hover{ background:none; color:#CC0000;}

/* Sidebar modules*/
.featurebox {color:#18BDF5;padding:15px 0px 0px 10px;margin:0 0 15px}
.featurebox p {border:none;margin:0 0 1em;color:#444}
.featurebox a {color:#18BDF5; text-decoration:none}
.featurebox a:hover {color:#84E003; text-decoration: underline}
.featurebox li a {margin-left:-10px;padding-left:20px;line-height:2em;}
.featurebox li.rmore {list-style:none; margin-left:130px;}
.featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
.featurebox ul {margin-left:10px; margin-bottom:10px}
.featurebox ul a { margin-bottom:5px}
.tlb {background: url("../images/img04.gif") no-repeat left center; margin:-15px -10px 0px;padding:3px 20px 5px}
.tlb a {font-weight:bold;color:#84E003; text-decoration:none; font-size:18px}
.tlb strong {font-weight:bold;color:#84E003}
.tlb a:hover { color:#000; text-decoration:none}
.tlb span { float:right; margin-top:-3px; margin-right:0px}
.tlb2 {margin:5px 0 0 0;padding:0px 0px 20px}
.tlb2 span a{background:url("../images/exp_on.png") no-repeat 0 0; margin-right:8px;cursor:pointer; float:left; display:block; color: #66c; width:58px; height:21px; text-align:center; padding-top:2px}
.tlb2 span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.tlb2 span.selected a{background:url("../images/exp_down.png") no-repeat 0 0; width:58px; height:21px;cursor:text; float:left; display:block;margin-right:8px; font-weight:bold; color:#666; text-align:center; padding-top:2px}
.sstories { background:url("../images/vote_count.png") no-repeat 0 0; padding-top:3px; padding-right:13px; color:#FFFFFF; float:left;}
.count_total { margin-left:8px; color:#FFFFFF; font-weight:bold; font-size:110%}

#nav-secondary, #nav-secondary ul {position:static;margin:0}
#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0; display:block;}
#nav-secondary {padding-top:0;margin-top: 10px}
#nav-secondary a {line-height:1.5;font:96% arial;display:block; color:#18BDF5;border-bottom:1px dashed #e1e1e1;}
#nav-secondary a:hover {color:#84E003}

a.switchurl {border-bottom:1px dashed #e1e1e1;display:block;margin-right:8px;padding:0 0 4px 5px}

/* News items  */
.news-summary {padding:1px 0 10px 0;position:relative;clear:left;width:100%}
/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#36c; font-weight:bold}
.top h4 a:hover {color:#000;}
.toptitle {background: url("../images/img05.gif") repeat-x;margin:0;font-size:22px;font-weight:normal;}
.toptitle a:link, .toptitle a:visited {color:#FF6600; font-weight:bold}
.toptitle a:hover {color:#C226B8;}
/* The URL and Poster below headline */
.news-submitted {font-size:85%;margin-bottom:3px;color:#999999; }
.news-submitted a {color:#999; text-decoration:underline}
.news-submitted a:hover {text-decoration:none}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */
/* Post text */
.news-body-text {margin:10px 0px 0px 0px;font-size:14px;}
/* Post details below text */
.news-details {margin:0;font-size:85%}
.news-details a:link, .news-details a:visited {color: #18BDF5;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#84E003;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-details select {border:none}
.news-details .tool {display:block;float:left;padding:0 4px 0 4px}
.news-details .tool-right {        display:block;float:left;padding:0 4px 0 4px}
.news-details .comments_no {        padding-left:37px;border-left:none}
ul.news-details li li {        border-left:none;float:none;height:21px}

/* Votebox*/
.news-upcoming {background:url("../images/vote.png") no-repeat 0 0;position:absolute;top:5px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming2 {background:url("../images/vote.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
li.vote-publish a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:48px;text-align:center;padding:7px;color:#ffffff;}
li.vote-publish a:hover {text-decoration:none;}
.vote-publish {padding-top:2px;}
.vote-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none}
.vote-publish a:link, .vote-publish a:visited {color:#FFFFFF;}
.vote a:link,.vote a:visited, .vote span {display:block;padding:7px 0 5px 0;color:#18BDF5;font-size:12px; text-decoration:none; font-weight:bold;}
.vote a:hover {color:#84E003}
.vote span {color:#ccc;font-size:11px}

/* Comments*/
#comment-wrap {border-bottom:1px dashed #e1e1e1;}
#comment-head {background:#e1e1e1;width:100%;}
.comment-body {background:#fafafa;padding:0 4px}
.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}
 /*Comments avatar */
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;}
/* Comments rating buttons */
#comment-subhead {float:right;margin-top:-21px;font-size:11px}
.ratemey {background:#009900;padding:1px 5px}
.ratemen {background:#c00;padding:1px 6px;color:#fff}
.rateme {color:#fff;font-size:14px}

/* Profile */
#wrapper {width: 100%;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;}
#bookmarklet {width: 100%; }

/* Live */
.live2 {margin: 10px 10px 10px 10px;background-repeat: no-repeat;background-position: bottom right; }
.live2 strong {font-size: 95%; }
.live2-item {width: 100%;clear: both;border-bottom:1px dashed #e1e1e1;padding: 5px 2px 0px 2px;min-height: 25px;text-align: center;overflow: hidden;}
.live2-ts, .live2-type, .live2-votes, .live2-story, .live2-who, .live2-status {float: left;display: block;}
.live2-ts {width:10%;text-align: left;}
.live2-type {width:10%;text-align: left;}
.live2-type img {border:none;margin: 0 0 0 0;vertical-align: middle;}
.live2-votes {width:10%;text-align: left;}
.live2-story {width:37%;text-align: left;}
.live2-who {width:18%;text-align: left;}
.live2-status {width:15%;text-align: left;}
.live2-problem {color:#F00;}

/* Page navigation */
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; margin-right:1px}
.pagination p a:hover {background:#84E003;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

/* Misc */
.error {color:#c00;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#FFC5BE;padding:5px;}
.success {color:#390;font-weight:bold}

/* Video Image */
.vidimage {float:left;padding:4px;margin: 0px 10px 0px 0px; background:#e1e1e1; border:1px;}

/* Footer */
#footer {width: 778px;margin: 0 auto;padding-top: 30px;color:#FFFFFF}
#footer a {color: #FFFFFF;}
div.rek_footer a {color:#ffffff;font-size:11px;}
div.rek_footer a:hover {color:#ffffff;text-decoration:underline;font-size:11px;}
.rek_footer {color:#ffffff;font-size:9px;}
#footer ul {margin: 0;padding: 0;list-style: none;}
#footer li {display: block;float: left;width: 240px;padding-left: 29px;}
#footer li.first {padding-left: 0;}
#footer li ul {margin: 0;}
#footer li li {display: list-item;float: none;margin: 0;padding: 5px 0;background: url("../images/img10.gif") repeat-x left bottom;}
#footer li li a {margin-left:19px;padding:3px;}
#footer h2 {margin-top: 0;padding-left: 20px;background: url("../images/img08.gif") no-repeat left center;color:#FFFFFF;}

#legal {clear: both;margin: 0;padding: 50px 0;text-align: center;color: #FFFFFF;}
#legal a {color: #FFFFFF;}