/**
Theme Name: SeeZine
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Magazine Theme
Coder: misbah (ini_misbah@yahoo.com)
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background:#000000 url(images/background.jpg) repeat-x 0 0;
	width:960px;
	margin:0 auto;
	height:1000px;
	font:normal 11px Arial, Helvetica, sans-serif ;
	color:#565656;
}

a {
	text-decoration:none;
	color:#b41115;
}

a:hover { color:#95040b; }

/* header */
#header { padding-top:9px; }

#page-menu ul {
	display:block;
	float:right;
	height:44px;
	overflow:hidden;
}

#page-menu ul li {
	background:transparent url(images/page-menu-bg.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:44px;
	line-height:44px;
	margin-right:3px;
}

#page-menu ul li a {
	background:transparent url(images/page-menu-bg.gif) no-repeat 100% 100%;
	display:block;
	float:left;
	font:normal 14px Tahoma,Verdana,Arial;
	height:44px;
	line-height:44px;
	padding:0 16px;
	color:#ffffff;
}

#page-menu ul li a:hover, #page-menu ul li.current_page_item a { color:#540305; }

.left-side, .right-side {
	display:block;
	position:absolute;
	top:0;
	z-index:2;
}

.left-side { left:0; }

.right-side { right:0; }

#header-content {
	clear:both;
	background:#5c040b url(images/header-bg.gif) repeat-x 0 0; 
	position:relative;
	height:112px;
	padding:0 21px;
	z-index:1;
	margin-bottom:3px;
}

#header-content .left-side, #header-content .right-side {
	background:transparent url(images/header-bg.gif) no-repeat; 
	width:9px;
	height:112px;
}

#header-content .left-side { background-position:0 -112px; }

#header-content .right-side { background-position:0 -224px; }

#branding {
	float:left;
	width:620px;
	text-transform:uppercase;
}

#blog-title {
	display:block;
	float:left;
	font-size:34px;
	font-weight:bold;
	line-height:111px;
	padding-right:14px;
	color:#ffffff;
}

#blog-title a {  color:#ffffff; }

#blog-title a:hover {  color:#910507; }

#branding-separator {
	background:transparent url(images/brand-separator.gif) no-repeat 0 50%;
	display:block;
	float:left;
	width:2px;
	height:111px;
	margin-right:15px;
}

#blog-description, #blog-description span {
	background:transparent url(images/tagline-bg.jpg) no-repeat;
	background-position:0 44px;
	display:block;
	float:left;
	padding-left:7px;
	height:111px;
}

#blog-description span {
	background-position:100% 44px;
	font-size:10px;
	font-weight:normal;
	line-height:111px;
	color:#ffffff;
	padding:0 6px 0 0;
}

#subscribe-search {
	float:right;
	height:81px;
	width:265px;
	padding-top:30px;
}

.icon {
	background:transparent url(images/all-icons.gif) no-repeat;
	padding-left:20px;
	font-weight:bold;
}


.rss {
	background-position:0 2px;
	font-size:12px;
	color:#FFAD3E;
	padding-left:5px;
}

#top-search {
	margin-top:10px;
	background:url(images/top-search-bg.gif) no-repeat 0 0;
}


#top-s {
	background:none;
	border:none;
	font:normal 12px Arial, Verdana;
	color:#910507;
	display:block;
	height:21px;
	width:250px;
	padding:5px 4px 0;
}

#cat-menu {
	background:#b30e13 url(images/cat-menu-bg.gif) repeat-x 0 0; 
	padding:0 5px;
	position:relative;
	height:42px;
	margin-bottom:3px;
}

#cat-menu .left-side, #cat-menu .right-side {
	background:transparent url(images/cat-menu-bg.gif) no-repeat; 
	width:9px;
	height:42px;
}

#cat-menu .left-side { background-position:0 -42px; }

#cat-menu .right-side { background-position:0 100%; }



#cat-menu ul {
	display:block;
	height:42px;
	overflow:hidden;
}

