/*
Theme Name: Nicholas Dawkes
Theme URI: http://www.nicholasdawkesphotography.co.uk/
Description: First version of template for Nicholas Dawkes.
Version: 1.0
Author: Ian Harris
Author URI: http://www.carronmedia.com/

*/

*								{margin: 0; padding: 0}

body 							{font-size: 62.5%; font-family: Verdana, Arial, Sans-Serif;
								 background: #000 url('images/mainbg2.jpg') center 0 fixed no-repeat; color: #fff;}
							 
.hidden						{display: none;}

h2								{font: 26px/30px normal Georgia, "Times New Roman", Times, serif; margin-bottom: 12px;}
h3								{font: 20px/26px normal Georgia, "Times New Roman", Times, serif; margin-bottom: 6px;}
h4								{font: 20px/22px normal Georgia, "Times New Roman", Times, serif; clear: both;}


/****** WRAPPER ******/

#wrapper						{margin: 0 auto; width: 860px;}


/****** HEADER ******/

#header						{height: 76px; background: url('images/borderwide.png') right bottom no-repeat; margin-bottom: 40px;}
#header img					{border: none; float: left;}
#ndplogo						{position: absolute; top: 10px;}
#header ul#nav				{float: right; list-style: none;}
#nav li						{display: inline; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#nav li a, #nav li a:visited
								{background: url('images/menu-highlight.png') 0 0 repeat-x; display: block; float: left; height: 29px;
								 padding: 46px 11px 0; color: #fff; text-transform: uppercase; text-decoration: none;}
#nav li.current_page_item a, #nav li.current_page_parent a, #header ul.hover li a:hover
								{background: url('images/menu-highlight.png') 0 -75px repeat-x;}

							
/****** CONTENT ******/

#contentwrapper			{overflow: hidden;}
#logo							{float: left; width: 60px;}
#logo img					{border: none; margin-top: 10px;}
#content						{float: right; right: 10px; position: relative; width: 740px; padding: 15px;
								 background: url('images/main-text-bg.png') 0 0 repeat;}

#content p, #content ul, #content address
								{font: 13px/18px normal Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 12px;}
#content ul					{margin-left: 30px;}
#content a, #content a:visited, #latest_tweet small, #twitter a, #twitter a:visited, .hoverfaq
								{color: #6dcff6;}

#slider						{border: solid 9px #fff; border-image: url('images/img-border.png') 9;
								 -webkit-border-image: url('images/img-border.png') 9; -moz-border-image: url('images/img-border.png') 9;
								 width: 720px; margin: 0 1px 10px;}
ul#imageslider				{position: relative; height: 420px; overflow: hidden; margin: 0;}
ul#aboutslider				{position: relative; height: 413px; overflow: hidden; margin: 0;}
ul#pricesslider			{position: relative; height: 344px; overflow: hidden; margin: 0;}
ul#headshotslider			{position: relative; height: 362px; overflow: hidden; margin: 0;}
ul#portfolioslider		{position: relative; overflow: hidden; margin: 0;}
#imageslider li, #aboutslider li, #pricesslider li, #portfolioslider li, #headshotslider li
								{list-style: none;}

#homelinks					{overflow: hidden; clear: both;}
#twitter						{float: left; width: 360px; margin-right: 20px;}
#latest_tweet 				{background: url('images/icons/twitter.png') 0 0 no-repeat; min-height: 28px; width: 330px; margin-top: 6px;
								 padding-left: 30px;}
.loading						{background: url('images/ajax-loader.gif') center center no-repeat; height: 28px;}
#twitter p					{font-size: 12px; margin-top: 6px;}
#social						{float: left; width: 360px;}
#social img					{display: inline; margin: 6px 5px 0 0; border: none;}

#aboutimage, #pricesimage
								{border: solid 9px #fff; 9px; border-image: url('images/img-border.png') 9;
								 -webkit-border-image: url('images/img-border.png') 9; -moz-border-image: url('images/img-border.png') 9;
								 width: 275px; margin: 0 15px 0 0; float: left;}
#portfolioimage
								{width: 568px; margin: 0 0 0 15px; float: right;}
ul#portfolioslider img, ul#headshotslider img	
								{border: solid 9px #fff; border-image: url('images/img-border.png') 9;
								 -webkit-border-image: url('images/img-border.png') 9; -moz-border-image: url('images/img-border.png') 9;}

