/*
Theme Name: Zaruljoteka
Theme URI: http://www.zaruljoteka.com/
Description: Zaruljoteka
Version: 1.0
Author: Bobz, http://www.bobz.com.hr
*/

body {background:url(images/back_tile2.jpg) repeat-x #fff; margin:0; padding:0; font-size:62.5%;}
a img {border:none}
a:link, a:hover, a:active, a:focus {outline:none}
#wrapper {width:960px; margin:0 auto;}

/* Header styling */

#header {height:70px; width:960px; margin-bottom:20px;}
#header #logo {float:left; width:200px; padding-top:3px;}
#header #nav {float:left; width:760px; padding-top:30px;}
#header #nav ul {margin:0; padding:0;}
#header #nav ul li {margin:0 0 0 15px; padding:0; list-style:none; float:left; font:12px/18px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0.6px}
#header #nav ul li.page_item a {padding:3px 5px; text-decoration:none; color:#fff;}
#header #nav ul li.page_item a:hover {text-decoration:underline}
#header #nav ul li.current_page_item a {color:#fff; font:300 12px/18px Arial, Helvetica, sans-serif; letter-spacing:0.6px; background:#d70302}

/* Main content and articles styling */
#content {float:left; width:710px; margin:0 0 10px 0;}

#heading {width:700px; height:40px; background:#d70302;}
#heading h1 {font:bold 16px/40px Arial, Helvetica, sans-serif bold; color:#fff; padding:0 15px; letter-spacing:0.5px; list-style:none; margin:0;}

/* Articles styling */

.article {width:343px; background:#fff url(images/article_back.png) repeat-y; float:left; margin:10px 10px 0 0; min-height:140px; border:1px solid #eee}
.article .aligner {margin:0 10px 5px 10px}
.article .text {float:left; width:200px}

.article h2 {font:bold 14px/17px Arial, Helvetica, sans-serif; color:#033333; margin:5px 0; padding:0;}
.article p {font:12px/14px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0;}
.article img {border:1px solid #999; padding:1px; margin:0 5px 0 0}

.article .art_slika {float:left; width:110px}
.article .art_tekst {float:left; width:220px; font:12px/14px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0;}
.article .art_cijene {font:bold 1.0em/1.3em Arial, Helvetica, sans-serif; color:#d70302; margin:0; padding:0;}

.article .cijena {font:bold 1.2em/1.5em Arial, Helvetica, sans-serif; color:#d70302}

.cap_title {font:bold 14px/20px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}
.cap_text {font:12px/16px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0; width:100%;}
.cap_cijena {font:bold 12px/18px Arial, Helvetica, sans-serif; color:#d70302; margin:0; padding:0;}

.my-wrapper {width:300px}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
a.pdf {background:url(images/adobe_pdf_icon.png) no-repeat; padding-left:20px; color:#d70302; text-decoration:none; line-height:20px;}
a.pdf:hover {border:none;}
a.pdf:active {border-bottom:1px dashed #d70302}
a.pdf:visited {border-bottom:1px dotted #cc0000}

#pagecontent {width:680px; padding:10px; margin:10px 0 0 0; background:#fff url(images/content_back.png) repeat-y; border-bottom:1px solid #eee; border-top:1px solid #eee}

.news {width:678px; background:#fff; padding:10px; margin:10px 0 -5px 0; background:#fff url(images/content_back.png) repeat-y; border-bottom:1px solid #eee; border-top:1px solid #eee}
#newscontent {width:678px; background:#fff; padding:10px; margin:10px 0 0 0; border:1px solid #efefef; overflow:hidden}
#newscontent p {color:#333; font:12px/18px Arial, Helvetica, sans-serif; padding:0}

#newscontent h2 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#033333; margin:5px 0; padding:0;}
#newscontent h2 a {text-decoration:none; color:#033333;}
#newscontent h2 a:hover {text-decoration:underline; color:#d70302}

#newscontent .cijena {font:bold 12px/14px Arial, Helvetica, sans-serif; color:#d70302; margin:5px 0 0 0}
#newscontent .art_slika {float:left; margin:0 5px 0 0}
#newscontent .art_slika img {border:1px solid #999}
#newscontent .art_tekst {float:left; margin:0; padding:0;}
#newscontent .art_cijene {font:bold 12px/13px Arial, Helvetica, sans-serif; color:#d70302; margin:0; padding:0;}

.news p {margin:0; color:#333; text-indent:10px; line-height:22px; font:12px/20px Arial, Helvetica, sans-serif}

.news h2 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#033333; margin:0 0 5px 0; padding:0;}
.news h2 a {text-decoration:none; color:#033333;}
.news h2 a:hover {text-decoration:underline; color:#d70302}

.news a {color:#d70302; text-decoration:none}
.news a:hover {text-decoration:underline}

#pagecontent p {margin:0; color:#333; line-height:22px; font:12px/16px Arial, Helvetica, sans-serif}

#pagecontent h2 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#033333; margin:5px 0 0 0; padding:0;}
#pagecontent h2 a {text-decoration:none; color:#033333;}
#pagecontent h2 a:hover {text-decoration:underline; color:#d70302}

#pagecontent a {color:#d70302; text-decoration:none;}
#pagecontent a:hover {text-decoration:underline}

#content td {font:12px/15px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}

/* Lists */
.news ol li {font:12px/17px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}
.news ul li {font:12px/17px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}
#newscontent ol li {font:12px/17pxArial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}
#newscontent ul li {font:12px/17px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}

/* Brands */
.brands {border-bottom:1px dotted #666666; margin:5px 0; padding:5px 0;}
.brand_logo {width:270px; float:left}
.brand_download {float:left; width:400px;}

/* Sidebar Styling */
#sidebar {float:left; width:240px; margin:0 0 10px 10px;}
#sidebar ul {margin:0; padding:0;}
#sidebar ul li {margin:0 0 10px 0; padding:0; list-style:none;}

#search {width:240px; height:40px; background:#d70302;}
#search .searchfield {border:1px solid #000; border-right:none; width:175px; background:#fff; color:#999; height:20px; line-height:20px; float:left; outline:none}
#search .searchbtn {background:#fff url(images/search_btn.png) no-repeat left; border:1px solid #000; height:22px; border-left:1px solid #fff; width:25px; margin-right:-2px; float:left; outline:none}
#search .search-align {padding:10px 16px; margin:0px}
#search input {margin:0; padding:0; outline:none; }
#search form {margin:0; padding:0; outline:none!important}

#sidebar .widget_text {background:#d70302; font:bold 1.4em/2.0em Arial, Helvetica, sans-serif; color:#fff; padding:0 6px; letter-spacing:0.5px; list-style:none}
#sidebar .textwidget {background:url(images/sidebar_back.png) repeat-y; padding:8px; margin:0 -6px; border-bottom:1px solid #eaeaea;}

#sidebar h3 {font:13px/18px Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #eaeaea; margin:0; padding:0; letter-spacing:0.5px;}
#sidebar p {font:12px/18px Arial, Helvetica, sans-serif; color:#333; letter-spacing:0.3px; margin:0; padding:0;}
#sidebar img {border:1px solid #999; margin-top:3px}

/* Footer styling */
#footer {width:960px; height:40px; background:url(images/back_footer.png) no-repeat; font:12px/40px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0.4px; text-align:center; margin:5px 0 20px 0}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}

/* Various classes */
.clear {clear:both}

a.post-edit-link {width:100px; margin:10px 5px; background:url(images/edit-16x16.png) no-repeat left center #eee; padding:3px 5px 3px 25px; font:12px/25px Arial, Helvetica, sans-serif; color:#d70302; letter-spacing:0.4px; text-decoration:none; border:1px dotted #999}
a.post-edit-link:hover {text-decoration:underline}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */