@charset "utf-8";

body {
    margin: 0px;
    padding: 0px;
    color: #5A554E;
    background: #F7F7F7 url(images/bg_body.jpg) repeat top left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    color: #32639A;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.6em;
}

p, ul, ol {
    margin-top: 0px;
    line-height: 200%;
}

ul, ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
    color: #516C00;
}

a:hover {
    text-decoration: underline;
}

h2 a {
    text-decoration: none;
}

img {
    border: none;
}

#wrapper {
    margin: 0px;
    padding: 0px;
    background: url(images/bg_side.jpg) repeat-x left top;
}

/* Header */

#header {
    width: 1000px;
    height: 100px;
    margin: 0px auto;
    padding: 0px;
    background: url(images/bg_top.jpg) no-repeat left top;
}

/* Logo */

#logo {
    float: left;
    margin: 0px;
    padding: 30px 0px 0px 30px;
    color: #FFFFFF;
}

#logo h1, #logo p {
    margin: 0;
    padding: 0;
}

#logo h1 {
    letter-spacing: -1px;
    font-size: 40px;
    text-shadow: 0px 2px 2px #696969;
}

#logo h1 a {
    color: #00008B;
    text-decoration: none;
}

#logo p {
    margin: -30px 0px 0px 0px;
    padding: 18px 0px 0px 2px;
    font-size: 19px;
    color: #FFEBCD;
}

#logo a {
    border: none;
    background: none;
    text-decoration: none;
    color: #FFEBCD;
}

#banner {
    margin-bottom: 20px;
    border: none;
    text-align: center;
}

#banner-logo {
    margin-bottom: 12px;
    border: none;
    text-align: left;
}

#banner-left {
    margin-bottom: 20px;
    border: none;
    text-align: left;
}

/* Navigation Tab Bar */

#navbar {
    width: 660px;
}

#navbar #holder {
    height: 64px;
    width: 400px;
    padding-left: 560px;
    padding-top: 60px;
}

#navbar #holder ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#navbar #holder ul li a {
    text-decoration: none;
    float: left;
    margin-right: 5px;
    font-weight: bold;
    color: #000000;
    padding: 5px;
    width: 75px;
    text-align: center;
    display: block;
    background: #FFC125;
    border: 2px solid #696969;
    -moz-border-radius-topleft: 15px;     /* FF 3.5 & older */
    -moz-border-radius-topright: 15px;    /* FF 3.5 & older */
    -webkit-border-radius-topleft: 15px;  /* older Safari & Chrome */
    -webkit-border-radius-topright: 15px; /* older Safari & Chrome */
    border-top-left-radius: 15px;         /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-top-right-radius: 15px;        /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
}

#navbar #holder ul li a:hover {
    background: #FF4500;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #696969;
}

#holder ul li a#youarehere {
    background: #FFFFFF;
    color: #000000;
    border-bottom: 2px solid #FFFFFF;
}

#holder ul li a#youarehere:hover {
    background: #FFFFFF;
    color: #FF4500;
    text-shadow: 1px 1px 1px #696969;
    border-bottom: 2px solid #FFFFFF;
}

/* Page */

#page {
    width: 900px;
    margin: 0px auto;
    padding: 40px 50px 0px 50px;
    background: #FFFFFF;
    border-top: 2px solid #696969;
    border-right: 2px solid #696969;
    border-left: 2px solid #696969;
    border-bottom: none;
    -moz-border-radius-topleft: 20px;     /* FF 3.5 & older */
    -moz-border-radius-topright: 20px;    /* FF 3.5 & older */
    -webkit-border-radius-topleft: 20px;  /* older Safari & Chrome */
    -webkit-border-radius-topright: 20px; /* older Safari & Chrome */
    border-top-left-radius: 20px;         /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-top-right-radius: 20px;        /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
}

/* Content */

#content {
    float: left;
    width: 650px;
    padding: 0px 0px 0px 0px;
}

.post {
    margin-bottom: 15px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
    margin-bottom: 10px;
    padding: 12px 0px 0px 0px;
    letter-spacing: -.5px;
    font-size: 36px;
    color: #5A554E;
}

.post .title a {
    color: #5A554E;
    border: none;
    text-decoration: none;
}

.post .title a:hover {
    color: #6E8D3D;
    border: none;
}

