/*
Theme Name: Performance Signage
Theme URI: http://wordpress.org/
Description: Proprietary theme for Performance Signage.
Version: 1.0
Author: Dylan Schuster
Author URI: http://dylanschuster.com/

*/

/* Begin Typography & Colors */

/*General*/
body, div, img, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li {margin: 0; padding: 0; list-style: none; border:none; outline:none}
body {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.pfe-clear {display: block; clear: both; color: #333;}
a {color: #003399; text-decoration: underline;}
a:hover {text-decoration: none;}

body {background: #d7e2f1;}
.pfe-wrapper {width: 880px; margin: 0 auto;}

/*Header*/
#pfe-hd {background: url(images/nav-sprite.jpg) center 120px repeat-x #fff; height: 156px;}
.pfe-header-top {height: 120px;}
#pfe-logo {float: left; padding: 8px 0 0 17px;}
.pfe-nav {padding: 6px 0 6px 20px; height: 24px;}
.pfe-nav ul, .pfe-nav li, .pfe-nav a {float: left;}
.pfe-nav a {font-size: 15px; font-weight: bold; color: #fff; text-decoration: none; height: 24px; line-height: 24px; display: block; padding: 0 18px; border-right: 1px solid #000; border-left: 1px solid #523d96; text-shadow: 0 -1px 1px #333;}
.pfe-nav a:hover {text-decoration: underline;}

/*Main Content Wrap*/
#pfe-bd {background:url(images/nav-sprite.jpg) center -36px repeat-x; padding: 0 0 35px;}

/*Sidebar*/
.pfe-sidebar {float: left;}
.pfe-sidebar, .pfe-sidebar-top, .pfe-sidebar-title, .pfe-sidebar-bottom, .pfe-red-button {width: 264px; background:url(images/col-sprite.jpg) left center repeat-y;}
.pfe-sidebar-top {height: 14px; background-position: -264px top;}
.pfe-sidebar-mid {padding: 10px 0 30px;}
.pfe-sidebar-title {text-align: center; padding: 2px 0 4px; height: 32px; line-height: 32px; background-position: -264px -14px;}
.pfe-sidebar-title, .pfe-sidebar-title a {font-size: 18px; font-weight: bold; text-shadow: 0 -1px 1px #333; color: #fff;}
.pfe-sidebar-title a {text-decoration: underline;}
.pfe-sidebar-title a:hover {text-decoration: none;}
.pfe-sidebar-title span, .pfe-sidebar-title span a {font-size: 14px;}
.pfe-sidebar-bottom {height: 38px; background-position: -264px bottom;}

ul.pfe-sidebar-articles {padding: 0 14px 32px;}
ul.pfe-sidebar-articles li {border-bottom: 1px solid #84a3dc;}
ul.pfe-sidebar-articles a {font-size: 15px; color: #000; text-decoration: none; display: block; padding: 8px 3px;}
ul.pfe-sidebar-articles a:hover {text-decoration: underline;}

/*General Module Styling*/
.pfe-module-bd, .pfe-module-hd {padding: 0 7px;}
.pfe-module-col-left, .pfe-module-col-right {float: left; width: 45%; padding-top: 5px; padding-bottom: 10px;}
.pfe-module-col-left {padding-right: 4%; border-right: 1px solid #b5c8e4;}
.pfe-module-col-right {padding-left: 4%; border-left: 1px solid #e8eff8;}

/*Video Still*/
.pfe-video-still p {text-align: center; font-size: 15px; color: #111;}
.pfe-video-still img {border: 1px solid #fff;}

/*Content Area*/
.pfe-content-main {float: right; width: 590px; padding: 22px 0;}
.pfe-content-wide {padding: 22px 0; float: right; width: 100%;}
.pfe-content-main img {border: 1px solid #fff; box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; -webkit-box-shadow: 0 1px 2px #000;}
img.pfe-main-image {margin: 0 0 15px;}

/*Home Page */
#pfe-m-home .pfe-module-bd {padding: 0;}
#pfe-m-home .pfe-module-sec {border-bottom:1px solid #b5c8e4; border-top: 1px solid #e8eff8; padding: 25px 7px 10px;}
#pfe-m-home .pfe-module-col-left, #pfe-m-home .pfe-module-col-right {height: 210px;}
.pfe-four-outdoors-signs h3, .pfe-four-outdoors-signs p {margin: 0; padding: 0;}
.pfe-four-outdoors-signs h3 {font-size: 14px;}
.pfe-four-outdoors-signs p {font-size: 13px; line-height: auto;}
.pfe-four-outdoors-signs {position: relative; height: 456px;}
.pfe-effective, .pfe-elegant, .pfe-everlasting, .pfe-economical {position: absolute;}
.pfe-elegant {top: 0; left: 0; width: 120px; padding: 0 155px 0 0; height: 203px; background:url(images/home_rosewood.jpg) right bottom no-repeat; text-align:right;}
.pfe-effective {top: 0; right: 0; padding: 25px 0 155px; background:url(images/home_howell.jpg) left bottom no-repeat; width: 275px;}
.pfe-economical {bottom: 0; left: 0; width: 240px; padding: 145px 0 0 35px; background: url(images/home_sterling.jpg) right top no-repeat; text-align: right;}
.pfe-everlasting {bottom: 0; right: 0; padding: 0 0 0 150px; width: 125px; height: 203px; background:url(images/home_cypress.jpg) left top no-repeat;}

/*Archive*/
.pfe-meta {font-size: 11px;}
#pfe-m-archive .pfe-module-cd p, #pfe-m-archive .pfe-module-ft p {font-size: 11px;}
#pfe-m-archive .pfe-module-cd a, #pfe-m-archive .pfe-module-ft a {margin: 0 10px;}

/*Photo Gallery*/
#pfe-photo-gallery {float: none; width: 100%;}
ul.thumbs, ul.thumbs li {margin: 0; padding: 0; list-style:none; float: left;}
ul.thumbs li {padding: 2px;}
ul.thumbs li a, div#slideshow a {text-decoration: none;}
ul.thumbs li img {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; width: 50px; height: 50px; margin: 0; padding:1px; border: 1px solid #D7E2F1; background: #fff;}
ul.thumbs li.selected img {background: #ff8522; border-color: #ff8522;}
div#slideshow, div#caption, div.pagination {text-align: center; padding: 0 5px 10px;}
div#caption p {padding: 0 0 15px; font-size: 16px;}
div.pagination span.current, div.pagination a {margin: 0 10px;}
div#gallery {position: relative;}
a.prev, a.next {position: absolute; top: 150px; color: #999; font-size: 72px; text-decoration:none;}
a.prev:hover, a.next:hover {text-decoration:none; color: #555;}
a.prev {left: 0;}
a.next {right: 0;}
.ss-controls {text-align: center; padding: 0 0 5px;}

/*Footer*/
#pfe-ft .pfe-wrapper {border-top: 1px solid #b5c8e4;}
.pfe-footer-inner {border-top: 1px solid #e8eff8; padding: 30px 0;}
.pfe-footer-inner p {text-align: center;}
p.pfe-footer-nav a {color: #333; text-decoration: none; margin: 0 10px;}
p.pfe-footer-nav a:hover {text-decoration: underline;}
a.pfe-hidden-link {color: #333; text-decoration:none; cursor:text;}

/*Pill*/
#pfe-m-quote-pill {float: right; padding: 16px 18px 0 0;}
.pfe-pill .pfe-module {background: url(/wp-content/themes/performancesignage/images/performance_pill.gif); width: 524px; height: 54px; padding: 15px;}
.pfe-pill .pfe-module-hd {width: 42%; float: left; text-align: center;}
.pfe-pill .pfe-module-hd p {font-size: 18px; color: #fff; text-shadow: 0 -1px 1px #333; padding: 0;}
.pfe-pill .pfe-module-bd {float: right; width: 50%;}
.pfe-pill .pfe-module-bd p {font-size: 15px; color: #fff; padding: 5px 0 0;}
.pfe-pill .pfe-module-bd p strong {color: #fff;}
.pfe-pill .pfe-module a {color: #fff;}

/*Contact Forms*/
.pfe-module-bd div.wpcf7 {width: 70%; margin: 0 auto;}
p.pfe-form-dimensions input {width: 50px;}

/*Video*/
object#video0 {display: block; margin: 0 auto 18px;}

/*Benefits Table*/
.pfe-the-difference {float: left; width: 280px; padding: 15px 10px; background: #231111; border: 1px solid #6a3a38;}
.pfe-the-difference h2 {color: #fff;}
.pfe-the-difference p {color: #ccc;}
.pfe-the-difference p strong {color: #fff;}

table#pfe-comparison {width: 100%; font-size: 12px; color: #333;}
table#pfe-comparison th, table#pfe-comparison td {border-bottom: 1px solid #999; font-weight: normal; padding: 5px; vertical-align:top;}
td.pfe-comparison-header {text-align: center; background: #ff8522; color: #fff;}

/* Pricing Table */
h2.pfe-ready-header {background: #e3f0e5; padding: 5px; border: 1px solid #5d6f60; border-left: none; border-right: none; margin: 0 0 12px;}

table.pfe-pricing-table {border-top: 1px solid #777; border-left: 1px solid #777; margin-bottom: 24px;}
table.pfe-pricing-table th, table.pfe-pricing-table td {padding: 3px; font-weight: normal; text-align: center; border-bottom: 1px solid #777; border-right: 1px solid #777;}
table.pfe-pricing-table th.pfe-table-disclaimer, table.pfe-pricing-table td.pfe-table-disclaimer {font-size: 12px;}
table.pfe-pricing-table td.pfe-table-disclaimer {text-align:left;}
tr.pfe-color-table td {background: #e3f0e5;}

/*Custom Signs*/
table.pfe-custom-signs-table td {vertical-align: bottom; padding: 0 0 30px;}
table.pfe-custom-signs-table td ul {padding-bottom: 0;}

/*Fonts*/
h1, h2, h3 {color: #1c0075; font-weight: bold; font-size: 20px; padding: 0 0 12px;}
h2 {font-size: 18px;}
h3 {font-size: 15px; color: #000;}
p, .pfe-module-bd  ul, .pfe-module-bd  li, .pfe-module-bd  ol {font-size: 14px; color: #333; padding: 0 0 18px; line-height: 1.4;}
strong {color: #000; font-weight: bold;}
.pfe-module-bd li {list-style:disc; margin: 0 0 8px 20px; padding: 0;}