#bodytextright				{float: right; width: 430px;}
#portfoliomenu				{float: left; width: 155px;}
#portfoliomenu ul			{list-style: none; margin: 0;}
#portfoliomenu ul li a	{padding-left: 18px; background: url('images/arrow_blue_right.png') 0 center no-repeat; font-size: 14px;
								 line-height: 20px;}
#portfoliomenu ul li a:hover
								{color: #fff;}

#controls					{margin-top: 5px;}
#controls p					{font-size: 13px; font-weight: bold; color: #aaa;}
#controls img				{border: none; position: relative; top: 1px;}
#controls a, #controls a:visited
								{color: #aaa; text-decoration: none; outline: none;}

#portfoliothumbs			{padding-left: 2px;}								
#portfoliothumbs a		{display: block; float: left;}
#portfoliothumbs img		{border: 2px solid #fff;}
#portfoliothumbs a:hover img, #portfoliothumbs a.activethumb img 
								{border: 2px solid #6dcff6;}
								
#contactmain				{float: left; width: 500px;}
#contactside				{float: right; width: 222px;}
#map							{border: 1px solid #fff; height: 220px; width: 220px;}


/****** TESTIMONIALS ******/

.testimonial, .faq		{margin-bottom: 10px;}
.testimonial span			{font-style: italic; color: #6dcff6;}

.faq h4						{cursor: pointer; padding-left: 20px; background: url('images/arrow_blue_right.png') 0 center no-repeat;
								 zoom: 1;} 

.faq h4.activefaq			{background: url('images/arrow_blue_expanded.png') 0 center no-repeat;}
.faq p						{padding-left: 20px;}


/****** BLOG ******/

body.blog #content h4, body.single #content h4, body.archive #content h4
								{clear: none; margin-bottom: 3px;}
body.blog #content h4 a, body.single #content h4 a, body.archive #content h4 a
								{color: #fff; text-decoration: underline;}
body.blog small, body.single small, body.archive small
								{color: #aaa; text-transform: capitalize;}
div.postborder, div.postdetails, #commentsarea
								{background: url('images/border.png') 0 top repeat-x; margin: 30px 0 15px; padding-top: 20px;}
								
div.posttitle				{margin: 15px 0;}
div.postdate				{background: url('images/vborder.png') right 0 repeat-y; float: left; width: 65px; text-align: right;
								 padding-right: 11px; margin-right: 10px;}
div.postdate small		{text-transform: uppercase;}
div.postdate span			{color: #aaa; font-size: 20px;}
div.postimage				{text-align: center; margin: 30px 0;}
div.postimage img			{border: solid 9px #fff; border-image: url('images/img-border.png') 9;
								 -webkit-border-image: url('images/img-border.png') 9; -moz-border-image: url('images/img-border.png') 9;}
.rssfeedlink				{position: absolute; right: 15px; top: 15px; height: 14px; width: 100px; text-align: right;}
.rssfeedlink a				{background: url('images/icons/feedicon.png') 0 center no-repeat; padding-left: 18px; line-height: 14px;}
.backlink					{position: absolute; right: 15px; top: 15px; height: 14px; width: 120px; text-align: right;}

.detailslink				{background-position: 0 center; background-repeat: no-repeat; padding-left: 20px; line-height: 16px;
								 margin-left: 5px;}
.delicious					{background-image: url('images/icons/delicious_16x16.png');}
.digg							{background-image: url('images/icons/Digg_16x16.png');}
.stumble						{background-image: url('images/icons/Stumbleupon_16x16.png');}
.facebook					{background-image: url('images/icons/FaceBook_16x16.png');}
.twitter						{background-image: url('images/icons/Twitter_16x16.png');}
.rss							{background-image: url('images/icons/Feed_16x16.png');}

#blognav						{overflow: hidden;}
#nextpage 					{width: 250px;	float: right; text-align: right;}
#prevpage 					{width: 250px;	float: left;}
#prevpage a, #nextpage a 
								{font-size: 14px;}

#blogfooter					{background: url('images/border.png') 0 top repeat-x; margin-top: 20px; padding-top: 15px; overflow: hidden;}
#archives, #tags, #categories
								{width: 148px; float: left;}
#recent						{width: 296px; float: left;}
#blogfooter ul				{list-style: none; margin: 0;}

#commentform				{margin: 10px 0; width: 480px;}
#commentform div			{clear: both; margin-bottom: 10px;}
#commentform label		{display: block; float: left; font-size: 14px; line-height: 28px; width: 150px;}
#commentform label span	{color: #ea2f31; font-size: 12px;}
#commentform input, #commentform textarea
								{border: 1px solid #fff; background: url('images/input-bg.png') 0 0 repeat; padding: 3px 2px; width: 260px;
								 font: 15px Arial, Helvetica, sans-serif; color: #fff;}
#commentform input#submit
								{border: none; background: url('images/submit-button.png') 0 0 repeat; width: 113px; height: 24px; 
								 cursor: pointer; margin: 5px 0 0 150px; color: #fff; font: 15px/24px normal Arial, Helvetica, sans-serif;}


/****** COMMENTS ******/

#content ol.commentlist	{list-style: none; margin: 0;}
#content ol.commentlist li
								{list-style: none; margin: 15px 0; padding: 10px;}
.commentwrap				{clear: both; overflow: hidden;}								
.commentavatar 			{float: left; width: 48px;}
.commenttext 				{float: right; width: 660px;}
.commentlist li cite 	{font-size: 14px; font-style: normal; color: #8c3131;}


/****** FOOTER ******/

#footer						{background: url('images/border.png') 0 top repeat-x; margin: 40px 0 20px; padding-top: 10px; clear: both;
								 text-align: center;}
#footer p					{font-size: 9px;}
#footer a, #footer a:visited
								{color: #fff;}


/****** CONTACT FORM ******/

#form							{width: 500px;}
#contactform				{margin: 30px 0 0 20px; width: 480px;}
#contactform fieldset	{border: none;}
#contactform div			{clear: both; margin-bottom: 10px;}
#contactform label		{display: block; float: left; font-size: 14px; line-height: 28px; width: 150px;}
#contactform label span	{color: #ea2f31; font-size: 12px;}
#contactform input.textfield, #contactform textarea
								{border: 1px solid #fff; background: url('images/input-bg.png') 0 0 repeat; padding: 3px 2px; width: 260px;
								 font: 15px Arial, Helvetica, sans-serif; color: #fff;}
#contactform input#submit
								{border: none; background: url('images/submit-button.png') 0 0 repeat; width: 113px; height: 24px; 
								 cursor: pointer; margin: 15px 0 0 150px; color: #fff; float: left;
								 font: 15px/24px normal Arial, Helvetica, sans-serif;}
#responsefields			{margin: 5px 0 0 170px;}


/****** BOOKINGFORM ******/

#bookingcalendar			{margin-bottom: 15px;}

#bookingform fieldset	{border: none;}
#bookingform label		{display: block; font: 14px/20px Arial, Helvetica, sans-serif; width: 200px;}
#bookingform div#radiobuttons p
								{font: 14px/20px Arial, Helvetica, sans-serif; margin: 0;}
#bookingform div#radiobuttons input
								{margin-top: 2px;}
#bookingform label span, #bookingform div#radiobuttons p span
								{color: #ea2f31; font-size: 12px;}
#bookingform div			{clear: both; margin-bottom: 5px; overflow: hidden;}
#bookingform input.textfield, #bookingform textarea
								{border: 1px solid #fff; background: url('images/input-bg.png') 0 0 repeat; padding: 3px 2px; width: 210px;
								 font: 14px Arial, Helvetica, sans-serif; color: #fff;}
#bookingform select		{border: 1px solid #fff; background: url('images/input-bg.png') 0 0 repeat; color: #fff;
								 font: 14px Arial, Helvetica, sans-serif;}
#bookingform input#submit
								{border: none; background: url('images/submit-button.png') 0 0 repeat; width: 113px; height: 24px; 
								 cursor: pointer; margin: 10px 0 0; color: #fff; float: left;
								 font: 14px/24px normal Arial, Helvetica, sans-serif;}
								 
								 
/****** AJAX RESPONSE ******/								 
								 
#loading p.processing	{font-weight: bold; font-size: 12px; line-height: 16px;}								 
#loading p.processing img.formloaderimg
								{margin-right: 4px; float: left;}
div#errors					{clear: both;}
div#errors ul				{list-style: none; margin: 0;}
div#errors ul li label.error, div#errors p.error
								{margin: 0 0 5px; padding-left: 20px; background: url('images/cross.png') 0 0 no-repeat; color: #ea2f31;
								 font-weight: bold; font-size: 12px; line-height: 16px;}
div#errors p.success		{padding-left: 20px; background: url('images/tick.png') 0 0 no-repeat; color: #82ca77;
								 font-weight: bold; font-size: 12px; line-height: 16px;}