#cat-menu ul li, #cat-menu a {
	background:transparent url(images/menu-separator.gif) no-repeat 100% 0;
	display:block;
	float:left;
	height:42px;
	padding-right:2px;
}

#cat-menu a {
	background:none;
	font-size:10px;
	line-height:42px;
	color:#FFFFFF;
	padding:0 12px;
	text-transform:uppercase;
}

#cat-menu a:hover, #cat-menu .current-cat a {
	background:transparent url(images/cat-menu-hover.jpg) no-repeat 100% 0;
}

/* container */
#container {}

/* content */
#content {
	float:left;
	width:668px;
}

#featured-posts-wrapper {
	background-color:#ffffff;
	width:668px;
}

#featured-posts-top {
	background:url(images/post-top-bg.gif) no-repeat 0 0;
	float:left;
	padding-top:5px;
}

#featured-posts-bottom {
	background:url(images/post-bottom-bg.gif) no-repeat 0 0;
	float:left;
	width:668px;
	height:5px;
	margin-bottom:3px;
}

.featured-post .title {
	font:normal 21px 'Trebuchet MS', Verdana, Tahoma;
	padding-bottom:3px;
	border-bottom:3px solid #af3030;
	margin-bottom:3px;
}
.featured-post .title a {
}

.featured-post .entry {
	font-size:12px;
}

.pagetitle {
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	margin-bottom:3px;
}

.post {
	clear:both;
	background:#ffffff url(images/post-bg.gif) repeat-y 0 0;
	width:668px;
	float:left;
	margin-bottom:3px;
	position:relative;
}

.post-top {
	background:transparent url(images/post-top-bg.gif) no-repeat 0 0;
	float:left;
	padding-top:5px;
	width:668px;
}

.post-bottom {
	background:transparent url(images/post-bottom-bg.gif) no-repeat 0 100%;
	float:left;
	padding:0 5px 5px;
	width:658px;
}

.post .title {
	font:normal 21px 'Trebuchet MS', Verdana, Tahoma;
	color:#B41115;
	margin-bottom:5px;
}

.meta {
	clear:left;
	background-color:#fbfbfb;
	border-top:3px solid #CE4D4D;
	padding:0 5px;
	font-size:10px;
	color: #333333;
}

.meta span {
	line-height:21px;
	margin-right:5px;
	padding-left:15px;
}

.date-post { background:url(images/mini-star.gif) no-repeat; }

.categories-post { background:url(images/mini-star.gif) no-repeat; }

.comment-post { background-position:0 -77px; }

.entry {
	clear:left;
	padding:10px 10px 10px  10px;
}

.more-link {
	background:#f1f1f1 url(images/read-more-bg.gif) no-repeat 50% 0;
	display:block;
	float:right;
	font-size:10px;
	width:88px;
	height:25px;
	line-height:25px;
	text-align:center;
	text-transform:uppercase;
	color:#a3a3a3;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background-color:#ffffff;
	clear:both;
	height:49px;
	position:relative;
	padding:0 9px;
	border-top:5px solid #000000;
	margin-bottom:13px;
}
.wp-pagenavi {
	padding-top:18px;
	font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend  {
	border:1px solid #dcdcdc !important;
	padding:7px 9px !important;
}

.wp-pagenavi span.pages, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#eaeaea !important;
	color:#767676 !important;
	text-transform:uppercase;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
	background-color:#d8d8d8 !important;
	color:#767676 !important;
}

/* sidebar */
#sidebar {
	float:right;
	width:287px;
}

.boxx {
	clear:both;
	background-color:#ffffff;
	width:287px;
	float:left;
	margin-bottom:3px;
	position:relative;
}

.boxx-top {
	background:transparent url(images/widget-top-bg.gif) no-repeat 0 0;
	float:left;
	padding-top:5px;
	width:287px;
}

.boxx-bottom {
	background:transparent url(images/widget-bottom-bg.gif) no-repeat 0 100%;
	float:left;
	padding:0 5px 5px;
	width:277px;
}

.widget {
	clear:both;
	background-color:#ffffff;
	width:287px;
	float:left;
	margin-bottom:3px;
	position:relative;
}

.widget-top {
	background:transparent url(images/widget-top-bg.gif) no-repeat 0 0;
	float:left;
	padding-top:5px;
	width:287px;
}

.widget-bottom {
	background:transparent url(images/widget-bottom-bg.gif) no-repeat 0 100%;
	float:left;
	padding:0 5px 5px;
	width:277px;
}

.widget-title {
	font:normal 18px 'Trebuchet MS', Verdana, Tahoma;
	color:#b41115;
	padding-bottom:3px;
	border-bottom:3px solid #af3030;
}

.widget ul li {
	background:#ffffff url(images/all-icons.gif) no-repeat 4px -98px;
	padding-left:20px;
	border-bottom:1px solid #deddde;
	line-height:28px;
}

.widget ul li a {
	color:#9e9e9e;
	display:block;
	line-height:28px;
}

.widget a:hover {
	background-color:#f8f8f8;
}

/* footer */
#footer {
	height:113px;
	padding-top:20px;
	text-align:center;
	font-size:11px;
	color:#ffffff;
}

/* datum posta */

.datum {
    background: transparent url("images/bg_calendar.jpg") 0 50% no-repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1;
    display: block;
    height: 34px;
    width: 36px;
    margin-right: 10px;
    padding: 0;
    position: relative;
    float: left;
}
.mjesec {
    font: bold 9px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #fff;
    padding: 5px 0 0 0;
}
.dan {
    font: bold 10px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    display: block;
    color: #fff;
    padding: 0 0 0 0;
    margin: 0;
}

/*** Images Format ***/

img.post {
	padding: 5px;
	border: 0px solid #000;
	margin: 10px;
	float: right;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 0px solid #000;
}

img.alignright {
	padding: 5px;
	border: 0px solid #000;
	background: #fff;
	margin: 10px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	border: 0px solid #000;
	margin: 8px;
	display: inline;
}
	
	
/********* footer **************/
.footer_nav {
	float:right;
	margin: 20px 0px 0px;
	padding:0px;
	font-size:90%;
}
.copyright {
	text-align:right;
	border-top: 1px solid #222222;
	font-size:85%;
	clear:both;
	margin:10px 0px 0px;
	color: #666666;
}
.copyright a, .copyright a:visited {
	color:#93BABA;
}
a.validcss-mini {
	background: url(images/validcss-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#FF9900;
	text-decoration: none;
	margin-left: 10px;
}
a.validcss-mini:visited {
	color:#FF9900;
}
a.validcss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.rss-mini {
	background: url(images/rss-mini.gif) no-repeat left center;
	padding-left: 14px;
	color:#FFCC33;
	text-decoration: none;
	margin-left: 10px;
}
a.rss-mini:visited {
	color:#FFCC33;

}
a.rss-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.sitemap-mini {
	background: url(images/sitemap-mini.gif) no-repeat left center;
	padding-left: 14px;
	color:#3ba5cf;
	text-decoration: none;
	margin-left: 10px;
}
a.sitemap-mini:visited {
	color:#3ba5cf;
}
a.sitemap-mini:hover {
	color:#ffffff;
	text-decoration: none;
}
a.validhtml-mini {
	background: url(images/validhtml-mini.gif) no-repeat left center;
	padding-left: 13px;
	color:#80c43d;
	text-decoration: none;
	margin-left: 10px;
}
a.validhtml-mini:visited {
	color:#80c43d;
}
a.validhtml-mini:hover {
	color:#ffffff;
	text-decoration: none;
}


/*************** galerija pocetna */

/* sirina slike na pocetnoj 149 px maksimalno */

#galerijapocetna {
    padding-bottom: 15px;
    float: left;
    position: relative;
	margin:0;
}

