/*  
Theme Name: Vicoteka
Version: 1.0
Description: Designed by <a href="http://www.vicoteka.mk">Vicoteka.mk</a>.
Author: Vicoteka.mk
Author URI: http://www.vicoteka.mk
*/

/* Default styles */
@import "reset.css";

/* >>>> Non-valid CSS3 effects (border-radius, etc) can be found in css/effects.css <<<< */
/*  @import "css/effects.css"; */


body  {
	font: 12px Arial,Helvetica,Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
	
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: 'Neucha', arial, serif;
}

h1  {font-size: 30px} h2  {font-size: 26px} h3  {font-size: 20px}
h4  {font-size: 18px} h5  {font-size: 16px} h6  {font-size: 14px}

p  {margin: 0;}

sup {
color: red;
}


a:link, a:visited  { text-decoration: none; font-weight: bold; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}


#navigation  {
	position: relative;
	margin: 0 0 15px 0;
}

.nav {
list-style:none;
height:40px;
background: rgba(0, 0, 0, 0.2);
}

.nav li {
float:left;
}
.nav li a {
display:block;
float:left;
height:40px;
line-height:40px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding:0 0 0 10px;
font-size:14px;
}
.navn li a b {
    float:left;
    display:block;
    padding:0 16px 0 8px;
}

.nav li a:hover {
    color:#f58840;
}

.nav li a em {
    display:block;
    float:left;
    width:30px;
    height:40px;
}

.nav li a em.pocetna {
    background-image: url(images/menu/pocetna.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.vicovi {
    background-image: url(images/menu/vicovi.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.video {
    background-image: url(images/menu/video.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.fakti {
    background-image: url(images/menu/fakti.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.gif {
    background-image: url(images/menu/gif.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.kontakt {
    background-image: url(images/menu/kontakt.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.nav li a em.pisma {
    background-image: url(images/menu/pisma.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.nav li a em.marketing {
    background-image: url(images/menu/marketing.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.post, .postv, .leva1, .leva2, .desna,
.Nav a:link,
.Nav a:visited,
.box,
.wooTabs li a:hover,
.wooTabs a.selected,
.widget,
#comments li,
#commentform input.txt,
#commentform textarea, #wp-calendar td,table#wp-calendar th  {
	background: #36939b;
	border: 2px solid #fff;
}

#searchform #s {
background: #0c3e45;
	}


#container  {
	width: 970px;
	margin: 0 auto;
}

#main  {
	float: left;
	width: 940px;
	background: rgba(0, 0, 0, 0.2);
	padding: 10px 15px;
}


#header  { padding: 30px 0; }
#header h1, #header h2  { display: none; }

#header #logo  { float: left ;}
#header .header-banner  { float: right; }

#logo .site-title, #logo .site-description  { display: none; }
#logo .site-title a { color:#fff; font-size:42px; line-height:34px; }
#logo .site-title a:hover { text-decoration:none; color:#eee; }
#logo .site-description { color:#eee; text-transform:uppercase; font-size:12px;}

#logo .site-title,
#logo .site-description { margin: 0 0 0 10px}


#content  {
	float: left;
	width: 600px;
	margin: 0 0 0 0;
}

#content.full  {
	width: 940px; margin-right:0px;
}


#sidebar  {
	float: left;
	width: 340px;
}

#left  {
	float: left;
	width: 185px;
	margin: 0 10px 0 0;
}

#right  {
	float: left;
	width: 145px;
}


#footer  {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #fff;
}

#footer2  {
	padding-top: 200px;
	width: 940px;
	margin: 0 auto;
	font-size: 12px;
	color: #000;
}

#footer3  {
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #fff;
	background: #4f2d14;
}

#footer4  {
	width: 930px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
}

#footer4 a:link,
#footer4 a:visited  {
	color: #fff;	
}

#footer4 .copyright  { float: left; margin: 0; padding-top: 10px;}
#footer4 .fmeni  { float: left; margin: 0; }
#footer4 .fmeni1  { float: right; margin: 0; }




.advert_content { margin-bottom:30px; text-align:center}


.post  {
	margin: 0 15px 15px 0;
}

.post:after {content:"."; display:block; visibility:hidden; clear:both; height:0}
* html .post { zoom:1; height:0  }
*+html .post { display:inline  }

.post h2.title  { padding: 10px 15px 10px 15px; margin: 0 0 3px 0; }
.post h2.title a:link, .post h2.title a:visited  {}

.post h2.catheading  { padding: 10px 15px 10px 15px; margin: 0; font-size: 20px; }

.post .meta  { padding-left: 10px; color: #0f4851; margin: 0 0 10px 0; }

.glasanje  { font: 12px Arial,Helvetica,Sans-serif; padding-right: 10px; color: #0f4851; float: right; }

.entry  {
margin: 0 0 15px 0;
padding: 2px 10px 15px 10px;
}

.slucajni  {
margin: 0 0 15px 0;
}

.sitev  {
padding: 5px 15px 5px 15px;
}

.video { margin-bottom: 20px}

.post .tags  { 
	float:left;
	margin: 0 0 0px 0;
	padding: 0 0 0 25px;
}


.postv  {
	margin: 0 0 15px 0;

}

.postv:after {content:"."; display:block; visibility:hidden; clear:both; height:0}
* html .postv { zoom:1; height:0  }
*+html .postv { display:inline  }

.postv h2.title  { padding: 10px 15px 10px 15px; font-size: 18px; margin-bottom: 3px; background: #0c3e45 }
.postv h2.title a:link, .postv h2.title a:visited  {}

.postv h2.catheading  { margin: 0 0 0 0; font-size: 20px; }

.postv .tags  { 
	float:left;
	margin: 0 0 0px 0;
	padding: 0 0 0 25px;
}

.postfooterfb {
	position: relative;
	padding: 7px 0px 2px 5px;
	color: #000000;
	float: left;
}

.postfootertw {
	position: relative;
	padding: 7px 0;
	color: #000000;
	float: left;
}

.postfootersite {
	position: relative;
	padding: 7px 0;
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.widgetsite {
	position: relative;
	padding: 7px 0;
	float: right;
	font-size: 13px;
	font-weight: bold;
}

/*-------------------------------------------------------------------------------------------*/
/*Koloni */
/*-------------------------------------------------------------------------------------------*/


.koloni{
	position: relative;
	float: left;
   	margin: 0 0 15px 0;
}

.koloni:after {content:"."; display:block; visibility:hidden; clear:both; height:0}

.koloni h4.title  { padding: 5px 15px 5px 15px; font-size: 18px; margin-bottom: 3px; background: #0c3e45 }

* html .koloni { zoom:1; height:0  }
*+html .koloni{ display:inline  }

.koloni ul  li {
padding: 1px 8px 4px 18px;
}

.leva1{
	position: relative;
	float: left;
	width: 184px;
   	margin: 0 10px 0 0;

}
.leva2{
	position: relative;
	float: left;
	width: 185px;
   	margin: 0 10px 0 0;
}

.desna{
	position: relative;
	float: right;
	width: 184px;	
}

.columns{
overflow:hidden;
zoom:1 /* ie6 */

}
.columns .column{
margin-right:10px;
float:left;
width: 190px;
}


.entry h1 {}  .entry h2 {}
.entry h3 {}  .entry h4 {}
.entry h5 {}  .entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 30px 0; }

.entry p  { margin: 0 0 10px 0; }

.entry blockquote  { padding: 10px 30px; }
.entry blockquote p  {}

.entry ul  { margin: 0 0 30px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 30px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }


.entry img  { border: 2px solid #000; }

img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 5px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 5px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#000; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none;	border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }


.prev  { float: left; font-size: 14px; font-weight: bold; }
.next  { float: right; font-size: 14px; font-weight: bold; }

#content .wp-pagenavi  {
	margin: -20px 0 0 0!important;
	padding: 0 0 7px 0!important;
	text-align: center!important;
}

#content .wp-pagenavi .pages  { margin: 0 15px 0 0; background: none; border: none; color: #fff; }

#content .wp-pagenavi .current  {
	margin: 0 2px 0 0;
	padding: 5px 10px 5px 10px;
	border: none;
}

#content .wp-pagenavi a:link, #content .wp-pagenavi a:visited  {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	background: none;
	border: none;
}

#tabber  { margin: 0 0 30px 0; }

#tabber .boxes  {	
	padding: 10px 20px;
}

.wooTabs  {
	float:left;
	padding: 0 0 0 20px;
	text-align: center;
}

.wooTabs li  { float:left; }

.wooTabs li a  {
	display: block;
	margin: 0 7px 0 0;
	padding: 7px 10px 7px 32px;
	font-weight: bold;
	color: #fff;
}

.wooTabs .lifestream  { background: url(images/ico-lifestream.png) no-repeat 6px center; }
.wooTabs .popular  { background: url(images/ico-popular.png) no-repeat 6px center; }
.wooTabs .comments  { background: url(images/ico-comments.png) no-repeat 6px center; }
.wooTabs .tags  { background: url(images/ico-tags.png) no-repeat 6px center; }

.wooTabs li a:hover,
.wooTabs li a:active{
	text-decoration: none;
}

.wooTabs li a:link,
.wooTabs li a:visited
{
	text-decoration: none;
}
.wooTabs a.selected:link,
.wooTabs a.selected:visited  {
	text-decoration: none;
}

#tabber .list  {
}

#tabber .list li a:link,
#tabber .list li a:visited  {
	display: block;
	padding: 6px 0 6px 25px;
	color: #fff;
}

.lifestream  { color: #fff; }
.lifestream td { padding-bottom:10px!important}
.lifestream a:link, .lifestream a:visited  { color: #fff; text-decoration:underline }
.lifestream a:hover, .lifestream a:active  { color: #fff; text-decoration:none }
.lifestream_date  { font-size: 14px; color: #fff; }

.lifestream_meta  { display: none!important; color:#ccc!important }
.lifestream_meta a {color:#ccc!important; text-decoration:underline}
.lifestream_credits  { display: none!important; }
.lifestream-paging { padding:10px 0; font-size:12px; font-weight:700;}


.lifestream h2 {margin:20px 0 10px; padding-bottom:10px; border-bottom:1px solid rgb(0,0,0) ; border-bottom:1px solid rgba(255,255,255,0.1)}


#tagcloud  { padding: 5px 10px; }
#tagcloud a:link, #tagcloud a:visited  { color: #fff; }

/* 5.3 Generic Widgets */

.widget  { 
	margin: 0 0 10px 0;
	padding: 10px 10px;
}

.widget h3  { margin: 0 0 10px 0; font-size: 18px; }
.widget h4  { margin: 20px 0 10px 0; font-size: 13px; }
.widget ul  {}

.widget ul li a:link,
.widget ul li a:visited  {
	padding: 0 0 0 20px;
	line-height: 30px;
}

.widget ul li a:hover  {
}

.widget_recent_comments li, .widget_ms_twitter li  { padding: 6px 0 6px 20px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, .widget_ms_twitter a  { display: inline!important; padding: 0!important; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


#ads  {
	margin: 0 0 30px 0;
	padding: 20px;
}

#ads img  { margin: 0 9px 0 0; }
#ads img.last  { margin: 0; }

.adspace-widget { text-align:center; margin-bottom:30px}
.code_ad {float:left; width:125px; height:125px; margin-right:9px}


#searchform  { margin: 5px 0 0 0; }
#searchform #s  { 
	width: 97%;
	padding: 9px 0 9px 5px;
	border: none;
	color: #fff;
}


.widget_woo_flickr .flickr_badge_image  { width: 75px; float: left; margin: 2px; border: 3px solid #000; }


.widget_ms_twitter li  { margin: 10px 0; }

/* CALENDAR */
#wp-calendar  { width:100%; margin-bottom: 15px; clear: both; padding: 0; }
#wp-calendar caption  { text-transform: uppercase; font-weight: bold;  }
#wp-calendar th,#wp-calendar td  { text-align: center; padding: 5px; }
#wp-calendar td  { background: transparent; }
#wp-calendar td,table#wp-calendar th  { padding: 3px 0; }
#prev a { float: left; }
#next a  { float: right; }


#comments h3  { margin: 0 0 20px 0; font-size: 20px; }
#comments li  {
	padding: 20px;
	margin: 0 0 20px 0;
}

#comments ul.children { margin: 0 0 0 0; }
#comments ul.children li  { margin: 10px 0 0 0; }

#comments .comment-meta  { margin: 0 10px 20px 0; font-size: 12px;}
#comments .comment-meta img  { float: left; margin: 0 10px 0 0; border: 2px solid #000; }
#comments .comment-meta span  {  }
#comments .comment-meta span.name  { display: block; font-weight: bold; font-size: 14px; }
#comments .comment-meta span.name a  { text-decoration: underline; }
#comments .comment-meta span.date,
#comments .comment-meta span.edit,
#comments .comment-meta span.perma  { font-size: 11px; }

#comments .comment-entry p  { margin: 0 0 10px 0; }

.reply a, .cancel-comment-reply a  { text-transform: uppercase; font-weight: bold; font-size: 10px; }


#respond h3  { margin: 10px 0 0 0; font-size: 20px; }

#commentform  { margin: 20px 0 0 0;	}
#commentform label  { font-size: 10px; text-transform: uppercase; }
#commentform label span  { font-weight: bold; font-style: italic; padding: 0 0 0 10px; }

#commentform input.txt,
#commentform textarea  {
	margin: 0 10px 10px 0;
	padding: 9px 5px 9px 10px;
	color: #fff;
	border: none;
}

#commentform textarea  { width: 95%!important; }

#commentform #submit  {
	padding: 7px 30px 8px 30px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #000;
}


.floatl  {float: left;width: auto;}
.floatr  {float: right;width: auto;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}