/*
Theme Name:		Biomon
Theme URI: 		http://biomon.org/
Version: 		0.2
Description: 	        Special for Biomon.org
Author: 		Mixa
Author URI:		http://mixa-blog.org.ua
Tags:			two-columns, fluid-width, green
*/


/************************************************************************************/
/***************************       ТИПОГРАФІКА     **********************************/
/************************************************************************************/

a {
	color: #0e7f08;	
	text-decoration:none;
}


a:visited {
	color: #0e7f08; 
        text-decoration:none;
}


a:hover {
	color: #0e7f08;  
	text-decoration:underline;
}


a img {
	border: none;
      }

.noborder {border: none;}

div.post ul {
	list-style-image: url(images/bullet.png);
        padding-top: 4px;
        padding-left: 28px;
        }

div.post ul li {
        padding-bottom: 8px;
        }

/************************************************************************************/
/***************************        ОБГОРТКА       **********************************/
/************************************************************************************/

* {
	margin: 0;
	padding: 0;
	}
	        body {
		background-color: #ebebeb;
		font-family: Georgia, Times, Times New Roman, sans-serif;
	        color:#060910;
		font-size: 12px;
		}


															/** MAIN CONTAINERS **/
div#container {
    margin-left: auto;
    margin-right: auto;
    /* min-width:1000px; */
    max-width:1400px;
	}
	
/************************************************************************************/
/***************************          ШАПКА        **********************************/
/************************************************************************************/


	div#header {
	height: 160px;
        padding-top:10px;
	margin-left: 10px;
	margin-right: 10px; 
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
        /* border-bottom: 1px solid #e6e6e6; */
        background: #fff;
        overflow: hidden;
        min-width: 1020px;
        }

            div#inhead {
            margin: 0 10px 0 10px;
            background: #c8d8e7 url(images/wap-bg.jpg) left top no-repeat; 
            height: 150px;
            overflow: hidden;
            min-width: 1000px;
            }


/************************************************************************************/
/***************************        КОНТЕНТ        **********************************/
/************************************************************************************/


    div#white {
	/* Obyendue #content (#column + #center) i #footer dlya zalyvky spilnym bekgraundom */
	background-color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        min-width: 1020px;
	}
	
	div#content {
	background-color: #fff;
	min-height:500px;
        height:auto !important;
        height:500px;	
		}

		div#center {
		margin: 0 310px 20px 10px;
		padding-top: 10px;
		/* background-color: #CCCC00; */		
		}

                   div.post {
                   margin-right: 10px;
                   padding-bottom: 10px;
                   }

                   div.post  a {
	           color: #465d03;
                   }

                   div.post a:hover {
	           color: #1c2500; /* 1c2500 */
                   }

                   div.post a:visited {
	           color: #465d03;
                   }
         
                     div.post h1, div.post h2, div.post h3, div.post h4, div.post h5, div.post h6, div.post h1 a, div.post h2 a, div.post h3 a, div.post h4 a, div.post h5 a, div.post h6 a, div.post h1 a:hover, div.post h2 a:hover, div.post h3 a:hover, div.post h4 a:hover, div.post h5 a:hover, div.post h6 a:hover, div.post h1 a:visited, div.post h2 a:visited, div.post h3 a:visited, div.post h4 a:visited, div.post h5 a:visited, div.post h6 a:visited {
                     color: #0e7f08; 
	             font-family:Georgia, Arial, Serif;
                     }
                     
                     div.post h2 {
                     font-size: 16px;
                     margin-top: 10px;
                     margin-bottom: 14px;
                     }

                     div.post p {
                     margin-bottom: 6px;
                     padding: 0;
                     line-height: 18px;
                     }

			        div#right {
				float: right;
                                padding: 0;
                                width: 300px;
                                margin: 10px 10px 0 0; 
                                height: 100%;
				/* background-color: #CC9999; */
                                background: #ebebeb;
                                display:inline;
				}

                                * html div#right {
                                margin: 10px 10px 0 0;
                                }
                                
                                * html div#sidebar {
                                width: 280px;
                                }
                               
				

/************************************************************************************/
/***************************        САЙДБАР        **********************************/
/************************************************************************************/

				div#sidebar {
				float: left;
				width: 280px;
				display:inline;
				background-color: #fff;
				margin: 10px;
				}
				#kn {
					margin: 0;
					padding:0;
				}

				#kn h2 {
					margin: 0;
					padding:5px;
					font-size: 1em;
					color: #FFFFFF;
					font-weight: normal;
					border-bottom:#ccc 1px solid;
 				        background-color: #759D00;	
				}

				#kn a {color: #FFFFFF;} 
				#kn a:hover {color: #FFFFFF;} 
				#kn a:visited {color: #FFFFFF;} 


				#sidebar h5 {
					margin: 0;
					padding:5px;
					font-size: 1em;
					color: #DC8F27;
					font-weight: normal;
					border-bottom:#ccc 1px solid;	
				}
				
				div.column-in {
					
					}

/************************************************************************************/
/***************************          ФУТЕР        **********************************/
/************************************************************************************/


	    div#footer {
	    clear: both;
	    /* background-color: #FFF; */
	    margin: 0 10px;
	    padding: 17px 20px;
	    border-top: 1px solid #e6e6e6;
	    font-size: 10px;
	    color: #999;
	    text-align:center;
		}
		
		#footer a {
                border:none;
                color:#7A7636;
                }

		div#footer-in {
			
			}																							

/******************************************************************************************/
/*************************************    SLIDER    ***************************************/
/******************************************************************************************/

.games_slider {
	display:block;
        float:right;
	height:150px;
	width:692px; /* 624 + 60 */
        overflow: hidden;
        
}

#slider{ margin: 0 40px 0 28px;}	/* 66px */

#slider ul, #slider li, #slider2 ul, #slider2 li{
	list-style:none;
        height:150px;
	width:624px; 
        overflow: hidden;
	}
.games_slider a { display:block; float:left;} 

p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:28px;
	height:150px; 
	position:absolute;
	/* right:-30px; */
	top:-150px; 
	}	
#nextBtn, #nextBtn2{ 
	left:664px; /* 654 */
        overflow: hidden;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:28px; 
	height:150px;
	background:url(images/rightactive.png) no-repeat 0 0; 
        overflow: hidden;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/leftactive.png) no-repeat 0 0;
        overflow: hidden;	
	}					

#slider li a, #slider li a:visited, #slider li a:hover {
	text-decoration:none;
}


/******************************************************************************************/
/***********************************   HORIZONTAL MENU  ***********************************/
/******************************************************************************************/

#horizontal {
	height: 20px;
	margin: 0 10px 0 10px;
        padding: 0 0 0 4px;
        overflow: hidden;
        background-color: #66c600;
}

#lang {
        width: 9%;
        float: right;
        margin: 0;
        padding: 0;
}

#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
width: 90%;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 89%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: white;
margin: 0 4px;
padding: 2px 12px;
text-decoration: none;
background-color: #4bb102;
}

#vdividermenu ul li a:visited{
color: white;
}

#vdividermenu ul li a:hover{
color: white;
background-color: #0e7f08;
}

.post img {
	border: #ccc 1px solid;
	padding: 3px;
        margin: 6px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 2px 4px 2px 0;
}

.alignright {
   float: right;
   margin: 2px 0 2px 6px;
}