/* 
	Theme Name: Arbutus Photography
	Theme URL: http://www.junipertreepuppets.com
	Author: Dejan Cancarevic
	Author URI: dejanc@gmail.com
	Version: 1.1		
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong, b {
font-weight:bold;
}
em, i {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

body {	
	background:url(images/arbutus-bg-repeat-square.jpg) repeat;
	font-size:12px;
	font-family:arial;
	color:#5b5b5b;
}

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

a:hover {
	color:#111;
}

#colors {
	background:url(images/footercolors.png) bottom no-repeat;
	width:100%;
	height:100%;
	padding:0 0 15px 0;
}

#wrapper {	
	width:960px;
	margin:0 auto;

}

#header {
	height:210px;
	padding:0 0 0 355px;
	position:relative;
	background:url(images/headerslika.png) right top no-repeat;
	margin:-0px 0 0 0;
}

#header a.moreclients {
	position:absolute;
	display:block;
	width:132px;
	height:12px;
	background:url(images/viewclients.png) left top no-repeat;
	text-indent:-9999pt;
	top:5px;
	left:365px;
}

#header a.moreclients:hover {
	background-position:bottom;	
}

#header h1{
	width:528px;
	position:absolute;
	margin:2px 0 0 -175px;
	top:0px;
	left:0px;
}

#header h1 a{
	background:url(images/logo.png) left top no-repeat;	
	width:528px;
	height:223px;
	display:block;
	text-indent:-9999pt;
}

#header h2{	
	font-size:24px;
	font-family:Arial;
	font-weight:bold;
	padding:78px 0 0 0;
	color:#3e505b;
	text-shadow:1px 1px 0 #FFFFFF;
	line-height:32px;
}	

#header h3{	
	font-size:17px;
	color:#595d62;
	text-shadow:1px 1px 0 #FFFFFF;
	line-height:24px;
	word-spacing:1px;	
	font-weight:normal;
}

#header ul{
	list-style:none;
	margin:18px 0 0 0;
	height:30px;
	color:#7c7c7c;
	font-size:16px;	
}

#header ul span{
	float:right;
	font-weight:normal;
	text-shadow:1px 1px 0 #FFFFFF;
	margin:5px 7px 0 0;
}

#header ul li{
	display:inline;
	
}

#header ul li a{
	background:url(images/menuitems.png) left top no-repeat;
	display:block;
	float:left;
	width:60px;
	height:27px;
	text-indent:-9999pt;
	margin:0 15px 0 0;

}

	#header ul li a:hover{
		background-position:0 -27px;	
	}
	
	#header ul li a:active{
		background-position:0 -54px;	
	}
	
	#header ul a.selected{
		background-position:0 -54px;	
	}

#header ul li.mhome a{
	width:62px;
}

#header ul li.mabout a{
	background-position:-78px 0px;	
	width:68px;
}

	#header ul li.mabout a:hover{
		background-position:-78px -27px;	
	}
	
	#header ul li.mabout a:active{
		background-position:-78px -54px;	
	}
	
	#header ul li.mabout a.selected{
		background-position:-78px -54px;		
	}

#header ul li.mpackages a{
	background-position:-164px 0px;	
	width:78px;
}

	#header ul li.mpackages a:hover{
		background-position:-164px -27px;	
	}
	
	#header ul li.mpackages a:active{
		background-position:-164px -54px;	
	}
	
	#header ul li.mpackages a.selected{
		background-position:-164px -54px;			
	}
	
#header ul li.mgallery a{
	background-position:-259px 0px;	
	width:81px;
}

	#header ul li.mgallery a:hover{
		background-position:-259px -27px;	
	}
	
	#header ul li.mgallery a:active{
		background-position:-259px -54px;	
	}
	
	#header ul li.mgallery a.selected{
		background-position:-259px -54px;			
	}
	
#header ul li.mblog a{
	background-position:-355px 0px;	
	width:57px;
}

	#header ul li.mblog a:hover{
		background-position:-355px -27px;	
	}
	
	#header ul li.mblog a:active{
		background-position:-355px -54px;	
	}
	
	#header ul li.mblog a.selected{
		background-position:-355px -54px;		
	}
	
#header ul li.mcontact a{
	background-position:-427px 0px;	
	width:91px;
}

	#header ul li.mcontact a:hover{
		background-position:-427px -27px;	
	}
	
	#header ul li.mcontact a:active{
		background-position:-427px -54px;	
	}
	
	#header ul li.mcontact a.selected{
		background-position:-427px -54px;	
	}
	
/** ************ slider **************************************/

