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

Theme Name: WPAP
Theme URI: http://billypetersen.com
Description: Custom WordPress Theme for billypetersen.com
Version: 7.0
Author: If you are interested in speaking with our developer, please email thewpap@yahoo.com

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

/****************************************************
				YAHOO CSS RESET
****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style: none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
strong {font-weight:bold; }
em {font-style:italic;}


/****************************************************
				GENERAL
****************************************************/

body {background: url('images/background.png'); font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333;}

.container {width: 960px; margin:0 auto;}
.aligncenter {display:block; margin:0 auto;}
.alignleft {float:left;}
.alignright {float:right;}
.post-content {clear: both; overflow: hidden; text-align: justify; margin: 8px 0;}

.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 65.33%; }
.one_fourth {width: 22%;}
.three_fourth {width: 74%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth {margin-right: 4%; float: left;}
.last_col {position: relative; margin-right: 0!important; overflow: hidden; }

p {line-height: 16px;}
p, h4, h5, h6 {margin: 0 0 12px 0;}
h1, h2, h3 {margin: 0 0 12px 0; text-shadow: 0 1px 0 #F3FDE9; text-transform: uppercase;}

h1 {font-size: 16px; font-weight: bold;}
h2 {font-size: 14px; font-weight: bold;}
h3 {font-size: 12px; font-weight: bold;}
h4 {font-size: 10px; font-weight: bold;}
h5 {font-size: 9px; font-weight: bold;}
h6 {font-size: 8px; font-weight: bold;}

a {color:#9B0000; text-decoration:none;}
a:hover{text-decoration:underline;}

img {padding: 9px; border: 1px solid #C0B9A9; background: #fff;}

blockquote {border: 1px solid #C0B9A9; background: #fff; padding: 9px 9px 0 9px; font-style: italic; margin: 0 0 16px 0;}

strong {font-weight: bold;}
abbr,acronym {border-bottom: 1px dotted;cursor: help;} 

em {font-style: italic;}

ul {list-style: disc; margin: 0 0 16px 1.5em;}
ol {list-style: decimal; margin: 0 0 16px 1.5em;}
ol ol {	list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}

th,td {border: 1px solid;padding: 8px;}
th {font-weight:bold;text-align:center;}

caption {margin-bottom: 8px; text-align: center;}

fieldset,table {margin-bottom: 16px;}

:focus {outline: 0;}

hr {background-color: #C0B9A9; border: 0; clear: both; height: 1px; margin: 12px 0;}

.reply a, .more a {background: #C0B9A9; padding: 5px 10px; border-bottom: 1px solid #ECE9E2; border-right: 1px solid #ECE9E2; text-decoration: none; font-size: 10px; text-transform: uppercase; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.reply a:hover, .more a:hover {color: #333;}

.current_page_item a {color: #440000; text-shadow:none;}

.cpmgallery img {height: 100px !important; width: 100px !important; padding: 3px;}
.cpmgallery table tbody tr th, .cpmgallery table tbody tr td {border: none !important; padding: 0 6px 0 0;}

/****************************************************
				HEADER & NAVIGATION 
****************************************************/

#header {background: url('images/nav-bg.png') repeat-x; overflow: hidden; height: 100px; margin: 12px 0 2px 0;}
#header .container #logo {float: left; width: 400px; height: 100px; position: relative;}
#header .container #logo h1 a {background: url('images/logo.png') no-repeat; top: 5px; left: 10px; position: absolute; display: block; width: 90px; height: 90px; text-indent: -9999px;}
#header .container #logo h1 a:hover { -webkit-transform: rotate(360deg); -webkit-transition: -webkit-transform 0.9s;}
#header .container #logo h2 a {background: url('images/logo-bg.png') no-repeat; left: 110px; top: 44px; position: absolute; display: block; width: 252px; height: 16px; text-indent: -9999px;}

ul.nav {list-style: none; float: right; margin: 45px 15px 45px 0; text-align: right;}
ul.nav li {float: left; margin: 0 0 0 10px;}
ul.nav li:first-child {margin: 0;}
ul.nav li a {display: block; text-decoration: none; color: #e4decf; font-size: 10px; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 0 #440000;}
ul.nav li a:hover {color: #440000; text-shadow: none;}


/****************************************************
				HOME PAGE
****************************************************/

#homeContent {margin: 0;}
#homeContent h3 {clear: both;}
#homeContent .container {overflow: hidden; text-align: justify; position: relative;}
#homeContent .container p.siteInfo {text-align: justify; width: 920px; margin: 0 auto; text-shadow: 0 1px 0 #FFF; font-size: 13px; }
#homeContent .container #latestNews {float: left; background: url('images/home-div.png') repeat-x; width: 960px; padding: 12px 0 0;}
#homeContent .container #latestNews img {margin: 0 0 12px 0; padding: 9px; border: 1px solid #C0B9A9; background: #fff;}
#homeContent .container #latestProjects {float: left; background: url('images/home-div.png') repeat-x; width: 960px; padding: 12px 0 0;}
#homeContent .container .latestCol {width: 240px; float: left;}
#homeContent .container .latestCol .latestInfo, #homeContent .container .latestCol .latestProj, #homeContent .container .latestCol .latestNews {width: 210px; margin: 0 auto; padding: 6px 0;}

ul.projectMeta {list-style: none; font-style: italic; margin: 0 0 12px 0; font-size: 11px;}

/****************************************************
				HOME PAGE SLIDER
****************************************************/

#slider {width: 660px; height: 392px; margin: 16px auto; border: 1px solid #C0B9A9; background: #fff;}
#slider img {border: none; background: none;}

.coin-slider { overflow: hidden; position: relative; padding: 10px; }
.coin-slider a{ text-decoration: none; outline: none; border: none;}

.cs-buttons {font-size: 0px; padding: 10px 0; margin: 0;}
.cs-buttons a {margin: 0 5px 0 0; height: 10px; width: 10px; float: left; border: 1px solid #C0B9A9; color: #C0B9A9; text-indent: -9999px; }
.cs-active { background-color: #C0B9A9; color: #FFFFFF; }

.cs-title { width: 620px; padding: 10px; background-color: #000000; color: #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; }

.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; }

/****************************************************
				SIDE BAR
****************************************************/

#mainContent {margin: 5px 0 10px 0;}
#mainContent .container {overflow: hidden;}
#mainContent .container #side {width: 238px; float: left; text-align: justify; background: url('images/border-div.png') right repeat-y;}
#mainContent .container #side #sideHeader {padding: 170px 0 0 0; background: url('images/side-bg.png') no-repeat; margin: 0 0 12px 0;}
#mainContent .container #side #sideInfo {width: 210px; margin: 0 auto;}
#mainContent .container #side #sideInfo ul {list-style: none; margin: 0 0 12px 0;}

#mainContent .container #side #sideInfo ul.sideProjects {list-style: disc; margin: 0 0 16px 1.5em; line-height: 6px;}

#mainContent .container #side #sideInfo ul.sideProjects li a {line-height: 16px;}

ul#social {list-style: none; overflow: hidden; width: 210px; margin: 12px 0;}
ul#social li {float: left;}
ul#social li a {background: url('images/social.png') no-repeat; display: block; width: 30px; height: 30px; text-indent: -9999px; margin: 0 6px 0 0;}
ul#social li.rss a {background-position: 0 0;}
ul#social li.twitter a {background-position: -30px 0;}
ul#social li.facebook a {background-position: -60px 0;}

/****************************************************
				INDEX/NEWS/SINGLE PAGE
****************************************************/

#content {width: 720px; float: left; }

#main {width: 688px; margin: 0 auto;}
#main h2 {background: url('images/home-div.png') bottom repeat-x; padding: 0 0 6px 0; margin: 0 0 6px 0; clear: both;}
#main h2 a:hover {color: #333; text-decoration: none;}

.attachment-post-thumbnail {float: left; margin: 0 12px 12px 0;}

.pagination {clear: both; background: url('images/home-div.png') repeat-x; padding: 12px 0; margin: 0 auto 12px;}
.pagination p {margin: 0;}
.pagination p a {display: block; overflow: hidden;}
.pagination p.prev a {float: left;}
.pagination p.next a {float: right;}

#postnavi {overflow: hidden; background: url('images/home-div.png') repeat-x; padding: 12px 0;}
#postnavi span.prev a {float: left;}
#postnavi span.next a {float: right;}

.important {font-style: italic; font-size: 11px; text-align: center; background: #C0B9A9; padding: 4px 8px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 12px 0; border-bottom: 1px solid #ECE9E2; border-right: 1px solid #ECE9E2;}

#postAds {width: 468px; margin: 12px auto;}
#largeAds {margin: 12px auto;}

ul.postMeta {list-style: none; overflow: hidden; margin: 0 0 12px 0; font-size: 11px;}
ul.postMeta li {float: left; margin: 0 0 0 5px; padding: 0 5px 0 10px; display: block; background: url('images/border-div.png') left repeat-y; font-style: italic;}
ul.postMeta li:first-child {margin: 0; background: none; padding: 0;}
ul.postMeta li a {color: #9b0000; text-decoration: none;}
ul.postMeta li a:hover {text-decoration: underline;}

ul.socialShares {list-style: none; overflow: hidden; margin: 0;}

ul.filedMeta {list-style: none; overflow: hidden; margin: 0 0 12px 0; background: url('images/home-div.png') repeat-x; padding: 8px 0 0 0;}
ul.filedMeta li {font-style: italic; font-size: 11px;}

.wp-caption {padding:0; margin-bottom:16px; background: none; border: none; font-style:italic; font-weight: bold; font-size: 11px;}
.wp-caption img {margin: 0 0 8px 0; }
.wp-caption-text, .wp-caption .wp-caption-dd {text-align:center; margin: 0 0 6px 0; }
.wp-caption p {margin:0;}

.wp-smiley {margin: 0; padding: 0; border: none; background; none;}

.gallery {margin: 0 auto 16px;}
.gallery .gallery-item {float: left; margin-top: 0; text-align: center;	width: 33%; font-style: italic;}
.gallery img {}
.gallery .gallery-caption {margin: 0 0 8px;}
.gallery dl {margin: 0;}
.gallery br+br {display: none;}

.attachment img {display: block; margin: 0 auto; max-width: 680px;}

.post-content ul li, .post-content ol li {margin: 0 0 6px 0;}


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

#comments {clear: both; text-align: justify; margin: 12px 0;}
.commentlist {list-style: none;	margin: 12px 0;}
.commentlist li.comment {margin: 8px 0; padding: 0 0 0 50px; position: relative;}
.commentlist li:last-child {}
#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 16px;}
#comments .comment-body p:last-child {}
#comments .comment-body blockquote p:last-child {margin-bottom: 16px;}
.commentlist ol {list-style: decimal;}
.commentlist .comment .avatar {position: absolute; background: none; border: none; padding: 0; float: left; margin: 0 8px 16px 0; top: 0; left: 0;}
.commentlist .comment img {background: none; border: none: padding: 0;}
.comment-author cite {text-shadow: 0 1px 0 #F3FDE9; text-transform: uppercase; font-weight: bold; margin: 0 0 8px 0;}
.comment-author .says {display: none;}
.comment-meta {font-size: 11px; margin: 6px 0; padding: 0 0 6px 0; border-bottom: 1px solid #C0B9A9; }
.reply {margin: 0 0 16px 0; padding: 0 0 16px 0; }
.reply a, a.comment-edit-link {float: right;}
.commentlist .children {list-style: none; margin: 0; }
.commentlist .children li {border: none; margin: 0; }
.nopassword, .nocomments {display: none;}
em.comment-awaiting-moderation {font-size: 11px;}

form#commentform input#author, form#commentform input#email, form#commentform input#url, #wpcf7-f1-p118-o1 input {line-height: 16px; width: 210px; height: 20px; border: 1px solid #C0B9A9;}
form#commentform textarea#comment, #wpcf7-f1-p118-o1 textarea {float: left; line-height: 16px; width: 680px; border: 1px solid #C0B9A9;}
form#commentform input#submit {font-size: 10px; float: left; background: #C0B9A9; padding: 5px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 12px 0; cursor:pointer; color: #9b0000; border-bottom: 1px solid #ECE9E2; border-right: 1px solid #ECE9E2; border-top: none; border-left: none; line-height: 16px;}
form#commentform input#submit:hover, #wpcf7-f1-p118-o1 input.wpcf7-submit:hover {color: #333;}

#wpcf7-f1-p118-o1 input.wpcf7-submit {height: 26px; font-size: 10px; background: #C0B9A9; padding: 5px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; color: #9b0000; border-bottom: 1px solid #ECE9E2; border-right: 1px solid #ECE9E2; border-top: none; border-left: none; width: 100px; font-size: 10px;}
#wpcf7-f1-p118-o1 textarea {margin: 0 0 16px 0;}
#wpcf7-f1-p118-o1 p {font-size: 10px; font-weight: normal;}


/****************************************************
				SEARCH 
****************************************************/


form#searchform {margin: 12px 0; position: relative;}
form#searchform label.screen-reader-text {display: none;}
form#searchform input#s {line-height: 16px; width: 210px; height: 20px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #C0B9A9;}
form#searchform input#searchsubmit {position: absolute; background: url('images/sprite.png') no-repeat; background-position: -100px 0; height: 20px; width: 20px; text-indent: -9999px; border: none; cursor: pointer; left: 190px; top: 1px;}

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

#footer {clear: both; overflow: hidden; background: url('images/footer-bg.png'); font-size: 12px; color: #e4decf; padding: 12px 0; text-align: justify; line-height: 16px;}
#footer .container h3 {text-shadow: none;}
#footer .container a {color: #e4decf; text-decoration: underline;}
#footer .container a:hover {color: #9b0000;}



#footer .container .one_third ul li {padding: 3px 0;}
#footer .container .one_third ul li a {color:#e4decf; text-decoration: underline;}
#footer .container .one_third ul li a:hover {color: #9b0000;}
#footer .container .one_third ul li:first-child {padding: 0 0 3px 0;}

#footer .container .footerCol p#top {background: #2d0000; padding: 4px 8px; text-align: center;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
#footer .container .footerCol p#top a {text-decoration: none;}


#footer .container #copyright {background: transparent url('images/footer-div.png') repeat-x; padding: 12px 0; clear: both; margin: 0 0 16px 0; font-size: 11px;}
#footer .container #copyright ul {list-style: none; width: 714px; margin: 0 auto;}
#footer .container #copyright ul li {float: left; margin: 0 0 0 5px; border-left: 1px solid #e4decf; padding: 0 0 0 5px; }
#footer .container #copyright ul li:first-child {margin: 0; border: none; padding: 0;}
#footer .container #copyright ul li a {display: block; text-decoration: none;}
#footer .container #copyright ul li a:hover {color: #9b0000;}

#footerAds {margin: 0 auto; width: 728px;}