/* CSS Document 
Naziv projekta [ Maja Homen ]
PolarNorth [www.polarnorth.org]
*/

*{ margin:0px; padding:0px; }
body{ font: 62.5% Arial, Helvetica, sans-serif; text-align:center; background:#2a2626 url(../img/bg-body-repeat-x.jpg) repeat-x center top; }

/* Common */
.clear { clear:both }
.left { text-align:left } .center { text-align:center } .right { text-align:right }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
img.alignleft, table.alignleft { margin:0 10px 5px 0 } img.alignright, table.alignright { margin: 0 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0 }
.nomargin { margin:0 }
.hidden { display:none }
.spacer { clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee }

/* Main definitions */
h1, h2, h3, h4, h5, h6 {}
p { font-size:1.7em; line-height:2em; color:#999; }

a { color:#ccc; text-decoration:underline; } .freelance a { text-decoration:none }
a:hover { color:#ddd; text-decoration:none; }

strong {}
em {}

/* Layout */
.container {
	margin:0 auto;
	width:940px;
	text-align:left;
	position:relative;
}
#header {
	height:195px;
}
#content {  }
#footer {
	margin-top:20px;
	border-top:1px solid #443f3e;
	background:#1e1c1b;
}

/* Head */
#logo { display:block; width:340px; height:100px; position:absolute; top:73px; left:0; text-indent:-8000px; background:url(../img/logo.png) no-repeat left top }
#logo a { display:block; height:100px; text-decoration:none; border-bottom:none }
p.freelance { line-height:2.35em; text-align:center; } p.freelance a { font-weight:bold }

/* Navigation */
#header .navigation { position:absolute; top:140px; right:0; font-size:1.5em; }
#header .navigation li { float:left; }
#header .navigation li a { display:block; margin-left:25px; text-decoration:none; font-weight:bold }
#header .navigation li a:hover {}
#header .navigation li a.selected { color:#696262; }

/* Page intro */
#welcome { width:840px; height:210px; background:url(../img/page-welcome.png) no-repeat left top; padding:40px 50px 0 50px; margin:0; }
#welcome h2 {    }
#welcome p { width:540px; }

/* Headings */
.heading-replace { display:block; height:80px; width:500px; text-indent:-8000px; }
#heading-dobrodosli { background:url(../img/heading-dobrodosli.png) no-repeat left top; }
#heading-aktualne-fotografije { background:url(../img/heading-aktualne-fotografije.png) no-repeat left top; margin-left:220px; }

/* Content, Photo thumbs */
.photo-thumbs { margin:0 0 20px -10px; width:960px; float:left; text-align:center; font-size:1.3em; }
.photo-thumbs li { float:left; width:220px; height:220px; margin:0 10px 20px; display:inline; background:url(../img/bg-photo-thumb-220px.png) no-repeat left top; }
.photo-thumbs li a { }
.photo-thumbs li a:hover { color:#ddd; text-decoration:none; }
.photo-thumbs li a img { border:5px solid #000; display:block; }
.w100x160 { margin:10px 55px 0 55px; } .w160x100 { margin:50px 25px 20px 25px; }
.photo-thumbs li span { padding:10px 0; display:block; }

/* Other stuff */
.extended, .extended2 {
	clear:both;
	position:relative;
	margin:40px 0;
}
.extended {
	background:url(../img/extended-bg.png) repeat-y top right;
	text-align:center;
}
.extended.one-link a {
	display:block;
	width:100%;
	font-size:1.7em;
	padding:10px 0;
	font-weight:bold;
}
.extended.pagination a { padding:8px; text-decoration:none; color:#999 }
.extended.pagination a.selected, .extended.pagination a:hover { color:#d5d5d5 }
.extended .top, .extended .bottom, .extended2 .top, .extended2 .bottom {
	width:940px;
	height:10px;
	left:0;
	position:absolute;
}
.extended .top, .extended .bottom {
	background:url(../img/extended-bg.png) repeat-y top left;
}
.extended .top { background:url(../img/extended-bg.png) no-repeat top left; top:-10px; }
.extended .bottom { background:url(../img/extended-bg.png) no-repeat bottom left; bottom:-10px }

.extended2 {
	background:url(../img/extended2-bg.png) repeat-y top right;
	text-align:left;
	padding:30px;
	min-height:120px;
	height:auto !important;
	height:120px;
}
body.about .extended2 {
	padding-right:400px;
}
.extended2 .top { background:url(../img/extended2-bg.png) no-repeat top left; top:-10px }
.extended2 .bottom { background:url(../img/extended2-bg.png) no-repeat bottom left; height:180px; bottom:-10px; z-index:1 }

.project {
	background:url(../img/projects-bg.png) no-repeat 0 0;
	margin-bottom:20px;
}
.project a {
	width:940px;
	height:220px;
	display:block;
	font-size:3.6em;
	position:relative;
	text-decoration:none;
}
.project a span { position:absolute; bottom:92px; left:40px }
#projects_priroda { background:url(../img/projects_priroda.jpg) no-repeat 10px 0 }
#projects_ostalo { background:url(../img/projects_ostalo.jpg) no-repeat 10px 0 }
#projects_impresije { background:url(../img/projects_ostalo.jpg) no-repeat 10px 0 }
#projects_ljudi { background:url(../img/projects_ljudi.jpg) no-repeat 10px 0 }
#projects_dogadjanja { background:url(../img/projects_dogadjanja.jpg) no-repeat 10px 0 }
#projects_glazba { background:url(../img/projects_glazba.jpg) no-repeat 10px 0 }
#projects_vjencanja { background:url(../img/projects_vjencanja.jpg) no-repeat 10px 0 }
#quote-william-blake {
	width:540px;
	height:145px;
	background:url(../img/quote-william-blake.png) no-repeat 0 0;
	text-indent:-8000px;
	display:block;
	float:left;
}
/*
.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
	line-height:2.18em;
	font-style:italic;
	width:540px;
	margin-left:40px;
	float:left;
	color:#7a7979;
}
.quote span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.81em;
	font-style:normal;
	padding-left:20px;
}
*/
.guestbook-button {
	width:320px;
	height:/*101px*/77px;
	/*padding:80px 50px 0;*/
	padding:80px 0 0 0;
	overflow:hidden;
	float:right;
	background:url(../img/knjiga-gostiju-naslovna-bg.png) no-repeat 0 0;
}

/* Other FUN Stuff ;) */
body.about .extended2 .bg_image {
	position:absolute;
	top:-33px;
	right:0;
}
#contact_list {
	background:#413d3d;
	position:relative;
	width:210px;
	padding:0 20px;
	float:left;
	margin:20px 20px 10px 0;
	z-index:30;
	font-size:15px;
	color:#979797;
}
#contact_list .top, #contact_list .bottom {
	width:250px;
	height:10px;
	position:absolute;
	left:0;
}
#contact_list .top {
	background:url(../img/contact-list-bg.png) no-repeat top left;
	top:-10px;
}
#contact_list .bottom {
	background:url(../img/contact-list-bg.png) no-repeat bottom left;
	bottom:-10px;
}
#contact_list li {
	padding:12px 0;
}
#contact_list li.icons { padding:0 }
#contact_list #icon_twitter, #contact_list #icon_facebook {
	padding:12px 12px 12px 40px;
	display:block;
}
#contact_list #icon_twitter { background:url(../img/icon_twitter.png) no-repeat 0 50% }
#contact_list #icon_facebook { background:url(../img/icon_facebook.png) no-repeat 0 50% }

/* like allmighty Guestbook */
#guestbook_list {
	margin-bottom:30px;
}
#guestbook_list li {
	width:880px;
	position:relative;
	min-height:90px;
	height:auto !important;
	height:70px;
	margin-bottom:30px;
}
#guestbook_list .message {
	background:#413d3d;
	padding:30px;
	width:500px;
	font-size:1.4em;
	line-height:2em;
	color:#999;
	margin-left:320px;
	position:relative;
}
#guestbook_list .message .top, #guestbook_list .message .bottom {
	width:560px;
	height:10px;
	position:absolute;
	overflow:hidden;
}
#guestbook_list .message .top {	background:url(../img/knjiga-gostiju-bg.png) no-repeat 0 -60px; top:-10px }
#guestbook_list .message .bottom {	background:url(../img/knjiga-gostiju-bg.png) no-repeat 0 -100px; bottom:-10px }
#guestbook_list .meta {
	font-size:1.4em;
	line-height:1.5em;
	color:#999;
	position:absolute;
	top:-10px;
	left:0;
	width:330px;
}
#guestbook_list .meta .pointer {
	width:50px;
	height:50px;
	background:url(../img/knjiga-gostiju-bg.png) no-repeat -570px -60px;
	position:absolute;
	top:0;
	right:0;
}
#guestbook_list .meta span { display:block }

