/*

Theme Name: Westray Digital Art (web design)

Theme URI: http://www.westraywebdesign.co.uk/

Description: A bespoke theme design by Westray Digital Art (web design) for thei own web site.

Version: 1.0

Author: Phill Hellewell

Author URI: http://www.westraywebdesign.co.uk/

Tags: background flourishes, custom header, fixed width, two columns, widgets



*/



@charset "utf-8";

body {

	background-image: url(images/bgFooter.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 16px;

}

html {

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #D9CCA2;

}

h1 , h2, h3, h4, h5, p{

	margin: 0px;

	padding: 0px;

}



h2 {

	font-size: 120%;

}



p {

	padding-bottom: .5em;

}



a {

	text-decoration: none;

	}



a:hover {

	text-decoration: underline;

	}



blockquote {

	background-color: #EBE3CF;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 30px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 50px;

	background-image: url(images/quote2.gif);

	background-repeat: no-repeat;

	background-position: 3px top;

}





#background {

	background-image: url(images/photos.jpg);

	background-repeat: no-repeat;

	background-position: right 180px;

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

}





#background #wrapper {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}

#wrapper #header {

	margin: 0px;

	padding: 0px;

	height: 154px;

	position: relative;

}

#wrapper #header h2 {

	font-weight: normal;

	font-size: 120%;

	position: absolute;

	left: 18px;

	top: 115px;

}





#mainNav {

	width: 960px;

	text-align: left;

	list-style-type: none;

	display: block;

	margin: 0px;

	height: 55px;

	background-image: url(images/navEnd.png);

	background-repeat: no-repeat;

	background-position: right top;

	padding: 0px;

}



#mainNav li {

	float: left;

}



#mainNav li a {

	text-indent: -9999px;

}



li.page-item-149 a:link, li.page-item-149 a:visited{

	background-image: url(images/btnHome.jpg);

	background-position: center top;

	height: 55px;

	width: 114px;

	display: block;

}



li.page-item-149 a:hover{

	background-position:right top;

}



li.page-item-149.current_page_item a:link, li.page-item-149.current_page_item a:visited{

	background-position:left top;

}



li.page-item-12 a:link, li.page-item-12 a:visited{

	background-image: url(images/btnServices.jpg);

	background-position: center top;

	height: 55px;

	width: 112px;

	display: block;

}



li.page-item-12 a:hover{

	background-position:right top;

}



li.page-item-12.current_page_item a:link, li.page-item-12.current_page_item a:visited{

	background-position:left top;

}



li.page-item-191 a:link, li.page-item-191 a:visited{

	background-image: url(images/btnPortfolio.jpg);

	background-position: center top;

	height: 55px;

	width: 110px;

	display: block;

}



li.page-item-191 a:hover{

	background-position:right top;

}



li.page-item-191.current_page_item a:link, li.page-item-191.current_page_item a:visited{

	background-position:left top;

}



li.page-item-2 a:link, li.page-item-2 a:visited{

	background-image: url(images/btnAbout.jpg);

	background-position: center top;

	height: 55px;

	width: 107px;

	display: block;

}



li.page-item-2 a:hover{

	background-position:right top;

}



li.page-item-2.current_page_item a:link, li.page-item-2.current_page_item a:visited{

	background-position:left top;

}



li.page-item-14 a:link, li.page-item-14 a:visited{

	background-image: url(images/btnTestimonials.jpg);

	background-position: center top;

	height: 55px;

	width: 134px;

	display: block;

}



li.page-item-14 a:hover{

	background-position:right top;

}



li.page-item-14.current_page_item a:link, li.page-item-14.current_page_item a:visited{

	background-position:left top;

}



li.page-item-3 a:link, li.page-item-3 a:visited{

	background-image: url(images/btnBlog.jpg);

	background-position: center top;

	height: 55px;

	width: 76px;

	display: block;

}



li.page-item-3 a:hover{

	background-position:right top;

}



li.page-item-3.current_page_item a:link, li.page-item-3.current_page_item a:visited{

	background-position:left top;

}



li.page-item-17 a:link, li.page-item-17 a:visited{

	background-image: url(images/btnEnquiries.jpg);

	background-position: center top;

	height: 55px;

	width: 110px;

	display: block;

}



li.page-item-17 a:hover{

	background-position:right top;

}



li.page-item-17.current_page_item a:link, li.page-item-17.current_page_item a:visited{

	background-position:left top;

}



#wrapper #page {

	background-image: url(images/bgPage.png);

	background-repeat: repeat-y;

	background-position: 1px top;

         padding-right: 97px;

}

#page #content {

	clear: both;

	float: left;

	width: 580px;

	padding-left: 70px;

}

#content .post {

	position: relative;

	margin-bottom: 15px;

}

#content .postDate {

	height: 40px;

	width: 90px;

	position: absolute;

	top: 10px;

	left: -95px;

	background-image: url(images/tab2.png);

	background-repeat: no-repeat;

	background-position: 22px top;

	text-align: center;

	padding-top: 5px;

	font-family: "Comic Sans MS", cursive;

	font-size: 90%;

	color: #039;

	font-style: italic;

}

#content p{

          font-size: 90%;

}

#content .postDate p {

	padding: 0px;

}

#content .post h3 {

	padding-bottom: .2em;

}

#content .post .postmetadata {

	font-size: 80%;

	line-height: 24px;

	vertical-align: top;

}

#content .testimonial{
         border-bottom: #999999 1px dotted;
}


#sidebar {

	margin: 0px;

	float: right;

	width: 190px;

	padding: 0px;
}



#sidebar ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;	

	

}



#sidebar  p {

	font-size: 80%;

}

#sidebar li{
         font-size: 90%
}


#page #clearColumns {

	clear: both;

}

#background #footer {

	background-image: url(images/bgPageBottom.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 30px;

	text-align: center;

	padding-bottom: 20px;

	color: #473D2E;

	font-size: 80%;

}



#footer #leftfooter {

	float: left;

	width: 185px;

	margin-left: 110px;

	text-align: left;

}

#footer #rightfooter {

	float: right;

	width: 200px;

	margin-right: 170px;

	text-align: left;

}

#footer #centrefooter {

	width: 380px;

	clear: both;

	margin-left: 270px;

	text-align: left;

	padding-top: 10px;

}

#footer #copyrightNotice {

	font-size: 80%;

	padding: 5px;

	background-color: #DBCEA2;

	display: block;

	width: 220px;

	text-align: center;

	margin-left: 330px;

	border: 1px solid #A79070;

	margin-top: 15px;

}





cite {

	font-size: 80%;

	font-style: normal;

}



a img {

	border-style: none;

}



img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

         padding: 4px;
	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

         padding: 5px 0px 5px 5px;

	}



.alignleft {

	float: left;

         padding: 5px 5px 5px 0px;

	}

/* End Images */



#sidebar .widget{

    margin-bottom: 10px;

	}



#slideshow{

 width:300px;

 float: right;

/*

 border: solid 1px #D4CCAA;

*/

}

.pluginlink {
font-size:60%;
}

ul.blogroll li{
padding-left:20px;
padding-bottom:0.5em;
background-image: url(images/external.gif);
background-repeat: no-repeat;

}