body{ font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #555; background-color: #fff; }
div#container{width: 980px;margin: 0 auto;font-size: 12px;text-align: left;}
/* ------------------------------------------------------------------------------------ HEADER
*/
div#header{font-size: 12px;margin-bottom: 40px;}
div#header img{float: left;margin-left: 30px;}
/* ------------------------------------------------------------------------------------ BUTTONS BAR
*/
div#navbar{padding: 53px 0 0 0;text-align: left;}
div#navbar ul{margin: 0;padding: 0 30px 0 0;background: url(/images/bg_navbar.gif) #d004aa repeat-x;line-height: 34px;}
div#navbar ul li{display: inline;}
div#navbar ul li a{padding: 0 20px;text-decoration: none;color: #fff;border-left: 1px #e00cca solid;}
div#navbar ul li a.first{border-left: none;}
div#navbar ul li a:hover{text-decoration: underline;}
/* ------------------------------------------------------------------------------------ SIDEBAR
*/
div#sidebar { width: 275px;float: left; }
div#sidebar div.box { background: url(/images/bg_generic.gif) #f0f4f7 0 40px repeat-x; margin-bottom: 20px; border: 1px #e9eaec solid; position: relative; -moz-border-radius: 10px;border-radius: 10px; }
div#sidebar div.box span.head{display: block;margin: 0;color: #1194c9;background-color: #f1f4f7;text-indent: 5px;font-size: 16px;font-weight: normal;line-height: 40px;}
div#sidebar div.box div { padding: 10px; }
div#sidebar div#ssfc_btns { margin-top: 20px; display: none; }
div#sidebar div#ssfc ul li { margin-bottom: 8px; }
div#sidebar ul { margin: 0; padding: 0; }
div#sidebar ul li { list-style-type: none; }
div#sidebar ul li a { text-decoration: none; color: #334457; display: block; border-bottom: 1px #ccc dotted; padding: 7px 0; }
div#sidebar ul li a.last { border-bottom: none; }
div#sidebar ul li a:hover { color: #000; text-decoration: underline; }
div#sidebar ul li a span{color: #ff0000;font-weight: bold;}
div#sidebar div.lnk ul li a { border: none;text-decoration: underline; }
div#sidebar div.lnk img { float: left; margin: 0 10px 0 0; border: 1px #ADC3D4 solid; }
div#sidebar div.donate { text-align: center; margin: 30px 0; }
div#sidebar div.donate input { border: none; padding: 0;margin: 0 auto; }
/* ------------------------------------------------------------------------------------ CONTENT
*/
div#content {padding: 0 20px 20px 0;width: 680px;float: left;}
div#content div#error { border: 1px #ccc dashed; padding: 15px; text-align: center; font-weight: bold; color: #AB0179; background-color: #fff; margin: 0 0 20px 0; }
div#content div.intro { margin-bottom: 20px; }
div#content div.listing { padding: 10px 0; margin-bottom: 20px; }
div#content div.listing h2 { margin-bottom: 20px; }
div#content div.listing div { background: url(/images/bg_generic.gif) #f0f4f7 repeat-x;border: 1px #e9eaec solid;padding: 10px; margin-bottom: 20px; position: relative;-moz-border-radius: 10px;border-radius: 10px;}
div#content div.listing div p { margin: 5px 0 0 0; }
div#content div.listing div p.info { color: #777; font-size: 10px; }
div#content div.listing div a { color: #334457; }
div#content div.listing div a.code { color: #cd03a6; text-decoration: none; font-size: 14px; padding-bottom: 5px; }
div#content div.listing div a:hover { text-decoration: underline; }
div#content div.listing span.snap-icon{background: url(/images/snap-icons.png) no-repeat;display: block;width: 24px;height: 24px;position: absolute;top: 8px;left: -32px;margin-left: 100%;}
div#content div.listing span.paid{background: url(/images/snap-icons.png) -24px 0 no-repeat;}
div#content div.listing span.words{background: url(/images/snap-icons.png) -48px 0 no-repeat;}
div.api h3 { margin: 30px 0 10px 0; }
div.api div.apiex { padding: 20px; background-color: #ececec; border: 1px #ccc solid; margin: 10px 0; }
div.api ul li { padding: 0 0 5px 0; }
div#content div.sep { line-height: 0px; margin: 20px 0; border-bottom: 2px #e3e3e3 dashed; }
/*div#content img { border: 1px #ADC3D4 solid; }*/
div#content div.profile { margin: 20px 0; }
div#content div.profile span { display: block; margin-bottom: 10px; color: #1194c9; font-size: 18px; }
div#content div.profile p { margin-bottom: 20px;  }
div#content div.actions { padding: 10px 0; overflow: auto; }
div#content div.actions input { float: left; margin-right: 10px; }
/* -------------------------- CATEGORIES
*/
div#content div.cats { float: left; width: 300px; }
div#content div.cats ul li { list-style-type: none; display: block; }
div#content div.cats ul li a { text-decoration: none; display: block; line-height: 24px; border-bottom: 1px #ccc dotted; color: #334457; }
div#content div.cats ul li a:hover { text-decoration: underline; color: #000; }
/* -------------------------- SNAP
*/
div#content div.snap { position: relative; }
div#content div.snap p { margin-bottom: 20px; }
div#content div.snap h3 { margin-top: 30px; }
div#content div.snap div.ga { margin-bottom: 10px; }
div.words-snap-viewer p{margin-right: 80px;}
/* -------------------------- COMMENTS
*/
div#content div.comments { margin: 20px 0; border-bottom: 2px #e1e1e1 dashed; border-top: 2px #e1e1e1 dashed; padding: 10px 0 0 0; }
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; }
div#content div.comments div { margin: 0 0 20px 0; }
div#content div.comments div span { font-size: 10px; color: #1194c9; }
div#content div.comments div span b { color: #ab0179; }
div#content div.comments div p { width: 600px; margin: 5px 0; }
div#content div.comments div a { color: #888; }
div#content div#cinfo { margin: 10px 0; text-align: center; }
div#content div.ac label { font-size: 10px; }
/* -------------------------- COMMENTS ADDITIONAL FOR USER
*/
div#content div.commusr { border: none; }
div#content div.commusr div { border-bottom: 1px #e1e1e1 solid; padding: 10px 0; }
div#content div.commusr p.tit{font-weight: bold;font-size: 14px;}
div#content div.commusr p.tit a{font-weight: normal;font-size: 10px;}
div#content div.commusr div p.act a{color: #1194c9; padding-right: 10px;font-size: 10px;}
div#content div.commusr div p.act a.red{color: #c00;}
div#content div.commusr div p.act a.green{color: #0c0;}
div#content div.commusr a.ucmore{color: #dd0000;display: block;margin-bottom: 10px;}
div#content div.commusr p.ld{text-align: center;padding: 0;margin: 0;font-style: italic;color: #ab0179;font-weight: bold;}
div#content div.commusr p.ld img{border: none;}
/* -------------------------- SNAP BUY
*/
div.buy{overflow: hidden;}
div.buy input.btn_big{float: left;margin: 0 15px 0 0;}
div.buy span.price{font-size: 28px;color: #cc0000;}
div.buy span.note{margin: 5px 0 0 0;display: block;font-size: 11px;color: #cc0000;}
/* ------------------------------------------------------------------------------------ FOOTER
*/
div#footer { border-top: 1px #ccc dashed; padding: 20px 0; font-size: 10px; text-align: center; margin-top: 20px; }
div#footer p { margin: 15px 0 0 0; }
/* ------------------------------------------------------------------------------------ PAGINATION
*/
div#pager { margin: 40px 0 20px 0; padding: 10px 0; font-size: 14px; font-weight: bold; text-align: right; }
div#pager a, div#pager span { border: 1px #1194c9 solid; padding: 4px 8px; text-decoration: none; margin-right: 5px; color: #555; }
div#pager a:hover { background-color: #E1EBEF; color: #fff; text-decoration: none; }
div#pager a.previous { margin-right: 20px; }
div#pager a.next { margin-left: 15px; }
div#pager span.current { background-color: #ab0179; color: #fff; }
/* ------------------------------------------------------------------------------------ SLIDER
*/
div#sbar { position: relative; background: url(/images/slider-bar.gif) no-repeat; width: 209px; height: 28px; }
div#sdrag { cursor: move; position: absolute; top: 3px; }
/* ------------------------------------------------------------------------------------ RATING BAR
*/
div#ratebar div.stars { margin: 5px 0; }
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;  }
div#ratebar div { font-size: 10px; color: #AB0179; margin-top: 10px; }
div#ratebar div#rinfo { font-size: 10px; font-weight: bold; color: #777; margin-top: 10px; text-align: center; }
/* ------------------------------------------------------------------------------------ GLOBAL
*/
a { color: #1194c9; }
img { border: none; }
p { margin: 0 0 10px 0; text-align: justify; }
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; }
div.warning{background-color: #cc0000;padding: 3px;border: 1px #600 solid;text-align: center;color: #fff;font-size: 11px;margin: 0 0 10px 0;-moz-border-radius: 3px;border-radius: 3px;}
pre{margin: 10px 0 20px 0;padding: 10px;background-color: #f3f3f3;border: 1px #ccc solid;color: #000;-moz-border-radius: 5px;border-radius: 5px;overflow: auto;}
pre br{line-height: 1px;}
/* ------------------------------------------------------------------------------------ PP
*/
div#pp_help{background-color: #f3f3f3;border: 1px #ccc solid;margin: 10px 0;padding: 10px;display: none;}
div#pp_help p.step{color: #000;font-weight: bold;}
/* ------------------------------------------------------------------------------------ FLATTR
*/
div.flattr{position: absolute;top: 0;left: -60px;margin-left: 100%;width: 55px;height: 65px;}
/* ----------------------------------------------------------------------------------------- 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;}
*/
div.window{position: absolute;display: none;}
div.window div.wrap{background: url(/images/loader_rpt.gif) #eee repeat-x;border: 1px #ddd solid;padding: 10px 20px;text-align: center;position: absolute;top: 0;left: 0;z-index: 1002;}
div.window div.shadow{background-color: #000;-moz-border-radius: 5px;border-radius: 5px;position: absolute;top: -10px;left: -10px;z-index: 1001;}
div.window p{color: #c703a1;width: 300px;margin-bottom: 10px;font-weight: bold;text-align: center;}
div.window span.links{display: block;margin: 5px 0 0 0;}
div.window a{font-size: 12px;padding: 0 10px;}
div.window a:hover{color: #000;}