/* reset */
* { margin:0; padding:0; border:0; }

/* default links */
a {color:#FFFFFF; text-decoration:none;}
a:hover {text-decoration:underline; color:#67F6FF;}

body {margin:0; padding: 0; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;}
div#about {background:url(../layout/header_about.png) no-repeat center #20282D; height: 234px;}
div#about > div {color:#DDDDDD; margin:0 auto; padding:165px 450px 0 0; width: 520px; line-height: 20px; font-size:16px; font-family: Arial;}
div#topMargin {background:url(../layout/top_margin_background.png) repeat-x; height: 43px;}
div#topMargin > div {background:url(../layout/top_margin.png) no-repeat center; height: 43px;}
div#topMargin > div > div {width:965px;margin:0 auto;text-align:right;padding:8px 0 0 0;}
div#topMargin > div > div > span {float:left;color:#666666;padding:2px 10px;}
div#topMargin > div > div > a.close {background:url(../layout/about_close.png) no-repeat; height:28px; width: 81px; display: inline-block;}
div#topMargin > div > div > a.open {background:url(../layout/about_open.png) no-repeat; height:28px; width: 193px; display: inline-block;}

div#container {background:url(../layout/background_container.png) repeat-x top #496372;}
div#container > div {background:url(../layout/background_clouds.png) no-repeat top;}

/* ie6 */
div#ie6 {background:#000; color:#CCC; font-size:12px; line-height: 20px; }
div#ie6 > div {width:735px; margin:auto; padding: 40px 30px 40px 200px; background:url(../layout/ie6.png) no-repeat 40px 40px;}
div#ie6 > div > h2 {color: #990000; margin: 0 0 20px 0; font-size: 20px;}

/* page top (logo & header) */
div#header { width:965px; background:url(../layout/header.png) no-repeat; margin:0 auto;height:125px;}
div#header > a#logo { float:left; margin: 5px 0 0 2px; }
div#header > a#logo > img { }
div#header > div.top {height:75px;margin-left:217px;}
div#header > div.bottom {margin-left:207px;}
a#button-live{width:90px;height:44px;display:inline-block;background:url(../layout/sprite1.png) no-repeat;text-indent: -9999px;}
a#button-live:hover{background-position: 0 -44px;}
a#button-submit{width:239px;height:44px;display:inline-block;background:url(../layout/sprite1.png) no-repeat -90px 0;text-indent: -9999px;}
a#button-submit:hover{background-position: -90px -44px;}

/* smen categories */
div#categories {display:inline-block;font-size: 14px; padding: 9px 0 0 0;width:490px; color:#FFFFFF; }
div#categories > span.links {display:inline-block; padding:8px 0 0 0;}
div#categories > span.tools {float:right;}

/* live */
div#expansion {background:url(../layout/header_expansion_repeat.png) repeat-y; padding:0 10px;width:943px;margin:0 auto;background:#29373D;border-radius:10px;}
div#expansion h3 {color:#CCC;}
div#expansion > div > hr {border-bottom: dashed 1px #CCCCCC; margin-bottom: 10px;}
div#expansion > div > div {width:469px; display:inline-block; vertical-align: top;}
div#expansion > div > div > ul {margin:10px 0 0 0;}
div#expansion > div > div > ul > li {margin: 0;list-style: none; display:block; height:60px;}
div#expansion > div > div > ul > li > a {display:inline-block; vertical-align: middle;}
div#expansion > div > div > ul > li > span {vertical-align: middle; font-size:12px; display:inline-block;width:400px;color:#CCCCCC;}

/* submit article */
div#header > div.top > a {display: inline-block; margin:16px 0 0 0;}

/* search form */
div#search {background:url(../layout/search_background.png) no-repeat;margin:4px 3px 0 0;display: inline-block; width: 247px; height: 44px;float:right;}
div#search input[type="text"] { float:left; font-size: 23px; margin:8px 0 2px 10px; background:none; width: 192px;}
div#search input[type="image"] { float:left }

/* login form */
div#usermenu {height:75px;display: inline-block;float:right;vertical-align: top; color:#CCCCCC; font-size: 12px; width:400px;}
div#usermenu input[type="text"], div#usermenu input[type="password"] {background: url(../layout/login_input.png) no-repeat; width: 148px; height: 20px; vertical-align: top; font-size:16px; color:#9DAAB1;margin:5px 0 0 0;padding:4px;}
div#usermenu input {vertical-align: top; margin: 2px 0 3px 0;}
div#usermenu > img {float:left; margin-right:5px;}
div#usermenu h3 {padding:4px 0 6px 0; color:#C3D9E6; display:block; font-size:13px;font-weight:normal;}
div#usermenu a.messages {padding:0 0 0 30px; display: inline-block;}
div#usermenu a.read {background:url(../layout/messages_read.png) no-repeat left;}
div#usermenu a.new {background:url(../layout/messages_new.png) no-repeat left;}
div#usermenu > form#form-login {margin:10px 0 0 5px;}
div#usermenu > form#form-login > label {padding: 0 0 0 4px;}
div#usermenu > form#form-login { background: no-repeat 95px 40px; }
div#usermenu > form#form-login label {display:inline-block; padding: 3px 0;}
div#usermenu > form#form-login span#login-result>img {padding:3px 0;}
div#usermenu > form#form-login div.register {float:right;margin-right:30px;xwidth:227px;}
div#usermenu > div.account {display:inline-block;background:#1F272D;border-left:1px solid #44535B;padding:15px;height:45px;float:left; width:170px;}
div#usermenu > div.account > a > img {float:left;margin:0 5px 0 0;}
div#usermenu > div.inbox {display:inline-block;background:#262E33;border:solid #44535B;border-width:0 1px 0 1px;height:45px;padding:15px;float:left;width:90px;}
div#usermenu > div.userRating {display:inline-block;background:url(../layout/usermenu_smen.png) no-repeat center; color:#FFFFFF; text-align:center; font-size: 16px; height:35px;padding:40px 0 0 0;width: 100px;float:left;width:77px;}
input[type="submit"]:hover { cursor: pointer; }

/* footer */
div#footer {margin: 10px 0 0 0; background: #29373D url(../layout/background_footer.png) repeat-x; padding:10px 0 0 0; font-size: 14px;}
div#footer > div:first-child {width:965px; margin:0 auto;}
div#footer > div:first-child {height: 150px;}
div#footer > div:first-child > div {width: 321px;float:left;color:#B8B8B8;margin:10px 0 0 0;}
div#footer > div:first-child > div > h3 {color:#FFFFFF; padding:5px 0 5px 35px;background: left no-repeat;margin:0 0 10px 0;}
div#footer > div:first-child > div.tagCloud {width:304px; border-right: 1px solid #4F6068;margin:0 10px 0 0;padding:20px 10px 20px 0;}
div#footer > div:first-child > div.tools {width: 345px;}
div#footer > div:first-child > div.contact {width:295px;}
div#footer > div:first-child > div.tools > h3 {background-image:url(../layout/footer_unelte.png);}
div#footer > div:first-child > div.contact > h3 {background-image:url(../layout/footer_contact.png);}
div#footer > div:first-child > div ul {list-style: none;}
div#footer > div:first-child > div ul > li {display:inline-block; width:136px;}
div#footer > div:first-child > div ul > li > span.label {font-size:12px;}
div#footer > div > div.contact > div {background:url(../layout/footer_large_bar.png) no-repeat;height:30px; width:279px;padding:18px 8px}
div#footer > div:first-child > div > a.tool {background:url(../layout/footer_small_bar.png) no-repeat;height:56px; width:133px;display:inline-block;padding:5px;margin:0 29px 0 0;color:#B8B8B8;}
div#footer > div:first-child > div > a.tool > img {float:left; margin:3px 10px 0 0;}
div#footer > div:first-child > div > a.tool > span {float:left;display: block;margin:10px 0 0 0;width: 60px;}
div#footer > div:first-child > div > a.tool:hover {background:url(../layout/footer_small_bar_hover.png) no-repeat; text-decoration: none;color:#FFFFFF;}
div#note {margin:0 auto;text-align: center; font-size:12px; color: #496371;padding:20px 0 20px 200px; width:765px;border-top:1px solid #4F6068;}
div#note > div {float:right;display:inline-block;}

/* content = main + sidebar */
div#content { width:965px; overflow:auto; margin:0 auto; }
div#content > div#sidebar { width:244px; min-height:500px; height:auto !important; height:500px; float:right; padding:4px 0 0 0; }
div#content > div#main { width:718px; min-height:500px; height:auto !important; height:500px; margin-top:5px;overflow:hidden;}

/* sidebox */
div.sidebox {width:244px;overflow:hidden;margin:0 0 5px 0;}
div.sidebox > div.top {background:url(../layout/sidebar_top.png) no-repeat top; padding:11px 0 0 0;}
div.sidebox > div.top > div {background:url(../layout/sidebar_top_repeat.png) repeat-y center; font-family: Arial; font-size: 18px; color:#FFFFFF; padding:0 15px 5px 15px;}
div.sidebox > div.bottom {background:url(../layout/sidebar_bottom.png) no-repeat bottom; padding:0 0 11px 0;}
div.sidebox > div.bottom > div {background:url(../layout/sidebar_bottom_repeat.png) repeat-y center;padding:0 2px 0 4px;}
div.sidebox > div.bottom > div > div {border-top: 1px solid #4B636D; padding:0 15px;}
div.sidebox ul#top-commented-articles {display:none;}
div.sidebox > div.bottom > div > ul.top {background:url(../layout/sidebox_article_top.png) no-repeat;font-size:14px;padding:0;}
div.sidebox > div.bottom > div > ul.top > li {height:48px;margin:0;padding:0;list-style:none;}
div.sidebox > div.bottom > div > ul.top > li > a {height:48px;width:238px;overflow:hidden;color:#29373D;display:table;margin:0;}
div.sidebox > div.bottom > div > ul.top > li > a:hover {background:#FFFFFF;}
div.sidebox > div.bottom > div > ul.top > li > a > span.title {display:inline-block;width: 190px;display:table-cell;vertical-align:middle;}
div.sidebox > div.bottom > div > ul.top > li > a:hover > span.title {text-decoration:underline;}
div.sidebox > div.bottom > div > ul.top > li > a > span.rating {background:url(../layout/sidebox_vote_box.png) no-repeat;color:#FFFFFF;width:27px;height:18px;display:inline-block;padding:4px 0;text-align:center;margin:11px 5px 11px 11px;float:left;}
div.sidebox > div.bottom > div > ul.top > li > a:hover > span.rating {background:url(../layout/sidebox_vote_box_hover.png) no-repeat;}
div.sidebox > div.bottom > div > ul.top > li > a:hover {text-decoration:none;}
div.sidebox a.button {display: block; margin:8px 8px 0 8px;color:#67F6FF;font-weight: bold; vertical-align: top; height:32px;font-size: 14px;}
div.sidebox a.button:hover {color:#FFFFFF; text-decoration: none;}
div.sidebox a.button > span.left {display:inline-block;background:url(../layout/more_default_left.png) no-repeat; width:6px; height:32px;float: left;}
div.sidebox a.button > span.right {display:inline-block;background:url(../layout/more_default_right.png) no-repeat; width:6px; height:32px;float: left;}
div.sidebox a.button > span.center {display:inline-block;background:url(../layout/more_default_center.png) repeat-x; height:18px; padding:9px 0 5px 0;float: left;}
div.sidebox a.button:hover > span.left {background:url(../layout/more_hover_left.png) no-repeat; }
div.sidebox a.button:hover > span.right {background:url(../layout/more_hover_right.png) no-repeat;}
div.sidebox a.button:hover > span.center {background:url(../layout/more_hover_center.png) repeat-x;}

/* top articles/comments */
div#article-toggle {font-size:11px; background:url(../layout/top_articles_tab.png) no-repeat 1px 0;height:28px; padding:0;margin:5px 0 0 3px;}
div#article-toggle > a {display:inline-block;padding:5px 9px;font-weight:bold;}

/* latest articles */
ul.latestArticles {font-size:14px;}
ul.latestArticles > li {margin:0;}
ul.latestArticles > li.odd {background:#41535D;}
ul.latestArticles > li.even {background:#3D4F57;}
ul.latestArticles > li > a {color:#FFFFFF;padding:10px; display:block;}
ul.latestArticles > li > a:hover {color:#67F6FF;text-decoration:underline;}

/* feed */
ul.feed {margin:10px 0 0 0;}
ul.feed > li {margin: 0 0 0 40px;list-style-image:url(../layout/rss.png);padding: 2px 0 4px 0;}

/* article list */
ul.articles > li {list-style:none; font-size:12px;margin:0 0 5px 0;}
ul.articles > li > div { width:706px; height:114px; background: url(../layout/background_article_left.png) top left no-repeat; padding:0 0 0 11px; }
ul.articles > li > div > div {width:696px;height:114px;background: url(../layout/background_article_right.png) top right no-repeat;padding:0 11px 0 0;}
ul.articles > li > div > div > div { width:696px; height:114px; background: url(../layout/background_article.png) repeat-x; }
ul.articles div.title {height:73px;}
ul.articles div.title > div {height:50px;padding:14px 0 9px 0;display:table;}
ul.articles div.title > div > h2 {color: #FFFFFF;font-size: 20px;font-family:Arial;font-weight:normal;vertical-align:middle;display: table-cell;margin:0;padding:0;}
img.thumb {float:left;margin:15px 10px 0 0;background:url(../layout/article_thumb_background.png) no-repeat; padding:2px;width:50px;height:50px;}
ul.articles span.details { display:block; margin:10px 0 17px 0;color:#CCCCCC;}
ul.articles div.action {float:right;}
ul.articles div.action {margin:0 -9px 5px 0;font-family: Arial;font-size:11px;}
ul.articles a {height:25px;padding:12px 0 0 0;}
ul.articles a.comments {background:no-repeat right;display:inline-block;color:#B8B8B8;padding:12px 22px 0 0; text-align:right; margin:0 5px 0 0;}
ul.articles a.comments:hover {text-decoration: none;}
ul.articles a.comments[href]:hover {text-decoration:underline;color:#FFFFFF;}
ul.articles a.comments {background-image: url(../layout/comments_inactive.png);}
ul.articles a.comments[href] {background-image: url(../layout/comments_active.png);}
ul.articles a.directLink {background:url(../layout/direct_link.png) no-repeat 0px -37px;display:inline-block;width:78px;color:#B8B8B8;padding-left:13px;}
ul.articles a.directLink:hover {background-position: 0px 0px;color:#FFFFFF;}

/* rating (within the article list) */
div.rating {float:left;margin:10px 10px 10px 0;padding:0 0 0 1px;width:74px; height:91px; background: url(../layout/background_rating.png) no-repeat;}
div.rating > span { display: block; font-size:24px; color:#FFF; height: 38px; padding: 22px 0 0 0; text-align:center; }
div.rating > span.loading {background:url(../layout/rating-loader.gif) no-repeat center;}
div.rating > div.rating-plus { float:left; height:30px; width: 37px; background: url(../layout/rating_plus_inactive.png) no-repeat;}
div.rating > div.rating-plus > a { float:left; height:30px; width: 37px; background: url(../layout/rating_plus.png) no-repeat; }
div.rating > div.rating-plus > a:hover { background: url(../layout/rating_plus_hover.png) no-repeat; }
div.rating > div.rating-minus { float:left; height:30px; width: 36px; background: url(../layout/rating_minus_inactive.png) no-repeat;}
div.rating > div.rating-minus > a { float:left; height:30px; width: 36px; background: url(../layout/rating_minus.png) no-repeat; }
div.rating > div.rating-minus > a:hover { background: url(../layout/rating_minus_hover.png) no-repeat; }
.hidden {display:none;}

/* pagination */
div.pagination {height:49px;font-size: 12px; padding: 0 0 0 9px;background:url(../layout/pagination_left.png) no-repeat;}
div.pagination > div {height:49px;background:url(../layout/pagination_right.png) no-repeat right; padding:0 9px 0 0;}
div.pagination > div > div {height:25px;background:url(../layout/pagination_center.png) repeat-x;padding:12px 0;}
div.pagination span { font-weight:bold; padding:4px 6px; display:inline-block; }
div.pagination a { padding:4px 6px; color:#D7EDFA; text-decoration:none; display:inline-block; }
div.pagination a:hover { background: #658A9F; }

/* forms */
form > table { font-size: 12px; margin: 10px 0 0 0;width:100%; }
form > table span.error { background: url(../layout/exclamation.png) no-repeat left; padding: 0 0 0 20px; }
form > table input[type="text"], form > table input[type="password"] {margin:5px 4px;font-size:16px;padding:5px 5px 2px 5px;color:#636363;width:90%;height:28px;background:url(../layout/form_input.png) repeat-x;border-radius:8px;}
form > table select {margin:5px 4px;font-size:16px;padding:5px 5px 2px 5px;color:#636363;width:250px;height:35px;background:url(../layout/form_input.png) no-repeat;}
form > table select > option {background:#FFFFFF;padding:5px 5px 2px 5px;}
form > table textarea { margin:5px 4px; font-family: Verdana; font-size:16px; padding:5px 5px 2px 5px; color: #636363; width:90%; height:143px; background: url(../layout/form_input.png) repeat-x #FFF; overflow-x:hidden;border-radius:8px;}
form > table textarea.wide { margin:5px 4px; font-family: Verdana; font-size:16px; padding:5px 5px 2px 5px; color: #636363; width:490px; height:113px; background: url(../layout/form_textarea_wide.png) no-repeat; overflow-x:hidden; }
form > table input[type="submit"] { padding: 0px; margin:2px 0; font-size:11px; color: #FFF; width:85px; height:29px; background:url(../layout/form_submit.png) no-repeat;}

/* messages */
div.error	{border-radius:5px;background:#F0F0F0;border:solid #FF7F7F;color:#444444;border-width:5px;margin:5px 0 0 0;padding:10px;line-height:25px;}
div.info	{border-radius:5px;background:#F0F0F0;border:solid #CCCCCC;color:#444444;border-width:5px;margin:5px 0 0 0;padding:10px;line-height:25px;}
div.success	{border-radius:5px;background:#F0F0F0;border:solid #9EFF7F;color:#444444;border-width:5px;margin:5px 0 0 0;padding:10px;line-height:25px;}
div.error > ul, div.info > ul, div.success > ul {margin:0 0 0 20px;}

/* user */
img.avatar { padding:3px; background:#000000; }
table.details { margin:5px 0; }
table.details tr > td { padding:5px 0; }
table.details tr > td:first-child { font-weight:bold; padding-right:5px; }

/* sub menua */
div.menu > a { display:inline-block; padding:3px; text-decoration:none;color:#FFF; }
div.menu > a:hover {background:#333;}

/* content */
div#main > h1 {background:url(../layout/h1.png) no-repeat;color:#FFFFFF;padding:12px;font-size:22px;font-weight:normal;margin: 0 0 10px 0;}
div#main > h1 a {color:#67F6FF;}

/* content - box */
div#main > div.box {width:718px; overflow:hidden;}
div#main > div.box > div.top {background:url(../layout/article_background_top.png) no-repeat;}
div#main > div.box > div.top > div {background:url(../layout/article_background_top_repeat.png) no-repeat 0 82px;padding:10px;}
div#main > div.box > div.top > div > h1 {font-size:24px;font-weight:normal;color:#FFFFFF;}
div#main > div.box > div.body  {background:url(../layout/article_background_body.png) repeat-y;border-top:1px solid #576E7A;padding:10px;color:#FFFFFF;font-size:14px;}
div#main > div.box > div.body li {margin:0 0 0 20px;}
div#main > div.box > div.body a {color:#67F6FF;}
div#main > div.box > div.bottom {background:url(../layout/box_background_bottom.png) no-repeat bottom;height:10px;}

/* search */
form#search-options {background:url(../layout/search_options_left.png) no-repeat left; padding:0 0 0 9px; height:21px; margin:10px 0 0 0;}
form#search-options > div {background:url(../layout/search_options_right.png) no-repeat right; padding:2px 9px 0 0; height:19px; color:#FFFFFF; font-size:14px;}
form#search-options > div > span {width:245px; display:inline-block;}

h1 > span.sort {float:right;font-size:12px;padding:5px 0;}

div.nsfw {width:32px;height:32px;float:right;background:url(../layout/nsfw.png) no-repeat;margin:1px;}

div.modal {width: 100%; height: 100%; position: fixed; top:0; display:none;}
div.modal > div.background {width: 100%; height: 100%;
							position:absolute;
							background:#000000;
							filter:alpha(opacity=90);
							-moz-opacity:0.9;
							-khtml-opacity: 0.9;
							opacity: 0.9;
}
div.modal > div.content {position:absolute; margin-top:-154px; margin-left: -154px; padding:10px;  background:#FFFFFF; vertical-align: middle; height: 288px; width:288px; top:50%; left:50%; background:url(../layout/modal_login.png) no-repeat;}
div.modal > div.content h3 {font-size:16px; color:#FFFFFF;margin:0 0 30px 0;}
div.modal > div.content p {font-size:12px; margin:10px 0 0 0; text-align: center;}
div.modal > div.content a.close {float:right;background:url(../layout/cross.png) no-repeat; width:16px; height:16px; display:block;}
div.modal > div.content form {background:no-repeat;}
div.modal > div.content span#modal-login-result {display:inline-block; height:16px; width:16px; vertical-align: middle;}

div.spacedParagraphs > p {margin:12px 0 0 0;}

blockquote {font-family:monospace;padding:10px;padding:5px;background:#EEEEEE;border:1px solid #999999;color:#000000;}

img.avatarSmall {background:url(../layout/avatar_small_background.png) no-repeat;padding:3px;}

ol {margin:0;padding:0;}
ol > li {margin:0 0 0 20px;}

div.adminStats {padding:10px;border-radius:5px;background:#31444F; font-size:12px;margin:2px 0 0 0;}