div.article {width:718px; overflow:hidden;}
div.article > div.top {background:url(../layout/article_background_top.png) no-repeat;min-height:60px;}
div.article > div.top > div {background:url(../layout/article_background_top_repeat.png) no-repeat 0 82px;padding:0 10px 0 10px;}
div.article > div.top > div > div.rating {position:absolute;}
div.article > div.top > div > img.thumb {display:inline-block; margin:5px 10px 10px 100px;}
div.article > div.top > div > div#articleImage {margin-top:74px; position:absolute; background:#000000; padding:3px; display:none;}
div.article > div.top > div > h1 {font-size:20px;margin:0 0 0 100px;padding:10px 0 10px 0;font-weight:normal;color:#FFFFFF;}
div.article > div.body  {background:url(../layout/article_background_body.png) repeat-y;border-top:1px solid #576E7A;border-bottom:1px solid #314147;padding:0 0 10px 0;}
div.article > div.body > div.details > hr {border:solid #475963;border-width: 1px 0 0 0; margin:5px 0;}
div.article > div.body > div.details {margin:10px 10px 0 100px;font-size:12px;color:#CCCCCC;}
div.article > div.body > div.details > p.description {font-size:14px;}
div.article > div.body > div.details > div.social {vertical-align:top;height:30px;}
div.article > div.body > div.details > div.social > div {float:left;}
div.article > div.body > p.embed {text-align: center;margin:20px 0 0 0;}
div.article > div.body > div.comments-sort {text-align:right; font-size: 14px; color:#83949e;padding:10px 10px 0 10px;}
div.article > div.body a {color:#67F6FF;}
div.article > div.bottom {background:url(../layout/article_background_bottom.png) no-repeat bottom;padding:0 0 10px 0;border-top:1px solid #475B64;}
div.article > div.bottom > div {background:url(../layout/article_background_bottom_repeat.png) repeat-y;padding:10px 10px 0 10px;}
div.article > div.bottom h2 {font-size: 22px;font-weight:normal;color:#FFFFFF;}

div.article > div.body > ul.comments { list-style:none;margin:8px 8px 0 8px;}
div.article > div.body > ul.comments > li { margin: 5px 0 5px 3px; display:inline-block; overflow:hidden; }
div.article > div.body > ul.comments > li > div.header { height:10px; }
div.article > div.body > ul.comments > li > div.footer { height:10px; }
div.article > div.body > ul.comments > li > div.body > div.content { color:#FFF; margin: 0 10px 0 60px;font-size:14px;}
div.article > div.body > ul.comments > li > div.body > div.content > span.date { color:#C9C9C9; font-size:10px; }
div.article > div.body > ul.comments > li > div.body > div.content > span.comment-smen { color:#999999; font-size:10px; }
div.article > div.body > ul.comments > li > div.body > div.content > a.permalink { font-size:10px; }
div.article > div.body > ul.comments > li > div.body > img { float:left; margin: 0 0 0 10px; }
div.article > div.body > ul.comments > li > div.body > a:hover { background:#43545E; }
div.article > div.body > ul.comments > li > div.body > div.content > p.options {text-align:right; height:30px; font-size:12px;padding:5px 0 0 0;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating {font-weight:bold;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating > a {text-decoration:none;width:0;margin:0;vertical-align:top;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating > a.good {background-position:-180px 0;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating > a.good:hover {background-position:-180px -30px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating > a.bad {background-position:-210px 0;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > span.rating > a.bad:hover {background-position:-210px -30px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options a {height:21px;font-size:11px;font-weight:bold;display:inline-block;color:#FFFFFF;background:#CCC;text-align:left;padding:6px 0 0 30px;background:url(../layout/comment_options.png) no-repeat;margin:0 0 0 5px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options a:hover {text-decoration:none;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.reply {width:66px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.reply:hover {background-position: 0 -30px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.edit {background-position:-240px 0;width:52px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.edit:hover {background-position:-240px -30px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.erase {background-position:-100px 0;width:50px;}
div.article > div.body > ul.comments > li > div.body > div.content > p.options > a.erase:hover {background-position:-100px -30px;}

/* article page - comments - indentation */
div.article > div.body > ul.comments > li > div.body { background:#41535B url(../layout/comment_boxes_body.png) repeat-y; }
div.article > div.body > ul.comments > li > div.header { background:url(../layout/comment_boxes.png) no-repeat; }
div.article > div.body > ul.comments > li > div.footer { background:url(../layout/comment_boxes.png) no-repeat; }
div.article > div.body > ul.comments > li.indent0 { width:700px;margin-left:0px; }
div.article > div.body > ul.comments > li.indent1 { width:680px;margin-left:20px; }
div.article > div.body > ul.comments > li.indent2 { width:660px;margin-left:40px; }
div.article > div.body > ul.comments > li.indent3 { width:640px;margin-left:60px; }
div.article > div.body > ul.comments > li.indent4 { width:620px;margin-left:80px; }
div.article > div.body > ul.comments > li.indent5 { width:600px;margin-left:100px; }
div.article > div.body > ul.comments > li.indent6 { width:580px;margin-left:120px; }
div.article > div.body > ul.comments > li.indent7 { width:560px;margin-left:140px; }
div.article > div.body > ul.comments > li.indent0 > div.header { background-position:0 0; }
div.article > div.body > ul.comments > li.indent1 > div.header { background-position: 0px -20px; }
div.article > div.body > ul.comments > li.indent2 > div.header { background-position: 0px -40px; }
div.article > div.body > ul.comments > li.indent3 > div.header { background-position: 0px -60px; }
div.article > div.body > ul.comments > li.indent4 > div.header { background-position: 0px -80px; }
div.article > div.body > ul.comments > li.indent5 > div.header { background-position: 0px -100px; }
div.article > div.body > ul.comments > li.indent6 > div.header { background-position: 0px -120px; }
div.article > div.body > ul.comments > li.indent7 > div.header { background-position: 0px -140px; }
div.article > div.body > ul.comments > li.indent0 > div.footer { background-position: 0px -10px; }
div.article > div.body > ul.comments > li.indent1 > div.footer { background-position: 0px -30px; }
div.article > div.body > ul.comments > li.indent2 > div.footer { background-position: 0px -50px; }
div.article > div.body > ul.comments > li.indent3 > div.footer { background-position: 0px -70px; }
div.article > div.body > ul.comments > li.indent4 > div.footer { background-position: 0px -90px; }
div.article > div.body > ul.comments > li.indent5 > div.footer { background-position: 0px -110px; }
div.article > div.body > ul.comments > li.indent6 > div.footer { background-position: 0px -130px; }
div.article > div.body > ul.comments > li.indent7 > div.footer { background-position: 0px -150px; }

/* deleted  */
div.article > ul.comments div.content > p.deleted { color:#AF0007; margin: 5px 0 0 0; }

div#article-edit {margin: 5px 0; padding:15px; background:#E9991A;overflow:hidden;border:1px solid #CC7A00;border-radius:5px;}
div#article-edit > div:first-child {text-align: center;}
span#timer {display:none;}