#featured {
	background:url(images/featuredbg.png) left top no-repeat;
	width:945px;
	height:630px;
	padding:13px 0 0 13px;
	margin:0px; 

}

/* container for slides */
.images {
	position:relative;	
	height:562px;	
	width:100%;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;				
}

/* tabs (those little circles below slides) */
.tabs {
	text-align:right;
	padding:35px 45px 0 0;
	clear:both;
	background:url(images/featuredphotos.png) left bottom no-repeat;
	margin:0 0 0 -11px;
}

/* single tab */
.tabs a {
	width:9px;
	height:10px;	
	margin:0px 10px 0 0;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:inline-block;
	font-size:11px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -10px;     
} 	


/* prev and next buttons */
.forward, .backward {	
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:26px;
	height:27px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
	position:absolute;
	margin:590px 0 0 910px;
}


/* next */
.forward 				{ background-position: 0 0px; }
.forward:hover 		{ background-position:0px -27px; }
.forward:active 	 	{ background-position:0px -27px; } 


/* prev */
.backward:hover  		{ background-position:-27px 0; }
.backward:active  	{ background-position:-27px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* end slider */	

h4{	
	font-size:22px;
	color:#797979;
	text-shadow:1px 1px 0 #FFFFFF;
	word-spacing:1px;
	font-weight:normal;
	margin:20px 0 40px 0;	
}

h4 a{	
	float:right;
}

a.bookawed {
	display:block;
	width:109px;
	height:37px;
	text-indent:-9999pt;
	background:url(images/booknow.png) left top no-repeat;
	margin:-7px 10px 0 0;
}

a.bookawed:active {
	background-position:bottom;
}

#homesets {
	height:365px;
	overflow:hidden;
}

.bluebg2 {
	background:url(images/bluebg2.png) left top no-repeat;
	width:567px;
	height:78px;
	overflow:hidden;
	padding:15px 20px;
	text-shadow:1px 1px 0 #FFFFFF;
	margin:0 0 16px 0;
	float:right;
}

.bluebg2 p{
	width:400px;
	margin:10px 0 0 0;
}

.right {float:right}

h5 {
	font-size:16px;
	font-weight:bold;
	color:#6f6f6f;
}

h5 span{
	font-size:15px;
}

img.learn {
	float:right;
}

.bluebg2 img.learn { margin:-25px 0 0 0; }

.bluebg1 {
	background:url(images/bluebg1.png) left top no-repeat;
	width:284px;
	height:326px;
	overflow:hidden;
	text-shadow:1px 1px 0 #FFFFFF;
	margin:0 0 0px 0;
	float:left;
	padding:15px 20px;
}

.bluebg1 p{
	margin:10px 0 10px 0;
}

ul.star{
	margin:20px 0 30px 0;
	list-style:none;
}

ul.star li{
	background:url(images/star.png) left no-repeat;
	padding:0 0 0 25px;	
	font-weight:bold;
	margin:7px 0;
	text-shadow:none;
}

#footer1 {
	clear:both;
	margin:40px 0 0 0;
	text-align:right;
	text-shadow:1px 1px 0 #FFFFFF;
	padding:0 10px 0 0;
}

a.phone{
	float:left;
	background:url(images/phone.png) left no-repeat;
	padding:17px 0 15px 40px;
	margin:-17px 0 0 0;
	text-shadow:1px 1px 0 #FFFFFF;		
}

#sidebar a.phone{
	float:none;
	display:block;
}

#footer1 ul{
	list-style:none;	
	
}

#footer1 ul li{
	display:inline;
	list-style:none;
	text-transform:uppercase;
	margin:0 0 0 22px;	
}

#footer2 {
	clear:both;
	margin:15px 0 10px 0;
	text-align:right;
	text-shadow:1px 1px 0 #FFFFFF;
	padding:0 10px 0 0;
}

a.mail{
	float:left;
	background:url(images/mail.png) left no-repeat;
	padding:17px 0 15px 40px;
	margin:-17px 0 0 0;
	text-shadow:1px 1px 0 #FFFFFF;		
}

#sidebar a.mail{
	float:none;
	display:block;
}

#footer2 ul{
	list-style:none;	
	
}

#footer2 ul li{
	display:inline;
	list-style:none;
	text-transform:uppercase;
	margin:0 0 0 22px;	
}

#footer2 ul li a{
	color:#848484;
	font-size:10px;
}

#footer2 ul li a:hover{
	color:#615f5f;
}

#tla{
	clear:both;
	text-align:right;
	padding:20px 10px 0 0;
	color:#666;
	font-size:10px;
}

#tla ul{
	list-style:none;		
}

#tla ul li{
	display:inline;
	list-style:none;
	margin:0 0 0 12px;	
}

#tla ul li a{
	color:#666; 
	font-size:10px;
}

#tla ul li a:hover{
	color:#615f5f;
}

#gallerypic {
	margin:-25px 0 0px 0;
	padding:0 10px 0 0;
}

#gallerypic img{
	padding:8px;
	background:#fff;
	-moz-box-shadow: 0 0 0.8em #b2b2b2;
	-webkit-box-shadow: 0 0 0.8em #b2b2b2;
	margin:0 20px 25px 0;
}

#gallerypic img.third{
	float:right;
	margin-right:0px;
}

img.nomargin{
	margin-right:0px;
}

#sidebar {
	width:295px;
	float:left;
}

#sidebar p{
	color:#696969;
	margin:0 0px 15px 0;
	text-shadow:1px 1px 0 #FFFFFF;
	line-height:18px;
}

#maincont {
	clear:both;
	margin:30px 0 0 0;
}

.sideblock {
	margin:20px 0 20px 0;
	padding:30px 3px 0 1px;
}

.fromportfolio {
	background:url(images/fromportfolio.png) left top no-repeat;	
}

.bookss {
	background:url(images/books.png) left top no-repeat;	
}

.fromportfolio img, .bookss img{
	padding:4px;
	background:#fff;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin:0 0px 15px 0px;
}

.alitlenote {
	background:url(images/alitlenote.png) left top no-repeat;	
}

.testimonials {
	background:url(images/testimonials.png) left top no-repeat;	
}

.helpfulreso {
	background:url(images/helpfulreso.png) left top no-repeat;	
}

.social {
	margin:25px 0 0 0;
	background:url(images/social.png) left top no-repeat;	
}

#maintext {
	margin:0 0 0 357px;
}

.bluegradbox {
	padding:20px 25px 0px 25px;
	border-top:1px solid #f6f9fa;
	border-bottom:1px solid #f3f5f7;
	border-left:1px solid #f5f8f9;
	border-right:1px solid #f5f8f9;
	background:url(images/bluegrad.png) left top repeat-x #faf0ea;	
	-moz-box-shadow: 0px 1px 0.2em #636363;
	-webkit-box-shadow: 0px 1px 0.2em #636363;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 20px 0;
}

.bluegradbox h1{
	color:#707070;
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px 0;
}

.bluegradbox p{
	line-height:18px;
}

.bluegradbox a.bookawed{
	float:right;
	margin:-3px 0 0 10px;
}

#maintext h3{
	
	font-size:18px;
	margin:0 0 15px 0;
	font-weight:normal;
}

#maintext p{
	margin:0 0 25px 0;
	line-height:20px;
	
}

#maintext a.phone{
	float:none;	
	display:block;
}

#maintext a.mail{
	float:none;
	display:block;	
}

ul.arrow{
	margin:-5px 0 50px 0;
	list-style:none;
	font-style:italic;
}

ul.arrow li{
	background:url(images/arrow.png) left no-repeat;
	padding:0 0 0 20px;	
	font-weight:normal;
	margin:12px 0;
	text-shadow:none;
	color:#5f5f5f;
}

ul.arrow li a{
	color:#5b5b5b;
}

ul.arrow li a:hover{
	color:#333;
}

#sidebar ul.arrow{
	margin:-5px 0 30px 0;
}

