body.main { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #555; }
.main div#container { width: 980px; margin: 0 auto; font-size: 12px; text-align: left; }
/* ------------------------------------------------------------------------------------ HEADER
*/
.main div#header{background: url(/images/bg_header.gif) repeat-x;height: 88px;overflow: auto;}
.main div#header img{float: left;}
.main div#header div.wta{float: right;margin-top: 15px;}
/* ------------------------------------------------------------------------------------ BUTTONS BAR
*/
.main div#navbar{background: url(/images/bg_navbar.gif) repeat-x;text-align: right;border-bottom: 1px #ccc solid;font-size: 16px;margin-bottom: 60px;overflow: auto;}
.main div#navbar span.logo_b{display: block;background: url(/images/logo_part_b.gif) no-repeat;width: 242px;height: 74px;float: left;}
.main div#navbar ul {margin: 0; padding: 0;}
.main div#navbar ul li{display: inline; list-style-type:none;}
.main div#navbar ul li a{padding: 0 20px; text-decoration: none; color: #fff; line-height: 59px;margin-right: 1px;border-left: 1px #e00cca solid;}
.main div#navbar ul li a.first{padding-left: 0;border-left: none;}
.main div#navbar ul li a:hover{text-decoration: underline;}
/* ------------------------------------------------------------------------------------ SIDEBAR
*/
.main div#sidebar { width: 275px;float: left; }
.main div#sidebar h3 { margin: 0; line-height: 43px; background-color: #f1f4f7; text-indent: 5px; font-size: 16px; font-weight: normal; }
.main div#sidebar div.box { background: url(/images/bg_generic.gif) #f0f4f7 0 43px repeat-x; margin-bottom: 20px; border: 1px #e9eaec solid;  }
.main div#sidebar div.box div { padding: 10px; }
.main div#sidebar div#ssfc_btns { margin-top: 20px; display: none; }
.main div#sidebar div#ssfc ul li { margin-bottom: 8px; }
.main div#sidebar ul { margin: 0; padding: 0; }
.main div#sidebar ul li { list-style-type: none; }
.main div#sidebar ul li a { text-decoration: none; color: #334457; display: block; border-bottom: 1px #ccc dotted; padding: 7px 0; }
.main div#sidebar ul li a.last { border-bottom: none; }
.main div#sidebar ul li a:hover { color: #000; text-decoration: underline; }
.main div#sidebar div.hot ul li a { border: none; }
.main div#sidebar div.hot img { float: left; margin: 0 10px 0 0; border: 1px #ADC3D4 solid; }
.main div#sidebar div.donate { text-align: center; margin: 30px 0; }
.main div#sidebar div.donate input { border: none; padding: 0;margin: 0 auto; }
/* ------------------------------------------------------------------------------------ CONTENT
*/
.main div#content {padding: 0 20px 20px 0;width: 680px;float: left;}
.main div#content div#error { border: 1px #ccc dotted; padding: 15px; text-align: center; font-weight: bold; color: #AB0179; background-color: #fff; margin: 0 0 20px 0; }
.main div#content div.intro { margin-bottom: 20px; }
.main div#content div.listing { padding: 10px 0; margin-bottom: 20px; }
.main div#content div.listing h2 { margin-bottom: 20px; }
.main div#content div.listing div { background: url(/images/bg_generic.gif) #f0f4f7 repeat-x;border: 1px #e9eaec solid;padding: 10px; margin-bottom: 20px; }
.main div#content div.listing div p.info { color: #777; font-size: 10px; margin-bottom: 0; }
.main div#content div.listing div h4 { margin-bottom: 5px; }
.main div#content div.listing div h4 a { color: #cd03a6; text-decoration: none; }
.main div#content div.listing div a { color: #334457; }
.main div#content div.listing div a:hover { text-decoration: underline; }
.main div.api h3 { margin: 30px 0 10px 0; }
.main div.api div.apiex { padding: 20px; background-color: #ececec; border: 1px #ccc solid; margin: 10px 0; }
.main div.api ul li { padding: 0 0 5px 0; }
.main div#content a { color: #1194c9; }
.main div#content div.sep { line-height: 0px; margin: 20px 0; border-bottom: 2px #e3e3e3 dashed; }
.main div#content img { border: 1px #ADC3D4 solid; }
.main div#content div.profile { margin: 20px 0; }
.main div#content div.profile span { display: block; margin-bottom: 10px; color: #1194c9; font-size: 18px; }
.main div#content div.profile p { margin-bottom: 20px;  }
.main div#content div.actions { padding: 10px 0; overflow: auto; }
.main div#content div.actions input { float: left; margin-right: 10px; }
/* -------------------------- CATEGORIES
*/
.main div#content div.cats { float: left; width: 300px; }
.main div#content div.cats ul li { list-style-type: none; display: block; }
.main div#content div.cats ul li a { text-decoration: none; display: block; line-height: 24px; border-bottom: 1px #ccc dotted; color: #334457; }
.main div#content div.cats ul li a:hover { text-decoration: underline; color: #000; }
/* -------------------------- SNAP
*/
.main div#content div.snap p { margin-bottom: 20px; }
.main div#content div.snap h3 { margin-top: 30px; }
.main div#content div.snap div.ga { margin-bottom: 10px; }
/* -------------------------- COMMENTS
*/
.main div#content div.comments { margin: 20px 0; border-bottom: 2px #e1e1e1 dashed; border-top: 2px #e1e1e1 dashed; padding: 10px 0 0 0; }
.main div#content div.comments h3 { background: url(/images/comment_icon.gif) #fff no-repeat; line-height: 45px; text-indent: 68px; color: #d404ac; font-size: 18px; }
.main div#content div.comments div { margin: 0 0 20px 0; }
.main div#content div.comments div span { font-size: 10px; color: #1194c9; }
.main div#content div.comments div span b { color: #ab0179; }
.main div#content div.comments div p { width: 600px; margin: 5px 0; }
.main div#content div.comments div a { color: #888; }
.main div#content div#cinfo { margin: 10px 0; text-align: center; }
.main div#content div.ac label { font-size: 10px; }
/* -------------------------- COMMENTS ADDITIONAL FOR USER
*/
.main div#content div.comments pre br { line-height: 1px; }
.main div#content div.commusr { border: none; }
.main div#content div.commusr div { border-bottom: 1px #e1e1e1 solid; padding: 10px 0; }
.main div#content div.commusr p.tit{font-weight: bold;font-size: 14px;}
.main div#content div.commusr p.tit a{font-weight: normal;font-size: 10px;}
.main div#content div.commusr div p.act a{color: #1194c9; padding-right: 10px;font-size: 10px;}
.main div#content div.commusr a.ucmore{color: #dd0000;display: block;margin-bottom: 10px;}
.main div#content div.commusr p.ld{text-align: center;padding: 0;margin: 0;font-style: italic;color: #ab0179;font-weight: bold;}
.main div#content div.commusr p.ld img{border: none;}
/* ------------------------------------------------------------------------------------ FOOTER
*/
.main div#footer { border-top: 1px #ccc dashed; padding: 20px 0; font-size: 10px; text-align: center; margin-top: 20px; }
.main div#footer p { margin: 15px 0 0 0; }
/* ------------------------------------------------------------------------------------ PAGINATION
*/
.main div#pager { margin: 40px 0 20px 0; padding: 10px 0; font-size: 14px; font-weight: bold; text-align: right; }
.main div#pager a, div#pager span { border: 1px #1194c9 solid; padding: 4px 8px; text-decoration: none; margin-right: 5px; color: #555; }
.main div#pager a:hover { background-color: #E1EBEF; color: #fff; text-decoration: none; }
.main div#pager a.previous { margin-right: 20px; }
.main div#pager a.next { margin-left: 15px; }
.main div#pager span.current { background-color: #ab0179; color: #fff; }
/* ------------------------------------------------------------------------------------ SLIDER
*/
.main div#sbar { position: relative; background: url(/images/slider-bar.gif) no-repeat; width: 209px; height: 28px; }
.main div#sdrag { cursor: move; position: absolute; top: 3px; }
/* ------------------------------------------------------------------------------------ RATING BAR
*/
.main div#ratebar div.stars { margin: 5px 0; }
.main div#ratebar div.stars a { display: block; width: 31px; height: 22px; float: left; text-decoration: none; background: url(/images/rating-stars.gif) #fff -31px 0 no-repeat;  }
.main div#ratebar div { font-size: 10px; color: #AB0179; margin-top: 10px; }
.main div#ratebar div#rinfo { font-size: 10px; font-weight: bold; color: #777; margin-top: 10px; text-align: center; }
/* ------------------------------------------------------------------------------------ GLOBAL
*/
img { border: none; }
p { margin: 0 0 10px 0; }
h1,h2,h3,h4 { margin: 0 0 20px 0; color: #1194c9; font-weight: normal; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h4 { font-size: 14px; }
pre{color: #6B2E59;}
label { display: block; margin: 0 0 5px 0; color: #888; }
label i{font-size: 11px;color: #dd0000;}
input,select,textarea { border: 1px #ccc solid; padding: 4px; font-family: "Courier New", Courier, monospace; margin-bottom: 20px; display: block; }
textarea { margin: 0; padding: 4px; font-size: 12px; }
input.button { cursor: pointer; border-color: #e2e2e2; background-color: #AB0179; font-weight: bold; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 5px 15px; }
input.btn_small { cursor: pointer; border: none; background: url(/images/btn_small.gif) no-repeat; font-size: 14px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; width: 102px; height: 31px; margin: 0; }
input.btn_big { cursor: pointer; border: none; background: url(/images/btn_big.gif) no-repeat; font-size: 14px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; width: 205px; height: 34px; margin: 0; }
input.nb { display: inline; margin: 0 4px; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
/* ------------------------------------------------------------------------------------ LOADER/OTHER
*/
/* ----------------------------------------------------------------------------------------- DIALOG BOX & AJAX LOADER
*/
div#msg_box{position: absolute;width: 398px;display: none;z-index: 999;}
div#msg_box span{display: block;}
div#msg_box span.top{background: url(/images/loader_top.png) no-repeat;height: 9px;line-height: 9px;}
div#msg_box span.btm{background: url(/images/loader_btm.png) no-repeat;height: 13px;line-height: 13px;}
div#msg_box div.middle{background: url(/images/loader_bg.png) repeat-y;padding: 0 12px 0 10px;}
div#msg_box div.display{background: url(/images/loader_rpt.gif) #ededed repeat-x;padding: 15px 20px;font-size: 12px;text-align: center;}
div#msg_box div.display p#mb_msg{color: #c703a1;font-weight: bold;}
div#msg_box div.display span.action{margin-top: 5px;}
div#msg_box div.display span.action a{color: #555;font-style: italic;}
div#msg_box div.display span.action a:hover{color: #000;}
div#exf{position: absolute;top: 0; left: 0;height: 40px;background-color: #fff;text-align: center;width: 100%;display: none;}