/*----------------------------------------------
File 'styles.css' - Bases Cascading Style Sheet (CSS) Document

version:   1.0.0
author:    kronos
e-mail:    kronos2003@gmail.com
site url:  http://protidai.com.ua
----------------------------------------------*/


/* =reset
------------------------------------------------*/
html,body,ul,ol,li,dl,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,a,img,label, table, tr, td{margin:0;padding:0;border:0; list-style:none}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px
}

/* Opera */
@media all and (min-width:0px) {
	body .login input.submit {margin-left:120px}
}



/* =Standart classes 
------------------------------------------------*/
#body{
	min-width:1240px;
	border-top:10px solid #b4c0c5;
	background:url(../images/bg.jpg)
}

.clr{clear:both}
.submit{margin-left:209px}
a span.separator{text-decoration:none}
/* /=Standart classes 
------------------------------------------------*/




/* =Header 
------------------------------------------------*/
.header{
	border-top:1px solid #737373;
	border-bottom:1px solid #CECECE;
	height:82px;
	background:url(../images/header-bg.gif) repeat-x	
}

.header .link{
	padding:23px 0 0 490px;
	float:left
}
	
.header .link a{
	font-size:23px;
	font-weight:bold
}

.header .visual{margin-left:77%}



/* =Logo 
------------------------------------------------*/
.logo{
	position:absolute;
	left:24px;
	top:18px
}

.logo h1{
	text-indent:-1000px;
	height:0
}


/* =Search 
------------------------------------------------*/
.qsearch{
	/*background:url(../images/short-bg.png) no-repeat;*/
	background:#fff;
	height:38px;
	padding:20px 0 0 25px;
	margin:10px 0 0 0;
	float:right;
	width:260px
}

.qsearch .s_field{border:1px solid #c9c9c9}
/* /=Search ********/



#news_set_sort a{padding:1px}
#news_set_sort a:hover{background:#abbdd3}

.wrapper{
	overflow:hidden;
	margin:0 2% 0 0;
}



/* =Main 
------------------------------------------------*/
#main{
	float:left;
	width:71.5%;
	background:url(../images/mainImage.jpg) #fff no-repeat fixed left bottom;
	padding-top:60px
}

#dle-info{
	font-size:14px;
	padding:3px 0;
	display:block
}

#dle-speedbar{
	border-top:1px solid #d4d4d4;
	padding:13px 0 0 22px;
	background:url(../images/sprite.png) no-repeat left 13px;
	display:block;
	margin-left:14%
}

#dle-content{
	width:79%;
	padding-top:5px
}

#news_set_sort, #dle-content{
	padding-left:14%
}


/* =News 
------------------------------------------------*/	
#dle-content .item{
	/*border-top:1px solid #d4d4d4;*/
	padding-top:13px;
	margin:12px 0 10px 0;
	overflow:hidden
}

#dle-content .fullstory .item{
	border-top:none;
	padding-top:0px;
	margin:0px 0 10px 0;
	overflow:hidden
}

#dle-content .title{
	background:url(../images/sprite.png) no-repeat left 2px;
	padding:0px 0 0 22px;
}

#dle-content .date{padding:5px 0 0 2px}

#dle-content .title, #dle-content .title a, #dle-speedbar,  #dle-speedbar a{
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif
}

#dle-content .item .ntitle{text-transform:uppercase}

#dle-content .content{padding:5px 0 10px 0}
	
#dle-content .author, #dle-content .count-comments{float:none}

.rating{
	float:none !important;
	padding-bottom:3px
}

#ratig-layer{padding-top:3px}

/* /=News 
------------------------------------------------*/
/* /=Main 
------------------------------------------------*/
	
	
	
/* =Right 
------------------------------------------------*/	
#right{
	float:right;
	width:28%;
	/*min-width:330px;*/
	line-height:24px;
	background:url(../images/separator-line.jpg) repeat-y  left
}

#right h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	font-weight:normal;
	height:13px;
	padding:8px 0 0 0;	
	/*background:url(../images/blocks-bg.png) no-repeat*/
}

#right .category h3{background:url(../images/categories.jpg) no-repeat left top}

#right .category li{padding:3px 0}

#right .category li a{
	display:block;
	height:17px;
	width:118px
}


#right .category li.cat1 a{background:url(../images/cat-antiradar.png) no-repeat left top}
#right .category li.cat2 a{background:url(../images/cat-info.png) no-repeat left top}
#right .category li.cat3 a{background:url(../images/cat-compomat.png) no-repeat left top}
#right .category li.cat4 a{background:url(../images/cat-news.png) no-repeat left top}
#right .category li.cat5 a{background:url(../images/cat-radars.png) no-repeat left top}
#right .category li.cat6 a{background:url(../images/cat-others.png) no-repeat left top}
#right .category li.cat7 a{background:url(../images/cat-investigations.png) no-repeat left top; width:138px}

#right .category li a:hover{background-position:left bottom}

#right .block{
	padding-top:38px;
	width:285px
}

#right h3{margin-bottom:10px; height:18px}
#right .online h3{background:url(../images/online.jpg) no-repeat left top}
#right .poll h3{background:url(../images/poll.jpg) no-repeat left top}
#right .tags h3{background:url(../images/tags.jpg) no-repeat left top}
#right .calendar h3{background:url(../images/calendar.jpg) no-repeat left top}
#right .arc h3{background:url(../images/arc.jpg) no-repeat left top}
#right .friends h3{background:url(../images/friends.jpg) no-repeat left top}


