/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for www.edmerritt.com
    Created by Ed Merritt
    17th August 2007
--------------------------------------------------------------------------------------*/


/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative; background: url(../images/bkg03.jpg) top center no-repeat #f3f1e9; font: 80% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #555; text-align: center;}
#logo {position: relative; width: 94%; background: url(../images/header.gif) top repeat-x; text-align: center; margin: 0 auto; padding: 0 3%;}
#logo p {display: block; height: 113px; text-align: center; margin: 0 auto; background: url(../images/header_light.gif) 50% top no-repeat;}
#logo a {display: block; width: 226px; height: 113px; text-indent: -5000px; margin: 0 auto; background: url(../images/logo.gif) 50% top no-repeat;}

#nav {float: left; width: 94%; position: relative; background: url(../images/nav.gif) bottom repeat-x; text-align: center; margin: 0 auto; border-top: 1px solid #f9f9f5; padding: 0 3%;}
#nav ul {display: block; max-width: 900px; text-align: left; margin: 0 auto; list-style: none;}
#nav li {float: left; display: inline;padding-bottom: 4px;}
#nav a {float: left; margin: 3px 4px 0 0; padding: 4px 15px 4px 15px; color: #31363e; text-decoration: none;}
#nav a:hover {position: relative; background: url(../images/nav_tl.gif) top left no-repeat #ccc; color: #202429;}
#nav #current a {position: relative; background: url(../images/nav_tl.gif) top left no-repeat #a2a4a5; color: #fff;}
.nav_tr {position: absolute; top: 0; right: 0; display: block; width: 4px; height: 4px; background: url(../images/nav_tr.gif) top right;}
.nav_bl {position: absolute; bottom: 0; left: 0; display: block; width: 4px; height: 4px; background: url(../images/nav_bl.gif) bottom left;}
.nav_br {position: absolute; bottom: 0; right: 0; display: block; width: 4px; height: 4px; background: url(../images/nav_br.gif) bottom right;}
#nav a span {display: none;}
#nav a:hover span, #nav #current a span {display: block;}

#content {float: left; width: 94%; position: relative; background: url(../images/content.gif) top repeat-x; text-align: center; margin: 0 auto; padding: 0 3%;}
#content_inner {width: 900px; position: relative; background: url(../images/content_inner.gif) left top no-repeat; text-align: left; margin: 0 auto; min-height: 719px;}
#maincol {position: relative; float: left; width: 545px; margin-right: 50px; padding: 25px 0;}
#sidecol {float: left; width: 305px;  padding: 25px 0;}

