/*  
Theme Name: Pefola
Theme URL: http://www.pefola.co.uk/
Description: Wordpress Theme for a Photographic Portfolio
Version: 1.0
Author: David Jordan
Author URL: http://www.sponz.com
*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


body { padding: 0; Margin: 0; font-family: arial; font-size: 12px; color: #DDD; line-height: 19px; }
a { text-decoration: none; }
.clear { clear: both; }
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }


#wrapper { margin: 0 auto 10px; padding: 0; width: 875px; }
#header { margin: 0 0 20px; padding: 0; width: 875px; height: 67px; }
#logo { float: left; Margin: 0; padding: 0; width: 400px; height: 67px; }
#nav { float: right; margin: 23px 0 0; padding: 0; width: 400px; }
#top { margin: 0 0 10px; padding: 0 0 0 10px; width: 875px; height: 20px; }
#contentwrap { margin: 0; padding: 0; width: 875px; }
#gallery { float: left; margin: 0; padding: 0; width: 875px; }
#content { float: left; margin: 0; padding: 0; width: 690px; }
#headerimage { margin: 10px 0; height:200px; width: 690px; background: URL("http://pefola.co.uk/wp-content/themes/pefola/images/header/rotate.php"); }
#sidebarr1 { float: right; margin: 0 0 0 10px; padding: 10px; width: 150px; }
#footer { margin: 0; padding: 10px; width: 875px; height: 50px; }
.post { Margin: 0; padding: 10px; }


body { background: #333 URL(images/background.jpg); }
#wrapper { background: URL(images/highlight.jpg) top center no-repeat; }
#header {  }
#logo { background: URL(images/logo.jpg) top left no-repeat; margin: 0; padding: 0; }
#nav {  }
#top {  }
#contentwrap { border-bottom: solid 1px #2D2D2D; }
#bottomwrap {  }
#sidebarl1 {  }
#sidebarl2 {  }
#content {  }
#sidebarr1 {  }
#sidebarr2 {  }
#footer { border-top: solid 1px #4D4D4D; text-align: right; }
.post {  }


/*------------------ Navigation --------------------*/
#nav ul { float: right; list-style: none; margin: 0; padding: 0; height: 20px; width: auto; }
#nav ul li { float: left;  width: auto;}
#nav ul li a { /*display: block;*/ line-height: 20px; text-align: center; color: #FFF; padding: 3px 10px; }
#nav ul li a:hover { color: #2D9AFF; }
#nav h2 { display: none; } /* Hide widget title */

li.current_page_item {  }
li.current-cat {  }



/*------------------ Top --------------------*/
#top p { color: #FFF; margin: 0; padding: 3px 0 0; }
#top ul { float: left; list-style: none; margin: 0; padding: 0; height: 20px; width: auto; }
#top ul li { float: left;  width: auto;}
#top ul li a { /*display: block;*/ line-height: 20px; text-align: center; color: #FFF; padding: 3px 10px;  }
#top ul li a:hover { color: #2D9AFF; }
#top h2 { display: none; } /* Hide widget title */

#top li.current-cat { border-bottom: 2px solid #009FCD; }