ul#listaslika {
    display: block;
    /*background-color: #FFF;*/
    padding: 0;
    margin: 0;
    float: left;
}
li.fotografija {
        list-style-type: none;
        display: block;
        float: left;
        margin: 2px 2px 2px 2px;
        padding: 0;
}
li.fotografija img {
        border: 1px solid #BBB69F;
        padding: 2px;
        background-color: #fff;
}
li.fotografija a img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
li.fotografija a img:hover {
    border: 1px solid #A0ABB4;
    background-color: #E8E9E0;
}


#galerijaopsirnije {
    padding-bottom: 15px;
    /*float: left;*/
    /*position: relative;*/
	margin:0;
	text-align:center;
}

.galerijaoglas {
	clear:both;
	display:block;
	border: 1px solid #BBB69F;
    padding: 4px;
    background-color: #fff;
	margin: 15px 82px 15px 81px;
}

ul#listaslika2 {
    display: block;
    background-color: #FFF;
    padding: 0;
    margin: 0;
    /*float: left;*/
}
li.fotografija2 {
        list-style-type: none;
        display: block;
        /*float: left;*/
        margin: 0 0 15px 0;
        padding: 0;
}
li.fotografija2 img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
li.fotografija2 a img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
li.fotografija2 a img:hover {
    border: 1px solid #A0ABB4;
    background-color: #E8E9E0;
}


/*********** video *************/

#video {
display:block;
background-image:url(images/videobg.png);
margin-bottom:15px;
text-align:center;
}

#video img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}

/************ slike ****************/

.fotka img {
		margin:5px;
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
.fotka a img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
.fotka a img:hover {
    border: 1px solid #A0ABB4;
    background-color: #E8E9E0;
}

/*********** pagination *************/

div.pagination {
clear:both;
	padding:10px;
	margin:10px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #b41115;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #CC0000;
	color: #b41115;
	background-color: #FE978B;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #b41115;
	font-weight: bold;
	background-color: #b41115;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	color: #ccc;
}


/*********** forma *************/

legend {  
margin-left: 1em;  
padding: 0 3px 0 3px;  
color: #000;  
font-weight: bold;
}

.cssform fieldset {  
float: left;  
clear: both;  
width: 610px;  
margin: 0 0 1.5em 0;
padding: 15px 5px 15px 5px;
border: 1px solid #E8E9E0;
}

.cssform p {
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #E8E9E0;

}

.cssform label {
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea {
width: 300px;
height: 150px;
}

.cssform select {
width: 300px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}

.cssform input[type="submit"] {
padding-left:5px;
padding-right:5px;
background-color:#E8E9E0;
border:#A0ABB4 solid 1px;
}

/********** liste ***************/

ul.lista {
    display: block;
    padding-left: 15px;
    margin: 0;
    float: left;
	list-style-image:url(images/mini-star.gif);
}
li.lista {
        list-style-type: none;
		display: block;
        float: left;
		margin: 0 5px 0px 5px;
        padding: 0;
}

ul.lista2 {
    display: block;
    padding-left: 15px;
    margin: 0;
    float: left;
	list-style-image:url(images/mini-star.gif);
}
li.lista2 {
        list-style-type: none;
		display: block;
        /*float: left;*/
		margin: 0 5px 0px 5px;
        padding: 0;
		clear:both;
}

.liss a {
	display: block;
	font-size: 11px; 
	/*color: #000;*/
	padding-left: 15px;
	line-height: 22px;
	vertical-align: middle;
	background: url("images/sidenav-dotline.gif") left bottom no-repeat;
}

.liss a:hover {
	color: #2B3D55;
	background: #EEEFE9 url("images/sidenav-dotline.gif") left bottom no-repeat;
	text-decoration: none;
	border-right:#FF9900 solid 1px;
}

.film  {
display:block;
border-bottom:solid #F5F5F5 1px;
padding:10px 0 10px 0;
}

.horoskop a {
color:#000000;
}

.horoskop a:hover {
color:#FFAD3E;
}