/* Forms */
.form {
	padding:20px 30px;
	background:url(../img/forma-bg.png) repeat-y top right;
	position:relative;
	z-index:10;
}
.form .top, .form .bottom {
	width:880px;
	height:10px;
	position:absolute;
}
.form .top { background:url(../img/forma-bg.png) no-repeat top left; top:-10px }
.form .bottom { background:url(../img/forma-bg.png) no-repeat bottom left; bottom:-10px }
.form ol {
	width:380px;
}
.form .fields_left { float:left; margin-right:30px } .form .fields_right { float:right }
.form li {
	margin-bottom:5px;
}
.form li.captcha { padding-top:10px }
.form label {
	width:420px;
	display:block;
	font-size:1.7em;
	line-height:2em;
	color:#888;
	position:relative;
}
.form label span {
	position:absolute;
	right:40px;
	opacity:.3;
	filter:Alpha(opacity=30);
}
.form label span.required {
	color:#ff0000;
}
.form .captcha label {
	display:inline-block;
	padding-left:10px;
	position:relative;
	top:-8px;
	width:auto;
}
.form .text {
	width:368px;
	padding:5px;
	background:#3c3737;
	border:1px solid #373333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#aaa;
	z-index:20;
}
.form .text:focus { border:1px solid #2c2828; background:#353131 }
.form textarea.text {
	height:131px;
}
input.button {
	background:#262222;
	border:1px solid #201c1c;
	color:#fff;
	padding:5px 10px;
	overflow:visible;
	margin:5px 10px 0 0;
	cursor:pointer;
}

/* H2 Image replacement */
h2.ir {
	text-indent:-8000px;
	width:100%;
	display:block;
	margin-bottom:20px;
	z-index:20;
	position:relative;
}
#h_projekti_priroda { background:url(../img/h2_projekti_priroda.png) no-repeat top left; height:47px }
#h_projekti_ljudi { background:url(../img/h2_projekti_ljudi.png) no-repeat top left; height:73px }
#h_projekti_ostalo { background:url(../img/h2_projekti_ostalo.png) no-repeat top left; height:47px }
#h_projekti_impresije { background:url(../img/h2_projekti_ostalo.png) no-repeat top left; height:47px }
#h_o-maji { background:url(../img/h2_o-maji.png) no-repeat top left; height:73px; margin-bottom:0 }
#h_knjiga-gostiju { background:url(../img/h2_knjiga-gostiju.png) no-repeat top left; height:73px }
#h_kontakt { background:url(../img/h2_kontakt.png) no-repeat top left; height:56px }

#h_projekti_vjencanja { background:url(../img/h2_projekti_vjencanja.png) no-repeat top left; height:80px }
#h_projekti_glazba { background:url(../img/h2_projekti_glazba.png) no-repeat top left; height:47px }
#h_projekti_dogadjanja { background:url(../img/h2_projekti_dogadjanja.png) no-repeat top left; height:80px }

/* Footer */
#footer .container {
	padding:20px 0 40px;
	text-align:center;
}
#footer p { font-size:1.2em }
#footer p.alignright a { margin-left:5px }
/* FIX */
.extended a, .extended2 a, .extended p, .extended2 p, .big_image { position:relative; z-index:20 }