/*
Theme Name: Embryodynamics Classic
Theme URI: http://www.embryodynamics.com/
Description: For work theme need install Embryodynamics Animation plugin.
Version: 1.1
Author: Alexandre Krstic

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by ANEKHERo.SyS || http://sys.kiev.ua
CSS based on open source xhtml/css templates http://www.ContentedDesigns.com

*/

* {
	padding:0;
	margin:0;
}

body {
	color: #000000;
	background: #f4f4f4 url(images/bg.gif) top left repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:20px 25px;
	width:700px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:10px 0; }

input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

img { border:none; }

h1 { font-size:100%; } 

h2 { font-size:100%;}

h3 { font-size:100%; 
	padding: 0 0 4px 0; 
} 

h4 { font-size:100%;}

li, dd { margin-left:2em; }

ol { list-style-type: upper-roman; }

ol ol { list-style-type: decimal; }

a {
	font-size:100%;
	color: #808080;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
	background-color:#f0f0f0;
}

a img {
	vertical-align:bottom;
}

.clear{clear:both;}

.search_key {
	font-weight:bold;
}

#top-header {
	color: #808080;
	width:700px;
	clear:both;
}

#top-title {
	color:#808080;
	font-size:200%;
	font-weight:bold;
	padding:0 0 20px 0;
	float:left;
}

#top-language {
	padding:0px 0px 50px 0px;
	float:right;
}

#top-language a {
	color:#808080;
	text-decoration:underline;
}

#top-language a:hover {
	color:#000000;
	text-decoration:underline;
}


#nav {
	line-height:200%;
	padding:10px 0px 20px 0px;
	margin:0 0 2px 0;
	width:700px;
	clear:both;
}

#nav a {
	color: #000000;
	background-color:#f0f0f0;
	text-decoration:underline;
	padding:4px 20px 4px 20px;
}

#nav .selected {
	font-weight: bold;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	padding:4px 20px 4px 20px;
	border:1px solid #e0e0e0;
}

#nav a:hover {
	color:#000000;
	background-color:#e0e0e0;
	text-decoration:underline;
	padding:4px 20px 4px 20px;
}

#content {
	width:700px;
	clear:both;
}

#content-main {
	font-size:100%;
	padding:0px 18px 0px 0px;
	width:498px;
	float:left;
	line-height:130%;
	border-right:1px solid #ccc;
}

#content-main .block{
	padding:32px 0px 32px 0;
	border-top:1px dashed #ccc;
}
#content-main .firstblock{
	padding-top: 10px; 
	border-top:none;
}

#content-sample {
	padding:55px 0px 95px 10px;
	background: url(images/main-sample-background.gif) top left no-repeat;
}





#content-side {
	font-size:85%;
	padding:0px 0px 0px 20px;
	width:160px;
	float:right;
}

#content-side .block{
	padding:0px 0px 16px 0;
}

.li h3{
	margin:0;
}
.li h3.ths{
	margin-top:8px;
}




#newsletter { }

#message { }

#message-small {
	font-size:80%;
	color:#a0a0a0;
}





#quote {
	font-style: italic;
        padding:8px 0px 8px 0;
	}

#quote img {
	float: left;
	margin: 5px 5px 0 0;
	}



#anim {
	line-height: 150%;
}

#anim a {
	background-color: transparent;
}

#anim-header {
	font-weight: bold;
	text-decoration:none;
	color: #000000;
	background-color:#bbbbbb;
	padding:2px 2px 2px 10px;

}

#anim-content-even {
	background-color:#ffffff;
	padding: 3px 0 3px 10px;
}

#anim-content-odd {
	background-color:#f0f0f0;
	padding:3px 0 3px 10px;
}

#anim-content-main {
	background-color:#f0f0f0;
	padding:3px 0 3px 10px;
	border-top:1px solid #c0c0c0;
}

