/*



Theme Name: 



Theme URI: http://www.hrelic.hr	



Description: 



Author: Mustra-designs (ivan ružević)



Author URI: www.mustra-designs.com



Version: 1.0



License: Mustra-designs private License



License URI: license.txt



Tags: black



*/







/*Global reset*/



html {margin-top:0!important}



html {margin:0;padding:0;border:0;}



body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}



article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}



body {line-height:1.8;background:#fff;}



table {border-collapse:separate;border-spacing:0;}



caption, th, td {text-align:left;font-weight:normal;float:none !important;}



table, th, td {vertical-align:middle;}



blockquote:before, blockquote:after, q:before, q:after {content:'';}



blockquote, q {quotes:"" "";}



a img {border:none;}



:focus {outline:0;}



.clear{clear:both}



/*Global reset END*/







/* Typography */



body{ background: url('images/body.png') repeat-x center top #fafafa; color:#252525;font-family: Arial, Helvetica, sans-serif;font-size:75%;}



h1, h2, h3, h4, h5, h6 {padding:0 0 5px 0;font-weight:normal}



h1 {font-size:2em}



h2 {font-size:1.6em}



h3 {font-size:1.5em}



h4 {font-size:1.4em}



h5 {font-size:1.3em}



h6 {font-size:1.2em}



p {font-size:1.1em}



a {color:#6a2323;text-decoration:none}



a:hover {color:#451717;text-decoration: underline}



ul{ margin-left:15px}



/* Typography END */







/*Sprite*/



.sprite,



#header #logo .logo,



.post .post-meta .field,



#sidebar #searchform #searchsubmit,



#sidebar .widget_recent_comments li,



#sidebar .widget_recent_entries li,



input[type=submit],



.buttons{background:url('images/sprite.png') no-repeat;width:0px;height:0px;overflow:hidden;}



/*Sprite END*/







/*forms*/



input[type=text],input[type=password],textarea,select{width:250px;padding:10px; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}



textarea{ width:608px; height:150px}



input[type=submit],



.button1{ width:162px; height:42px; border:none;text-align:center; color:#fff; cursor:pointer; background-position:0 -586px; }







input[type=submit]:hover,



.button1:hover{ background-position:0 -628px;}







/*forms END*/







/*layout*/



.container{ margin:0 auto; width:990px;}



.col{float:left; margin-right:30px;}







.col_one_three{ width:330px;}



.col_two_three{ width:630px}



.col_full{ width:990px}







.col1/4{ width:217px}



.col2/4{ width:464px}



.col3/4{ width:711px}







.col1/5{ width:168px}



.col2/5{ width:366px}



.col3/5{ width:564px}



.col4/5{ width:762px}







.last{ margin-right:0}











#header{height: 185px; background:url('images/content.png') no-repeat center top;}



#header #logo{ height:135px}



#header #logo .logo{ width:447px; height:131px; display:block; text-align:center; text-indent:-9999px; margin: 0 auto}



#header #logo #site-description{ color:#fff; text-align:center; display:block; margin-top:-75px; font-size:1.5em;}



#content { width:990px;margin: 25px auto 75px;min-height: 517px;}



#main_content.front_page{ margin-top:25px}



#footer{ background:url('images/footer.png') repeat-x bottom right; height:39px; text-align:center;color:#fff}



#footer p{ padding-top:10px}



#footer a{ color:#fff}



/*layout END*/







/*navigation*/



#navigation{ height:44px;margin-left:50px; margin-top:-21px}



#navigation ul{ height:42px; margin:0}



#navigation li{ float:left; list-style:none}



#navigation li a{display: block;height:40px; padding:10px 38px 0; color:#fff; font-size:1.25em}



#navigation li a:hover{  text-decoration:none; background:url('images/menu_hover.png') no-repeat}











#navigation li.item2,#navigation li.item6{ padding-top:12px}



#navigation li.item3,#navigation li.item4,#navigation li.item5{ padding-top:19px}







#navigation li.item1 a:hover{ background-position:95px 22px}



#navigation li.item2 a:hover{ background-position:85px 22px}



#navigation li.item3 a:hover,



#navigation li.item4 a:hover{ background-position:85px 22px;}



#navigation li.item5 a:hover,



#navigation li.item6 a:hover{ background-position:85px 22px;height:30px}



#navigation li.item7 a:hover{ background-position:72px 22px;height:30px}







#navigation .sub-menu{position:absolute;z-index:999; display:none; height:auto}



#navigation .sub-menu li{float:none;background-color:#6A2323;}



#navigation .sub-menu li a{ padding:10px 35px; height:auto; border-bottom:1px dashed #ccc}



#navigation .sub-menu li a:hover{ background-position: right bottom; height:auto;}



#navigation .sub-menu li.last{border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}



#navigation .sub-menu li.last a{border-bottom:none;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}



/*navigation END*/







/*breadcrumbs*/



#breadcrumbs{ color:#8d8d8d;font-size:0.9em; margin-bottom:15px}



/*breadcrumbs END*/







/*slider*/







#slider{ margin: 0 auto 10px auto; position:relative; border:1px solid #ccc;  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:5px; background-color:#fff; cursor:pointer}



#slider .slider_bg_right{ background:url('images/right_slider.png') no-repeat; position:absolute; z-index:999; width:103px; height:116px; bottom:0; right:5px; border:medium none; border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;-webkit-border-radius:0 0 4px 0;}



#slider .slider_bg_left{ background:url('images/left_slider.png') no-repeat; position:absolute; z-index:999; width:103px; height:116px; bottom:0; left:5px;border:medium none;border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;-webkit-border-radius:0 0 0 4px;}



/*slider END*/







/*loop*/



.post{ border-bottom:1px dashed #ccc; margin-bottom:25px; padding-bottom:25px}



.post .intro-image{ background:url('images/featured_img.png') no-repeat center bottom; float:left; margin:5px 15px 0 5px; padding-bottom: 14px; position:relative}



.post .ribbon{ position:absolute; top:-6px; left:-7px}



.post img.attachment-post-thumbnail { padding:5px; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}











.post .post-title{line-height:1.5em; padding:5px 0 10px 0;}



.post .post-meta{border-top:1px dashed #a1a1a1; border-bottom:1px dashed #a1a1a1; color:#888888; font-size:0.9em; padding-top:7px; margin-bottom:15px; overflow:hidden}



.post .post-meta a{color:#888888}



.post .post-meta a:hover{color:#451717;}



.post .post-meta .field{ float:left; height:25px; width:auto; padding-left:25px; margin-right:23px}



.post .post-meta .post-meta-date{ background-position:0 -237px}



.post .post-meta .post-meta-category{background-position:0 -182px}



.post .post-meta .post-meta-comment{background-position:0 -128px; margin-right:0}







.post .post-content img{padding:5px; border:1px solid #ccc!important; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}



.post img.alignleft {clear: left;float: left;margin: 0 15px 15px 0;}



.post img.alignright {clear: right;float: right;margin: 0 0 15px 15px;}



.post ul,.post ol {overflow:hidden;}



.post ul li,.post ol li{ margin-left:25px}



.post ul{ list-style:disc}



.post ol{ list-style:decimal}



.gallery-columns-3 .gallery-item img{max-width:180px; height:auto }



.gallery-columns-4 .gallery-item img{max-width:130px; height:auto }



.gallery-columns-5 .gallery-item img{max-width:100px; height:auto }



.gallery-columns-6 .gallery-item img{max-width:72px; height:auto }



.gallery-columns-7 .gallery-item img{max-width:68px; height:auto }



.gallery-columns-8 .gallery-item img{max-width:55px; height:auto }



.gallery-columns-9 .gallery-item img{max-width:50px; height:auto }







.wp-paginate {text-align:center;padding-top: 15px;}



.wp-paginate li {display: inline;list-style: none outside none;}



.wp-paginate a, .wp-paginate span {padding:13px 5px;margin:5px;color:#3e382a;display:inline}



.wp-paginate a:hover, .wp-paginate .current {background:url('images/pagination.png') no-repeat center; text-decoration:none}



.wp-paginate span {font-weight:bold}







.ngg-navigation a,.ngg-navigation span{padding:13px 5px!important;margin:5px;color:#3e382a; border:none!important; line-height:30px}



.ngg-navigation a:hover,.ngg-navigation span{background:url('images/pagination.png') no-repeat center #fafafa!important; text-decoration:none;}



/*loop END*/







/*page*/



#main_content .page .page-title{line-height:1.5em; padding:5px 0 10px 0; color:#6A2323; font-size:2em }



#main_content .page .post-content img{padding:5px; border:1px solid #ccc!important; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}



#main_content .page img.alignleft {clear: left;float: left;margin: 0 15px 15px 0;}



#main_content .page img.alignright {clear: right;float: right;margin: 0 0 15px 15px;}



#main_content .page ul,#main_content .page ol {overflow:hidden;}



#main_content .page ul li,#main_content .page ol li{ margin-left:25px}



#main_content .page ul{ list-style:disc}



#main_content .page ol{ list-style:decimal}



/*page END*/







/*single*/



#banners{ border-bottom:1px dashed #ccc;padding-bottom: 15px;}



#comments #commentlist ul{margin:0; list-style:none; }



#comments #commentlist li{ padding:15px;margin-bottom:15px; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}



#comments #commentlist li.bypostauthor .comment-avatar img{ border-color:#6A2323}



#comments #commentlist .comment-avatar{ float:left; margin:0 15px 0 0;}



#comments #commentlist .comment-avatar img{padding:5px; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff }



#comments #commentlist .comment-avatar .edit-link{ text-align:center}



#comments #commentlist .comment-content { float:left; width:520px}



#comments #commentlist .comment-title{ font-size:1.3em; font-weight:bold; line-height:1em;}



#comments #commentlist .comment-date{ font-size:0.9em; color:#888888;}



#comments #commentlist .reply{ float:right}



#comments #commentlist .approval{ color:#6A2323}



#comments #commentlist .no-comment{padding-bottom:15px}







#comments #commentlist .depth-2{ margin-left:77px; background-color:#fafafa}



#comments #commentlist .depth-2 .comment-content { width:410px}







#comments #commentlist .depth-3{ margin-left:77px;}



#comments #commentlist .depth-3 .comment-content { width:300px; margin-bottom:0; padding-bottom:0}







#comments #commentlist .wp-paginate{ padding:0 0 15px 0}







#comments #comment-submit{ border-top:1px dashed #ccc; position:relative; padding-top:15px}



#comments #comment-submit #alt-login-methods{ position:absolute; right:0; top:85px}



#comments #comment-submit #fb-user,



#comments #comment-submit .logged-in-as{ background-color:#fff; border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin-bottom:5px}



#comments #comment-submit .logged-in-as{ padding:10px}



#comments #comment-submit #fb-user img{ margin-right:15px}



#comments #comment-submit #fb-user a{color:#6A2323}



#comments #comment-submit p{ margin-bottom:5px}



#comments #comment-submit #sfc_comm_send{ float:left; margin:13px 0 0 15px}



#comments #comment-submit input[type=submit]{float:left}



/*single END*/







/*Sidebar*/



#sidebar-middle{background:url('images/sidebar_middle.png') repeat-y left center;padding-left:25px; padding-bottom:15px }



#sidebar-top{ background:url('images/sidebar_top.png') no-repeat left top; height:30px; width:74px}



#sidebar-bottom{ background:url('images/sidebar_bottom.png') no-repeat left top; height:50px; width:74px}







#sidebar  .panel{ margin-bottom:30px}



#sidebar a{ color:#252525}



#sidebar a:hover{ color:#6a2323}



#sidebar .widget-title{ color:#6a2323}



#sidebar ul{ margin:0}



#sidebar li{ list-style:none;padding:0 0 10px 0;margin-bottom:10px; border-bottom:1px dashed #ccc}



#sidebar img{ max-width:263px; padding:5px; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}











#sidebar .widget_recent_entries li{ background-position:0 -467px; padding-left:25px; width:auto; height:auto}







#sidebar .widget_recent_comments li{ background-position:0 -124px; padding-left:25px; width:auto; height:auto} 







#sidebar .widget_links li{ list-style:disc; margin-left:15px}







#sidebar #searchform{ position:relative}



#sidebar #searchform label{ display:none}



#sidebar #searchform input[type=text]{width:280px;}



#sidebar #searchform #searchsubmit{ background-position:0 -331px; width:35px; height:31px; border:none; text-indent:-9999px; cursor:pointer; position:absolute; right:10px; top:4px }



#sidebar #searchform #searchsubmit:hover{ background-position:0 -364px}







#sidebar .widget_wp_sidebarlogin input[type=text],



#sidebar .widget_wp_sidebarlogin input[type=password]{ width:260px; background-color:#fafafa }



#sidebar .widget_wp_sidebarlogin{ background-color:#fff; border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:5px 10px}



#sidebar .widget_wp_sidebarlogin li{ border-bottom:none; margin:0; padding:0;}



#sidebar .widget_wp_sidebarlogin #login_error{background:url('images/error.png') no-repeat 0 1px; padding-left:25px; color:#900}



#sidebar .widget_wp_sidebarlogin .sidebarlogin_otherlinks{ margin-top:10px}



#sidebar .widget_wp_sidebarlogin .sidebarlogin_otherlinks li{ border-bottom:1px dashed #ccc; }







#sidebar .widget_wp_sidebarlogin .pagenav{ margin-top:5px}



/*Sidebar END*/







/*contact*/



.captcha input{width:170px}



.captcha .wpcf7-not-valid-tip,.captcha .wpcf7-not-valid-tip-no-ajax{ margin-left:25px}



.wpcf7-captcha-captcha{border:1px solid #ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff }



.wpcf7-form p{ margin-bottom:5px; position:relative}



.wpcf7-form img{ vertical-align:top; padding:8px!important; margin-right:10px }



.wpcf7-not-valid-tip,.wpcf7-not-valid-tip-no-ajax{color:#900; font-size:0.9em; margin-left:15px; background:url('images/error.png') no-repeat 0 1px; padding-left:25px; position:absolute; bottom:5px; left:265px}



.wpcf7-mail-sent-ng,.wpcf7-validation-errors{background: url("images/info.png") no-repeat 0 1px; color:#44679A}



.wpcf7-response-output{margin-top: 10px;padding: 2px 0 5px 35px;}



.wpcf7-mail-sent-ok{background: url("images/success.png") no-repeat 0 1px; color:#37c300}



.wpcf7-form .buttons{margin-top:10px;}



.wpcf7-form .ajax-loader {margin:-3px 0 0 15px!important;vertical-align: middle;border:1px solid #ccc!important; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff}



/*contact END*/







/*galley*/



.slideshowlink{ display:none}

#main_content .ngg-gallery-thumbnail img{ border-color:#ccc; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#main_content  .ngg-album-compactbox .Thumb{ width:100%; height:auto; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; border:none!important}
#main_content  .ngg-album-compactbox{padding:0!important; background:none; border:none}
#main_content  .ngg-album-compact{ width:132px ; height:230px; text-align:center; padding:0 25px 0 0!important}
#main_content  .ngg-album-compactbox:after,
#main_content  .ngg-album-compactbox:before{ border:none}
#main_content  .ngg-album-compact h4 {padding:0; font-size:12px; display:block}
#main_content  .ngg-album-compact h4 .ngg-album-desc{ display:inline-block; line-height:15px}
#main_content .ngg-gallery-thumbnail{ margin-right:3px; width:202px}





/*galley END*/