/*	1. Null
  2. Main
  3. Header
    3.1. Header: main menu
  4. Content
    4.1. Content: left column
    4.2. Content: right column
  5. Footer
*/

/* 1. Null */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* 2. Main */
body {
  font: 10pt Arial, sans-serif;
  color: #373737;
  background: #f8eee2;
}

a { color: #2D80BB; text-decoration: underline; }
a:hover { text-decoration: none; }

#header, #content, #footer {
  margin: 0 auto;
  width: 1010px;
}

.box {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}

.box .cn {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -10px;
  top: -10px;
  background: url('/siteimg/cn.png');
}

.box .cn.tr, .box .cn.br { margin-left: 100%; }
.box .cn.bl, .box .cn.br { top: auto; }

/* 3. Header */
#header {
  margin-top: 15px;
  background: #fff url('/siteimg/backgrounds/header.gif') top repeat-x;
}

#header .boxbody {
  padding: 0 25px;
  height: 95px;
}

.logoBlogs, .logoDp , .rss { top: 19px; float: left; position: relative; }

.logoBlogs {
  padding: 9px 12px 12px 0;
  border-right: 1px solid #dedede;
}

.logoDp {
  padding: 21px 0 15px 15px;
  border-left: 1px solid #fff;
}

.rss {
  position: relative;
  top: 43px;
  float: right;
}

/* 3.1. Header: main menu */
#mainmenu {
  position: relative;
  top: 38px;
  left: 110px;
  font: bold 15px arial;
  float: left;
  color: #C8D1DB;
}

#mainmenu img { float: left; height: 35px; }
#mainmenu a { color: #fff; text-decoration: none; }
#mainmenu a:hover { color: #C8D1DB; }

ul.menu {
  background: url('/siteimg/menu/bg.gif') top repeat-x;
  float: left; height: 35px;
}

ul.menu li {
  float: left;
  background: url('/siteimg/menu/vline.gif') top right no-repeat;
  position: relative;
  top: 2px;
  padding: 5px 12px 5px 12px;
}

ul.menu li.last { background: none; padding-right: 7px; }

/* 4. Content */
#content {
  margin-top: 10px;
  background-color: #fff;
}

.clear { clear: both; }