#sidebar p.bookpromise {
	padding:0px 0px 0 0px;
	text-align:center;	
	font-size:14px;
}

.bookyourwed {
	text-indent:-9999pt;
	background:url(images/bookyourwed.png) left top no-repeat;
	height:47px;
	width:225px;
	display:block;
}

.bookyourwed:active {
	background-position:bottom;	
}

em.right {padding-right:10px; display:block; float:none; text-align:right;}

.photographersbox {
	
	padding:5px 0 0px 0;
}

.photographersbox a{
    font-size: 12px;
	color:#ce794a;
	padding-left: 10px;}

.photographersbox a:hover{
	color:#444;
}

.photographersbox img{
	float:left;
	padding:4px;
	background:#fff;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin:0 15px 0px 0px;
}

.photographersbox p{
	padding-bottom:10px;
}

#maintext h6 {
	color:#4f4f4f;
	font-size:18px;
	font-weight:normal;
}

.smaller {
	font-size:14px;
}

.social p img{
	margin:0 6px 0 4px;

}

.social{
	padding-bottom:15px;

}

.social p {
	color:#929292;
	font-size:11px;
}

.postic {
	margin:0 0 35px 0;
}

.postic div{
	margin: 0 0 0 155px;
}

#maintext .postic h3{
	margin-bottom:8px;
	font-weight:bold;
}

#maintext .postic p{
	line-height:18px;
	margin-bottom:10px;
}

#maintext .postic p.tackica{
	background:url(images/tackica.png) left top repeat-x;
	padding:7px 0 0 0;
	font-size:10px;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#878787;
}

#maintext .postic a{
	color:#4d4d4d;
}

#maintext .postic a:hover{
	color:#111;
}

#maintext h3 a{
	color:#4d4d4d;
}

#maintext h3 a:hover{
	color:#111;
}

.postic img{
	float:left;
	padding:4px;
	background:#fff;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin:0 15px 0px 0px;
	width:129px;
	height:auto;
}

#maintext p.continue {
	font-size:18px;
	color:#a6a6a6;
	text-shadow:1px 1px 0 #FFFFFF;
	font-weight:normal;
	background:url(images/tackica.png) left bottom repeat-x;
	padding:5px 0 10px 0;
	margin:0 0 5px 0;
}

#pagination {
	text-align:right;
	font-size:22px;
	font-weight:normal;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#969696;
	padding:0 0 15px 0;
}

#pagination a{
	color:#969696;
	margin:0 5px;
}

#pagination a:hover{
	color:#666;
}

#pagination .pages{
	display:none;
}

#pagination .current{
	color:#D4855C;
	margin:0 5px;
	font-weight:bold;
}

.singlepage img{
	padding:5px;
	background:#fff;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin:0 0px 5px 0px;
}

.singlepage h1 {
	font-size:20px;
	color:#4d4d4d;
	font-weight:bold;
	text-shadow:1px 1px 0 #FFFFFF;
	margin:0 0px 20px 0;
}

.singlepage a{
	color:#d4855c;
}

.singlepage a:hover{
	color:#666;
}

.singlepage h1 span{
	display:block;
	font-size:10px;
	text-transform:uppercase;
	color:#878787;
	padding:3px 0;
}

.singlepage h2 {
	font-size:20px;
	color:#c16b56;
	font-weight:bold;
	margin:10px 0px 5px 0;
}

#maintext .singlepage h3 {
	color:#c16b56;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0;

}

blockquote {
	color:#c16b56;
	padding:0px 25px 30px 25px;
	line-height:20px;
	font-size:14px;

}

#maintext .singlepage ul{
	margin:10px 0 30px 20px;
	list-style:none;
}

#maintext .singlepage ul li{
	background:url(images/arrow.png) left no-repeat;
	padding:0 0 0 25px;	
	font-weight:normal;
	margin:7px 0;
	text-shadow:none;
}

#maintext .singlepage ol{
	margin:10px 0 30px 20px;
	list-style:none;
}

#maintext .singlepage ol li{
	padding:0 0 0 25px;	
	font-weight:normal;
	margin:7px 0;
	text-shadow:none;
}

#maintext .singlepage h4 {
	color:#c16b56;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0;

}