.post .meta {
    margin-top: -10px;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: normal;
    color: #6E8D3D;
}

.post .meta-price {
    margin-top: -10px;
    letter-spacing: -1px;
    font-size: 22px;
    font-weight: bold;
    color: #CD0000;
}

.post .meta .date {
    float: left;
}

.post .meta .posted {
    float: right;
}

.post .meta a {
    text-decoration: none;
}

.post .entry {
    background: url(images/bg_post.jpg) no-repeat left top;
    padding: 30px 0px 20px 0px;
    text-align: justify;
}

.post .entry a {
    font-weight: bold;
}

.post .entry ul {
    list-style: disc;
    padding: 0px 0px 30px 36px;
}

.post .entry h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #6E8D3D;
}

.post .entry .indented-entry {
    margin-left: 30px;
}

.post .entry .indented-entry ul {
    margin-left: 30px;
}

.post .article_category {
    padding: 30px 0px 30px 0px;
    font-size: 0.875em;
    text-align: justify;
}

.post .article_category h2 {
    color: #6E8D3D;
    padding-bottom: 20px;
}


/* Pullouts */

.pullout-left {
    _height: 1em;
    _margin-left: 0;
    _display: inline-block;
}

.pullout-left:after {
    content: "\0020";
    clear: both;
    display: block;
    height: 0;
}

.pullout-item {
    _height: 100%; /*---IE sub 7---*/
}

.pullout-left .pullout-item {
    float: left;
    margin-left: 0;
    _margin-right: 6px;
    _margin-bottom: 100%;
}

.left-wrap .pullout-item, .right-wrap .pullout-item {
    _height: auto;  /*---IE sub7---*/
    _margin-bottom: auto;
}

.right-wrap .pullout-item {
    clear: right;
}

.left-wrap .pullout-item {
    clear: left;
}

.pullout-left .compact {
    display: table;
}

.pullout-left .compact:after {
    display: none;
}

.pullout-right .pullout-item {
    float: right;
    margin-right: 0;
    _margin-left: 6px;
}

div.left-wrap>.pullout-item {
    margin-right: 10px;
}

.pullout-left>span {
    display: block;
}

/*--- These 2 IE workarounds below for direct child support look insane, but the override rules are VERY tricky when it comes to properties like
display (other properties like border work fine without all this). Here I'm Adding the '*' before the className to negate it's importance--
allowing me style the display of all spans within another element differently ---*/

*.pullout-left span, *.pullout-left *.pullout-left span {
    _display: block;
}

*.pullout-left *.pullout-left * span, *.pullout-left * span {
    _display: inline;
}

div.right-wrap>.pullout-item {
    margin-left: 10px;
}

a.pullout-left, a.pullout-right {
    display: block;
    _cursor: hand;
}

div.pullout-wrap>* {
    margin-left: 0;
}

div.left-wrap>.pullout-item {
    margin-right: 10px;
}

div.right-wrap>.pullout-item {
    margin-left: 10px;
}

.left-100 .pullout-item, .right-100 .pullout-item {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.left-100>* {
    margin-left: 120px;
}

.right-100>* {
    margin-right: 120px;
}

.pullout-left h4 {
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 30px;
    text-align: left;
}

.pullout-left h4 a {
    color: #3D3D3D;
}

.pullout-left h4 a:hover {
    color: #698B22;
}

.pullout-left p {
    text-align: left;
    line-height: 175%;
    margin-bottom: 3px;
}

.pullout-left .byline {
    color: #CD0000;
    font-size: 0.875em;
    font-weight: bold;
}


/* Links */

.links {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
}

.links-red-cta {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
}

.links-red-cta a {
    color: #FF4500;
}

.more {
    padding-left: 16px;
    padding-right: 16px;
    background: url(images/read.gif) no-repeat left 3px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.more:hover {
    text-decoration: underline;
}

.comments {
    padding-left: 18px;
    padding-right: 18px;
    background: url(images/comments.gif) no-repeat left 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.comments:hover {
    text-decoration: underline;
}

.thumbnail {
    margin-left: 18px;
}

.thumbnail img {
    border: 2px solid #696969;
    margin-bottom: 20px;
}

.backtop {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 0.875em;
    float: right;
}

.share {
    padding-left: 18px;
}

.share .facebook {
}

.share .twitter {
}


/* Articles Template */

.categorymenu {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
}

.categorymenu ul {
}

.categorymenu li {
    display: inline;
}

.categorymenu li:before {
    content: "| ";
}

.categorymenu li:first-child:before {
    content: "";
}


/* Sidebar */

#sidebar {
    float: right;
    width: 200px;
    padding: 0px;
    color: #787878;
}

#sidebar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#sidebar li {
    margin: 0px;
    padding: 0px;
}

#sidebar li ul {
    margin: 0px;
    padding-bottom: 20px;
}