.bar { margin: 15px 20px 25px 20px; padding-bottom: 1px; }
.selector { font: 9pt arial; clear: both; padding-bottom: 10px; }
.selector ul li { float: left; padding: 3px 5px; color: #fff; }

.selector ul li.title { color: #949494; }

.selector ul li.select {
  padding: 2px 5px 7px 5px;
  margin: 1px 3px;
  background: #a7b5c4 url('/siteimg/arr.gif') center bottom no-repeat;
}
.selector ul li.new {
  background: #23A42E url('/siteimg/arr-green.gif') center bottom no-repeat;
}

.selector ul li a {
  text-decoration: none;
  padding: 3px 3px;
  background: url('/siteimg/aline.gif') 0 1.4em repeat-x;
  color: #949494;
}

.selector ul li a:hover {
  background: url('/siteimg/aline2.gif') 0 1.4em repeat-x;
}

/* 4.1. Content: left column */
#leftColumn {
  float: left;
  width: 750px;
}

#leftColumn h1 { font: bold 15pt arial, sans-serif; color: #8794a2; letter-spacing: -1px; padding: 12px 30px; }
html:root #leftColumn h1 { letter-spacing: -0.03em; }
#leftColumn .txt { padding: 0px 20px 20px 30px; }
#leftColumn .err { color: red; }
#leftColumn .inf { color: green; }

fieldset.bf { padding: 0px 20px 20px 30px; }
fieldset.bf label { display: block; font: bold 11pt arial; color: #949494; padding-top: 10px; letter-spacing: -1px; }
fieldset.bf input.in { display: block; padding: 7px 5px; margin: 5px 0 5px 0; border: 1px solid #dcdcdc; font: bold 14px arial; }
fieldset.bf input.btn { margin: 15px 0; }
fieldset.bf select { margin: 5px 0 5px 0; border: 1px solid #dcdcdc; width: 350px; font: bold 14px arial; }
fieldset.bf select option { font: bold 14px arial; padding: 5px 5px; }

.check { padding: 10px 0 5px 0; }
.check input.ci { position: relative; top: 1px; }
.check label.cl { display: inline; font: normal 12px arial; color: #949494; padding-left: 5px; letter-spacing: normal; }

.capcha { padding-bottom: 10px; }
.capcha img { float: left; }
.capcha a { float: left; padding: 18px 0 18px 50px; font: 8pt tahoma; color: #a7b5c4; background: url('/siteimg/refresh.gif') 20px 15px no-repeat; }

.iDesc { font-size: 8pt; color: #a9a9a9; margin-bottom: 15px; }

.themes { float: right; margin-top: -12px; margin-right: 5px; font: bold 9pt arial; }
.themes  ul li { float: left; margin: 0 5px; padding-top: 7px; padding-bottom: 7px;}
.themes ul li.title { color: #949494; font-weight: normal; }
.themes  ul li a { text-decoration: none; color: #929292; }

.text a { background: url('/siteimg/txttheme.gif') 0 0 no-repeat; padding: 7px 8px 7px 37px; }
.photo a { background: url('/siteimg/phototheme.gif') 0 0 no-repeat; padding: 7px 8px 7px 37px; }
.video a { background: url('/siteimg/videotheme.gif') 0 0 no-repeat; padding: 7px 8px 7px 37px; }
.themes .all a { background: url('/siteimg/alltheme.gif') 0 0 no-repeat; padding: 7px 12px 7px 10px; }

.text span { color: #de1b20; }
.photo span { color: #3c88d6; }
.video span { color: #8ccd1b; }
.themes .selected span {color: #929292; }

* html .themes { margin: -5px 0px 0px 0px; }

.topicBox {
  margin: 10px 30px 20px 25px;
  padding-bottom: 30px;
  color: #525252;
  clear: both;
  background: #fff url('/siteimg/shadow.gif') right 0 no-repeat;
}

.btHeader {
  height: 41px; width: 687px;
  background: url('/siteimg/backgrounds/topic.gif') 0 0 repeat-x;
}

.btIco {
  background: url('/siteimg/cl.gif') 0 0 no-repeat;
  position: relative;
  border-left: 1px solid #f2f2f2;
  float: left;
  padding: 5px 3px 5px 7px;
}

.btTxt  {
  position: relative;
  background: url('/siteimg/vLine.gif') 0 0 no-repeat;
  top: 2px;
  float: left;
  padding: 3px 0px 5px 8px;
}

.btTxt h2 { font: bold 10pt Georgia, serif; padding-bottom: 2px; white-space: nowrap; overflow: hidden; width: 500px;}
.btTxt h2 a { color: #525252; text-decoration: none; }
.btTxt h2 a:hover { color: #818181; }
.btTxt span { color: #949494; font: 7pt tahoma; }
.btTxt span b { color: #d5d5d5; font-weight: normal; }
.btTxt span a { color: #949494; text-decoration: none; }
.btTxt span a:hover { color: #525252; text-decoration: none; }

.btTxt h3 { font: bold 10pt Georgia, serif; padding: 7px 0 7px 0; }
.btTxt h3 span { color: #949494; font-weight: normal; font-size: 10pt; }

.btCount {
  background: url('/siteimg/cr.gif') right 0 repeat-x;
  font: bold 14pt 'Trebuchet ms', sans-serif;
  letter-spacing: -1px;
  border-left: 1px solid #DEE1E5;
  position: relative;
  float: right;
  top: 2px;
  margin-right: 2px;
  padding: 5px 15px 8px 15px;
}
* html .btCount { margin-right: 1px; }

.cool {	color: #DE1B20; }
.poor {	color: #a1aab2; }

.btCount a { text-decoration: none; }
.btCount img { position: relative; top: 3px;}

.authorPhoto {
  position: relative;
  top: 15px; left: 0px;
  float: left;
  background: #fff;
  border: solid 1px #ccc;
  padding: 2px;
  // padding-bottom: 0;
}

.authorPhoto span {
  width: 14px;
  height: 16px;
  display: block;
  position: absolute;
  top: 64px; left: 66px;
  // top: 65px;
  background: url('/siteimg/phc.png') no-repeat;
}

.topicBox div.teaser { padding: 12px 20px 10px 95px; }
.topicBox p.onInner,
.topicBox div.onInner { padding: 12px 20px 10px 45px; }

.smGallery { text-align: center; padding-bottom: 15px; }
.smGallery img { padding: 5px; border: 1px solid #e8e8e8; }

.subNav {
  float: right;
  font: 8pt tahoma;
  color: #d5d5d5;
  padding-left: 10px;
  margin-right: 8px;
  border-left: 1px solid #f0f1f3;
  border-right: 1px solid #f0f1f3;
  background: url('/siteimg/backgrounds/subNav.gif') repeat-x;
  clear: both;
  margin-bottom: 2.5em;
}

.subNav ul { width: auto; }
.subNav ul li { float: left; padding: 5px 7px 7px 0px; }
.subNav ul li.more1 a { background: url('/siteimg/subNav/txt.gif') 0 0 no-repeat; padding-left: 19px; }
.subNav ul li.favorite a { background: url('/siteimg/subNav/fav.gif') 0 0 no-repeat; padding-left: 20px; }
.subNav ul li.infavorite a { background: url('/siteimg/subNav/fav_.gif') 0 0 no-repeat; padding-left: 20px; }
.subNav ul li.active a { background: url('/siteimg/subNav/act.gif') 0 0 no-repeat; padding-left: 20px; }
.subNav ul li.inactive a { background: url('/siteimg/subNav/act_.gif') 0 0 no-repeat; padding-left: 20px; }
.subNav ul li.comments a { background: url('/siteimg/subNav/com.gif') 0 0 no-repeat; padding-right: 5px; padding-left: 19px; }
.subNav ul li.edit a { background: url('/siteimg/subNav/pen.gif') 0 0 no-repeat; padding-right: 5px; padding-left: 19px; }
.subNav ul li.remove a { background: url('/siteimg/subNav/x.gif') 0 0 no-repeat; padding-right: 5px; padding-left: 19px; }
.subNav ul li a { color: #949494; text-decoration: none; padding-right: 7px; padding-bottom: 1px; }
.subNav ul li a:hover { color: #d1d1d1; }
.subNav ul li.comments .new { color: #8CCD1B; }

.paginator { font-size: 8pt; text-align: center; color: #d1d1d1; padding: 15px 0;}
.paginator a { text-decoration: none; padding: 2px 6px; border: 1px solid #d1d1d1; color: #949494; background-color: #fff; }
.paginator a:hover { background-color: #eee; }
.paginator b { padding: 2px 6px; border: 1px solid #a6b6c5; background-color: #a6b6c5; color: #fff; }
.paginator em { padding: 0 3px; color: #949494; }
.paginator span { padding: 0 7px; }
.paginator span a { border: none; color: #a5b5c4; }

.comment { margin: 7px 25px 0 7px; border-top: 1px solid #dcdcdc; padding: 5px 5px 5px 10px; position: relative; }
.comment p { padding-top: 7px; }
.first_com { border-top: none; }

.answer { border-top: none; margin: 5px 25px 5px 0; }
.level1 { margin-left: 22px; }
.level2 { margin-left: 47px; }
.level3 { margin-left: 72px; }
.level4 { margin-left: 97px; }
.level5 { margin-left: 122px; }
.level6 { margin-left: 147px; }
.level7 { margin-left: 172px; }
.level8 { margin-left: 197px; }
.level9 { margin-left: 222px; }
.levelN { margin-left: 247px; }
#comments .new { background: #eef8dd; }

.comment ul li { font: 8pt tahoma; float: left; padding: 3px 0; }
.comment ul li img { position: relative; top: 2px; }
* html .comment ul li img { position: static; margin-bottom: -2px; }
.comment ul li b { padding: 0 6px 0 6px; font-weight: normal; color: #d5d5d5;}
.comment ul li a.usermc { color: #000; padding: 3px 0px 3px 22px; background: url('/siteimg/userm.gif') 0 0 no-repeat; }
.comment ul li a.userwc { color: #000; padding: 3px 0px 3px 22px; background: url('/siteimg/userw.gif') 0 0 no-repeat; }
.comment ul li a.user_c { color: #000; padding: 3px 0px 3px 22px; background: url('/siteimg/user_.gif') 0 0 no-repeat; }
.comment div.txtcom { clear: both;  padding-left: 0px; position: relative; padding-top: 7px; }

.dateC { color: #9a9a9a; }

table.user-list {width: 675px; margin: 20px 20px 20px 30px; }
table.user-list thead {color: #CBD0D6; text-transform: lowercase; font-size: 10px;}
table.user-list tbody td {vertical-align: middle; height: 30px;}
table.user-list .dotted {border-bottom: 1px dotted #CBD0D6; height: 22px;}
table.user-list .author {float: left; margin: 2px 2px 0 0; height: 28px; background: #FFF;}
table.user-list .author a {text-decoration: none; line-height: 28px; color: #525252; font-weight: bold;}

/* 4.2. Content: right column */
#rightColumn {
  float: left;
  color: #535353;
  width: 260px;
}

.infobox ul.speech { line-height: 1.2em; padding: 0 0 10px 0; clear: both; }
.infobox ul.speech li { padding: 8px 25px 10px 0; }
.spm { background: url('/siteimg/userm.gif') no-repeat right 44%; }
.spw { background: url('/siteimg/userw.gif') no-repeat right 44%; }
.infobox ul.speech span { font-size: 7pt; display: block; color: #959595; line-height: 1.1em; padding-top: 5px;}
.infobox ul.speech span a { color: #959595; }
.infobox ul.speech span a:hover { text-decoration: none; }


.infobox {
  font: 8pt tahoma;
  text-align: right;
  padding: 7px 20px 20px 20px;
  background: #fff url('/siteimg/backgrounds/infobox.gif') 0 32px no-repeat;
}

.infobox h2 {
  color: #8794a2;
  padding-bottom: 17px;
  font: bold 13pt tahoma, sans-serif;
  letter-spacing: -1px;
  position: relative;
}

.authorPhotoPage { top: 5px; }

.infobox p { padding-bottom: 7px; }
.infobox strong { font: bold 9pt arial; }
.infobox span.desc, small.desc { color: #a9a9a9; font: 8pt Tahoma; }
.infobox a.rmore { color: #A7B5C4; background: url('/siteimg/lim.gif') right 4px no-repeat; padding: 0 15px 0 0;}
.infobox p.rat a { color: #A7B5C4; }

.infobox ul.auth { line-height: 1; padding: 10px 0px 10px 0px; clear: both; }
.infobox ul.auth li { padding: 5px 22px 6px 15px; }
.infobox ul.auth li.userm {background: url('/siteimg/userm.gif') right 0 no-repeat;}
.infobox ul.auth li.userw {background: url('/siteimg/userw.gif') right 0 no-repeat;}
.infobox ul.auth li span { width: 200px; padding: 0 0 0 7px; color: #de1b20; }

.infobox ul.popT { line-height: 1.2em; padding: 10px 0 10px 0; clear: both; }
.infobox ul.popT li { padding: 8px 32px 10px 0; position: relative; }

* html ul.popT li { height:1%; }

.infobox ul.popT li a { position: relative; padding-right: 27px; display: block;}
.infobox ul.popT li span { padding: 0 0 0 7px; color: #de1b20; position: absolute; right: 30px;  top: 35%; }

.infobox ul.popT li.popTTxt {background: url('/siteimg/popTTxt.gif') right 42% no-repeat; }
.infobox ul.popT li.popTPhoto {background: url('/siteimg/popTPhoto.gif') right 42% no-repeat;}
.infobox ul.popT li.popTVideo {background: url('/siteimg/popTVideo.gif') right 42% no-repeat;}

ul.ulfix { float: right; text-transform: lowercase;}

/* 5. Footer */
#footer {
  color: #a8a29d;
  margin-top: 15px;
  font-size: 9pt;
}

.copyright {
  padding-left: 20px;
  padding-bottom: 15px;
  width: 500px;
  float: left;
}

.counts {
  padding-right: 20px;
  padding-bottom: 15px;
  text-align: right;
  margin-left: 500px;
}

/*
.box  {
  padding: 0;
}
.box .cn {
  position: static;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;

  background-repeat: no-repeat;
}

.box .tl, .box .bl {
  float: left;
}
.box .tr, .box .br {
  float: right;
}

.box .cn.tr, .box .cn.br {
  margin-left: 0;
}
.box .tl {
  background-position: bottom right;
}
.box .tr {
  background-position: bottom left;
}
.box .bl {
  background-position: top right;
}
.box .br {
  background-position: top left;
}
*/

#dpBox, #dpTop, #dpBottom { width: 687px; }
#dpTop, #dpBottom { height: 12px; }
#dpBox { background: url('/siteimg/dpbg.gif') repeat-y; font: 11px tahoma; margin: 0 0 30px 25px; }
#dpTop { background: url('/siteimg/dptop.gif') no-repeat; }
#dpBottom { background: #fdede6 url('/siteimg/dpbottom.gif') no-repeat; }
#dpBox ul { padding-left: 52px; margin: -8px 0; background: url('/siteimg/dplogo.gif') no-repeat 7px 50%; }
#dpBox ul li { margin: 8px 0; }
#dpBox ul li span { background-color: #fff; color: #d71920; padding: 1px 0; width: 38px; text-align: center; display: block; float: left;}
#dpBox ul li a { padding-left: 8px; color: #000; }