/*
Theme Name: Pinxav
Theme URI: http://www.steerpointmarketing.com/
Description: Custom Theme for Pinxav website
Author: Mike Lundy from <a href="http://www.steerpointdesign.com/">SteerPoint Design</a>
*/

/* Overall formatting */
body { margin: 0;color: #458;line-height: 1.4em;font-family: Arial, Helvetica, serif;font-size: 12px;background: #faf4ef url(images/body-bkg.png);}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.17em;} h4 {font-size: 1em;} h5 {font-size: 0.83em;} h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em;font-weight: normal;}
p {margin: 0 0 1em;}
a, a:visited {color: #e76297;text-decoration: none;}
a:hover {color: #6f4c3dtext-decoration: underline;}
a img {border: none;}
ul {margin: 0 0 10px;padding: 0 0 0 40px;}
table {margin: 0 0 1em;}
th {text-align: left;}
th, td {padding: 0 20px 10px 0;vertical-align: top;}
input[type="text"], textarea, select {padding: 3px;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
textarea {overflow: auto;width: 98%;}
select {margin: 0 5px 5px 0;vertical-align: middle;}

/* Editor classes for alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {text-align: center;}
.hidden {display: none;}
.cleared {clear: both;}
img.alignleft {display: inline;margin: 0 25px 8px 0;}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 8px 25px;}

/* Wrap */
.wrap_shadow {width: 980px;margin: 0 auto;padding: 0 50px;background: url(images/wrap_shadow-bkg.png) repeat-y center;}
.wrap_shadow_bottom {width: 994px;height: 13px;margin: 0 auto;background-image: url(images/wrap_shadow_bottom-bkg.png);}

.wrap {position: relative;width: 980px;min-height: 396px;padding: 0 0 1px;background: #fff url(images/wrap-bkg.png) repeat-x;}

.read_our_blog {position: absolute;display: block;overflow: hidden;right: -27px;top: 50px;width: 28px;height: 222px;text-indent: -999em;background-image: url(images/read_our_blog-bkg.png);}
.read_our_blog:hover {background-position: -28px;}

.button {display: inline-block;color: #fff;font-size: 12px;margin: 0 0 0 -5px;padding: 0 33px 0 0;background: url(images/button-bkg.png) no-repeat right;}
.button span {display: block;height: 24px;padding: 8px 5px 0 10px;background-image: url(images/button-span-bkg.png);}

/* Header */
#header {overflow: hidden;height: 80px;margin: 0 0 10px;background: url(images/header-bkg.jpg) no-repeat;}

#header .logo {overflow: hidden;width: 291px;height: 54px;margin: 20px auto 0;text-indent: -999em;background-image: url(images/header-logo-bkg.png);}
#header .logo a {display: block;height: 100%;}

#header .menu {position: absolute;right: 30px;bottom: 15px;margin: 0;padding: 0;list-style: none;font-size: 16px;}
#header .menu li {float: left;margin: 0 0 0 40px;}
#header .menu li a {position: relative;color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;}
#header .menu li .description {color: #6fb5f6;font-size: 11px;}

/* Nav */
#nav {position: relative;z-index: 1;margin: 0 45px -20px;}
#nav ul {overflow: hidden;list-style: none;margin: 0;padding: 0;}
#nav ul li {position: relative;overflow: hidden;float: left;height: 40px;}
#nav ul li a {position: relative;display: block;overflow: hidden;height: 120px;text-indent: -999em;background-image: url(images/nav-ul-li-a-bkg.png);}
#nav ul li.menu-item-20 a {width: 195px;}
#nav ul li.menu-item-23 a {width: 170px;background-position: -195px 0;}
#nav ul li.menu-item-22 a {width: 145px;background-position: -365px 0;}
#nav ul li.menu-item-21 a {width: 165px;background-position: -510px 0;}
#nav ul li.menu-item-19 a {width: 100px;background-position: -675px 0;}
#nav ul li.menu-item-18 a {width: 115px;background-position: -775px 0;}
#nav ul li a:hover {top: -40px;}
#nav ul li.current_page_item a {top: -80px;}

/* Main */
#main {position: relative;overflow: hidden;margin: 0 45px 20px;padding: 40px 40px 20px;background-color: #fff;border: 8px solid #cb9765;}
#main.front_page_banner {height: 420px;padding: 40px 280px 20px 40px;background-image: url(images/main-front_page_banner-bkg.jpg);}

#main.front_page_banner .number_one_choice {position: absolute;overflow: hidden;width: 163px;height: 142px;right: 0;bottom: 0;text-indent: -99em;background: url(images/main-front_page_banner-number_one_choice-bkg.png);}
#main.front_page_banner .find_out_why {height: 57px;padding: 40px 0 0 220px;background: url(images/main-front_page_banner-find_out_why-bkg.png) no-repeat 0 10px;}

.three_columns {overflow: hidden;margin: 0 0 10px -20px;}
.three_columns .column {float: left;}
.three_columns .column.order_now {width: 120px;min-height: 135px;padding: 35px 20px 0 110px;background: url(images/three_columns-column-order_now-bkg.png) no-repeat 0 10px;}
.three_columns .column.testimonial {width: 500px;padding: 10px 10px;color: #6f4c3d;text-align: center;border-left: 3px dotted #f4d1b8;border-right: 3px dotted #f4d1b8;}
.three_columns .column.where_to_buy {width: 205px;min-height: 122px;padding: 40px 0 0 15px;background: url(images/three_columns-column-where_to_buy-bkg.jpg) no-repeat right 20px;}

.three_columns blockquote {margin: 0 0 10px;font-style: italic;}
.three_columns cite {display: block;margin: 0 0 10px;font-style: normal;}

/* Sidebar */
#sidebar {float: right;width: 165px;padding: 0 0 220px 25px;background: url(images/sidebar-bkg.jpg) no-repeat bottom;}

#sidebar .widget {margin: 0 0 10px;}
#sidebar .widget a {}
#sidebar .widget .widgettitle {margin: 0 0 0.5em;padding: 10px;color: #e76297;font-size: 16px;}

/* Content */
#content {float: left;width: 600px;}
#content.full_width {float: none;width: auto;}

#content .title {font-size: 32px;}
#content .title a {color: #458;}

#content .post {margin: 0 0 30px;}

#content .post_title {line-height: 1em;font-size: 24px;}
#content .post_title a {color: #dab84f;text-decoration: none;}

#content h3 {color: #e76297;font-size: 18px;}

#content .postmetadata {color: #6f4c3d;}

/* Footer */
#footer {width: 920px;margin: 0 auto;padding: 10px 0 20px;color: #623926;text-align: center;font-size: 10px;}

#footer .menu {overflow: hidden;margin: 0 0 20px;list-style: none;text-transform: uppercase;}
#footer .menu li {display: inline;border-right: 1px solid #623926;}
#footer .menu li.last {border-right: none;}
#footer .menu li a {padding: 0 5px;color: #623926;font-weight: bold;}

/* Post and Comment Navigation */
.navigation {overflow: hidden;margin: 0 0 20px;font-weight: bold;}
.comment-navigation {overflow: hidden;height: 1%;font-weight: bold;}
.navigation ul,
.comment-navigation ul {float: right;}
.navigation li,
.comment-navigation li {float: left;margin-left: 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;padding: 0 30px;line-height: 24px;color: #5d3128;text-decoration: none;text-transform: lowercase;font-family: Arial, Helvetica, sans-serif;background-color: #cfcfc6;}
.navigation a:hover,
.comment-navigation a:hover {background-position: left -20px;}
.navigation span,
.comment-navigation span {color: #fff;}

/* Comments */
#comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff url(images/post-background.png) no-repeat;}

#comments {color: #888;background: url(images/comments-background.gif) no-repeat 0 center;}

#content .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#content .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #222;border-top: 1px solid #333;border-bottom: 1px solid #333;}
#content .commentlist li.odd {background-color: #333;}

.vcard {font-weight: bold;}
.vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;}

.comment-date {float: right;font-size: 8pt;font-weight: normal;}
