/**
 * Main styles for bitniks.ru
 * 
 * @author Evgeny Samsonov (bitniks@bitniks.ru)
 * @link http://bitniks.ru
 * @date 2010/03/27 
 * 
 */

/**
 * link color: 3a75c4
 * menu link color: 99958c
 * old hover: #ffd7a5
 * tut byl ya: #6D3AC4
 * 
 */

html{
    font-size:62.5%;
    font-family:Georgia, "Times New Roman", serif;
}
p, h1, h2, h3, h4{
    font-size:1.4em;
    line-height:1.4em;
    font-weight:normal;
}
p{
    margin-bottom:1em;
}
a:link{
    color:#3a75c4;
    text-decoration:underline;
}
a:visited{
    color:#6D3AC4;
    text-decoration:underline;
}
a:hover{
    color:#ff9966;
    text-decoration:underline;
}
a:active{
    color:#FFC0A5;
    text-decoration:underline;
}
h3{
    font-size:1.4em;
    font-weight:bold;
}
h2{
    font-size:2em;
    font-style:italic;
    font-weight:bold;
    color:#99958c;
}


html, body{
    width:100%;
    height:100%;
}

#page-wrap{
    width:100%;	
	min-height:100%;
	height:auto !important;
	height:100%;
}

.def-padding{
    padding-right:1.4em;
}

.acronym{
	letter-spacing:0.15ex;
	font-size: 90%;
	margin-right:0.15ex;
}



/* Header
 *******************************************/
#ev{
    text-align:center; 
    line-height:72px;
    font-size:1.4em;   
} 
#ev p{
    height:13px;
    width:16px;
    background:url(../img/header-ev.png) no-repeat;
    text-indent:-3000px;
    margin:0 auto;
    margin-top:30px;
    
}

#header-wrap{      
     
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:7.6em; 
    background:url("../img/header-wrap-gray.png") repeat-x;
}
#header-wrap .shadow{
    height:4px;
    background:black;
    position:absolute;
    display:block;
    width:100%;
    bottom:0;
    background:url("../img/header-wrap-shade.png") repeat-x bottom left;
}

/* Title */
#title{
    margin-top:1.4em;
}
#title h1{    
    font-size:1.4em;
    line-height:1.8em;
    text-shadow:1px 1px 0px #fff;
}
#title p{
    font-size:1em;
    color:#666;
    line-height:1.8em;
    
}
#title h1 a{
    text-shadow:0px 0px 0px #fff;    
}

#title h1 a:link, 
#title h1 a:visited{
    color:black;
    text-decoration:underline;
}
#title h1 a:hover{
    color:#ff9966;
    text-decoration:underline;
}

/* Menu */
#menu{
    position:relative;
}
#menu ul{
    width:100%;
    height:7.2em;
    position:relative;
}
#menu ul li{
    float:left;
    width:50%;
    text-align:center;
    position:relative;
}
#menu ul li p{
    font-size:2.4em;
    line-height:72px;
    width:100%;
    text-shadow:1px 1px 0px #fff;
}
#menu a{
    text-shadow:0px 0px 0px #fff;   
}
#menu a:link, #menu a:visited{
    color:#99958c;
    text-decoration:underline;
}
#menu a:hover{
    color:#ff9966;
    text-decoration:underline;
}
#menu a:active{
    color:#FFC0A5;
    text-decoration:underline;
}
.pointer{
    position:absolute;
    top:0;
    display:inline;
    margin-left:1ex;
    margin-right:-1ex;
    z-index:1;
}

/* Language */
.lang{
    height:72px;
    text-align:center;       
}
.lang p{
    line-height:72px;
}



/* Release
 --------------------------------*/
.release-panel{
	position:relative;
	padding:2.8em 0 2.8em 0;
    width:100%;
    float:left;	
    border-bottom:1px solid #ccc;
}
.release{
	width:100%;
	position:relative;
	text-align:center;
}
.release li{
    float:left;
    width:33%; /* Семерке не понравилось 50% */
}
.release .release-img{
	position:relative;
	height:28.8em;
	width:24.5em;
	margin:0 auto;
	overflow:hidden;
    cursor:pointer;
}
.simple-grid{
    background:url(../img/simple-fluid-grid.png) no-repeat 1.3em 1.3em;
}
.megalot{
    background:url(../img/megalot.png) no-repeat 1.3em 1.3em;
}
.when-again{
    background:url(../img/when-again.png) no-repeat 1.3em 1.3em;
}
.release .cn{
	display:block;
	background:url(../img/release-mask.png) repeat-x;
	width:100%;
	position:absolute;
	left:-32px;
	top:-32px;
	height:28.8em;	
}
.release .tr,
.release .br{
	margin-left:100%;
}
.release .bl,
.release .br{
	margin-top:28.8em;
}
.release p{
	font-size:1.6em;
	margin-top:0.38em;
} 
.release a{
    display:inline-block !important;
    display:inline;
    
}
*+html .release a{
    display:inline !important;
}

/* What is new?
 *******************************************/
#news{
    position:relative;
    margin-top:2.8em;
    margin-top:4.2em;
   /* margin-left:-1.4em;*/
    
}
#news li{
    position:relative;
    height:1%;
    overflow:hidden;
}
#news li .rn{
    background:url(../img/news-round.png) no-repeat;
    height:8px;
    width:8px;
    position:absolute;
    font-size:0;
    overflow:hidden;
}
#news li .tr{
    right:0;
    top:0;
    background-position:0 -8px;
}
#news li .br{
    right:0;
    bottom:0;
    background-position:0 0;
}
#news li .tl{
    position:absolute;
    width:1ex;
    height:300px;
    background:#ffa500;
    font-size:1.4em;
    overflow:hidden;
    line-height:0;
}
#news .last{
    background:#f5f5f5;
     margin-bottom:0.4em;
}
#news .b-news-old p{
    color:#666;
    margin:0em 3ex 0.7em 3ex;
}
#news .last p{
    padding:1em 3ex 1em 3ex;
    margin-bottom:0em;
    color:black;
}

.about{
    margin-top:5.6em;
    padding-right:3ex;
    overflow:hidden;
}

/* icons */
.icon{
    padding-right:16px;
    position:relative;
}
.i-blogger{
    background:url(../img/blogger_16.png) no-repeat;  
    background-position:right center;  
}

/* Footer */

.copy, .mail{
    margin-top:7em;
    position:relative;
}
.copy p{
    color:#99958c;
}

.mail p{
    color:#99958c;
}


.i-gerb-ola{
    background:url(../img/i-gerb-ola.png) no-repeat;
    height:32px;
    width:21px;
    position:absolute;
    left:-32px;  
    top:-9px;  
}

.place-footer{
    height:14em;
	width:100%;
	visibility:hidden;
}
#footer{
    margin-top:-14em;
    height:14em;
}