/*  
Theme Name: Face and body Theme
Description: Theme for Derby Face and Body Painting
Version: 1.0
Author:Barry Richards
Author URI: bazwebby.biz
*/

/* *************************************************************************************************************************************************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

/* The below restores some sensible defaults */
strong{
font-weight:bold
}

em{
font-style:italic
}

* a{
position:relative
} /* Gets links displaying over a PNG background */

a img{
border:none
} /* Gets rid of IE's blue borders */

ol, ul {
	list-style: none;
}

.clear{
clear:both;
}

#clear{
clear:both;
}

.inline{
display:inline;
}

br.clear{
clear:both;
}



/* ************************************************************************************************************************************************************ */

/*Basic Template/styling*/


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

a:hover{
color:#ffffff;
}

body{
font-family:arial;
color:#871f65;
font-size:62.5%;
}

h1{
margin-bottom:0.5em;
font-weight:bold;
color:#871f65;
font-size:2.6em;
}

h1 a{
color:#871f65;
background:none;
}

h2{
margin-bottom:0.3em;
font-weight:bold;
color:#871f65;
}

h3{
margin-bottom:0.3em;
font-weight:bold;
color:#871f65;
}

#main{
font-size:1.4em;
line-height:1.8em;
}

#main a{
color:#610044;
}

#header{
font-weight:bold;
}

#footer{
font-size:1.8em;
font-weight:bold;
line-height:1.6em;
color:#ffffff;
}

#left p{
margin-bottom:2em;
}

p.bloginfo{
font-weight:normal;
}


/* ****************************************************************************************************************************************************************** */

/*main layout*/


body{
background:#fbfbec url(keyimages/bodybg.png) repeat-x;
}

div#container{
width:950px;
height:auto;
margin:0 auto;
}

div#header{
height:223px;
background:url(keyimages/header.png) no-repeat right;
position:relative;
margin-bottom:4px;
}

div#main{
margin-top:2px;
}

div#left{
width:525px;
height:auto;
min-height:550px;
padding-top:80px;
padding-right:35px;
padding-bottom:140px;
float:left;
background:#FBFBEC url(keyimages/middleshadow.png) repeat-y;
background-position:right;
position:relative;
}

div#leftservices{
width:525px;
height:auto;
min-height:550px;
padding-top:80px;
padding-right:35px;
padding-bottom:140px;
float:left;
background:#FBFBEC url(keyimages/middleshadow.png) repeat-y;
background-position:right;
position:relative;
}

div#leftservices img{
margin:12px 12px 0 0;
padding:3px;
border:2px dotted #a68792;
float:left;
}

div#right{
width:360px;
height:auto;
padding-top:40px;
padding-bottom:60px;
margin-left:10px;
float:right;
}

div#footer{
clear:both;
text-align:center;
width:950px;
height:140px;
padding-top:45px;
position:relative;
}

div#bottom{
margin-top:-185px;
height:185px;
background:url(keyimages/footerbg.png) repeat-x;
}


/* ****************************************************************************************************************************************************************** */


/*header/top navigation*/

span.title{
color:#ffffff;
display:inline;
float:left;
margin-left:10px;
}

div#homebutton{
height:223px;
left:-18px;
position:absolute;
width:496px;
}

ul#navigation{
font-weight:bold;
font-style:italic;
font-size:1.8em;
height:44px;
width:auto;
}

li.tabs{
float:left;
height:44px;
text-align:center;
padding-top:6px;
}

li.tabs a{
color:#ffffff;
}

li.tabs a:hover{
color:#fff673;
}

 
li#tab1{
background:url(keyimages/tabs/tabs_02.png) no-repeat;
display:block;
width:163px;
} 

li#tab1current{
background:url(keyimages/tabs/tabsover_02.png) no-repeat;
display:block;
width:163px;
}

li#tab1current a{
color:#871F65;
}

li#tab2{
background:url(keyimages/tabs/tabs_03.png) no-repeat;
display:block;
width:178px;
}

li#tab2current{
background:url(keyimages/tabs/tabsover_03.png) no-repeat;
display:block;
width:178px;
}

li#tab2current a{
color:#871F65;
}

li#tab3{
background:url(keyimages/tabs/tabs_04.png) no-repeat;
display:block;
width:177px;
}

li#tab3current{
background:url(keyimages/tabs/tabsover_04.png) no-repeat;
display:block;
width:177px;
}

li#tab3current a{
color:#871F65;
}

li#tab4{
background:url(keyimages/tabs/tabs_05.png) no-repeat;
display:block;
width:137px;
}

li#tab4current{
background:url(keyimages/tabs/tabsover_05.png) no-repeat;
display:block;
width:137px;
}

li#tab4current a{
color:#871F65;
}






li.right_tabs{
float:left;
height:44px;
text-align:center;
padding-top:6px;
}

 
li#tab1right{
background:url(keyimages/tabs/tabs_07.png) no-repeat;
display:block;
width:76px;
margin-left:70px;

}

li#tab1right_current{
background:url(keyimages/tabs/tabsover_07.png) no-repeat;
display:block;
width:76px;
margin-left:70px;
}

li#tab1right_current a{
color:#871F65;
}

li#tab2right{
background:url(keyimages/tabs/tabs_08.png) no-repeat;
display:block;
width:145px;
}