a, a:visited {color: #2a69a3; text-decoration: none;}
a:hover {color: #1f4c75;}
a img {border: none}

.intro {display: block; width: 545px; background: url(../images/intro.gif) top no-repeat; margin: 0 0 25px 0;}
.intro_inner {position: relative; top: 3px; display: block; width: 515px; background: url(../images/intro_inner.gif) bottom no-repeat; padding: 12px 15px 15px 15px;}

h1 {font: 2.2em "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0 0 1em 0; color: #222; letter-spacing: -0.03em;}
.intro h1 {font: 1.6em "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0 0 1em 0; color: #222; letter-spacing: -0.03em;}
p {margin: 0 0 12px 0;}
ul {margin: 0 0 12px 12px;}
ul ul {margin-bottom: 0;}
p em, ul em {color: #999;}
.intro h1 {margin-bottom: 15px;}
.intro p {margin: 0;}
strong span {font-weight: normal;}
.mini_title {clear: left;}
.mini_title, .widgettitle {float: none; font: 0.8em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; color: #222; border-bottom: 1px solid #c7c6c0; padding-bottom: 10px;}
.mini_title a {float: right; letter-spacing: 0;}
.mini_title + p, .widgettitle + p, .widgettitle + a {margin-top: 12px;}
p + .mini_title, p + .widgettitle {margin-top: 25px;}
.mainpic, #details img {margin: 12px 0 25px 0;}

.categories {float: left; list-style: none; margin: 0 0 25px 0;}
.categories li {float: left; width: 100%; border-bottom: 1px solid #c7c6c0;}
.categories a {float: left; width: 290px; margin: 0; padding: 4px 0 4px 15px;}
.categories a:hover {background: url(../images/bullet_arrow.png) 0 50% no-repeat;}
.ads {float: left; list-style: none; margin: 4px 0 25px 0;}
.ads li {float: left; width: 100%;}
.ads a {float: left; width: 290px; margin: 0;}

.posts {list-style: none; margin: 0;}
.posts a:hover + p + h3 a {color: #1f4c75;}
.posts h3:hover + p +p + p > a:first-child, .posts a:hover + p + h3 + p +p + p > a:first-child {color: #444;}
.posts li {position: relative; float: left; display: block; width: 367px; border-bottom: 1px solid #c7c6c0; padding: 12px 0 12px 178px; background: url(../images/thumb.gif) 0 12px no-repeat; min-height: 154px;}
.posts img {position: absolute; top: 20px; left: 8px;}
.category {float: right; position: absolute; top: 0; right: 0; background: url(../images/cat_br.gif) bottom right no-repeat}
.category span {float: right; font: 0.8em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; padding: 3px 9px 4px 12px; margin-right: 3px; background: url(../images/cat_bl.gif) bottom left no-repeat #d5d4cf;}
.posts h3 {font: 1.7em "Myriad Pro", Arial, Helvetica, sans-serif; letter-spacing: -0.04em; margin: 12px 0 0 0;}
.price {font: 1em Tahoma, Arial, Helvetica, sans-serif; color: #a47e66;}
.price strong {font: bold 1em Georgia, "Times New Roman", Times, serif;}

.buttons a {position: relative; float: left; background: url(../images/but_tl.gif) top left no-repeat; font: 0.7em Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666666; margin: 0 12px 0 0;}
.buttons .but_br { float: left; background: url(../images/but_br.gif) bottom right no-repeat; padding: 6px 25px 7px 25px; white-space: nowrap; cursor: pointer;}
.buttons .but_tr {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 6px; background: url(../images/but_tr.gif) top right no-repeat;}
.buttons .but_bl {position: absolute; bottom: 0; left: 0; display: block; width: 6px; height: 6px; background: url(../images/but_bl.gif) bottom left no-repeat;}
.buttons .but_buy {color: #2a69a3;}
.buttons a:hover {color: #444;}
.buttons .but_buy:hover {color: #1f4c75;}

#details .buttons {float: left; margin-bottom: 2em;}
#details .buttons a {font-size: 1.1em;}
#details .buttons a .but_br {padding: 0.5em 3em;}

#footer {float: left; width: 94%; position: relative; background: #727578; text-align: center; margin: 0 auto; padding: 0 3% 0 3%; color: #c6ccd1; }
.footer_inner {display: block; width: 900px; position: relative; text-align: left; margin: 0 auto; padding: 25px 0 0 0; clear: both;}
.footcol {float: left; width: 165px; margin: 0 25px 0 0;}
.footbox {float: left; width: 279px; margin: 0 0 0 25px; padding: 12px 12px 0 12px; border: 1px solid #5e6469; background: #656c72;}
.footbox h2 {margin-bottom: 12px;}
#footer .mini_title {color: #c6ccd1; border-bottom: 1px solid #83898f;}
#footer .categories { margin: 4px 0 25px 0;}
#footer .categories li {border: none;}
#footer .categories a {padding: 0; width: 165px; color: #ddd;}
#footer .categories a:hover {background: none; color: #fff;}
#footer a {color: #ddd;}
#footer a:hover {color: #fff;}

.quote {float: left; width: 279px; margin: 0 0 25px 0; padding: 12px 12px 0 12px; background: url(../images/quote.gif) top left no-repeat #eceae2; border: 1px solid #d8d6cd;}
.q {font: 1.1em Times; font-style: italic;}
.textright {text-align: right; margin-top: -6px;}
.textcenter {text-align: center;}

#details {position: relative; float: left; display: block; width: 545px; margin-bottom: 25px;}
#details h1 {margin: 0 0 0.5em 0;}
#details .category {position: relative; top: -42px; right: 3px; margin-bottom: -2em;}

#commentform {display: block; width: 545px; margin: 25px 0;}
#commentform p {float: left; display: block; width: 545px;}
#commentform label {font: 0.9em Tahoma, Arial, Helvetica, sans-serif;} 
#commentform p .field {float: right;}
#commentform textarea {width: 537px; border: 1px solid #ccc; padding: 4px 3px; font: 0.9em Tahoma, Arial, Helvetica, sans-serif;}
.field {border: 1px solid #ccc; padding: 4px 3px; line-height: 1em; font: 0.9em Tahoma, Arial, Helvetica, sans-serif; width: 252px;}
#commentform .buttons .but_tl {position: relative; float: left; background: url(../images/but_tl.gif) top left no-repeat; padding: 0;}
#commentform .buttons input {float: left; background: url(../images/but_br.gif) bottom right no-repeat; padding: 6px 25px 7px 25px; white-space: nowrap; cursor: pointer; font: 0.7em Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666; border: none;}
#commentform .buttons .but_tr {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 6px; background: url(../images/but_tr.gif) top right no-repeat;}
#commentform .buttons .but_bl {position: absolute; bottom: 0; left: 0; display: block; width: 6px; height: 6px; background: url(../images/but_bl.gif) bottom left no-repeat;}

#comments {list-style: none; margin: 2em 0 0 0;}
#comments li {border-bottom: 3px solid #ECEAE2; margin-bottom: 2em;}
#comments h4 {float: left; padding: 0.5em; background: #D5D4CF ; color: #fff; font-weight: normal;}
#comments h4 a {font-weight: bold;}
.comment {display: block; clear: both; padding: 1em 0.5em 0.5em 0.5em; border-top: 1px solid #D5D4CF; border-bottom: 1px solid #C7C6C1; background: #f0eee7;}
#comments .entryinfo {float: right; display: inline; width: auto; margin: 0; padding: 0.6em 0 0 2em; font-size: 0.9em; color: #999;}


#bsap_2185 {float: left;}
html > body div#bsap_2185.adblock a.adhere {filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;}
div#bsap_2185 a {float: left; margin: 0 2em 2em 0 !important;}

#twitter_div {position: relative; padding: 10px 0 10px 48px; background: url(../images/twitter.gif) 0 10px no-repeat;}
#twitter_div li span {display: block; font: italic 1.3em georgia, serif; margin-bottom: 0.2em;}
#twitter_div li {font: 1em georgia, serif; list-style: none;}
.twitFollow {position: absolute; top: 10px; left: 0; height: 48px; width: 48px;}
.twitFollow span {visibility: hidden;}

#sidebar {display: block; float: left; width: 100%; list-style: none; margin: 20px 0; padding: 0;}
#sidebar li {margin-bottom: 20px;}
#sidebar a {display: block; }
#sidebar a strong {font-weight: normal !important; font-size: 1em;}
#sidebar a:before {content:"- "}