/*
Theme Name: fotonstudio.hr
Theme URI: http://www.fotonstudio.hr
Description: Prezentacija fotonstudio.hr
Version: 1
Author: Stjepan Tafra
Author URI: http://www.stjepantafra.com
Tags: minimal, modern
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal }
ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
a {text-decoration:none; color:#069;}
a:visited {text-decoration:none; color:#069;}
.post a:hover, .worksample a:hover, .workdesc a:hover {background:#069; color:#FFF; border:none;}
div {position:relative;}
br.clearer { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

body {background:url(http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/back_sky.jpg) repeat-x #C7C6C8; text-align: center;}

#container {margin:0 auto; width:880px;}
div#lighthouse {width:658px; height:114px; background:url(http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/svjetionik.png) no-repeat; position:absolute; right:56px; top:-85px; z-index:1;}
div#logo {position:relative; left:0; top:31px;}
ul#nav_prim {position:absolute; right:0; top:35px; font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size:17px; color:#9BABBF; height:35px; line-height:23px;}
ul#nav_prim a {color:#FFF; padding:0 3px; text-transform:lowercase;}
ul#nav_prim #current {background:url(http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/poz_nav.png) no-repeat top left; color:#000;}
ul#nav_prim a:visited {color:#FFF;}
ul#nav_prim #current a {color:#394D66;}
ul#nav_prim li {display:block; float:left; height:35px; padding:0 2px;}
ul#nav_prim li span {padding:0 1px;}
ul#nav_prim a:hover {border-bottom:2px solid #FFF;}

ul#nav_prim {color:#FFF;}
ul#nav_prim div.trigger {background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/arrow-nav.png') right center no-repeat; padding-right:14px;}
ul#nav_prim li.cur-lang ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   width:auto;
   }
ul#nav_prim li.cur-lang:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 10px; right:-30px; z-index:100; background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png');}
ul#nav_prim li.cur-lang:hover li a, #navbar li.hover li {
   float: none; }
ul#nav_prim li.cur-lang a li a:hover {
   background-color: #8db3ff; float:left; }
ul#nav_prim li.cur-lang:hover ul li a {margin:0 !important; padding:0 !important; }
ul#nav_prim li.cur-lang ul li {margin-right:1px !important; margin:0 !important;}
ul#nav_prim li.cur-lang ul img {padding-left:3px;}
ul#nav_prim li.cur-lang ul li img {padding:0 !important;}

html, body {height: 100%;}
.wrapper {min-height: 100%; margin: 0 auto -142px; text-align:left; width:880px;}
.push {height: 141px;clear: both;}
.footer {background:url(http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/back_sea.jpg) #010D19 repeat-x;clear: both; text-align:center;}
.footer p {color:#9EA3A8; margin-top:25px;}
p.footext {position:relative; bottom:-122px; left:0; display:block; color:#676E75; font-size:11px; letter-spacing:1px; text-align:center;white-space:nowrap;}
p.footext a, p.footext a:visited {color:#676E75; font-weight:bold;}
p.footext a:hover {color:#FFF;}
.post {margin-top:15px;padding-bottom:150px; float:left; width:880px; overflow:hidden;}

.worksample {width:210px; float:left; margin-right:12px;margin-bottom:15px;}
.worksample p {padding:0 5px 5px 5px;}
.worksample .wsc {background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; padding-bottom:5px;}
.worksample .wsc h3 {margin-bottom:5px;}
.worksample .cat {font-size:9px; text-transform:uppercase; letter-spacing:1px; font-style:italic;}
.worksample h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin:5px 0 0 0; padding:5px 5px 0 5px; font-weight:normal;}
h1 {font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight:normal; font-size:20px; margin:15px 0 10px 0;}
h2 {font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight:normal; font-size:20px; margin:15px 0 10px 0;}
p, ul {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
.workdesc {width:167px; float:left; margin-right:5px; padding:0 2px;padding-top:5px;}
.sep {background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-sep.png') top right no-repeat;}
.workdesc p {color:#000; font-size:12px; display:inline;}
.workdesc h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0;}
.workdesc p a {border-bottom:1px dashed #069; font-size:13px;}

.footercolumn {width:210px; float:left; margin-right:12px; text-align:left;}
.footercolumn h4 {font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight:normal; font-size:20px; margin:0 0 10px 0; color:#9EA3A8;}
.footercolumn ul li {color:#FFF; margin-bottom:4px; padding-bottom:4px; border-bottom:1px dotted #535B63; margin-left:15px; position:relative;}
.footercolumn ul li a {color:#FFF;}
.footercolumn ul li a:hover {background:#FFF; color:#000;}
.footercolumn span {margin-left:15px;}
.footer a, .footer a:visited {color:#FFF;}
.footercolumn img {position:relative; top:3px; left:0; margin-right:5px;}

.aboutus {width:166px; float:left; margin-right:10px; background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent;}
.aboutus p {padding:0 5px 5px 5px; color:#121212; font-size:12px;}
.aboutus h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin:5px 0 5px 0; padding:5px 5px 0 5px; font-weight:normal;}

.projekt {margin-bottom:30px; float:left; background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; padding:5px;}
.projekt img {float:right; margin-left:30px; margin-right:10px; margin-top:10px; margin-bottom:10px;}
.projekt h2 {margin-top:10px; padding-top:0; margin-left:10px;}

.titula {word-spacing:1px; font-size:10px; color:#666; margin-bottom:5px;}
p.kategorije {position:absolute; top:20px; left:80px;}

.bg p {padding-bottom:150px; float:left;background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; padding:5px;}
.wedd img {display:none;}
.slidepress-gallery {position:relative; top:-20px;}

.s345678 img {float:right; margin:0 10px 10px 30px;}
.s345678, .s3od4 {float:left;background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; padding:5px 5px 0 5px;}
.s345678 p, .projekt p {margin-bottom:10px; font-size:13px; padding-left:10px; text-align:justify;}
.s345678 ul {padding-left:30px; }
.s345678 ul li {list-style-position:outside; list-style-type:disc;}
.s345678 .sidebar {float:right; width:200px; margin-left:30px;}
.s345678 .sidebar img {margin-right:35px; margin-top:10px;}
.s345678 .sidebar p {padding:0 !important;}
.s345678 h1, .s345678 h2 {padding:0; margin:0; padding-left:10px; margin-top:10px; margin-bottom:10px;}
.s345678 h2 {width:370px; float:left;}

.pageproj img {float:right; margin:0 0 15px 30px; width:166px; height:141px; padding-top:10px;}
.pageproj {float:left;background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; padding:5px; width:650px; padding-bottom:20px;}
.pageproj p {margin-bottom:10px; font-size:13px; width:590px; padding-left:10px; text-align:justify;}
.pageproj ul {padding-left:30px; width:590px;}
.pageproj ul li {list-style-position:outside; list-style-type:disc;}
.pageproj .sidebar {float:right; width:240px; margin-left:20px;}
.pageproj .sidebar img {margin:0px; margin-bottom:10px; float:left;}
.pageproj .sidebar p {padding:0 !important;}
.pageproj h1, .pageproj h2 {padding:0; margin:0; padding-left:10px; margin-top:10px; margin-bottom:10px; width:550px;}

div#preporuka {padding-top:5px; margin-top:20px; border-top:1px solid #666;}
span.preporuka {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; color:#666; line-height:23px; display:block; padding-right:15px;}
span.preautor {font-size:11px; font-style:normal; color:#333; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; display:block; margin-top:5px; line-height:normal; padding-top:5px; border-top:1px solid #666;}

img.wthumbs {width:80px !important; height:80px !important;padding:0 !important; float:left !important; margin:0 5px 5px 0 !important;}
.projlist {margin-left:15px; margin-top:5px; float:left; width:615px;}
.projlist img {opacity: 0.5;}
.projlist img:hover {opacity:1;}

.s3od4 {width:654px; margin-right:12px; float:left; padding-bottom:15px; }
.s3od4 p {padding:0 10px; margin-bottom:15px;}
.s3od4 ul {padding-bottom:7px;}
.s3od4 ul li {list-style-type:disc; list-style-position:outside; margin-left:30px;}
.s3od4 h4, .s3od4 h1, .s3od4 h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; margin-left:10px; margin-bottom:5px; margin-top:10px;}
.s1od4 {width:210px; float:left;}
.s2od4 {width:432px; float:left; margin-right:12px;background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-worksample.png') transparent; margin-bottom:12px;}
.s2od4 h3, .s2od4 p {padding:15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.s2od4 p {padding-top:5px; margin-top:0; text-align:justify;}
.s2od4 h3 {padding-bottom:0; margin-bottom:0;}

.fmali {font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.fveli {font-size:16px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.nob {background:none !important;}
p.pod {font-size:11px;}
h1 a.inv {background:#069; color:#FFF; padding:2px;}
h1 a.inv:hover {background:#FFF; color:#069;}

a.google-adwords {background:orange; color:#FFF;}
a.fotografija {background:green; color:#FFF;}
a.trid-vizual {background:red; color:#FFF;}
a.graficki-dizajn {background:red; color:#FFF;}
a.web-dizajn {background:red; color:#FFF;}

div.wpcf7 {margin: 0; padding: 0; float:left; width:300px; margin-left:30px; position:relative;}

div.wpcf7-response-output {
	margin: 0.1em 0.5em 0.1em;
	padding: 0.2em 1em;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#000 !important; position:relative;  margin-bottom:5px !important;
}
input.unos {width:300px;}
textarea.unos {width:300px !important;}
span.math-quiz input {width:300px;}
input.math-quiz {width:300px;}
.bgst {background:url('http://www.fotonstudio.hr/wp-content/themes/fotonstudio/style/images/bg-storadimo.png') transparent repeat-x; float:left; padding-left:5px; padding-bottom:5px; z-index:5;}
.cetvrti {margin:0 !important;}
img#wpstats{display:none}

div.wpcf7-mail-sent-ok {
	background:#398f14;padding: 0.2em 1em;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;width:290px; color:#fff !important; font-weight:bold; position:relative; left:-5px;
}

div.wpcf7-mail-sent-ng {
	background:#ff0000;padding: 0.2em 1em;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;width:290px; color:#fff !important; font-weight:bold; position:relative; left:-5px;
}

div.wpcf7-spam-blocked {
	background:#ffa500;padding: 0.2em 1em;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;width:290px; color:#fff !important; font-weight:bold; position:relative; left:-5px;
}

.wpcf7-validation-errors {background: #f7e700;padding: 0.2em 1em;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;width:290px; color:#000 !important; font-weight:bold; position:relative; left:-5px;}

span.wpcf7-form-control-wrap {
	position: relative; width:300px;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 400px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

div.wpcf7-display-none {
	display: none !important;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
	display:none;
}

#myGallery,#myGallerySet,#flickrGallery{width:880px;height:340px;z-index:5;overflow:hidden;}#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none}.jdGallery{overflow:hidden;position:relative}.jdGallery img{border:0;margin:0}.jdGallery .slideElement{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://fotonstudio.hr/wp-content/themes/fotonstudio/style/js/css/img/loading-bar-black.gif')}.jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://fotonstudio.hr/wp-content/themes/fotonstudio/style/js/css/img/loading-bar-black.gif')}.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0px;left:0;bottom:0;height:30px !important;background:#F0F2E6;color:#5A5B57;text-indent:0;overflow:hidden}* html .jdGallery .slideInfoZone{bottom:-1px}.jdGallery .slideInfoZone h2{padding:0;font:1em Georgia,"Times New Roman",Times,serif;margin:5px 0 0 5px;padding:0 0 0 0px;color:inherit; font-style:italic; color:#333;}.jdGallery .slideInfoZone p{padding:0;margin:0px 10px;color:#FFF}.jdGallery div.carouselContainer{position:absolute;height:15px;width:100%;z-index:10;margin:0px;left:0;top:0}.jdGallery a.carouselBtn{position:absolute;bottom:0;right:30px;height:50px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer}.jdGallery .carousel{position:absolute;width:100%;margin:0px;left:0;top:0;height:115px;background:#333;color:#fff;text-indent:0;overflow:hidden}.jdExtCarousel{overflow:hidden;position:relative}.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{position:absolute;width:100%;height:78px;top:10px;left:0;overflow:hidden}.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative}.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{cursor:pointer;background:#000;background-position:center center;float:left;border:solid 1px #fff}.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px}.jdGallery .carousel .label,.jdExtCarousel .label{font-size:13px;position:absolute;bottom:5px;left:10px;padding:0;margin:0}.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{font-size:10px;position:absolute;bottom:5px;right:10px;padding:1px 2px;margin:0;background:#222;border:1px solid #888;cursor:pointer}.jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5}.jdGallery a{font-size:100%;text-decoration:none;color:inherit}.jdGallery a.right,.jdGallery a.left{position:absolute;height:99%;width:25%;cursor:pointer;z-index:10;opacity:0.2}* html .jdGallery a.right,* html .jdGallery a.left{opacity:0.5}.jdGallery a.right:hover,.jdGallery a.left:hover{opacity:0.8}.jdGallery a.left{left:0;top:0;background:url('img/fleche1.png') no-repeat center left}* html .jdGallery a.left{background:url('img/fleche1.gif') no-repeat center left}.jdGallery a.right{right:0;top:0;background:url('img/fleche2.png') no-repeat center right}* html .jdGallery a.right{background:url('img/fleche2.gif') no-repeat center right}.jdGallery a.open{left:0;top:0;width:100%;height:100%}.withArrows a.open{position:absolute;top:0;left:25%;height:99%;width:50%;cursor:pointer;z-index:10;background:none;opacity:0.8}.withArrows a.open:hover{background:url('img/open.png') no-repeat center center}* html .withArrows a.open:hover{background:url('img/open.gif') no-repeat center center;opacity:0.8;}/* Gallery Sets */.jdGallery a.gallerySelectorBtn{z-index:15;position:absolute;top:0;left:30px;height:20px;text-align:center;padding:0 10px;font-size:16px;background:#333;color:#fff;cursor:pointer;opacity:.4}.jdGallery .gallerySelector{z-index:20;width:100%;height:100%;position:absolute;top:0;left:0;background:#000}.jdGallery .gallerySelector h2{margin:0;padding:10px 20px 10px 20px;font-size:20px;line-height:30px;color:#fff}.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden}.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left:10px;margin-top:10px;border:1px solid #888;padding:5px;height:10px;color:#fff;cursor:pointer;float:left}.jdGallery .gallerySelector .gallerySelectorInner div.hover{background:#333}.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:#000;background-position:center center;float:left;border:none;width:40px;height:10px;margin-right:5px}.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-size:10px;font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif}.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin:0;padding:0;font-size:12px;font-weight:normal;color:#aaa}

.wp-pagenavi {margin:15px 0 15px 0; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px;}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 9px 5px 9px;
	margin: 2px;
	text-decoration: none;
	color:#069;
	border:3px solid #069;
}
.wp-pagenavi a:visited {
	padding: 5px 9px 5px 9px; 
	margin: 2px;
	text-decoration: none;
	color: #069;
	border:3px solid #069;
}
.wp-pagenavi a:hover {	
	color: #000000;
	background-color: #FFFFFF;
	border:3px solid #fff;
}
.wp-pagenavi a:active {
	padding: 5px 9px 5px 9px;
	margin: 2px;
	text-decoration: none;
	color: #000;
	border:3px solid #fff;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	display:none;
}
.wp-pagenavi span.current {
	padding: 5px 9px 5px 9px;
	margin: 2px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border:3px solid #fff;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	display:none;
}