li#tab2right_current{
background:url(keyimages/tabs/tabsover_08.png) no-repeat;
display:block;
width:145px;
}

li#tab2right_current a{
color:#871F65;
}





img#logo{
margin-top:16px;
margin-left:1px;
}




a.contactus_button{
background:#871F65 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:2em;
padding:5px 10px;
position:absolute;
right:20px;
top:0;
}

a.contactus_button:hover{
color:#fff673;
}





/*inside pages*/

div#blurbimage{
margin-top:-50px;
}


/*sidebar*/

li.blogbox{
background:url(keyimages/blogbox.png) no-repeat;
width:278px;
height:80px;
padding-top:40px;
padding-right:50px;
padding-bottom:30px;
padding-left:30px;
}

li.blogbox2{
background:url(keyimages/middlebit.png) repeat-y;
width:358px;
height:auto;
list-style:none;
}

li#blogboxgallery img{
width:80px;
height:80px;
float:left;
margin:5px;
padding:2px;
border:1px dotted #a68792;
}


div.topbit{
background:url(keyimages/topbit.png) no-repeat;
background-position:top;
width:358px;
height:26px;
}

div.bottombit{
background:url(keyimages/bottombit.png) no-repeat;
width:358px;
height:25px;
overflow:auto;
}

div.middlebit{
padding:0 30px;
}

li.bottomfade{
background:url(keyimages/fade.png) no-repeat;
width:358px;
height:216px;
}

div#rss{
position:absolute;
right:18px;
top:0px;
}




/* ************************************************************************************************************************************************************************** */

/*misc style/layout*/


#blogtitle{
font-weight:bold;
float:left;
}

h2.welcome{
font-family:arial black;
}

#blogtime{
color:#a68792;
float:right;
margin-top:2px;
margin-right:13px;
}

br.clear{
clear:both;
}

#galleryheading{
margin-bottom:60px;
}

#main{
font-size:1.4em;
line-height:1.8em;
}

p.bottomline{
font-size:0.8em;
}

p.topline{
margin-bottom:10px;
}

p#verybottom{
font-family:georgia;
text-align:right;
position:absolute;
bottom:1px;
right:140px;
}

div#wplogo{
position:absolute;
width:134px;
height:106px;
right:1px;
bottom:0px;
}

ul.addonslist{
}

li.blogbox{
position:relative;
}

ul.archiveslist li{
padding-bottom:2px;
display:block;
border-bottom:1px dotted #AF6D9B;
}

ul.categorieslist li{
padding-bottom:2px;
display:block;
border-bottom:1px dotted #AF6D9B;
}

li.dottedlist{
padding-bottom:2px;
display:block;
border-bottom:1px dotted #AF6D9B;
}

div.overlay{
width:160px;
position:absolute;
top:80px;
left:30px;
}

p#atnight{
font-weight:normal;
color:#d585bb;
font-size:1.2em;
line-height:1.2em;
}

span.highlight{
background-color:#000000;
}


li#atnightbox{
position:relative;
width:358px;
height:280px;
background:url(keyimages/atnight.png) no-repeat;
}

img#button{
margin-top:10px;
}

h2.contactheading{
margin-bottom:20px;
}

p.contactus{
line-height:1.2em;
}

span.highlighted{
background:#871f65;
color:#ffffff;
font-size:1.6em;
padding:0 3px;
font-weight:bold;
}

h2.archivetitle{
text-align:right;
color:#CFCFC2;
position:absolute;
top:40px;
right:47px;
}

div.testimonials{
background:#ffffff;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border:2px dotted #a68792;
margin-top:10px;
}

div#testimonialswrap{
margin-top:-25px;
}

span.testimonial{
font-size:1.2em;
color:#ffffff;
background:#871f65;
}

ul.skills {
margin:2em 0;
clear:both;
}

ul.skills li {
background:transparent url(keyimages/tick.png) no-repeat left center;
padding-left:40px;
margin-bottom:0.5em;
}



/*wordpress specific stuff*/

.post{
margin-bottom:40px;
overflow:auto;
}

.postmetadata{
color:#a68792;
}

.commentstyle{
padding:10px 20px 30px 0px;
}

h2.comments{
margin-bottom:20px;
}

.commenttext{
padding-left:40px;
padding-top:0px;
margin-top:0px;
background:url(keyimages/commentsside.png) repeat-y;
background-position:left;
}

h2#postcomment{
font-weight:bold;
}

h2#comments{
font-weight:bold;
margin-bottom:-5px;
}

#commentform{
background:url(keyimages/comments.png) no-repeat;
background-position:bottom left;
padding:20px 0 25px 40px;
}

#commentform p{
margin-bottom:10px;
}

.inputstyle{
font-family:arial;
font-size:1.1em;
}

textarea#comment{
width:470px;
}

.entry{
margin-top:20px;
}

.entry img{
margin:12px 12px 0 0;
padding:3px;
border:1px dotted #a68792;
}

img.pageentryright{
margin:12px 12px 0 0;
padding:3px;
border:2px dotted #a68792;
float:right;
}

div.pageentry img{
margin:12px 12px 20px 0;
padding:3px;
border:2px dotted #a68792;
float:left;
}

p.back{
margin-top:-20px;
font-weight:bold;
}

div.gallery img{
float:left;
}