/* 
	Theme Name: iKnow
	Theme URL: http://www.iknow.rs
	Description: iKnow club theme
	Author: Mladjan Antic
	Author URI: mladjan.antic@me.com
	Version: 1.4		
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

p{

}

.wpcf7-form p{
	height:40px;
        padding-bottom:30px;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

h1 {
	font-size: 36px;
        padding-top: 20px !important;
}

h5{
	font-size: 12px;
	font-weight: bold;
	color: #3f3f3f;
}

h4{
	font-size: 12px;
	font-weight: bold;
}

h6{
	font-size: 12px;
	font-weight: normal;
	color: #c1c1c1;
}

h2{
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	color: #3f3f3f;
}

#slideshow h2, .blogpost h2{
	width:400px;
}

h3{
	font-size: 18px;
	font-weight: bold;
	color: #3f3f3f;
}

h1, h2, h3, h4 {
	padding: 5px 0;
}

a{
	text-decoration: none;
	color: #2F78D0;
}

a:hover{
	text-decoration: none;
	color: #838383;
}


body{
	background-color: #ececec;
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

ul {
	margin-left: 20px;
}

.wraper{
	margin: 0 auto;
	width: 1000px;
}

.menuwraper{
	margin-left: 1px;
	margin-top: 30px;
	background: url(images/menu_bg.jpg) repeat-x;
	width: 983px;
	height: 36px;
	border-radius: 5px;
	position: relative;
}

#mwl{
	background: url(images/mwl.png) no-repeat;
	left:0;
	top:0;
	width: 7px;
	height:36px;
	position:absolute;
}

#mwr{
	background: url(images/mwr.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
	width: 7px;
	height:36px;
}

#mwc{
	width:969px;
}
.menuwraper ul{
	list-style: none outside none;
    height: 36px;
}

.menuwraper ul li{
 display: inline;
}

.menuwraper ul li a {
border-right:1px solid #3e3e3e;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
line-height:36px;
padding:0 20px;
}
/* Pressed menu
.menuwraper ul li a:active{
	background-image: url("images/shadowt.jpg"), url("images/shadowr.jpg"), url("images/shadowb.jpg"), url("images/shadowl.jpg");

	background-repeat: repeat-x, repeat-y,
	                     repeat-x, repeat-y;

	background-position: top, right, bottom, left;

}
*/

.menuwraper ul li a:hover{
        background: url("images/menu_bg_over.jpg") repeat-x;
}




.menuwraper ul li.current_page_item a{
 background: url(images/menubg_active.jpg) left top repeat-x;
}

.menuwraper ul li.current_page_ancestor a{
 background: url(images/menubg_active.jpg) left top repeat-x;
}

.menuwraper form input {
background:url("images/searchbg.png") no-repeat scroll left top transparent;
border:0 none;
color:#AAAAAA;
font:12px/24px Arial,Helvetica,sans-serif;
height:20px;
padding:0 0 0 10px;
width:138px;
outline: none;
line-height: 20px;
}

.menuwraper form {
float:right;
margin:9px 0 0 0;
}

.header{
	margin-top: 10px;
	background-image: url(images/header.jpg);
	width: 988px;
	height: 328px;
}

.contentwraper{
	width: 988px;
	margin-bottom: 30px;
}
.contentleft{
	padding-top: 10px;
	float: left;
	width: 794px;
}


.cltop{
	background-image: url(images/cltop.jpg);
	width: 794px;
	height: 14px;
}

.clbottom{
	background-image: url(images/clbottom.jpg);
	width: 794px;
	height: 17px;
}

.clcenter{
	width: 794px;
	min-height: 422px;
	background: url(images/clcontent.jpg) repeat-y;
}

.slider {
	position:relative;
}

.contentright{
	float: right;
	padding-top: 10px;
	width: 194px;
}

.div1{
	width: 194px;
	height: 227px;
}

.div1{
	width: 194px;
	height: 227px;
}

.crtop{
	background-image: url(images/crtop.jpg);
	width: 194px;
	height: 30px;
	
}

.crtop a{
	color: #3e3e3e;
	text-align: center;
	line-height:30px;
}

.crcenter{
	padding-right:15px;
	width:164px;
	height: 186px;
	background: url(images/crcenter.jpg) repeat-y;
	padding-left: 20px;
        text-align: center;
}

.crbottom{
	width: 194px;
	height: 11px;
	background-image: url(images/crbottom.jpg);
}
.cleaner{
	clear: both;
}

.footer{
	height: 150px;
	width: 988px;
}
.ftop{
	width: 988px;
	height: 13px;
	background-image: url(images/footertop.jpg);
}

.fcenter  {
	background:url("images/footercenter.jpg") repeat-y scroll 0 0 transparent;
	height:124px;
	padding-left:30px;
	width:988px;
	padding-top: 5px;
}

.fcenter a{
	color: #3f3f3f;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}

.fcenter ul {
	height: 80px;
}

.fcenter ul li ul {
	margin: 0;
}

.fcenter ul li{
        float: left;
}

.fcenter li {
	padding-left: 10px;
	border-right: 1px solid #ddd;
}

.fcenter ul li ul li {
	border: 0;
	padding: 0;
}

.fcenter ul li a {
	font-weight: bold;
}

.fcenter ul li ul li a {
	font-weight: normal;
}

.page-item-22 {
	border-right: none !important;
}

.fbottom{
	width: 988px;
	height: 12px;
	background-image: url(images/footerbottom.jpg);
}

.fcenter .column {
	border-right:1px solid #EDEDED;
	height:90px;
	margin-bottom:20px;
	margin-top:25px;
	width:118px;
	margin-left: 20px;
}

.column.first, .column.last {
	margin-left:0 !important;
}

.column {
	float:left;
}

.column.last{
	border-right:medium none;
	margin-left:20px !important;
}

.readmore{
	color: #6285b4;
	background: transparent url(images/arrow_small.png) no-repeat scroll 100% 50%;
	white-space:nowrap;
	font-size: 12px;	
}

.readmore a{
	color: #6285b4;
	padding-right:10px;
	white-space:nowrap;
	font-size: 12px;
}

.blogpost .readmore{	
	display:block;
	text-align:right;
}

#blogpost{
		position: relative;
}

.calendarwraper{
	padding-top: 11px;
	border-bottom: #e3e3e3 1px solid;
	padding-bottom: 11px;
	line-height: 14px;
}

.calendarwraperlast{
	padding-top: 10px;
	padding-bottom: 11px;
}

#arrowleft {
	position:absolute;
	left:2px;
	top:12px;
}

#arrowright {
	position:absolute;
	left:2px;
	top:12px;
}

.blogpost {
	width: 672px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	padding-bottom: 20px;
	margin-bottom:20px;
	padding-top: 10px;
	border-bottom: #e3e3e3 1px solid;

}

#avatar {
	padding: 0 5px 5px 15px;
	margin-top: 5px;
}

#blogpostwraper{
	padding:5px 30px;	
}

/* Easy Slider */

	#slider{
		width: 680px; 
		height: 410px; 
		overflow-x: hidden; 
		overflow-y: hidden;
		margin-left: 25px;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:410px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:24px;
		height:411px;
		position:absolute;
		left:0;
		top:0;
		}	
		
	#nextBtn{ 
		left:730px;
		top:0;
		}	

        #nextBtn a:hover{
                background:url(images/arrowRightOver.jpg) no-repeat 0 0;
        }
	#prevBtn{
		left:-22px;
		top:0;
	}													
	#prevBtn a, #nextBtn a{  
		display:block;
		width:24px;
		height:411px;
		background:url(images/arrowLeft.jpg) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/arrowRight.jpg) no-repeat 0 0;	
		}	
        #prevBtn a:hover{
                background:url(images/arrowLeftOver.jpg) no-repeat 0 0;
        }											

/* // Easy Slider */

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:-20px;
  background: transparent url(images/arrowLeft.jpg) no-repeat 0 0;
}

#leftControl:hover {
  top:-0;
  left:-20px;
  background: transparent url(images/arrowLeftOver.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:-30px;
  background: transparent url(images/arrowRight.jpg) no-repeat 0 0;
}

#rightControl:hover{
background:url("images/arrowRightOver.jpg") no-repeat scroll 0 0 transparent;
right:-30px;
top:0;
}
.headline{
	padding-top: 10px;
	float: left;
}