#anim-content-level1 {
	font-size:85%;
	padding: 0 0 0 100px;
	border-top:1px solid #c0c0c0;
}
#anim-content-level2 {
	font-size:85%;
	padding: 0 0 0 140px;
	border-top:1px solid #c0c0c0;
}
#anim-content-level3 {
	font-size:85%;
	padding: 0 0 0 180px;
	border-top:1px solid #c0c0c0;
}






.books-edition {
	padding: 20px 0px 0px 0px;
}

.books-picture {
	width:40%;
	float:left;
}

.books-references {
	float:left;
	width:59%;
}

.books-references ul {
	padding: 0;
	margin: 0;
}

.books-references li {
	font-size:85%;
	line-height:120%;
	list-style-position:outside;
	padding: 0 0 5px 0;
}

.books-inside {
	float:left;
	padding: 5px 5px 5px 5px;
	width:45%;
	text-align:center;
}

.books-inside img {
	border:1px solid #f0f0f0;
	padding: 1px;
}

.books-inside a:hover img {
	border:2px solid #f0f0f0;
	padding: 0;
}

.books-inside p {
	font-size:85%;
        line-height: 120%;
	text-align: center;
}

.post h1.title{
	margin: 10px 0 5px 0;  
}
.post h1.title a{
	color:#000;
	text-decoration:none;
}
.post {
	margin: 0 0 32px;
	border-bottom:1px dashed #ccc;
	padding: 0 0 22px 0;
}

#content-main .last {
	border-bottom:none;
	margin:0
}

.post .info{
	font-size:80%;
}

#commentform textarea{
	width:490px;
}
.pager {
	margin: 0 0 28px;
	border-top:1px dashed #ccc; 
	padding: 6px 0 18px 0;
}
.pager .left{
	text-align:left;
}

.pager .right{
	text-align:right;
	float:right;
}

.pager a{
	color:#a0a0a0;
}

#content-main .animations ul {
	padding: 0;
	margin: 0 0 8px 0;
}

#content-main ul.animations, #content-main ul.collections {
	margin-top:8px;
}

#content-side .animations ul, #content-side .download ul {
	padding: 0;
	margin: 0;
}

table.collections {
    margin: 0 0 8px 0;
    width:100%;
    border-collapse: collapse;
}

table.collections td {
    padding:4px 0 4px 0;
    text-align:left;
}

table.collections td.name{
    padding-left:8px;
}

table.collections td.price, table.collections td.save {
    width:75px;
}

table.collections td.save {
    font-weight:bold;
    padding-right:8px;
}

table.collections td.colcon {
    padding-right:80px;
    padding-left:32px;
    padding-top:0px;
    font-size:9px;
}

.tropen, .trclose{
	width:13px;
	height:13px;
/*	display:inline-block; */
    float:left;
	margin-right:2px;
}

.trclose{
background: transparent url(images/tr_close.gif) no-repeat 2px 5px;
}

.tropen{
background: transparent url(images/tr_open.gif) no-repeat 2px 5px;
}

.animations li{
	line-height:120%;
	list-style-position:outside;
	list-style-type:none;
	padding: 4px 0 4px 8px;
	margin:0;
	display:block;
}
.animations li.ch1{padding-left:34px}
.animations li.ch2{padding-left:64px}
.animations li.ch3{padding-left:94px} 
.animations .toppager {
	margin: 0;
	border-top:none;
	padding:0;
}
.animations .toppager a{
	text-decoration:none;
}
.animations .toppager .left{
	text-align:left;
	float:left;
}
.animations .toppager .right{
	text-align:right;
	float:right;
}
.animations h1{
	margin:0 0 32px 0;
}
.animations .section {
	padding: 0 0 16px 0;
}
.animations p{
	margin:0 0 5px 0;  
}
.animations div.price{
	font-size:150%; 
	width:256px;
	padding: 0 16px;  
	float:right;
}
.animations .price_small { 
	font-size:50%;
}

