body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input,fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

body {
	background: #3b636c;
	font-family: Arial,Verdana,sans-serif;
	line-height: 1.5;
	font-size: 12px;
	text-align: center;
}

a { color: #0000cc; text-decoration: none; outline: none; }
a:hover, a:active, a:focus { text-decoration: none; }

.clr { clear: both; display: block; height:0; line-height:0; font-size:0; overflow: hidden; visibility: hidden; }

/* Clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#head {
	background: #234a54;
	border-bottom: 1px solid #71959e;
	padding: 10px 0;
}

#logo {
	margin: 0 auto;
	text-align: left;
	width: 922px;
}

h1.logo a {
	color: #bfd04b;
	float: left;
	font: normal 25px Verdana;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h1.logo span {
	color: #dedede;
	display: block;
	font: normal 12px Arial;
	letter-spacing: 0;
	margin-top: -5px;
}

/* Top Menu */

ul#top_menu {
	font: bold 10px/28px Verdana, Arial;
	float: right;
	height: 30px;
	list-style: none;
	margin-top: 6px;	
}

ul#top_menu li {
	display: inline;
	float: left;
	height: 28px;
	list-style: none;
	margin-right: 5px;
	position: relative;
}

ul#top_menu ul {
	display: none;
	list-style: none;
	padding-top: 4px;
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 222;
}

.sub_cross {
	background: #c0d33a;
	width: 167px;
}
.sub_cross li {
	width: 159px;
}
.sub_php {
	background: #c0d33a;
	width: 77px;
}
.sub_php li {
	width: 69px;
}
.sub_php li.bottom {
	line-height: 0;
}
.sub_templates {
	background: #c0d33a;
	width: 111px;
}
.sub_templates li {
	width: 103px;
}
.sub_webmaster {
	background: #c0d33a;
	width: 122px;
}
.sub_webmaster li {
	width: 114px;
}
.sub_articles {
	background: #c0d33a;
	width: 90px;
}
.sub_articles li {
	width: 82px;
}

ul#top_menu ul:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#top_menu ul li {
	display: block !important;
	float: none;
	margin: 0 4px !important;
}

ul#top_menu a {
	background: url(../images/top_menu_bg.gif) no-repeat top right;
	color: #a3c3ca;
	display: block;
	float: none !important;
	float: left;
	height: 30px;
	padding-right: 15px;
	text-decoration: none;
}

ul#top_menu a span {
	background: url(../images/top_menu_bg.gif) no-repeat top left;
	display: block;
	float: left;
	padding-left: 4px;
}

ul#top_menu a span span {
	display: block;
	height: 27px;
	margin-top: 3px;
	width: 30px;
}
* html ul#top_menu a span span { width: 27px; }

.top_menu_cross {
	background: url(../images/icon_top_menu_cross.gif) no-repeat top left !important;
}
.top_menu_php {
	background: url(../images/icon_top_menu_php.gif) no-repeat top left !important;
}
.top_menu_templates {
	background: url(../images/icon_top_menu_templates.gif) no-repeat top left !important;
}
.top_menu_webmaster {
	background: url(../images/icon_top_menu_webmaster.gif) no-repeat top left !important;
}
.top_menu_articles {
	background: url(../images/icon_top_menu_articles.gif) no-repeat top left !important;
}
.top_menu_main {
	background: url(../images/icon_top_menu_main.gif) no-repeat top left !important;
}

ul#top_menu li:hover li a,
ul#top_menu li.iehover li a {
	background: none;
	color: #214953;
	float: none;
	font: normal 11px Arial;
	height: auto !important;
	height: 1%;
	padding: 5px 10px !important;
}

ul#top_menu li:hover li a:hover,
ul#top_menu li:hover li:hover a,
ul#top_menu li.iehover li a:hover,
ul#top_menu li.iehover li.iehover a {
	background: #3b636c;
	border-top: 1px solid #2c525a;
	color:#b9dbe4;
}

ul#top_menu ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 170px;
}

ul#top_menu li:hover ul ul,
ul#top_menu li.iehover ul ul {
	display: none;
}