/* --------------------- MAIN CONTENT STYLE -------------------- */
.post {  }
.post p { margin: 0 0 10px; }
.post h2 { font-size: 14px; margin: 5px 0; color: #2D9AFF; }
.post h2 a { text-decoration: none; color: #2D9AFF; }
.post h2 a:hover { color: #FFF; }
.post h3 { padding: 0; margin: 5px 0; font-size: 14px; font-weight: bold; color: #2D9AFF }
.post h4 { padding: 0; margin: 5px 0; font-size: 11px; font-weight: bold; }
.post ul { margin: 0 0 10px; padding: 0; list-style: none; }
.post ul li { margin: 0 0 0 30px; padding: 0; list-style: square; }

.post img { margin: 5px 0 10px; border: none; }
.leadimage img { margin: 0; border: none; width: 500px; height: 150px; }
blockquote p { padding: 0 0 0 10px; margin: 10px 0 10px 20px; color: #000; }

.navigation { padding: 0 0 20px 10px; font-size: 14px; font-weight: bold; line-height: 18px;}

a.more-link { text-decoration: none; width: 100%; padding: 2px 0 0 18px; color: #999; }
a.more-link:hover { }

.entry a { text-decoration: none; color: #FFF; }
.entry a:hover { color: #2D9AFF; }

.catlink { float: left; margin: 0 0 10px; padding: 0; text-align: left; width: auto; color: #FFF;}
.commentlink { float: right; margin: 0; padding: 0; text-align: right; width: auto; }
.commentlink a, .catlink a { text-decoration: none; color: #FFF; }
.commentlink a:hover, .catlink a:hover { color: #2D9AFF;}


/* --------------------- SIDEBAR WIDGET STYLE ------------------- */
#sidebarr1 ul { list-style-type: none; margin: 0 0 20px; padding: 0; }
#sidebarr1 ul li { padding: 0; margin: 0; }
#sidebarr1 ul li h2 { color: #2D9AFF; font-size: 14px; margin: 5px 0; }
#sidebarr1 ul li h2 a { color: #2D9AFF; }
#sidebarr1 ul li h2 a:hover { color: #FFF; }
#sidebarr1 ul ul li { list-style-type: square; margin: 0 0 0 15px; padding: 1px 0; border: none; }
#sidebarr1 a { color: #CCC; }
#sidebarr1 a:hover { color: #2D9AFF; }


/* ---------------------- COMMENT FORM STYLE -------------------- */
.comments-template { margin-top: 20px; color: #CCC; }
.alt { }
.comments-template h2 { margin: 5px 0; padding: 0; color: #2D9AFF; font-size: 14px; }
.commentmetadata { padding-bottom: 10px; }
.comments-template a { color: #FFF; }
.comments-template a:hover { color: #2D9AFF; }
.comments-template ol { list-style: none; margin: 0; padding: 0; }
.comments-template ol li { margin: 0 0 10px; padding: 0; border-bottom: 1px solid #444; }
.comments-template p.nocomments { padding: 0; }

.commentarea { margin: 0; padding: 0; color: #CCC; }
.commentarea h2 { margin: 5px 0; padding: 0; color: #2D9AFF; font-size: 14px; }
.commentarea a { color: #FFF; }
.commentarea a:hover { color: #2D9AFF; }

.commentarea input { width: 660px; background: #222; font-family: arial; font-size: 11px; color: #CCC; border: none; margin: 5px 0; padding: 5px; overflow: hidden; }
.commentarea textarea { width: 660px; background: #222; font-family: Arial; font-size: 11px; color: #CCC; border: none; margin: 0; padding: 5px; overflow: hidden; }
#submit { width: 70px; margin-left: 600px; padding: 4px 0 5px 0; cursor: pointer; background: #222; color: #CCC; border: none; }
#submit:hover { background: #2D9AFF; color: #000; }


/* --------------------- FOOTER WIDGET STYLE ------------------- */
#footer { color:#777; font-size: 10px; padding: 10px 0 0; margin: 0; text-align:right; }
#footer a { font-weight: bold; color:#999; }
#footer a:hover { color:#EEE; }


/*------------------ CONTACT FORM --------------------*/
.contactform { padding: 0; margin: 0; }
.contactform label { float: left; padding: 0 0 5px; color: #CCC; }

.contactform input { float: right; font-family: Arial; font-size: 11px; color: #CCC; background: #222; width: 600px; border: none; margin: 0 0 10px 0; padding: 5px; overflow: hidden; }

.contactform textarea { float: right; font-family: Arial; font-size: 11px; color: #CCC; background: #222; width: 600px; border: none; margin: 0 0 10px 0; padding: 5px; overflow: hidden; }

.contactform .contactsubmit { width: 80px; margin: 0 ; padding: 4px 0 5px 0; cursor: pointer; background: #222; color: #CCC; border: none; }

.contactform .contactsubmit:hover { background: #2D9AFF; color: #000; }

.contactform_respons { color: green; }
.contactform_error { color: red; }