#sidebar li li {
    line-height: 19px;
    margin: 0px;
    padding: 3px 3px;
}

#sidebar li li span a {
    height: 19px;
    margin-right: 5px;
    padding: 8px 12px;
    border: 2px solid #696969;
    background: #FFC125;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: center;
    -moz-border-radius-topleft: 8px;        /* FF 3.5 & older */
    -moz-border-radius-topright: 8px;       /* FF 3.5 & older */
    -moz-border-radius-bottomleft: 8px;     /* FF 3.5 & older */
    -moz-border-radius-bottomright: 8px;    /* FF 3.5 & older */
    -webkit-border-radius-topleft: 8px;     /* older Safari & Chrome */
    -webkit-border-radius-topright: 8px;    /* older Safari & Chrome */
    -webkit-border-radius-bottomleft: 8px;  /* older Safari & Chrome */
    -webkit-border-radius-bottomright: 8px; /* older Safari & Chrome */
    border-top-left-radius: 8px;            /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-top-right-radius: 8px;           /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-bottom-left-radius: 8px;         /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-bottom-right-radius: 8px;        /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
}

#sidebar li li span a:hover {
    color: #FFFFFF;
    background: #FF4500;
    font-size: 16px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #696969;
}

#sidebar li li span a#youishere {
    color: #FF4500;
    background: #FFFFFF;
    font-size: 16px;
    border: 2px solid #696969;
}

#sidebar li li span a#youishere:hover {
}

#sidebar h2 {
    padding: 28px 0px 0px 0px;
    height: 65px;
    background: url(images/bg_sidebar.jpg) no-repeat left bottom;
    letter-spacing: -.5px;
    font-size: 28px;
    color: #6E8D3D;
}

#sidebar p {
    margin: 0px;
    padding: 0px 0px 30px 0px;
    text-align: justify;
}

#sidebar p strong {
    color: #4A3E29;
}

#sidebar a {
    border: none;
    text-decoration: none;
    font-weight: bold;
}

#sidebar a:hover {
    text-decoration: underline;
}


/* Footer */

#content-footer {
    width: 900px;
    height: 190px;
    margin: auto;
    padding: 40px 50px 0px 50px;
    background: #FFEBCD;
    font-size: 12px;
    color: #887450;
    border-top: 2px solid #AA8B55;
    border-right: 2px solid #696969;
    border-left: 2px solid #696969;
    border-bottom: 3px solid #696969;
    -moz-border-radius-bottomleft: 20px;     /* FF 3.5 & older */
    -moz-border-radius-bottomright: 20px;    /* FF 3.5 & older */
    -webkit-border-radius-bottomleft: 20px;  /* older Safari & Chrome */
    -webkit-border-radius-bottomright: 20px; /* older Safari & Chrome */
    border-bottom-left-radius: 20px;         /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
    border-bottom-right-radius: 20px;        /* FF 4.0, Opera 10.5, Safari 5, Chrome 5 */
}

#content-footer .column1 {
    float: left;
    width: 570px;
}

#content-footer .column2 {
    float: right;
    width: 273px;
}

#content-footer h2 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #6E8D3D;
}

#content-footer strong {
    color: #4A3E29;
}

#content-footer a {
    color: #AA8B55;
    text-decoration: none;
}

#content-footer a:hover {
    color: #AA8B55;
    text-decoration: underline;
}

.list li {
    margin-bottom: 6px;
}

.facebook {
    padding-left: 18px;
}

.twitter {
    padding-left: 18px;
}


#footer {
    height: 15px;
    margin: 0px auto;
    padding: 15px 0px 15px 0px;
}

#footer p {
    margin: 0px;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    color: #887450;
}

#footer a {
    color: #82A2B9;
    text-decoration: none;
}

#footer a:hover {
    color: #82A2B9;
    text-decoration: underline;
}