/* =Login 
------------------------------------------------*/	
.login{
	background:url(../images/login-main-bg.png) no-repeat left bottom;
	width:280px;
	overflow:hidden;
	font-size:14px;
	margin-top:25px
}

.login .inner{
	/*background:url(../images/login-top-bg.png) no-repeat left top;*/
	background:#fff;
	width:255px;
	padding:20px 0 20px 25px
}

.login .inner p{line-height:18px}

#right .inner-wrapper{float:right}

.login input.submit{margin-left:105px}

.login label{
	display:block;
	float:left;
	width:60px;
	margin-bottom:5px
}

.login .user input, .login .psw input, .f_input{
	width:158px;
	border:1px solid #c9c9c9;
	margin-bottom:3px	
}

.login .user, .login .psw{
	overflow:hidden;
	width:100%
}

.login a{font-size:12px}
.login p.logout{padding:4px 0 0 28px}
.login .copy{padding:8px 0 0 107px}



/* =Blocks ******/	
#right .bestread h3{background-position:left top}
#right .bestread h3{background:url(../images/bestread.jpg) no-repeat left bottom}
#right .comments h3{background:url(../images/blocks-long-bg.png) no-repeat left bottom}

.category ul li a{padding-left:16px}
.category ul li a:hover{
	background:url(../images/mark.png) no-repeat left 1px;
	color:#06C
}
/* /=Blocks 
------------------------------------------------*/
/* /Right 
------------------------------------------------*/



/* =Footer 
------------------------------------------------*/
#footer{
	/*background:url(../images/footer-bg.jpg) no-repeat;*/
	width:100%;
	margin-top:50px;
}

#footer .inner-wrapper{
	border-top:1px solid #b1b1b1;
	margin-left:110px;
	padding-top:8px;
	overflow:hidden
}

#footer .copyright{
	background:none;
	font-size:15px;
	padding:0;
	font-family:inherit
}


#footer .leftbox{float:left}


#footer .rightbox{
	float:right;
	margin-right:30px
}

#footer .rss{
	background:url(../images/rss.png) no-repeat;
	height:20px;
	padding-left:24px;
	margin-top:10px;
	overflow:hidden;
	
}

#footer .counters{margin-top:8px}



/* =OTHERS 
------------------------------------------------*/	

/* =Registration & =Lostpsw 
------------------------------------------------*/
.reg{padding:20px}
.reg div{padding:5px 0}
	
.reg .f_textarea{
	border:1px solid #C9C9C9;
	width:218px;
	height:70px
}

.reg label {
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
	width:205px;
}

#registration .f_input{margin-bottom:3px}
/* =Registration & =Lostpsw 
------------------------------------------------*/


	
#dle-captcha{height:80px}

#dle-captcha a{
	font-size:12px;
	margin-left:210px
}

#dle-comments-form #dle-captcha a{margin-left:80px}
	
.code{
	overflow:hidden;
	padding:12px 0
}



/* =Comments 
------------------------------------------------*/
#dle-comments-form{padding-top:10px}

#dle-comments-form label{
	display:block;
	width:80px;
	float:left;
	font-size:12px
}

#dle-comments-form p{
	font-weight:bold;
	padding-bottom:3px
}
	
textarea#comments{
	width:456px;
	height:100px
}

.comment-item{
	margin-top:15px;
	padding-top:3px;
	border-top:1px solid #CCC;
	font-size:14px
}

.comment-item .inner-wrapper{
	overflow:hidden;
	padding-top:8px
}
	
.comment-item .foto{
	float:left;
	width:125px
}

.comment-item .group{padding-top:5px}
.comment-item .author{float:none}	
.comment-item .comment{
	float:left; 
	width:78%
}
.comment-item .info{padding-top:3px}
.comment-item .info a{text-decoration:none}
.comment-item .info a:hover{text-decoration:underline}
/* /=Comments 
------------------------------------------------*/



#userinfo #options{padding-top:15px}
	
.newpm{padding-top:25px}
.newpm table{padding-top:4px}

#entryform{
	font-size:12px;
	padding-top:10px
}

.print{float:right}



/* =Online 
------------------------------------------------*/
.online p{
	padding:0 0 0 10px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif
}

.online p img{padding-right:3px}
.online .robots{padding-top:10px}
.online table{padding-left:10px}


/* =Navigation 
------------------------------------------------*/

.navigation{
	margin:30px 0 5px 0 !important;
	/*width:1004px*/	
}

.navigation span{
	background-color:#FFFFFF;
	border:1px solid #E0E0E0;
	color:#545454;
	font-size:12px;
	padding:3px 6px;
	text-decoration:none
}

.navigation a:link, .navigation a:visited, .navigation a:active {
	background-color:#F9F9F9;
	border:1px solid #E0E0E0;
	color:#545454;
	font-size:12px;
	padding:3px 6px;
	text-decoration:none;
}

.navigation a:hover {
	background-color:#CCC;
	color:#fff
	;border-color:#e0e0e0;
}
	
	
	
#hintbox{
	text-align:left;
	width:150px;
	font-size:10px;
/*	border:1px solid #99a1ab;
	margin:10px 0 0 10px;
	padding:3px 5px;
*/	position:absolute;
	visibility:hidden;
	z-index:998;
	-moz-opacity:0.9;
	-moz-border-radius:5px;
	filter:alpha(opacity="90")
}

.onl_table {width:100%;font-size:12px}
.onl_table td {padding-right:5px;font-size:12px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width:50%;
*/ }

.userList{padding-left:12px}
.lastUsers{padding-top:10px}

/* /=OTHERS 
------------------------------------------------*/