/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
a:focus, input:focus{ outline-style: none; }
h3{
font-family:Arial,Helvetica,Verdana;
font-size:16px;
font-weight:bold;
margin:33px 0 15px;
}
/* GENERAL */
body{ font: 12px/18px Verdana, Helvetica, Arial; color: #2f353a; background: #2f2f2f; }
a{ color: #525252; text-decoration: none; }
a:hover{ text-decoration: underline; }
span.red{ color: red; }
input, textarea{ font-size: 12px; font-family: Verdana, Helvetica, Arial; }
.hidden{ display: none; }
/* SMALL BTNS */
a.smallbtn{ width: 70px; height: 19px; padding: 1px 0 0; background: url('images/smallbtn.gif') 0 0 no-repeat; color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, Verdana; font-size: 10px; text-align: center; display: block; }
a.smallbtn:hover{ background-position: 0 -20px; }
/* HEADER */
div.headerWrapper{ width: 100%; position: relative; height: 149px; background: url('images/header-bg.gif') 0 0 repeat-x; }
div.header{ width: 980px; height: 149px; position: absolute; top: 0; left: 50%; margin-left: -490px; }
h1#logo{ width: 212px; height: 24px; float: left; display: inline; }
#logo a{ display: block; width: 257px; height: 45px; text-indent: -5000px; background: url('images/logo.gif') 0 0 no-repeat; margin: 12px 0 0 0; }
.header div.user{ width: 400px; float: right; height: 30px; margin: 25px 0 0 0; color: #6b737a; font-size: 11px; text-align: right; }
.header .user a{ color: #6b737a; }
.header .user a.username{ color: #ccd4da; font-weight: bold; }
.header .user img{ padding: 0 5px 0 0; }
/* Header login */
.header div.login{ width: 400px; }
.header input.inp{ width: 100px; font-size: 10px; padding: 3px; background: #444444; border: #545454 1px solid; color: #757575; float: right; margin: 0 0 0 5px; }
.header input.smallsubmit{ float: right; display: inline; margin: 0 0 0 5px; font-size: 10px; }
.header a.smallbtn{ float: right; display: inline; margin: 0 0 0 5px; color: #ffffff; }
.header ul.menu{ width: 680px; height: 62px; position: absolute; top: 87px; font-family: Arial, Helvetica, Verdana; }
.header .menu div.in{ height: 54px; }
.header .menu li{ float: left; display: inline; height: 62px; padding: 0 11px; background: url('images/mainmenu-sep.gif') top right no-repeat; }
.header .menu li.active div.in{ background: url('images/menu-arrow.gif') bottom center no-repeat; }
.header .menu a{ color: #ececec; font-weight: bold; margin: 8px 0 0 0; display: block; text-decoration: none; }
.header .menu a:hover{ color: #ffffff; }
li#home{ padding: 0 15px; }
#home a{ width: 14px; height: 13px; text-indent: -5000px; background: url('images/home.gif') 0 0 no-repeat; margin: 15px 0 0 0; }
#home a:hover{ background-position: 0 -13px; }
.header .menu a.subtext{ display: block; font-size: 10px; font-weight: normal; color: #686f76; margin: -2px 0 0 0; }
.header .menu li.last{ background: none; }
div.search{ width: 290px; height: 62px; background: url('images/search-bg.gif') 0 0 no-repeat; position: absolute; top: 86px; left: 690px; }
.search input.text{ background: #ececec; border: #ececec 1px solid; margin: 9px 0 0 10px; width: 238px; float: left; display: inline; }
.search input.submit{ width: 25px; height: 25px; float: right; margin: 3px 5px 0 0; }
.search a.advanced{ display: block; position: absolute; top: 36px; color: #807e7e; text-indent: 20px; height: 20px; background: url('images/adv-btn.gif') 5px 5px no-repeat; font-size: 11px; }
.search div.advancedExp{ width: 270px; position: absolute; left: 10px; top: 60px; z-index: 4; color: #ececec; }
.advancedExp div.content{ width: 270px; background: #2f353a; float: left; display: inline; }
.advancedExp div.alr{ width: 250px; margin: 15px 0 7px 15px; float: left; display: inline; }
.advancedExp div.half{ width: 115px; float: left; display: inline; margin: 0 10px 0 0; }
.advancedExp div.input{ float: left; display: inline; margin: 0 0 3px 0; width: 120px; }
.advancedExp h4{ float: left; display: inline; font-weight: bold; margin: 0 0 10px 0; }
.advancedExp label{ float: right; display: inline; width: 100px; font-size: 11px; color: #807e7e; }
.advancedExp input{ margin: 2px 0 0 0; }
.advancedExp div.footer{ width: 270px; height: 8px; float: left; display: inline; background: url('images/adv-footer.gif') 0 0 no-repeat; }
div#advanced{ display: none; }
/* MAIN */
div.mainWrapper{ width: 100%; background: #d8d8d8; position: relative; float: left; display: inline; }
div.main{ width: 980px; position: relative; left: 50%; margin-left: -490px; }
/* MONKEY TAIL */
div.monkey{ font-size: 10px; padding: 5px 0; color: #696969; }
.monkey a{ color: #696969; }
/* FLASH */
.main div.flash{ width: 978px; background: #ffffff; border: #7ebd4d 1px solid; }
.main .flash div.flash_wrapper{ padding: 23px; width: 930px; background: #e3ffcd; margin: 1px; }
.main .flash p{ text-indent: 35px; background: url('images/flash-ok.gif') 0 0 no-repeat; height: 22px; padding: 2px 0 0 0; }
/* LEFT, RIGHT */
div.lr{ width: 100%; margin: 10px 0 70px 0; float: left; display: inline; clear: both; }
.lr div.left{ width: 678px; float: left; display: inline; border: #cdcdcd 1px solid; background: #ffffff; }
.lr .left a{ color: #00709a; text-decoration: underline; }
.lr .left div.wrapper{ width: 676px; background: #f5f5f5; margin: 1px; float: left; display: inline; }
.lr .left div.container{ width: 658px; padding: 19px 0 19px 19px; }
.left h2{ font-size: 24px; margin: 0 0 5px 0; }
.left span.subtext{ font-size: 11px; }
.lr div.right{ width: 290px; float: left; display: inline; margin: 0 0 0 10px; }
.lr div.box{ width: 288px; background: #ffffff; border: #cdcdcd 1px solid; margin: 0 0 10px 0; }
.lr .box div.wrapper{ width: 222px; padding: 32px; background: #f5f5f5; margin: 1px; }
.lr .box h3{ color: #506373; font-size: 25px; letter-spacing: -1px; margin: 0 0 25px 0; line-height: 100%; }
.lr .box ul li{ margin: 0 0 5px 0; text-indent: 7px; background: url('images/li-arrow.gif') 0 6px no-repeat; font-family: Arial, Helvetica, Verdana; }
.lr .box h4{ font-size: 16px; font-family: Arial, Helvetica, Verdana; color: #000000; margin: 0 0 12px 0; }
.lr .box ul.icons li{ text-indent: 25px; background-image: url('images/account-icons.gif'); font-family: Verdana, Helvetica, Arial; height: 16px; margin: 0 0 10px 0; }
.lr .box .icons li.icon-submit{ background-position: 0 0; }
.lr .box .icons li.icon-uploads{ background-position: 0 -26px; }
.lr .box .icons li.icon-password{ background-position: 0 -49px; }
.lr .box .icons li.icon-signout{ background-position: 0 -75px; }
.lr .box ul.icons li.icon-admin{ background: url('images/icon-admin.gif') 0 0 no-repeat; }
/* FORM */
.left div.input{ width: 100%; margin: 0 0 5px 0; float: left; display: inline; }
.left form{ margin: 20px 0 0 0; }
div.login-error{ color: red; margin: 0 0 10px 125px; }
.left .text input, .left .password input{ width: 270px; background: url('images/inptext.gif') 0 0 no-repeat; height: 32px; border: 0; padding: 0 10px 0 10px; float: left; display: inline; margin: 0 0 15px 0; }
.left .text.error input, .left .password.error input{ background-image: url('images/inptext-error.gif'); }
.left div.tip{ font-size: 11px; float: left; display: inline; text-indent: 125px; margin: -15px 0 15px 0; width: 100%; color: #6a6f73; }
.left textarea{ width: 465px; background: url('images/inptextarea.gif') 0 0 no-repeat; height: 141px; border: 0; padding: 10px; float: left; display: inline; }
.left label{ float: left; display: inline; width: 125px; font-size: 14px; padding: 5px 0 0 0; }
.left div.error-message{ color: red; padding: 5px 0 0 0; float: left; display: inline; margin: 0 0 0 10px; background: url('images/errormsg.gif') 0 7px no-repeat; text-indent: 22px; font-size: 11px; }
.left div.checkbox{ margin: 0 0 30px 0; }
.left .checkbox input{ margin: 9px 10px 0 125px; float: left; display: inline; }
.left .checkbox label{ width: 400px; float: left; display: inline; }
.left .checkbox div.error-message{ float: none; display: block; clear: both; margin: 0 0 0 125px; }
div.selects{ float: left; display: inline; margin: 0 0 20px 125px; }
.selects select{ padding: 5px; width: 150px; }
.selects div.select{ width: 150px; float: left; display: inline; margin: 0 5px 0 0; }
.left div.submit{ width: 200px; float: left; display: inline; margin: 0 0 20px 125px; }
.left .submit a{ color: #ffffff; text-decoration: none; }
.left div.captcha{ width: 300px; float: left; display: inline; margin: 0 0 20px 125px; }
div.subform{ width: 400px; margin: 0 0 30px 125px; float: left; display: inline; }
/* BTN */
a.btn{ width: 132px; height: 30px; background: url('images/btn.gif') 0 0 no-repeat; color: #ffffff; font-weight: bold; text-align: center; display: block; padding: 10px 0 0 0; text-decoration: none; }
a.btn:hover{ background-position: 0 -40px; }
/* ABOUT */
div.aboutWrapper{ width: 100%; background: #2f353a url('images/about-bg.gif') 0 0 repeat-x; position: relative; float: left; display: inline; border: #212121 solid; border-width: 0 0 1px 0; }
div.about{ width: 980px; position: relative; top: 0; left: 50%; margin-left: -490px; color: #969da3; }
div.about a{color:#9dd2ff;}
.about div.content{ width:50%; margin: 40px 0; }
.about h4{ font-family: Arial, Helvetica, Verdana; color: #d8d8d8; font-size: 14px; font-weight: bold; margin: 0 0 20px 0; }
/* FOOTER */
div.footerWrapper{ width: 100%; position: relative; float: left; display: inline; }
.footerWrapper div.footer{ width: 980px; position: relative; left: 50%; margin-left: -490px; color: #6b737a; padding: 20px 0; }
.footerWrapper a{ color: #6b737a; }
/* MY TABLE */
table.my{ width: 639px; margin: 20px 0 0 0; }
.my th{ font-size: 11px; color: #696969; padding: 0 0 5px; }
.my td{ padding: 10px 0; border: #d8d8d8 solid; border-width: 1px 0 0 0; }
a.del{ width: 10px; height: 9px; display: block; background: url('images/del.gif') 0 0 no-repeat; text-indent: -5000px; }
a.del:hover{background-position: 0 -9px;}
/* LIST */
div.list{ margin: 0 0 0 -17px; }
.left .list a, .left .pagination a{ color: #2f353a; text-decoration: none; }
.left .list a:hover{ text-decoration: underline; }
.list div.item{ width: 148px; height: 190px; margin: 0 0 16px 16px; float: left; display: inline; font-size: 11px; text-align: center; }
.list div.iwrapper{ width: 146px; height: 146px; border: #e0e0e0 1px solid; margin: 0 0 5px 0; }
.list .iwrapper div.tmp_thumb{ width: 140px; height: 140px; background: #dbdbdb; margin: 3px 0 0 3px; overflow:hidden;}
.list .iwrapper div.thumb{ width: 140px; height: 140px; background: #dbdbdb; margin: 3px 0 0 3px;overflow:hidden;}
/* PAGINATE */
div.spaginate{ width: 641px; float: left; display: inline; font-family: Arial, Helvetica, Verdana; color: #696969; margin: 0 0 20px 0; }
.spaginate span.sortby{ float: left; display: inline; margin: 3px 20px 0 0; }
.spaginate select{ color: #696969; padding: 5px; float: left; display: inline; width: 132px; }
.spaginate div.pagination{ float: left; display: inline; margin: 0 0 0 20px; font-size: 9px; }
.spaginate .pagination a{ padding: 4px 6px; margin: 0 3px 0 0; float: left; display: inline; }
.spaginate .pagination span.current{ padding: 3px 6px; border: #d8d8d8 1px solid; margin: 0 3px 0 0; float: left; display: inline; }
.spaginate .pagination span.pages{ padding: 5px 6px; margin: 0 3px 0 0; float: left; display: inline; }
.spaginate .pagination a.next{ width: 4px; height: 7px; text-indent: -5000px; float: left; display: inline; background: url('images/pnext.gif') 0 0 no-repeat; padding: 0; margin: 9px 0 0 5px; }
.spaginate .pagination a.prev{ width: 4px; height: 7px; text-indent: -5000px; float: left; display: inline; background: url('images/pprev.gif') 0 0 no-repeat; padding: 0; margin: 9px 5px 0 0; }
.spaginate a.pblack{ float: right; background-image: url('images/blackbtn.gif'); color: #ffffff; text-decoration: none; }
div.full{ width: 636px; float: left; display: inline; position: relative; margin: 0 0 20px 0; }
.full h2{ width: 580px; }
.full div.info{ width: 580px; font-size: 11px; }
.full a.comment_count{ position: absolute; right: 0; top: 0; width: 41px; height: 32px; padding-top: 7px; display: block; background: url('images/comments-bg.gif') 0 0 no-repeat; text-align: center; color: #787878; font-size: 18px; text-decoration: none; }
.full div.preview {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E0E0E0;height:512px;margin:20px 0 0;overflow:hidden;padding:3px;position:relative;width:630px;
}
.full .preview div.pbuts{ position: absolute; top: 50%; left: 50%; z-index: 5; width: 330px; height: 100px; background: #474b4e; margin: -50px 0 0 -165px; border: #262626 1px solid; }
.full .preview div.pwrapper{ width: 328px; height: 98px; margin: 1px 0 0 1px; background: #262626; }
.full .preview a.btn-blue{ color: #ffffff; text-decoration: none; background-image: url('images/btn-blue.gif'); float: left; display: inline; margin: 0 10px 0 0; }
.preview .pwrapper div.pbtns{ width: 290px; margin: 28px 0 0 26px; height: 40px; float: left; display: inline; }
.full h3{ font-size: 16px; font-weight: bold; margin: 33px 0 15px 0; font-family: Arial, Helvetica, Verdana; }
.full p{ font-family: Arial, Helvetica, Verdana; }
.full div.likes{ width: 100%; height: 20px; margin: 10px 0 0; font-size: 10px; }
.full .likes p{ width: 400px; margin: 0; float: left; display: inline; padding: 3px 0; text-indent: 15px; background: url('images/heart.gif') 0 7px no-repeat; }
a.likes-btn{ width: 68px; height: 20px; float: right; display: inline; text-indent: -5000px; background: url('images/like-btn.gif') 0 0 no-repeat; }
a.likes-btn.disabled, a.likes-btn.disabled:hover{ background-position: 0 -40px; cursor: pointer; }
a.likes-btn:hover{ background-position: 0 -20px; }
.full .comments h3{ font-size: 20px; color: #2f353a; font-weight: normal; }
.comments div.item{ width: 636px; margin: 0 0 28px 0; font-family: Arial, Helvetica, Verdana; }
.comments div.chead{ width: 100%; height: 35px; background: #bcd4e5; }
.left .chead a{ color: #2F353A; text-decoration: none; }
.left .chead a:hover{ text-decoration: underline; }
.comments h4{ width: 400px; float: left; display: inline; margin: 9px 0 0 24px; }
.comments span.date{ float: right; margin: 9px 24px 0 0; }
.comments div.cmain{ width: 634px; border: #bcd4e5 1px solid; background: #f1f9ff url('images/comment-arrow.gif') 40px 0 no-repeat; }
.comments .even div.cmain{ background-color: #e6f3fc; }
.comments .cmain p{ padding: 23px; }
div.none{ width: 594px; padding: 20px; float: left; display: inline; border: #d8d8d8 1px solid; background: #e9e9e9; }
/* FORM */
.left .cmain textarea{ float: none; background: none; background-color: #ffffff; border: #cccccc 1px solid; margin: 0 0 5px 23px; width: 570px; height: 80px; padding: 10px; font-family: Arial, Helvetica, Verdana; }
.cmain span.err{ font-size: 10px; color: red; margin: 0 0 5px 23px; display: block; }
.left .cmain div.submit{ margin: 0 0 0 23px; float: none; }
.left .cmain a.btn{ width: 68px; height: 20px; padding-top: 0; text-decoration: none; font-size: 10px; color: #ffffff; background: url('images/blackbtn.gif') 0 0 no-repeat; margin: 0 0 23px 23px; }
.left .cmain a.btn:hover{ background-position: 0 -20px; }
div.page{ margin: 20px 0 0 0; width: 639px; }
div#rollPreview{ display: none; background: #ffffff; z-index: 8; position: absolute; top: 0; left: 0; border: #d8d8d8 1px solid; padding: 5px; }