html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

body {background: #cecece url(bg_body.jpg) repeat; color: #575757; font-family: tahoma, arial; font-size: 12px;}
a:link, body_alink {color: #575757; text-decoration: none;}
a:visited, body_avisited {color: #575757;}
a:hover, a:active, body_ahover {color: #d27b4a;}

/* misc */
.left {float: left;}
.right {float: right;}
.center {display: block; text-align: center;}
.clear {clear: both;}
.page {margin: 0; padding: 0;}

img {border: 0; padding: 2px;}
img.ads_h {padding: 2px; border: 1px solid #dbdbdb;}
td, th, p, li {margin: 0; padding: 0;}

hr {border: none; background-color: #ccc; color: #ccc; height: 1px;}

.tborder {}

.tcat {margin: 0; padding: 0; height: 30px; line-height: 30px; border-bottom: 2px solid #c9744a; font-weight: bold; color: #c9744a;}
.tcat a:link, .tcat_alink {color: #c9744a; text-decoration: none;}
.tcat a:visited, .tcat_avisited {color: #c9744a;}
.tcat a:hover, .tcat a:active, .tcat_ahover {color: #a3a3a3;}
.tcat img {line-height: 30px;}

.tcat .toggle {float: left;}

.thead {background: #faceb8; height: 15px; line-height: 15px; color: #c9744a;}
.thead a:link, .thead_alink {color: #c9744a; font-weight: bold; text-decoration: none;}
.thead a:visited, .thead_avisited {color: #c9744a;}
.thead a:hover, .thead a:active, .thead_ahover {color: #d27b4a;}

.tfoot {border-top: 1px solid #dbdbdb; color: #a3a3a3;}
.tfoot a:link, .tfoot_alink {color: #a3a3a3; text-decoration: none;}
.tfoot a:visited, .tfoot_avisited {color: #a3a3a3; text-decoration: none;}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {color: #a3a3a3; text-decoration: underline;}

.alt1, .alt1Active {padding: 4px 0; font-weight: bold; color: #575757; border-bottom: 1px solid #dbdbdb;}
.alt2, .alt2Active {padding: 4px 0; font-weight: bold; color: #575757; border-bottom: 1px solid #dbdbdb;}
.alt1 img, .alt2 img {vertical-align: middle;}

.inlinemod {background: #FFFFCC; color: #000000;}

.wysiwyg {background: #ffffff; color: #575757;}


form {padding: 2px;}
legend {color: #575757; font: bold 12px tahoma;}
select, option, optgroup {font: bold 11px tahoma; margin: 0 2px; padding: 3px;}
input, textarea {margin: 0 2px; border: 1px solid #cacaca; padding: 4px;}

.smallfont, strong {font: 12px tahoma;}
strong {font-weight: bold;}

.time {color: #575757;}
.navbar {padding: 8px 0; font: bold 12px tahoma;}
.highlight {color: #000000; font-weight: bold;}

.panel {color: #575757; padding: 2px; font: 12px tahoma; border: 0;}
.panelsurround {background: #f5f5f5; color: #575757;}

.vbmenu_control {color: #c9744a; font: bold 12px tahoma; padding: 0;}
.vbmenu_control a:link, .vbmenu_control_alink {color: #c9744a; text-decoration: none;}
.vbmenu_control a:visited, .vbmenu_control_avisited{color: #c9744a;}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {color: #575757;}

.vbmenu_popup {padding: 2px; display: block; background: #e9e9e9; color: #575757;}

.vbmenu_option {background: #e9e9e9; color: #575757; font: normal 12px tahoma; padding: 0; border: 0 solid #e1e1e1;}
.vbmenu_option a:link, .vbmenu_option_alink, .vbmenu_option a:visited, .vbmenu_option_avisited {color: #575757; text-decoration: none;}
.vbmenu_option a:hover, .vbmenu_option_ahover, .vbmenu_option a:active {color: #d37b4b;}

.vbmenu_hilite {background: #fff; color: #575757; font: normal 12px tahoma;}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {color: #575757; text-decoration: none;}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {color: #575757;}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {color: #575757;}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14px; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead {padding: 4px;}

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px}

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited {color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/*---------- Share Post ----------*/
#sharepost {padding: 6px; position: fixed; top: 400px; left: 0; z-index: 1; width: 40px; height: 180px; background: #fff; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
#sharepost p {padding: 0; font-weight: bold;}
#sharepost ul {list-style: none;}
#sharepost ul li {float: right; padding: 0 2px; line-height: 12px;}
#sharepost ul li a:link, #sharepost ul li a:active, #sharepost ul li a:visited  {color: #fff; font-weight: bold; text-decoration: none;}
#sharepost ul li a:hover {color: #faceb8;}
#sharepost ul li.last {padding: 0 8px 0 0; background: none;}


/*---------- jqeasypanel ----------*/
#jqeasypanel {position: fixed; left: 0; height: 80px; width: 100%; background: #faceb8; padding: 10px; overflow: hidden; display: none; z-index: 2;}
#jqeasypanel.top {top: 0; border-bottom: 2px solid #c9744a;}
#jqeasypanel.bottom {bottom: 0; border-top: 2px solid #c9744a;}
ul.panelbuttons {float: right;}
ul.panelbuttons li {float: right; display: inline; width: 70px; height: 70px; margin-right: 10px; padding: 5px; text-align: center; border: 1px solid #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: transparent url(buttun-bg.png) repeat-x top left;}
ul.panelbuttons li a {color: #FFF;}
ul.panelbuttons li a:hover {color: #999999;}
ul.panelbuttons li a img {display: block; margin: 0 auto;}
#copy {float: left; width: 300px; font-size: 10px;}
#jqeasypaneloptions {float: right; margin: -10px 95px 0 0;}
#jqeasypaneloptions p {text-align: right;}
#jqeasytrigger {position: fixed; left: 100px; padding: 5px; width: 100px; height: 20px; background: #c9744a; text-align: center; font-size: 12px; z-index: 3;}
#jqeasytrigger.top {top: 0; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
#jqeasytrigger.bottom {bottom: 0; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
#jqeasytrigger a {color: #FFF; font-weight: bold;}
#jqeasytrigger a:hover {color: #CCC;}
#jqeasytrigger a.open {display: block;}
#jqeasytrigger a.close {display: none;}

/*---------- WRAPPER ALL ----------*/
.wrapper {margin: 0 auto; padding: 0 10px; width: 1100px; background: #fff url(wrapper_bg.png) no-repeat top right;}
.wrapper {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}

/*---------- HEADER ----------*/
#header {margin: 0; padding: 0; width: 100%; height: 240px; position: relative; border-bottom: 2px solid #c9744a;}

/*---------- LOGO ----------*/
#logo {position: absolute; top: 42px; right: 0; width: 244px; height: 165px;}

/*---------- TOP BANNER ----------*/
#banner {position: absolute; top: 35px; left: 0; width: 460px; height: 64px;}
#banner a img {margin: 0 4px; width: 142px; height: 64px;}

/*---------- SOCIAL BOOKMARKS ----------*/
.social-bookmarks {position: absolute; bottom: 0; left: 0; width: 124px; height: 35px;}
.social-bookmarks ul {padding: 5px; list-style-type: none; line-height: 24px;}
.social-bookmarks li {float: right; padding: 0 2px !important;}
.social-bookmarks li.twitter, .social-bookmarks li.plus, .social-bookmarks li.facebook, .social-bookmarks li.rss {display: block; width: 24px; height: 24px;}
.social-bookmarks li a {text-indent: -9999px; line-height: 24px;}
.social-bookmarks li a:hover {}
.social-bookmarks li.text {margin: 5px 0 0 10px; font: bold 12px Tahoma, Arial; color: #c46b39; text-shadow: 1px 1px 0 #fff;}

/*---------- NAVIGATION ----------*/
#navigation {margin: 0; position: absolute; bottom: 0; right: 0; height: 35px; width: 700px;}
#navigation ul {list-style: none;}
#navigation ul li {float: right; padding: 0 8px 0 8px; background: url(seperator.png) no-repeat left; line-height: 35px;}
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited  {color: #999999; font-weight: bold; text-decoration: none;}
#navigation ul li a:hover {color: #c9744a;}
#navigation ul li.last {padding: 0 8px 0 0; background: none;}

.pb {font-size: 11px; text-decoration: none; background: #e7e7e7; border-top: 1px solid #f4f4f4; border-right: 1px solid #d2d2d2; border-left: 1px solid #f4f4f4; border-bottom: 1px solid #d2d2d2;}

/*---------- CONTENT ----------*/
#content {float: right; margin: 0; padding: 0; width: 840px;}

/*-- Guest Welcome Message --*/
.guest {margin: 0 0 10px 0; padding: 10px; height: 75px; border: 1px solid #c6b960; color: #b6a52f; background: #fdfdcb url(guest.png) no-repeat right; background-position: -5px -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.guest p {width: 730px;}

/*---------- SIDEBAR ----------*/
#sidebar {float: left; margin: 0; padding: 0 10px 0 0; width: 250px;}

/*---------- BLOCK ----------*/
.block {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 0 solid #b3b3b3;}
.block .title {margin: 0; padding: 0 0 6px 0; font-family: tahoma; font-size: 12px; font-weight: bold; color: #575757; border-bottom: 2px solid #b3b3b3;}
.block .title2 {margin: 0; padding: 0 0 6px 0; font-family: tahoma; font-size: 12px; font-weight: bold; color: #c9744a; border-bottom: 2px solid #c9744a;}

.block ul {margin: 0; padding: 5px 0; list-style: none;}
.block ul li {margin: 5px 0; padding: 0;}
.block ul li a {margin: 0; color: #838383; text-decoration: none;}
.block ul li a:hover {color: #c9744a;}

.placeholder {font-family: tahoma; font-size: 12px;}

/*---------- AVATAT ----------*/
.avatar {border: 1px solid #ddd;}

/*---------- FOOTER ----------*/
#footer {margin: 10px 0 0 0; padding: 0px 10px; height: 180px; width: 100%;}
#footer .column {float: right; width: 200px; margin: 0 10px 0 0; border-left: 1px solid #dbdbdb;}
#footer .column.double {width: 400px;}
#footer .column.last {margin: 0 10px 0 0; border: 0;}
#footer .column h3 {font: bold 16px arial; margin: 0 0 5px 0;}
#footer .column p {font: 14px/24px; color: #c9c9c9;}
#footer .column li {line-height: 18px;}
#footer .column a {font-weight: bold; color: #a3a3a3;}
#footer .column a:hover {color: #c9744a;}

/*---------- COPYRIGHTS ----------*/
#copyrights {width: 100%; margin: 0; padding: 20px 10px 0;}
#copyrights p {font: 14px/24px; color: #848484;}
#copyrights a {font: 14px/24px; color: #9a9a9a;}
#copyrights a:hover {text-decoration: underline;}
#copyrights .left {float: left;}
#copyrights .left span {font: 10px/24px;}
#copyrights .right {float: right;}

/*---------- LOGIN REDIRECT ----------*/
.redirect {margin: 200px auto; padding: 6px; background: #fff; width: 500px; height: 220px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.redirect h1 {color: #9d4e23; font-weight: bold;}
.redirect a {color: #575757; text-decoration: none;}
.redirect a:hover {color: #d37c4b;}
.redirect p {color: #888888;}

/*---------- BUTTON ----------*/
.button {background: #e3e3e3; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; -ms-box-shadow: inset 0 0 1px 1px #f6f6f6; -o-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font: bold 12px tahoma, arial, helvetica, sans-serif; line-height: 1; padding: 4px; text-align: center; text-shadow: 0 1px 0 #fff; width: auto;}
.button:hover {background: #d9d9d9; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; -moz-box-shadow: inset 0 0 1px 1px #eaeaea; -ms-box-shadow: inset 0 0 1px 1px #eaeaea; -o-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; cursor: pointer;}
.button:active {background: #d0d0d0; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; -ms-box-shadow: inset 0 0 1px 1px #e3e3e3; -o-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000;}

/*---------- Colors ----------*/
.browsers {color: #d3855f;}


/*---------- Colors Groups ----------*/
.brown, .dimgray, .darkgray, .darkblue, .gainsboro, .palevioletred, .seagreen, .chocolate, .banned {font-weight: bold;}
.brown {color: #A52A2A;}
.dimgray {color: #696969;}
.darkgray {color: #A9A9A9;}
.darkblue {color: #00008B;}
.gainsboro {color: #DCDCDC;}
.palevioletred {color: #D87093;}
.seagreen {color: #2E8B57;}
.chocolate {color: #D2691E;}
.banned {color: #999999; text-decoration: line-through;}