/*
Theme Name: KRAV MAGA Serbia v2
Version: 1.0
Theme URI: http://www.krav-maga.rs/
Description: Krav Maga Serbia theme, based on KravMaga Global
Author: reSabi Studio
Author URI: http://studio.resabi.com/

*/

*{margin:0;padding:0;}
html,body{color:#fff;text-align:center;} 

@font-face {
	font-family: "28 Days Later";
	src: url(28-Days-Later.ttf);
}

a img {border:0;}


body {	font:12px arial,helvetica,verdana,sans-serif; margin-top:5px;
	background-position:center top, center bottom; background-image: url(images/bg.jpg), url(images/footerbg.jpg); background-color:#000000; background-repeat:no-repeat;
	}
	
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:21px; font-family:"28 Days Later", "Arial Black";}
h4{font-size:14px;}
a{color:#ccc; text-decoration:none;}
a:hover{color:#999;}

.clear {width:100%; clear:both}

#wrapper{margin:0px auto; text-align:left; width:942px; padding:9px;} 

#header {width:960px; margin:0px auto; text-align:left; padding:0; height:138px; background:black url(images/header_bg.jpg) no-repeat scroll center top}

#logo {width:200px; height:132px; float:left}

#abovenav {margin:15px; width:730px;float:right; clear:right; margin-bottom:27px}
.social {float:right; clear:right; margin-right:10px;}


.navigator{list-style:none; margin:0; padding:0; width:750px; float:right; margin-right:10px;}
.navigator li {display:inline-block; padding-bottom:10px}
.navigator li a:link, .navigator li a:visited{font-family: "28 Days Later", "Arial Black"; font-size:20px; color:#b3b3b3;
	font-stretch: ultra-condensed; outline:none; text-decoration:none; padding:8px 6px 10px 7px; text-transform:uppercase; text-shadow:1px 1px 0 #000}
.navigator li a:hover{color:#d39659!important;}


#archives{background:# ;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:109px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}



/* main - middle content and columns */
#mainCol{float:left;margin:15px 0 0 0;width:660px; padding-left:5px; padding-top:10px; padding-right:5px; background-color:#000000; }

/* style individual sidebars */

#rightCol {background: url(images/right.jpg); width:220px; height:100%; padding:15px; margin-left:20px}
#rightColStart {background: url(images/righttop.jpg); width:250px; height:50px; padding:0px; margin-left:-15px; margin-top:-15px; z-index:2; position:absolute}
#rightColEnd {background: url(images/rightbottom.png); width:250px; height:50px; padding:0px; margin-left:-15px; z-index:2; position:absolute}
#rightColContent{z-index:10; position:relative; width:220px;}

#rightCol a{font-weight:bold; }
#rightCol a:hover {color:#ccc;}
#rightCol {color:#fff;float:right;line-height:1.3em;}
#rightCol p{color:#fff;}
#searchWrap,
.middle_links {margin-bottom:20px;background:white;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s {font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:8px;width:165px;}


.middle_links h3{margin-bottom:7px;}
#rightCol ul{list-style:none;margin:8px 0 4px;}
.middle_links ul li{background:url(images/folder.png) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top:1px dotted #ccc;padding:5px 0px 5px 22px;}

#tertCol {color:#ccc;float:left;margin:10px 0 0 10px;width:228px;line-height:1.3em;}
#tertCol p{color:#ccc;}
#tertCol ul{list-style:none;margin:8px 0 4px;}
.searchbox {margin-bottom:5px;background: #fff; padding:14px 15px 0px 15px;border:1px solid #DFDFD1;}

.komentari_box {color:#fff; margin-bottom:10px; padding:15px 0;}
.komentari_box h3{margin-bottom:7px;}
.komentari_box li{color:#fff;line-height:1.2em;border-top:1px dotted #999;padding:5px 0px 5px 0px;}

.rightbox {padding:15px 0 15px 4px; margin-bottom:10px;}
.rightbox h3{margin-bottom:7px;}

.newsletters {margin-top:10px}
.newsletters img{float: left}

 .rightbox h3, .komentari_box h3{color:#ccc}

#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}

.about_links {margin-bottom:10px;background: #f5f4ea url(images/box-tx.jpg) no-repeat; padding:15px 15px 5px 15px;}
.about_links h3{margin-bottom:7px;}
.about_links li{background:url(images/folder.png) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top:1px dotted #999;padding:5px 0px 5px 22px;}
.recent_comments li {color:#ccc;line-height:1.2em;border-top:1px dotted #999;padding:5px 0px 5px 0px;}


/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.png) repeat-x left 6px ;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background: #000; color:#fff; padding:0 4px;}
.postMeta span.comments{background:#000 url(images/comments.png) no-repeat 0px 0px; padding:5px 0; padding-left:32px;margin-left:0px;} 
.postMeta span.locked-comments{background: #000 url(images/lock.png) no-repeat 0px 0px; padding:5px 0; padding-left:32px; margin-left:0px;} 

.postMeta span.comments a,
.postMeta span.date a{color:#fec707;}
.post{margin:0 0 15px 0px;}
.post h2{line-height:1.5em; margin-bottom:7px;}
.post h2 a{width:100%; outline:none; color: #fff; font-size:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal}
.post h2 a:hover {color: #ccc; border-bottom:1px dotted #999}
.entry h3{margin:10px 0px 8px 0px;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin: 15px 0}
.post .entry p a{font-weight:bold; border-bottom: 1px dotted #666;}
.post .entry p a:hover{color: #999; border-bottom:1px dotted #999;}

.entry blockquote{margin:0 1.3em 0;}
.entry ul {margin:0px 32px 0;}
.entry ul li {padding-left:0px;margin-top:4px;margin-bottom:4px;}
.entry li a{color:#ccc;font-weight:bold;background:url(images/dot_link.gif) repeat-x bottom left;}
.entry a:hover {color:#999;}

.entry ol{margin:0px 32px 0;}
.entry ol li{padding-left:0px;margin-bottom:7px;}
.entry img,.entry a img{border:3px solid #EEE;float:left;margin: 0 15px 10px 0;padding:5px;}
.entry a:hover img{border-color:#EEE;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }

/* style pagination buttons */

#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

.readmore a, .readmore a:visited {background:#c1a77e; padding:3px 15px; font-family:"28 Days Later", "Arial Black"; font-size:24px; font-stretch:ultra-condensed; color:#FFF; margin-top:10px}

#page_control {padding-top:10px;width:100%; height:20px;float: left;}

.bnazad {background:none; width:20px;height:20px; float:left; }
.bnazad a {background:url(images/prev.png) no-repeat;display:block;weight:20px;height:20px;}

.bnapred {background:none; width:20px;height:20px;float:right; }
.bnapred a {background:url(images/next.png) no-repeat; display:block;weight:20px;height:20px;}

.nazad {background:none; width:20px; height:20px; float: left;}
.nazad a {background:url(images/prev.png) no-repeat; display:block; height:20px; width:20px;margin-right:3px;}
.stranica {background:none;float:left; margin-top:2px;padding-right:5px;}
.napred {background:none; float:left;}
.napred a {background:url(images/next.png) no-repeat; display:block; height:20px; width:20px;margin-left:3px;}

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#fff;margin-bottom:7px; font-family:Arial, Helvetica, sans-serif; font-size:18px}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{border:1px solid #DFDFD1;;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;}
.commentslist li a:hover{color:#999;}
.commentslist li.alt{background:#F4F4EC;border:none;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:7px 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.comment_text em{font-style:normal;font-weight:bold;}
.commentslist li.author{background:#F4F4EC;border:none;}


#comments_closed{background:#609205;color:#FFF;padding:3px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.png) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold; border-bottom:1px dotted #666;}
#commentform p a:hover {color:#999 ; border-bottom:1px dotted #999;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#ccc;padding-left:5px;font-weight:bold;font-size:11px;}
.commentslist code{background:transparent;}

/* footer - text string and links */

#footer {margin: 40px 0px 0px 0px; 
	padding: 15px 15px;
	color:white;
	height:120px;
}
#footer p {color: #fff;}
#footer p a{font-weight:bold;color:#fff;}
#footer p a:hover {text-decoration: underline;}
#footer .leftbx  {float:left; margin-right:15px; width:100px}
#footer .centrbx {float:left; color:#d49354; width:730px}
#footer .rightbx  {float:right; width:50px}
#footer .rightbx a { font-weight:normal;}
#footer a {color:#fff; font-weight:bold;}

.footermenu, .footermenu a, .footermenu a:visited {color:#fff; font-size:14px; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }


.powered {margin-bottom:10px}
.powered, .powered a, .powered a:visited {font-family: Arial, Helvetica, sans-serif; color:#b3b3b3; font-size:12px}




/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

.baneri_box {	width:228px;
		background-color:#fff;
		}
.baneri_box img {margin:5px 0px 3px 0px;
		padding:4px;
		border:3px solid #EEE;
		}