.animations .tn-float {
	width: 140px;
	float: left;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-right:24px;
}
.animations .tn-float_nm {
	width: 140px;
	float: left;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-right:0;
}
.animations .tn-float p, .animations .tn-float_nm p{
	margin:0 0 4px 0;
}
.animations .structure .thumbnails img{
    vertical-align:bottom;
    border: none;
    padding:2px;
}
.animations .structure .thumbnails a:hover img{
    vertical-align:bottom;
    border:2px solid #F0F0F0;
    padding:0;
}
.animations .structure li.odd .thumbnails a:hover img{
    border:2px solid #E0E0E0;
}
.animations .thumbnails div.thumbnail {
    margin:4px 16px 0 0;
    float:left;
}
.animations div.thumbnails{
	display:none;
}
.animations .show div.thumbnails{
	display:block;
}





.tn-spacer {
    line-height:0%;
    clear: both;
}

.tn-float {
    width: 30%;
    float: left;
    text-align: center;
    padding: 5px 5px 5px 5px;
}

.tn-float p, .tn-float_nm p  {
    line-height: 120%;
    font-size: 85%;
    text-align: center;
}

.tn-float img{
    border: none;
    padding:2px;
}
.tn-float a:hover img {
    border:2px solid #F0F0F0;
    padding:0;
}
.tn-float a img.more{
    border: none;
    padding:0;
}




#content-main  ul.hmenu {
	margin:0;
	padding:0;
}

ul.hmenu li {
	display:block;
	line-height:120%;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 16px 0;
	padding:0 8px;
	float:left;
	border-left:#000 1px solid;
}

ul.hmenu li.first {
	padding-left:0;
	border-left:none;
}
#content-main .search li ul {
	padding:0;
	margin:0;
}
.search li li {
	font-size:85%;
	padding:0 0 0 32px;
}

#content-side .animations li {
	padding:1px 0;
}

.odd{
	background:#f0f0f0;
}

.odd a:hover{
	background:#e0e0e0;
}

.tip{
	padding:5px 10px 5px 10px;
	background:#e0e0e0;
	margin:0 0 15px 0;
}

.rightarrow{
	padding-right:60px;
	background-image:url(../../../../local/wp-content/themes/embryo/images/tip-right-arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
.tip h4{
	font-size:100%;
	margin:0;
}

#faq-answer li li {
	margin-top:10px;
	margin-bottom:10px;
}


.download tr th{
	padding:5px;
	border:none;
	border-left:2px solid #fff;
	text-align:center;
	background:#ccc;
}

.download tr th.empty{
	background:#fff;
}

.download tr td{
	border:1px solid #ccc;
	font-size:11px;
	text-align:center;
}

.download th.c1{
width:40%;
}

.download th.c2, .download th.c3{
width:30%;
}

.download tr.title td{
	border-right:none;
	border-left:none;
	font-size:13px;
	text-align:left;
	background:#f0f0f0;
	padding:2px 8px;
}
.download ul{
padding:0;
margin:0 0 16px 0;
}
.download ul li{
padding:0;
margin:0 0 8px 16px;
list-style: disk outside;
}
.download ul li div{
color:#000;
}
.download p{
margin:0 0 8px 0;
}

#content-side .download ul {
	padding: 0;
	margin: 0 0 0 13px;
	color:#777;
	line-height:160%;
}
#content-side .download ul.m {
	padding: 0;
	margin: 0;
	list-style-type:none;
	color:#000;
	line-height:120%;
}

#content-side .download li{
	margin:0;
}

#content-side .download ul.m li {
	margin-top: 8px;
}


#footer {
	color: #808080;
	font-size:80%;
	line-height:150%;
	width: 700px;
	clear:both;
	padding:20px 0px 50px 0px;
	border-top:1px solid #ccc;
}

#footer-content {
	color: #808080;
	padding:5px 5px 5px 0px;
	width: 700px;
	float:left;
}
.sph{
	margin:0 0 8px 0;
}

h1.sp1{
	margin:0 0 16px 0;
}

.nob {border: none;}

.hide {display:none;}

.maintenance_message{
text-align:center;
font-weight:bold;
margin-top:50px;
margin-bottom:200px;
}