/* RESET.CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* GRID.CSS */

body {margin:5px 0 30px 0;font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#333333; line-height: 1.5em; text-align:left; font-weight:normal; background: #000000 url(/graphics/arabesque_bg.jpg) no-repeat top center; }

.bigcontainer { width:1004px; margin:0 auto; background-image: url(/graphics/light_bg.jpg); border: #fff 1px solid; margin-bottom: 20px; }

.container {width:943px;margin:0 auto; padding: 30px 0 30px 0; min-height:500px; }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right:20px; }

.last, div.last {margin-right:0;}

.span-1  { width: 60px;}
.span-2  { width: 140px;}
.span-3  { width: 220px;}
.span-4  { width: 300px;}
.span-5  { width: 380px;}
.span-6  { width: 460px;}
.span-7  { width: 540px;}
.span-8  { width: 620px;min-height:300px;}
.span-9  { width: 700px;}
.span-10 { width: 780px;}
.span-11 { width: 860px;}
.span-12, div.span-12 { width: 940px; margin: 0; }

div.logo {width:940px; height:147px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }

.logo_left { float: left; width: 640px; margin: 0; padding: 0; }

.logo_right { float: left; width: 298px; margin: 0; padding: 0; }

#hero { font-size: 15px; min-height: 300px; padding: 0; margin-bottom: 20px; }

input.span-1, textarea.span-1, select.span-1 {width:60px!important;}
input.span-2, textarea.span-2, select.span-2 {width:140px!important;}
input.span-3, textarea.span-3, select.span-3 {width:220px!important;}
input.span-4, textarea.span-4, select.span-4 {width:300px!important;}
input.span-5, textarea.span-5, select.span-5 {width:380px!important;}
input.span-6, textarea.span-6, select.span-6 {width:460px!important;}
input.span-7, textarea.span-7, select.span-7 {width:540px!important;}
input.span-8, textarea.span-8, select.span-8 {width:620px!important;}
input.span-9, textarea.span-9, select.span-9 {width:700px!important;}
input.span-10, textarea.span-10, select.span-10 {width:780px!important;}
input.span-11, textarea.span-11, select.span-11 {width:860px!important;}
input.span-12, textarea.span-12, select.span-12 {width:940px!important;}

hr {background:#d9d3d0; color:#d9d3d0; clear:both; margin-bottom: 18px; float:none; width:100%; height:3px; border:none;} 

hr.thick {background:#707070; color:#707070; height:5px; margin: 12px 0 24px 0; } 

hr.space {background:#fff;color:#fff;} 

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 

.clearfix, .container {display:block;} 
.clear {clear:both;} 

/* TYPOGRAPHY */

a, a:link, a:visited { color: #bf0000; font-weight: bold; text-decoration: none }

a:active, a:hover { color: #fe0000; font-weight: bold; text-decoration: none }

#hero a { color: #fc4c00; font-weight: normal; text-decoration: none }
#hero a:link { color: #fc4c00; font-weight: normal; text-decoration: none }
#hero a:visited { color: #fc4c00; font-weight: normal; text-decoration: none }
#hero a:active { color: #fff; font-weight: normal; text-decoration: none }
#hero a:hover { color: #fff; font-weight: normal; text-decoration: none }

#footer a { color: #707070; font-weight: normal; text-decoration: none }
#footer a:link { color: #707070; font-weight: normal; text-decoration: none }
#footer a:visited { color: #707070; font-weight: normal; text-decoration: none }
#footer a:active { color: #fff; font-weight: normal; text-decoration: none }
#footer a:hover { color: #fff; font-weight: normal; text-decoration: none }

h1 { font-size:24px; font-weight: bold; line-height: 1.2em; margin-bottom: 6px; }

h2 { font-size:16px; font-weight: bold; line-height: 1.4em; margin-bottom: 6px; }

h3 { font-weight: bold; font-size: 20px; text-transform: uppercase; color: #807971; margin:30px 0 15px 0; line-height: 1.2em; letter-spacing: 0.1em; border-top: 3px solid #d9d3d0; border-bottom: 3px solid #d9d3d0; padding: 10px 0; text-align: center; }

h4 { font-size:16px; serif; font-weight: bold; line-height: 1.4em; margin-bottom: 6px; }

.m20 {margin: 20px; }
.mt20 {margin-top:20px; }
.mb20 {margin-bottom:20px; }
.ml20 {margin-left:20px; }
.mr20 {margin-right:20px; }
.mt30 {margin-top:30px; }
.mb30 {margin-bottom:30px; }
.ml30 {margin-left:30px; }
.mr30 {margin-right:30px; }
.mt10 {margin-top:10px; }
.mb10 {margin-bottom:10px; }
.ml10 {margin-left:10px; }
.mr10 {margin-right:10px; }
.mt6 {margin-top:6px; }
.mb6 {margin-bottom:6px; }
.mt0 {margin-top:0 }
.mb0 {margin-bottom:0; }

.header {margin-bottom: 10px; }

img {margin:0;padding:0;display:block; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0; }
p {margin:0 0 1.2em; }
p img {margin:4px 0 6px 0; padding:0; }
p img.imageleft {float:left; margin:4px 20px 15px 0; }
p img.imageright {float:right; margin:4px 0 15px 20px; }

.pb10 { padding-bottom:10px; }

.imageleft {float:left; margin:4px 20px 15px 0; border: solid 2px #fff; }
.imageright {float:right; margin:4px 0 15px 20px; border: solid 2px #fff; }
.imageborder { border: solid 2px #fff; }
.imagebutton {float:right; margin:15px 0 15px 20px;  }

.imageleft_sidebar {float:left; margin:4px 15px 15px 0; }

.noborder { border: 0 }

.sidebar p {font-size: 11px; line-height: 1.5em; color: #67605a; }

.lighter { line-height: 1.5em; color: #67605a; }
.smaller { font-size: 11px; }

.sidehed {border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; margin-bottom: 15px; }

.mainhed {border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; margin-bottom: 20px; }

.dropcap {float:left; font-size:68px; line-height:45px; padding-top:8px; margin-right: 7px; font-family: Georgia, Times, serif; } 

.dropquote {float:left; font-size:68px; line-height:20px; padding-top:8px; margin-right: 7px; font-family: Georgia, Times, serif; } 

.logoslice {float:left; margin:0; padding: 0; }

.uc {text-transform:uppercase}
.noitals {font-style:normal}

#footer {width:942px; margin: 0 auto; margin-bottom:20px; color: #707070; }

.booknav { background:#d9d3d0; margin: 0 auto; padding: 10px; margin-bottom:20px; }

.date {line-height:1.3em; font-size:14px; margin-bottom: 6px; text-transform: uppercase; padding-bottom: 0; }

.article { font-size:13px; line-height: 1.5em; }

.blogtitle { font-size:22px; line-height: 1.2em; margin-bottom: 10px; }

.serifhed { font-size:28px; font-family: Georgia, Times, serif; line-height: 1.4em; margin-bottom: 15px; font-weight: normal; }

.serifbody { font-size:14px; font-family: Georgia, Times, serif; line-height: 1.5em; font-weight: normal; }

.sidebartitle { font-size:12px; line-height: 1.2em; margin-bottom: 6px; }

.footertitle { font-size:12px; line-height: 1.4em; margin-bottom: 9px; }

.herolink { font-size:14px; line-height: 1.2em; margin-bottom: 6px; }

.subnavlink { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.2em; margin-bottom: 6px; }

.blogdate { font-size: 11px; color: #807971; margin: 12px 0 0 0; text-transform: uppercase; padding-bottom: 0; }

.blogfooter {text-align: right; font-size: 11px; color: #707070; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom: 15px; }

.category { font-weight: normal; font-size: 24px; text-align: center; font-style: italic; margin-bottom: 15px; }

.caption { font-size: 12px; padding: 6px 0; line-height: 1.2em; color: #707070; }

.slug { font-weight: bold; text-transform: uppercase; font-size: 12px; }

.white {color: #ffffff;}
.lightgray {color: #acacac;}
.darkgray {color: #707070;}
.lightbrown {color: #807971;}

p.right {text-align: right}
p.center {text-align: center}
p.more {text-align: right; margin-bottom: 50px; }
.center {text-align: center}
img.center {margin: 0 auto}

blockquote {color: #67605a; margin:0 40px 20px 40px; border-left: 2px solid #d9d3d0; padding-left: 20px; }

li ul, li ol {margin:0 0 0 20px; line-height:1.4em; }
li { margin: 0 0 1.2em 0 }
ul, ol {margin:0; line-height:1.4em; }
ul {list-style-type:none; color: #333333; }
ol {list-style-type:decimal; }