.headlineright{
	float: right;
	font-size: 10px;
	margin-top: 10px;
	color: #4c4c4c !important;
	width: 150px;
	line-height: 25px;
	border-left: #e3e3e3 1px solid;
	padding-left: 15px;
}

.introtext{
	padding-top: 5px;
	padding-right: 10px;
	font-size: 12px;
	width: 682px;
	color: #3F3F3F;
}

.boxtext{
	font-size: 12px;
	color: #3f3f3f;
	padding-top: 30px;
}

blockquote a{
	font-size:14px;
	font-style:normal;
	color:#333;
}

.comments {
	margin-left: 25px;
	width: 670px;
}

.comment {
	padding:20px 0;
	border-top:1px solid #eaeef0;
	clear:left;
	width: 400px;
}

.comment.alt {
	background:#f9f9f9;	
}


.user {
	width:148px;
	float:left;
	color:#999;
	padding:0 0 20px 5px;
	font-size: 12px;
}

.user img{
	margin:0 0 5px 0;
}


.user a{
	font-weight:bold;
	font-size: 12px;
}

.text {
	margin:0 0 0 155px;
	font-size: 12px;
}

.text.admin {
	color:#333;
}

h7 {
	font-size: 16px;
	margin-left: 25px;
}

#commentform {
	border:1px solid #e3e9ec;
	padding:20px 20px 40px 20px;
	width: 630px;
	margin-left: 25px;
	color:#8c8c8c;
	background:#F7F7F7;
}



input {
	display: block;
}

textarea {
	display: block;
	margin-bottom: 10px;
}
textarea textcommen {
	display: block;
	width: 610px;
	float: left;
	margin-bottom: 10px;
}

.textcommen {
	display: block;
	width: 620px;
	float: left;
	margin-bottom: 10px;
}

br.leave  {
clear: left;
} 



textarea {	
	height:100px;
	overflow:auto;
	padding:5px 3px;
	border:1px solid #e3e9ec;
	background:#fff;
	color:#999;
	font:12px arial;
}

input.komentar {
	margin:0 0px 0 90px;
	cursor:pointer;
	color:#555555;
	width:150px;
	font:14px arial;
	background:url(images/submit.gif) top center no-repeat;
	border:0px;
	padding:3px 0 5px 0;
}

* html input.komentar {
	margin:0 0px 0 45px;
}

.post2 {
	margin:0 0 20px 0;
	clear:left;
}


.footer ul{
	list-style:none;
	float:left;
}

.footer ul li{
	width:120px;
	display:inline-block;
	padding-top: 10px;
}

.footer ul li ul li{
	display:block;	
}

ul.children {
	margin: 0 0 0 20px;
}

#sharetut{
	float: right;
	padding-right: 38px;
}

#respond{
	padding-top: 20px;
}
.postedby{
	color:#4C4C4C !important;
	font-size:14px;
	font-weight:normal;
	line-height: 25px;
}

.commentstags{
	float: left;
}

.innermenu{
	float: right;
}
.innermenu ul{
	display: inline;
}

.innermenu ul li{
	float: left;
	text-decoration: none;
	list-style:none outside none;
	padding-left: 30px;
}

.dtse-img{
        padding-top: 5px;
        padding-bottom: 5px;
}

.boxgrid{ 
				width: 230px; 
				height: 183px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
		
 			}
 				.captionfull .boxcaption {
 					top: 160px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 142px;
 					left: 0;
 				}

* html .contentwraper { width:1000px; }

/* Nove uzitecne programy */
.nadpis-kategorie {
	font-size: 130%;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	height: 50px;
	text-align: left;
	vertical-align: top;
}
.nadpis-programu {
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	color: #4c4c4c;
}
.programy-bunka-odkaz {
	vertical-align: top;
	width: 60px;
	font-size: 90%;
	padding-left: 10px;
	font-style: italic;
}
.programy-odkaz {
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
	font-style: normal;
}
.programy-tabulka {
	margin-bottom: 30px;
}
.programy-bunka-obsah {
    text-align: justify;
	vertical-align: top;
	width: 280px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 10px;
}