ul#top_menu li:hover ul,
ul#top_menu ul li:hover ul,
ul#top_menu li.iehover ul,
ul#top_menu ul li.iehover ul {
	display: block;
}

/* Content */
#content {
	background: url(../images/body_bg.gif) no-repeat 50% 0;
	text-align: center;
}

#content_area {
	background: url(../images/body_bg.gif) no-repeat 50% 0; /* <1024 */
	margin: 0 auto;
	text-align: left;
	width: 914px;
}

h2.logo {
	color: #b9d7df;
	font: italic 56px Georgia;
	padding-top: 50px;
	padding-bottom: 38px;
	text-align: center;
}

a.button_account {
	background: url(../images/button_account.gif) no-repeat;
	display: block;
	position: absolute;
	left: 100px;
	top: 6px;
	height: 42px;
	width: 77px;
}

em.logo,em.derepko  {
	color: #a0b9c0;
	float: left;
	font: bold 10px Arial;
	margin: -10px 0 0 170px;
}

em.derepko {
	float: right;
	margin-right: 95px;
}

/* Cols */
#posts {
	display: inline;
	float: left;
	width: 591px;
}

#posts_wrap {
	padding-left: 77px;
}

#sidebar {
	display: inline;
	float: right;
	width: 323px;
}

.post {
	background: #b9dbe4;
	border: 1px solid #cfeaf1;
	margin-bottom: 8px;
	padding: 18px;
}

h2.content_title {
	background: url(../images/content_title_bg.gif) repeat-x 0 100%;
	color: #4d7078;
	font: normal 36px Tahoma;
	padding-bottom: 15px;
	word-spacing: -4px;
}

h3.content_title {
	background: url(../images/content_title_bg.gif) repeat-x 0 100%;
	color: #4d7078;
	padding-bottom: 15px;
	position: relative;
}

h3.content_title em {
	font: normal 24px Tahoma;
	float: left;
	word-spacing: -4px;
}

h2.content_title a {
	color: #426e79;
	text-decoration: none;
}
h2.content_title a:hover {
	color: #3a8698;
	text-decoration: underline;
}

div.text {
	color: #45646b;
	font-size: 11px;
	line-height: 14px;
	padding-top: 15px;
	text-align: justify;
}

div.text p {
	padding-top: 10px;
	text-indent: 15px;
}

div.text a {
	color: #098db1;
	text-decoration: underline;
}

div.text a:hover { text-decoration: none; }

.boxes {
	display: inline;
	float: left;
	margin: -16px 0 0 -100px;
	position: relative;
}

.user_box { margin: -61px 0 0 -100px !important; }

.post_category {
	display: block;
	height: 50px;
	margin-top: 7px;
	width: 53px;
}
.cat_article { background: url(../images/icon_article.gif) no-repeat; }
.cat_main { background: url(../images/icon_main.gif) no-repeat; }
.cat_php { background: url(../images/icon_php.gif) no-repeat; }
.cat_webmaster { background: url(../images/icon_webmaster.gif) no-repeat; }
.cat_cross { background: url(../images/icon_cross.gif) no-repeat; }

.post_category span {
	display: block;
	text-indent: -9999px;
}

.post_comm,.post_view {
	background: url(../images/icon_box.gif) no-repeat;
	display: block;
	height: 50px;
	margin-top: 3px;
	width: 50px;
}

em.box_info {
	color: #6596a1;
	display: block;
	font: normal 20px Arial;
	padding-top: 10px;
	text-align: center;
}

em.view { color: #609fad; }

em.box_info span {
	color: #426e79;
	display: block;
	font-size: 12px;
	line-height: 4px;
}

/* Sidebars */
#search_block {
	background: url(../images/search_bg.gif) no-repeat 100% 100%;
	height: 43px;
	margin-top: 2px;
	position: relative;
	width: 323px;
}

.search_field {
	background: none;
	color: #b9d7df;
	font-size: 14px;
	padding: 3px 4px;	
	position: absolute;
	left: 22px;
	top: 10px;
	width: 194px;
}

.search_button {
	background: url(../images/button_search.gif) no-repeat;
	color: #bfd04b;
	font-size: 16px;
	height: 27px;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 91px;
}

#sideblocks {
	padding-left: 22px;
}

/* Tags */

#tags_block {
	background: #97c2cd;
	border-top: 1px solid #b9dae3;
	line-height: 17px;
	margin-top: 9px;
	padding: 18px;
	word-spacing: 10px;
}

.clouds_xsmall {
	color: #4d7078;
	font-size: 12px;
}
.clouds_small {
	color: #cadee3;
	font-size: 14px;
}
.clouds_medium {
	color: #cadee3;
	font-size: 15px;
}
.clouds_large {
	color: #d3eaf0;
	font-size: 17px;
}
.clouds_xlarge {
	color: #fafbfb;
	font-size: 21px;
}

/* Random Content */

#rc_block {
	background: #69959f url(../images/rc_bg.gif) repeat-x 0 0;
	padding-top: 8px;
}

#refresh_button {
	background: url(../images/icon_refresh.gif) no-repeat;
	float: right;
	height: 31px;
	margin: 4px 13px 0 0;
	width: 33px;
}

#rc_content {
	background: url(../images/rc_bg.gif) repeat-x 0 0;
	margin: 0 16px;
	padding: 18px 0;
	height: 1%;
}

ul#rc_list li {
	background: #30525d url(../images/rc_list_right.gif) no-repeat 100% 0;
	margin-bottom: 10px;
}

ul#rc_list li a {
	display: block;
	height: 50px;
	padding-left: 63px;
}

span.rc_title {
	color: #749aa3;
	cursor: pointer;
	display: table;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

span.rc_title span {
	display: table-cell;
	vertical-align: middle;
}

span.rc_title span em {
	font: italic 16px Arial;
}

.rc_cross { background: url(../images/icon_rc_list_cross.gif) no-repeat 0 0; }
.rc_php { background: url(../images/icon_rc_list_php.gif) no-repeat 0 0; }
.rc_templates{ background: url(../images/icon_rc_list_templates.gif) no-repeat 0 0; }
.rc_webmaster { background: url(../images/icon_rc_list_webmaster.gif) no-repeat 0 0; }
.rc_articles { background: url(../images/icon_rc_list_articles.gif) no-repeat 0 0; }
.rc_main { background: url(../images/icon_rc_list_main.gif) no-repeat 0 0; }

/* Works */
#prj_block {
	background: #78a642 url(../images/prj_bg.gif) repeat-x 0 0;
	padding-top: 8px;
}

a.prj_all {
	color: #567037;
	display: block;
	float: right;
	font-size: 18px;
	margin: 10px 13px 0 0;
	text-decoration: underline;
}

a.prj_all:hover {
	text-decoration: none;
}

#prj_content {
	background: url(../images/prj_bg.gif) repeat-x 0 0;
	margin: 0 16px;
	padding: 18px 0;
	height: 1%;
}

ul#prj_list li {
	padding-bottom: 1px;
}

ul#prj_list li a {
	background: #9dbd73;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	height: 65px;
	padding: 5px;
	text-indent: -9999px;
}
ul#prj_list li a:hover {
	background-color: #b8de87;
}

ul#prj_list li a span {
	display: block;
	height: 65px;
}

/* Tools */

#tools_block {
	background: #69959f url(../images/tools_bg.gif) repeat-x 0 0;
	padding-top: 8px;
}

#tools_content {
	background: url(../images/tools_bg.gif) repeat-x 0 0;
	margin: 0 16px;
	padding: 18px 0;
	height: 1%;
}

/* Links */

#links_block {
	background: #629da6 url(../images/links_bg.gif) repeat-x 0 0;
	padding-top: 8px;
}

#links_content {
	background: url(../images/links_bg.gif) repeat-x 0 0;
	margin-left: 16px;
	padding: 18px 0 14px 0;
	height: 1%;
}

ul#links_list li {
	display: inline;
}

ul#links_list li a {
	background: #7bbcc8;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 79px;
	margin: 0 4px 4px 0;
	padding: 3px;
	text-indent: -9999px;
	width: 126px;
}

ul#links_list li a:hover {
	background-color: #91dfed;
}

/* Sidebar's Block Titles */

h3.block_head {
	background: url(../images/block_head_left.gif) no-repeat 0 0;
	color: #5f6b08;
	display: inline;
	font-size: 24px;
	float: left;
	height: 45px;
	line-height: 38px;
	margin-left: -6px;
	position: relative;
	text-indent: 15px;
}

span.block_head_right {
	background: url(../images/block_head_right.gif) no-repeat 100% 0;
	display: block;
	float: left;
	height: 45px;
	width: 15px;
}

/* Footer */

div#footer {
	background: #234a54 url(../images/footer_bg.gif) repeat-x 0 0;
	margin-top: 27px;
}

div#footer_gutter {
	background: #234a54 url(../images/footer_bg.gif) repeat-x 0 0; /* <1024 */
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	width: 922px;
}

div#footer_about {
	float: left;
	width: 217px;
}

div#footer_about p {
	background: url(../images/footer_blocks_bg.gif) repeat-x 0 0;
	color: #84bcc6;
	font: italic 11px Georgia;
	padding: 10px 0;
	text-align: justify;
	text-indent: 15px;
}

div#footer_vote {
	float: left;
	width: 239px;
}

div#vote-layer {
	padding-left: 27px;
}

div.votes {
	background: url(../images/footer_blocks_bg.gif) repeat-x 0 0;
	color: #84bcc6;
	font-size: 11px;
	padding: 10px 0;
	position: relative;
}

div.votes h2 {
	color: #c3e8ea;
	font-size: 14px;
	padding-bottom: 7px;
}

div.vote {
	line-height: 18px;
}

div.vote input {
	position: relative;
	top: 2px;
}

div#footer_menu {
	float: left;
	width: 462px;
}

div#menu-layer {
	padding-left: 27px;	
}

h3.footer_title {
	color: #bfd04b;
	font-size: 24px;
	padding-left: 6px;	
}

ul#menu_bot_list {
	background: url(../images/footer_blocks_bg.gif) repeat-x 0 0;
	padding-top: 10px;
}

ul#menu_bot_list li {
	background: url(../images/footer_menu_sep.gif) repeat-y 0 0;
	float: left;
	line-height: 16px;
	padding: 0 10px 0 12px;
}

ul#menu_bot_list li a {
	color: #84bcc6;
	font-size: 17px;
}

li.first {
	background: none !important;
	padding-left: 6px !important;
}

ul#menu_bot_list_advance {
	background: url(../images/footer_blocks_bg.gif) repeat-x 0 0;
	margin-top: 10px;
	padding-top: 10px;
}

ul#menu_bot_list_advance li {
	background: url(../images/footer_menu_sep_line.gif) no-repeat 0 0;
	float: left;
	line-height: 16px;
	padding: 0 4px 0 6px;
}

ul#menu_bot_list_advance li a {
	color: #729aa4;
	font-size: 14px;
}

ul#menu_bot_list_advance li ul {
	padding-top: 10px;

}

ul#menu_bot_list_advance li ul li {
	float: none;
	margin-left: 3px;
	padding: 0;
}

ul#menu_bot_list_advance li ul li a {
	background: url(../images/footer_menu_sub_sep.gif) no-repeat 0 50%;
	color: #638b95;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 0;
}

a.last {
	background: url(../images/footer_menu_sub_sep_last.gif) no-repeat 0 7px !important;
	display: block;
	line-height: 17px;
}

#copyrights {
	color: #84bcc6;
	font-size: 13px;
	padding: 10px 0 0 27px;
	position: relative;
}

#copyrights a.li {
	position: absolute;
	right: 0;
	top: 12px;
}

/* Buttons */

a.button_full {
	background: url(../images/button_full.gif) no-repeat 0 0;
	color: #aacc99;
	display: block;
	float: right;
	font-size: 13px;
	height: 29px;
	line-height: 30px;
	text-align: center;
	width: 86px;
}

a.button_vote {
	background: url(../images/button_vote.gif) no-repeat 0 0;
	color: #c3e8ea;
	display: block;
	font-size: 13px;
	height: 29px;
	line-height: 30px;
	text-align: center;
	width: 86px;
}

/* Login Panel */

#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 100px;
    width: 918px;
    z-index: 111;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

/* highslide */

.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-active-anchor {
   visibility: hidden;
}  
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-dimming {
	background: black;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
}
.highslide-loading {
    display: block;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border: 1px solid #ffffff;
    background-color: #000000;
}
a.highslide-full-expand {
	background: url(../dleimages/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 12px;
	width: 11px;
	background: url(../dleimages/resize.gif);
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-caption {
	display: none;
	padding: 5px;
	background: white;
}

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}
 
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}

div.scriptcode {
	border-top: 1px solid #97c2cd;
	border-left: 1px solid #97c2cd;
	padding: 15px;
	overflow: hidden;
}

div.scriptcode pre {
	overflow: auto;
	width: 444px;
}

div.scriptcode pre a {
	text-decoration: none !important;
}

div.scriptcode pre a:hover {
	text-decoration: underline !important;
}

div.scriptcode pre.php {
	background: url(../images/bg_php.gif) no-repeat 100% 0;
}

div.scriptcode pre.html {
	background: url(../images/bg_html.gif) no-repeat 100% 0;
}

div.scriptcode pre.css {
	background: url(../images/bg_css.gif) no-repeat 100% 0;
}

div.scriptcode pre.js {
	background: url(../images/bg_js.gif) no-repeat 100% 0;
}

/* search */

input#dosearch,
input#dofullsearch,
input#doclear,
input#doreset {
	background: url(../images/input_bg_gr.gif) no-repeat;
	color: #749aa3;
	font-size: 14px;
	height: 30px;
	width: 114px;
}

input#searchinput {
	background: #dee7e8;
	color: #749aa3;
	font-size: 16px;
	padding: 3px;
	width: 99%;
}

/* userinfo */

div.edituser_button {
	padding-top: 14px;
	text-align: center;
}

div.edit_profile {
	background: #779ba4 url(../images/edituser_bg.gif) repeat-x 0 0;
	position: relative;
	margin-top: -8px;
	margin-bottom: 8px;
	padding: 18px;
}

div.messages_bts {
	float: right;
}

span.input_b_r {
	background: url(../images/input_bg_b_r.gif) repeat-x 100% 0;
	display: inline-block;
	height: 30px;
}

span.input_b_l {
	background: url(../images/input_bg_b_l.gif) no-repeat 0 0;
	display: block;
	height: 30px;
}

a.link_b_style {
	color: #749aa3;
	display: block;
	font-size: 14px !important;
	line-height: 14px;
	letter-spacing: -1px;
	height: 30px;
	padding-top: 7px;
	text-align: center;
}

a.link_b_style:hover {
	text-decoration: none !important;
}

div.user_about {
	background: url(../images/content_title_bg.gif) repeat-x 0 100%;
	padding-bottom: 15px;
}

div.user_about div.title,
div.user_edit div.title {
	color: #4d7078;
	display: inline;
	float: left;
	font-size: 17px;
	padding: 10px 7px;
}

div.user_edit div.title { color: #b9d7df; }

div.user_about div.text,
div.user_edit div.text {
	display: inline;
	float: right;
	padding-top: 10px;
	width: 400px;
}

div.user_row {
	font-size: 17px;
}

div.user_row a {
	color: #58848e;
	text-decoration: underline;
}

div.user_row a:hover { text-decoration: none; }

div.user_row div.left {
	color: #426067;
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 50%;
}

div.ledit { color: #b9d7df !important; }

div.user_row div.right {
	color: #58848e;
	float: right;
	padding-top: 5px;
	width: 50%;
}

div.usrb1 { background: #b9dbe4; font-size: 0; height: 1px; line-height: 0; margin: 0 2px; }
div.usrb2 { background: #b9dbe4; font-size: 0; height: 1px; line-height: 0; margin: 0 1px; }
div.usrb3 { background: #b9dbe4; padding: 1px 3px; }

.about_area { background: none; border: 0; color: #45646b; font-size: 11px; height: 44px; line-height: 14px; width: 100%; }

.user_edit {
	background: url(../images/edituser_options_bg.gif) repeat-x 0 100%;
	padding-bottom: 15px;
}

div.input_t_r {
	background: url(../images/input_bg_t_r.gif) no-repeat 100% 0;
	margin-left: 10px;
	width: 144px;
}

div.input_t_l {
	background: url(../images/input_bg_t_l.gif) no-repeat 0 0;
	height: 26px;
	padding: 0 4px;
	position: relative;
}

input.user_option {
	background: none;
	border: 0;
	color: #58848e;
	padding-top: 5px;
	width: 100%;
}

div.save_bt {
	padding-top: 20px;
	text-align: center;
}

/* comments */

div.editor div { float: left; }
div.editor img { cursor: pointer; }

div.add_comment h3 {
	background: #c0d33a;
	border-top: 1px solid #d0e252;
	color: #576207;
	font-size: 16px;
	letter-spacing: -0.2px;
	padding: 3px 0;
	position: relative;
	text-align: center;
}

div.con_l,
div.con_r {
	height: 5px;
	position: absolute;
	width: 5px;
	bottom: -5px;
}
div.con_l { background: url(../images/addcom_coners.gif) no-repeat 0 0; left: 0; }
div.con_r { background: url(../images/addcom_coners.gif) no-repeat 100% 0; right: 0; }

textarea#comments,
div.editor textarea {
	background: #69959f;
	color: #b9d7df;
	font-size: 12px;
	border: 0;
	height: 134px;
	width: 100%;
}

div.com_area { padding: 0 5px; }

div.send_bt { padding: 9px; text-align: center; }

div.add_comment_not_logged {
	background: #779ba4 url(../images/edituser_bg.gif) repeat-x 0 0;
	position: relative;
	margin-top: -8px;
	margin-bottom: 8px;
	padding: 18px;
}

div.comment_wrap {
	background: #69959f;
	border-top: 1px solid #82aab3;
	padding: 15px 20px;
	margin-bottom: 7px;
}

div.comment {
	margin-right: 60px;
}

div.avatar {
	display: inline;
	float: right;
	margin-right: -60px;
	text-align: right;
	width: 60px;
}

div.info {
	background: url(../images/com_info_bg.gif) repeat-x 0 100%;
	color: #4d7078;
	float: left;
	position: relative;
	width: 100%;
}

div.info div.name {
	color: #c2e7e9;
	font-size: 18px;
	float: left;
	letter-spacing: -1px;
	line-height: 24px;
}
div.info div.name a { color: #c2e7e9; }
div.info div.name a:hover { text-decoration: underline; }

div.info div.etc {
	float: right;
	font-size: 11px;
}

div.info div.etc a { color: #658c95; cursor: pointer; line-height: 20px; }

div.info div.etc a:hover span.com_bt_r {
	background: url(../images/com_bt_r.gif) no-repeat 100% 0;
}

div.info div.etc a:hover span.com_bt_l {
	background: url(../images/com_bt_l.gif) no-repeat 0 0;
}

div.info div.etc div { display: inline-block; }

div.info div.etc span.date { color: #a8cdd2; display: inline; float: right; position: relative; top: 3px; }

span.com_bt_r {
	background: url(../images/com_bt_r.gif) no-repeat 100% 100%;
	display: block;
	float: right;
	margin-right: 3px;
	width: auto;
}
* html span.com_bt_r{ text-align: center; width: 80px; }

span.com_bt_l {
	background: url(../images/com_bt_l.gif) no-repeat 0 100%;
	display: block;
	padding: 0 7px;
	height: 21px;
}

div.message {
	color: #b9d7df;
	clear: left;
	font-size: 11px;
	padding-top: 7px;
}
div.message a { color: #dedede; text-decoration: underline; }
div.message a:hover { text-decoration: none; }

#dropmenudiv {
	background: #98c0c9;
	line-height: 16px;
	margin: 2px;
}

#dropmenudiv a {
	background: #98c0c9;
	color: #658c95;
	font-size: 11px;
	display: block;
	margin: 1px;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 3px;
}

#dropmenudiv a:hover {
	background: #69959f;
	color: #b9d7df;
}

input.bbcodes {
	background: #82aab3;
	color: #658c95;
	font-size: 11px;
	padding: 2px 7px;
}