#maintext .singlepage h5 {
	color:#494949;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 10px 0;

}

#share {
	background:url(images/share.png) no-repeat;
	margin:40px 0 20px 0;
	padding:20px 0 30px 0;
}

#share a {
	display:inline-block;
	width:28px;
	height:28px;
	text-indent:-9999pt;
	margin:0 5px 0 0;
	background-position:top left;
}

	#share a.twitter2 {
	background:url(images/twitter2.png);
	}

	#share a.rss2 {
	background:url(images/rss2.png);
	}

	#share a.stumbleupon2 {
	background:url(images/stumbleupon2.png);
	}

	#share a.facebook2 {
	background:url(images/facebook2.png);
	}


	#share a.balon2 {
	background:url(images/balon2.png);
	}


	#share a.digg2 {
	background:url(images/digg2.png);
	}

	#share a.majmun2 {
	background:url(images/redit2.png);
	}

	#share a.delicious2 {
		background:url(images/delicious2.png);
	}

	#share a.mail2 {
		background:url(images/mail2.png);
	}

#share a:hover {
	background-position:bottom;
}

#commentsbox {
	background:url(images/comments.png) no-repeat;	
	padding:20px 0 20px 0;
}

.comments {
	background:url(images/tackica.png) bottom left repeat-x;	
	padding:15px 0;
	margin:0 0 10px 0;
}

.commentsform label{
	font-weight:normal;
	font-size:12px;
	display:block;
	margin:10px 0 3px 0;
}

.commentsform input, .commentsform textarea{	
	display:block;
	font:12px arial;
	color:#333;
	padding:5px 4px;
	border-top:2px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#fff;
	width:240px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.commentsform textarea{	
	width:100%;
	height:80px;
}

#maintext .commentsform  input.submitcomment {
	width:120px;
	height:33px;
	border:0px;
	background:url(images/submitcomment.png) left top no-repeat;
	text-indent:-9999pt;
	cursor:pointer;
	margin:10px 0 10px 0;	
}

#maintext .commentsform  input.submitform {
	width:90px;
	height:35px;
	border:0px;
	background:url(images/submit.png) left top no-repeat;
	text-indent:-9999pt;
	cursor:pointer;
	margin:10px 0 0px 0;
}

.commentsform  input.submitcomment:hover {
	background-position:bottom;	
}


.comment {
	min-height:115px;
	margin:0 0 20px 0;
}

* html .comment {
	height:115px;
}

.commentimagecontainer {
	width:113px;
	font-size:11px;
	float:left;
	background:url(images/commenttipleft.gif) right top no-repeat;
	color:#626262;
}

.commentimage {
	width:74px;
	height:74px;
	padding:3px;
	background:#D4855C;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin:0 0 3px 0;
}

#maintext .reply {
	text-align:right;
	font-weight:bold;
	margin-bottom:0px;
}

#maintext .reply a {
	background:url(images/reply.gif) right center no-repeat;
	padding:0 20px 0 0;
	display:block;
	text-transform:uppercase;
	font-size:11px;
}

.commentimage img{
	width:74px;
	height:74px;
}

.commenttext {
	margin:0 0 0 112px;	
	border-top:2px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height:90px;
	padding:10px 20px;
}

.comments ul {
	background:none;
	border:0px;
	margin:0px 0 0 30px;
	padding:0px;	
}

.comments ul .commentimage img{
	width:55px;
	height:55px;	
}

.comments ul .commentimage {
	width:55px;
	height:55px;
}

#commentsbox a{
	color:#d4855c;
}

#commentsbox a:hover{
	color:#666;
}

#maintext #commentsbox h4{
	font-size:12px;
	font-weight:bold;
	text-shadow:none;
	color:#8c8989;
	text-transform:uppercase;
	margin:20px 0 20px 0;
}

.contectpage {
	width:510px;
}

.contectpage p{
	margin:0px;
}

.contectpage label{
	margin:0px 0 5px 0;
}

.capimg {
	float:left;
	margin:0 10px 0 0;
}

.capimg input {display:none;}

.capimg img{
	border-top:2px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}	

.contectpage textarea{
	width:503px;
	height:130px;
}