h2 {font-size:15pt; line-height:17pt; font-weight:normal; margin-bottom:14px; color:#999}
h3 {font-size:10pt; margin-bottom:4px; font-weight:normal; line-height:11pt}

a {color:#a36010; text-decoration:underline; cursor:pointer}
a:hover {color:#BA863C; text-decoration:none}
a:visited {text-decoration:underline}

ul {list-style:none}

hr {height:1px; line-height:1px; font-size:1px; background:#CCC; border:none}

/* Greed
-----------------------------------------------------------------------------*/

.minwidth {min-width:800px}
.set {text-align:center}
.box {margin:0 auto; width:92%; max-width:1050px; position:relative}
.container {}


.center {margin:0 240px 0 40%}
.center_content {margin:0 0 0 0}
.left {float:left; width:40%; margin:0;}
.left_table { margin:0;}
.menu_left { width:70%; margin:0; clear:both}
.menu_right { margin:0;  padding:0;}


.text .main .center {margin:0 240px 0 0}
.text .main .left {display:none}


/* Nodebox
-----------------------------------------------------------------------------*/
.nodebox {font-size:8pt; display:block;}
.center .nodebox, .left .nodebox {margin-right:30px}

.nodebox h2 {display:block; position:relative; padding-right:40px}
.text .nodebox h2 {padding-right:0}
.nodebox h2 a {}
.nodebox h2 .rss {position:absolute; height:15px; width:36px; background:url(/img/rss.gif) no-repeat; display:block; right:0; top:6px; z-index:20; display:block}



/* Node
-----------------------------------------------------------------------------*/
.node {margin-bottom:26px; display:block;}
.index .node img {float:left; margin:2px 10px 0 0; width:130px; height:98px}
.text .node img {width:auto; height:auto; float:left; margin:2px 10px 0 0}

/* nodebar */
.node .bar {text-align:right; }
.node .bar .rating {float:left; width:79px; height:8px; background:url(/images/rating.jpg); margin-top:4px; font-size:1px;}
.node .bar .rating span {display:block; height:8px; background:url(/images/empty_rating2.jpg) right no-repeat; float:right; font-size:1px;}
.content .left .node .bar .rating span {background-image:url(/images/empty_rating.jpg)}
.node .bar a.comment {font-size:8pt; color:#999; white-space:nowrap}


/* Node
-----------------------------------------------------------------------------*/
.curved {position:relative; background:#F5EBD9; margin:-20px 4px 50px 6px; padding:20px 0 20px 0}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#F5EBD9; background:#F9F6EF; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curved p {position:relative; z-index:100; padding:5px 10px}


/* Head
-----------------------------------------------------------------------------*/

.head {height:100px}


/* Main
-----------------------------------------------------------------------------*/

.index .main {background:url(/images/left.jpg) top left repeat-y}
.main .left {background:url(/images/left2.jpg) right repeat-y #F9F6EF}
.main .mid, .main .right {background:#F9F6EF}
.main .left, .main .right, .main .center {padding:20px 0}

.text .main .center hr {margin-right:30px}




/* Center
-----------------------------------------------------------------------------*/
.nodebox.best_comment {margin-left:-12px; margin-top:40px; display:block; text-decoration:none; color:#555}
.nodebox.best_comment h2 {padding-right:0; margin-right:12px}
.best_comment .user {float:right; margin:4px 14px 0 0; text-decoration:underline}


/* Footer
-----------------------------------------------------------------------------*/
.foo {font-size:7pt}
.foo .right .nodebox {text-align:right; padding:20px 0; font-size:10pt}
.foo .center .nodebox {font-size:10pt; padding:20px 0}
.foo .left .nodebox {padding:20px 0 10px; }




/* voting */
.voting {margin-left:-90px; margin-right:30px; background:url(/images/voting_top.jpg) top right no-repeat; padding-top:20px}
.voting div {margin:16px 50px 16px 90px}
.voting .lining {background:url(/images/voting_bottom.jpg) bottom right no-repeat; padding-bottom:20px; margin:0; text-align:left}
.voting span, .voting h2 {margin:16px 50px 16px 90px; display:block}
.voting span input {float:left; background:none; padding:0; border:none}
.voting label {margin-left:25px; display:block}



/* comment form */

.node.comment_form {margin:0 -10px 20px -16px}
.node.comment_form .top {font-size:9pt; cursor:pointer; background:url(/images/comment_coll.jpg) top left no-repeat; color:#000}
.node.comment_form .top div {background:url(/images/comment_tr.jpg) top right no-repeat; padding:14px 0 8px 46px}
.node.comment_form .top div span {background:url(/images/dot2.gif) bottom repeat-x}
.node.comment_form form {background:url(/images/comment_ml.jpg) left repeat-y #FFF}
.node.comment_form form div {margin:0 30px}
.node.comment_form .in_form {background:url(/images/comment_mr.jpg) right repeat-y; padding:14px 0; margin:0}
.node.comment_form textarea {display:block; width:100%; font-size:9pt; color:#000; padding:5px}
.node.comment_form .bar {text-align:left; display:block; padding-top:10px; margin:0}
.node.comment_form .bar span {float:right; display:block; margin-top:4px}
.node.comment_form .bar span input {margin-right:10px}
.node.comment_form .btm {cursor:pointer; background:url(/images/comment_bl.jpg) bottom left no-repeat}
.node.comment_form .btm div {background:url(/images/comment_br.jpg) bottom right no-repeat; height:15px}



/* text best_comment */


.nodebox.best_comment {margin-left:-12px; margin-top:40px; display:block; text-decoration:none; color:#555}
.nodebox.best_comment h2 {padding-right:0; margin-right:12px}
.best_comment .user {float:right; margin:4px 14px 0 0; text-decoration:underline}

.nodebox.best_comment_more {margin:20px 30px 0 -2px}
.nodebox.best_comment_more h2 {margin:0 28px 0 28px}


.comment .bar {margin:18px 28px 0 28px}
.comment .bar a.profile {padding-left:42px; background-position:left; background-repeat:no-repeat; display:block; min-height:32px; float:left; text-decoration:none; position:relative}
.comment .bar a.profile .avatar {display:none}
.comment .bar a.profile:hover .avatar {display:block; height:100px; width:100px; position:absolute; z-index:1000; top:-50px; left:100%; border:1px solid #000}
.comment .bar span.user {float:none}
.comment .bar span.prof {text-decoration:none; color:#999}
.comment .bar .time {padding-top:6px; color:#999; min-height:32px; text-align:right}
.comment p {margin:0 18px}
.comment p .user {float:none; margin:0}

h2.centered {text-align:center; margin:20px 0 40px 0; display:block}


/* short_view */

.short_view {margin-top:20px}
.short_view .first {float:left; width:45%}
.short_view .second {margin-left:55%}
.short_view .node h3 a.comment {font-size:7pt; color:#999; margin-left:6px; text-decoration:none}



.profile_page {}
.profile_page .profile_table {margin-bottom:30px}
.profile_page .profile_table td {padding:8px 0; border-bottom:1px solid #F9F6EF; background:#EED}
.profile_page .profile_table .label {width:40%; padding-top:10px}
.profile_page .profile_table .label label {margin:2px 20px 0 20px; display:block}
.profile_page .profile_table input {width:90%}

.profile_page .node.you_comment {font-size:10pt; margin-left:0; padding-bottom:30px}
.profile_page .node.you_comment h2 {margin-left:20px}
.profile_page .node.you_comment li {margin:4px 20px}

/* Colorset
-----------------------------------------------------------------------------*/

.news h2,
.news a,
a.news,
.blue {color:#1785CC}

.news a:hover,
a.news:hover,
.blue:hover {color:#3CA5D8}


.articles h2,
.articles a,
a.articles,
.green {color:#0AAF2A}

.articles a:hover,
a.articles:hover,
.green:hover {color:#63CB79}


.inside h2,
.inside a,
a.inside,
.orange {color:#F97432}

.inside a:hover,
a.inside:hover,
.orange:hover {color:#F99361}


.user h2,
.user h2 a,
.user h2 a:hover,
.user h2 a:visited {color:#000}
a.user {color:#000; font-size:8pt}






/* Clearfix
-----------------------------------------------------------------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; font-size:1px; visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */

