/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
  Classes
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
.clear { display: block; clear: both; height: 1px; }
.off { display: none; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { margin: 13px 13px 5px 0; }
img.right { margin: 13px 0 5px 13px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.container { overflow: hidden; }

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
  Общее
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #555; font: .8em/1.5 Trebuchet MS, Sans-Serif; background: #cccc99; height: 100%; }

h1, h2, h3, h4 { padding: 20px 0; color: #141414; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; font-style: italic; }

p, ul, ol, dl, form { padding: 10px 0; }
blockquote { padding: 10px 0 10px 10px; }
ul, ol{padding-left:20px;}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

#center { position: relative; margin: 0 auto; width: 90%; min-height: 100%;}

/* div{border:1px solid green;} */
/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Шапка
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header {position: relative;}

#header #logo { margin-top: 15px; text-align: left; float:left;}
#header #logo h1{ font-size:0.8em; line-height: 0.9em; position: absolute;z-index: 0; top:0; left:0;}
#header #logo img{z-index: 1; top:0; left:0;position: relative;}
#header #header-nav {margin-top: 15px; margin-left: 210px; width: 70%; min-width: 600px;}
#header #header-nav ul {line-height: 18px; font-size: 1.2em; float: none;}
#header #header-nav ul li{float: left; margin-left: 15px; list-style-type: none;}
#header #header-nav ul a{ text-decoration: none}
#header #header-nav ul li.name {background-color: black; color: white; font-weight: bold; font-size: 0.7em; padding-left: 3px;padding-right: 3px;}

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Контент
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#content-wrapper { width: 100%; }
#content {margin-left:210px; min-width: 600px; width: 70%; }

#content div.pub{ border:1px solid white; text-align: right;  font-size: 0.8em; margin-top: 10px; padding:10px 30px 10px 10px; position: relative;}
#content div.pub div.images {font-size: 1.2em; text-align: left; display: block; float: none; clear: both;}
#content div.pub div.images a img{border:2px solid #444;}
#content div.pub div.images a:hover img{border:2px solid #ddd;}
#content div.pub p { text-align: left; font-size: 1.2em; padding-top: 0px;}
#content div.pub div.name {position: relative; width: 470px; margin: auto;}

#content div.pub div.name img{
	position: relative;
	top:0;
	left:0;
	display: block;
}
#content div.pub div.name img{
	position: relative;
	top:0;
	left:0;
	display: block;
}

#content div.pub div.name div.bg_white{
	background-color: black;
	position: absolute;
	width: 450px;
	top:0;
	left:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

#content div.pub div.name h2{
	position: relative;
	margin: 0;
	width: 450px;
	color: black;
	font-family: Arial;
	top:0;
	left:0;
	font-size: 2.5em;
	text-align: center;

}
#content div.pub div.name h2 a {color: white;}
#content div.pub span.date { font-style: italic;}
#content div.pub span.author b{color: #000;}

#content div.relatedpubs a{display: block; border: 1px solid white; padding:10px; margin-bottom:6px; text-decoration: none;}
#content div.relatedpubs a img{display: block; float: left; position: relative; margin-right: 6px;}
#content div.relatedpubs a strong{font-size: 1.2em;}
#content div.relatedpubs a p{ text-decoration: none;}

#content .listing { position: relative; border:1px solid white;padding: 10px 13px; }
#content .listing .listing_left { margin-left: -21px; padding-left: 21px; }
#content .listing .listing_right { margin-right: -21px; padding-right: 21px; line-height: 35px; height: 35px; }
#content .listing p, 
#content .listing form { margin: 0; padding: 0; line-height: 35px; }
#content .listing form select {width : 80px; }
#content .listing p.pages { font-size: 1.1em; color: #999; }
#content .listing p.pages a { margin: 0 4px; color: #000; font-weight: bold; }
#content .listing p.pages a.active { margin: 0 4px; padding: 0 5px; color: #999; background: #fff; border: 1px solid #C2D4CD; text-decoration: none;}

/* Register */

#content form.register fieldset { border: 0;}
#content form.register sup { color: red; font-weight: bold; }
#content form.register label { display: block; padding-bottom: 3px; }
#content form.register p.head { padding: 10px 17px 5px 17px; border-bottom: 1px solid #CBCBCB; }
#content form.register .long, 
#content form.register .short { padding: 10px 17px; }
#content form.register .short .col { float: left; width: 49.9%; }
#content form.register .description { padding-top: 5px; color: #765A6D; font-size: 0.9em; }
#content form.register .long input.text, 
#content form.register .long select { width: 97.5%; }
#content form.register .long textarea { width: 97.5%; }
#content form.register .short input.text, 
#content form.register .short select { width: 95%; }
html:first-child #content form.register .short input.text, 
html:first-child #content form.register .short select { width: 99%; }
#content form.register input.submit { margin-left: 17px; }
#content form.register .rules { padding: 10px 17px; color: #A8A8A8; font-size: 0.9em; }
#content form.register p.register_place { padding: 10px 17px; color: #765A6D; font-size: 0.9em; }
#content form.register div.error {border:1px solid #eee; padding:10px; background-color:#FFEEEE;}
/* Comments */

#content .comments { margin: 20px 0 9px 0; padding-left: 1px; color: #1d1d1d; background: white url(/jendoctor/img/content-block-bg.png) no-repeat 0 0; }
#content .comments .bg { padding: 15px 11px 15px 10px; background: url(/jendoctor/img/content-block-bg.png) no-repeat right 0; }
#content .comments .collapse { float: right; margin-top: -2.5em; color: #7A7A7A; }
#content .comments .collapse span,
#content .comments .collapse a { color: #1B7377; }
#content .comments strong.head { display: block; padding: 5px 0 10px 17px; color: #000; font-size: 1.2em; font-weight: bold; }
#content .comments strong.head span { color: #7A7A7A; font-size: 0.8em; font-weight: normal; }
#content .comments .list .comment { padding: 10px 17px; border-bottom: 1px dotted #CBCBCB; }
#content .comments .list .comment p.head { padding-bottom: 0; font-size: 0.8em; color: #A8A8A8; }
#content .comments .list .comment p.head a.author_m { color: #000; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#content .comments .list .comment p.head a:hover.author_m { text-decoration: none; }
#content .comments .list .comment p.head a.author_w { color: #B80F75; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#content .comments .list .comment p.head a:hover.author_w { text-decoration: none; }

#content .comments .add_comment { margin: 0; padding: 5px 17px; }
#content .comments .add_comment p.add { padding: 10px 0; font-size: 1.2em; }
#content .comments .add_comment p.add span, #content .comments .add_comment p.add a { color: #077673; }
#content .comments .add_comment p.rating img { position: relative; top: 3px; }

#content .comments .add_comment form input.text { width: 63%; }
#content .comments .add_comment form textarea { width: 80%; }

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Левая сторона
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#leftside { width: 210px; float: left; padding-top: 50px;}

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  расцветка блоков
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
.yellow_block {background-color: #fffab4; border: 6px solid #ffe200; padding:10px;}
.yellow_block h3 {background-color: #fffab4;  text-align:center; width: 115px;}
.green_block {background-color: #f0f8e5; border:6px solid #e2f1cc; padding:10px;}
.green_block h3 {background-color: #f0f8e5; width: 135px; text-align:center;}
.gray_block {background-color: #f4f4f4; border:6px solid #ddd; padding:10px;}

.black_block {background-color: #000; padding:10px; color: white;}
.black_block a{ color: white; text-decoration: underline;}
.black_block a:hover{ text-decoration: none;}
.black_block h2{ margin:0; color: #fff; font-size: 1.8em; padding: 0; }
.black_block h3{color: #fff; }


.white_block {background-color: #f1f3de; padding:10px; color:black;}
.white_block a{ color: black; padding:3px;}
.white_block a:hover{ color: white; background-color: black; padding:3px;}

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Поптагс
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.sidebar div h3 {padding:0px; margin:0px; font-size: 1.3em;}
.sidebar div h3 small{font-size: 0.7em; display: block; margin-top:-8px;}
.sidebar div h3 sup{font-size: 0.5em;}
.sidebar div h3 sup a{ text-decoration: none;}
.sidebar div h3 sup a:hover{ text-decoration: underline;}
.tags_cloud { margin-top: 0px; padding:0px; line-height: 17px; text-align: center; width:100%;}
.tags_cloud a { text-decoration: none; color: #aaa;}
.tags_cloud a:hover { text-decoration: none; background-color: #141414; color: #fff;}
.tags_cloud .size_0 { font-size: 0.5em; color: #222;}
.tags_cloud .size_1 { font-size: 0.8em; color: #333;}
.tags_cloud .size_2 { font-size: 1.0em; color: #444;}
.tags_cloud .size_3 { font-size: 1.2em; color: #555;}
.tags_cloud .size_4 { font-size: 1.4em; color: #777;}
.tags_cloud .size_5 { font-size: 1.6em; color: #999;}
.tags_cloud .size_6 { font-size: 1.8em; color: #aaa;}
.tags_cloud .size_7 { font-size: 2.0em; color: #ddd;}
.tags_cloud .size_8 { font-size: 2.5em; color: #fff;}

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer { position: relative; width: 100%; min-height: 115px;  border-top: 5px solid #f4f4f4; margin-top:10px; margin-top:150px;}
#footer .main { margin-left: 220px; }
#footer .main p.item { position: relative; padding-left: 0; font-size:0.7em;}
#footer .links { position: absolute; top: 0; left: 0; padding-top: 5px; color: #c5c5c5; font-size: 0.9em;  text-align: center;width: 210px; }
#footer .links ul li{ list-style-type: none; float: left; margin-right: 5px; }
#footer .links ul li a { color: #c5c5c5; text-decoration: none; }
#footer .links ul li a:hover { text-decoration: underline; }