/* RESET */
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; }

/* THE BASICS
-------------------------------------------------------------- */
a, a:link, a:visited { color: #336699; text-decoration: none }
a:active, a:hover { background-color: #ffffcc; text-decoration: none }

li { margin-left: -10px }

img { border: 0; }

body { font-weight: normal; text-align: left; background-color: #ead89d; color: #333333; line-height:1.5em; font-size: 11px; font-family: verdana, arial, sans-serif;
/* IE Fix */ margin:12px 0; }

hr {clear:both; float:none; margin:6px 16px 6px 0; height: 1px; color: #996633; }

/* GRID AND COLUMNS
-------------------------------------------------------------- */

.bigcontainer { width:957px; margin:0 auto; overflow:auto; background: #cc9933 url('/headers/rounded_top.gif') no-repeat; }

.container { width: 917px; padding: 20px 0 0 0; margin: 0 auto; background: none; }

.logo  { margin: 0 auto; padding: 0; }

.footer  { width: 957px; height: 71px; margin: 0 auto; padding:0; background-color: #ead89d; }

/* Basic grid floating and margin, nine columns. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-7, div.span-8, div.span-9 {float:left;margin-right: 20px; }

div.span-6 {float:left;margin-right: 19px; }

div.infoleft, div.rubric, div.left_rubric, div.callout_rubric { float: left; margin: 0; padding: 0; }
div.inforight { float: left; margin: 0; padding: 0; text-align: right; }

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 84px;}
.span-2  { width: 188px;}
.span-3  { width: 292px;}
.span-4  { width: 396px;}
.span-5  { width: 500px;}
.span-6  { width: 605px; border-right: 1px solid #b88a2e; margin-bottom: 20px; }
.span-7  { width: 708px;}
.span-8  { width: 812px;}
.span-9, div.span-9 { width: 917px; margin: 0; }

.infoleft { width: 240px; font-size: 9px; margin:0; padding:0 0; color: #996633; }

.inforight { width: 140px; font-size: 9px; margin:0; padding:0 0; color: #996633; }

.rubric { width: 208px; height: 40px; }
.left_rubric { width: 208px; height: 40px; }
.callout_rubric { width: 208px; height: 40px; background: url('/headers/callout_icon.gif') no-repeat; }

/* Sidebar: basic grid floating and margin, four columns. */
div.sidespan-1, div.sidespan-2, div.sidespan-3, div.sidespan-4 {float:left;margin-right: 12px; }

div.sidespan-1_end {float:left;margin-right: 0; }
div.sidespan-2_end {float:left;margin-right: 0; }

.sidespan-1  { width: 64px;}
.sidespan-1_end  { width: 64px;}
.sidespan-2  { width: 140px;}
.sidespan-2_end  { width: 140px;}
.sidespan-3  { width: 216px;}
.sidespan-4  { width: 292px;}

/* Tiny icons: basic grid floating and margin, four columns. */
div.tiny {float:left;margin-right: 8px; }

div.tiny_end {float:left;margin-right: 0; }

.tiny { width: 42px;}
.tiny_end { width: 42px;}

.clear { clear:both; display:block; height:1px; }

.box { padding: 0 0 7px 0; margin: 0 16px 20px 0; }

.navbox { padding: 8px 12px 12px 12px; margin: 0 0 12px 0; border-bottom: solid 1px #ab802b; background: #b88a2e url('/headers/navbox_upperright.gif') top right no-repeat; }

.twitter_outer { padding: 60px 11px 11px 11px; margin-bottom: 20px; background: #996633 url('/headers/twitter_bg.gif') no-repeat; }

.twitter {padding:15px 15px 3px 15px; font-family:Verdana, Arial, sans-serif; font-size:10px; background: #cc9933}


/* TEXT STYLES
-------------------------------------------------------------- */
p {margin:0 0 1.2em; }

blockquote { margin: 15px 30px 15px 30px; font-size: 10px }

.right { text-align: right; }

.ct { text-align: center }

.span-1, .span-3 p { font-size: 10px; line-height: 1.4em; margin: 0 0 1.3em; color: #996633; }

.bottom p { font-size: 10px; line-height: 1.4em; margin: 0 0 1.3em; color: #996633; }

.box p { font-size: 10px; line-height: 1.4em; margin: 0; color: #996633; }

.brown { color: #996633; }

.black { color: #333333; }

.list p { margin-bottom: .85em }

.darkrule {clear:both; float:none; border-bottom: solid 1px #996633; margin:2px 0 4px 0; padding-bottom: 4px; }

.lightrule {clear:both; float:none; border-bottom: solid 1px #b88a2e; margin:2px 0 2px 0; padding-bottom: 2px; }

.quote { font-size: 17px; font-family: Georgia, Times, serif; line-height: 1.3em; margin: 6px 0 6px 0; }

.quotesource { font-size: 18px; font-family: Georgia, Times, serif; line-height: 1.3em; text-align: right; color: #996633; margin-bottom: 12px; }

.audio_title { font-size: 13px; font-family: georgia, times, garamond, serif; font-weight: bold; line-height: 130%; margin: 0 0 0 0; }

.audio { font-size: 11px; font-family: verdana, arial, sans-serif; line-height:1.5em; }

.link_title { font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 1.3em; margin: 6px 0 9px 0; }

.postheader2 { font-size: 9px; margin-bottom: 2em; padding-bottom: 2px; border-bottom: 1px solid #b88a2e; color: #996633; }

.postfooter1 { font-size: 9px; line-height:1.5em; padding: 2px 0 5px 0; margin-bottom: 2px; border-bottom: 1px solid #b88a2e; color: #996633; }

.date  { color: #ffffcc; font-size: 11px; line-height: 140%; text-transform: uppercase; margin: 5px 0 5px 208px; letter-spacing: 0.25em }

.datesmaller  { color: #ffffcc; font-size: 9px; line-height: 1.3em; text-transform: uppercase; margin: 1.2em 0 6px 0; letter-spacing: 0.25em }

.linkdate { font-size: 9px; font-family: Verdana, Arial, sans-serif; margin: 0; }

.sanstitle { font-size:12px; margin: 3px 0 3px 0; }

.entry_title { font-size: 18px; font-family: georgia, times, garamond, serif; font-weight: bold; line-height: 130%; margin: 0 16px 4px 208px; }

.entry_title_smaller { font-size: 14px; font-family: georgia, times, garamond, serif; font-weight: normal; line-height: 130%; margin: 0 16px 0 208px; }

.left_rubric p, .callout_rubric p { font-size: 14px; font-style: italic; font-family: georgia, times, garamond, serif; font-weight: normal; line-height: 130%; color: #996633; margin: 5px 0 0 0; }

.commentsrule {clear:both; float:none; border-bottom: solid 1px #996633; margin:9px 16px 12px 104px; }

.commenter { font-size: 10px; border-bottom: 1px solid #b88a2e; padding-bottom: 1px; margin-bottom: 3px; text-align: right; }

.commenter_small { font-size: 9px; border-bottom: 1px solid #b88a2e; padding-bottom: 1px; margin: 0 0 2px 0; text-align: right; }

.bodysmaller { font-size: 10px; line-height: 1.5em; margin: 1px 0 1.2em 0; }

.bodysmaller p { font-size: 10px; line-height: 1.5em; margin: 1px 0 1.2em 0; }

.category_name { color: #ffffcc; font-size: 24px; font-weight: bold; line-height: 120%; margin-bottom: 6px; text-transform: uppercase }

.article_title { font-size: 18px; font-family: georgia, times, garamond, serif; font-weight: bold; line-height: 130%; margin: 0 16px 8px 104px; }

.article_subhead { font-size: 14px; font-family: georgia, times, garamond, serif; line-height: 130%; margin: 6px 0 }

.article_byline { font-size: 12px; font-family: georgia, times, garamond, serif; font-weight: bold; line-height: 140% }

.turing { font-size: 24px; font-family: georgia, times, garamond, serif; font-weight: bold; line-height: 130%; margin-bottom: 10px; }

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

.span-3 li ul, li ol {margin:0; line-height:1.4em; }
.span-3 li { margin: 0 0 9px 0; font-size: 10px; color: #333333; padding-bottom: 9px; border-bottom: 1px solid #b88a2e; }
.span-3 ul, ol {margin:0; line-height:1.4em; }
.span-3 ul {list-style-type:none; }
.span-3 ol {list-style-type:decimal; }

/* VARIOUS MARGIN AND PADDING STYLES
-------------------------------------------------------------- */
.marginleft { margin-left: 20px; }
.marginright { margin-right: 20px; }
.margin_span-1 {margin-left: 104px; }
.margin_span-2 {margin-left: 208px; }

.contentmargin { margin-right:16px; }

.paddingright { padding-right: 20px }

.margintop20 { margin-top: 20px; }

.marginbottom20 { margin-bottom: 20px; }

.ml { margin-left: 20px; }
.mr { margin-right: 20px; }
.mt { margin-top: 20px; }
.mb { margin-bottom: 20px; }

/* IMAGES
-------------------------------------------------------------- */

/* (Use these classes on an element to pull it into the previous column.)  */

.wider { float:left; position:relative; margin: 3px 0 13px -104px;}
.wider_mr { float:left; position:relative; margin: 3px 20px 13px -104px;}
.widest { float:left; position:relative; margin: 3px 0 13px -208px;}
.widest_mr { float:left; position:relative; margin: 3px 20px 13px -208px;}
.burst { float:left; position:relative; margin-top: -10px; }
img.wider { max-width: 484px; }
img.widest { max-width: 588px; }

a:active, a:hover img { background-color:#cc9933; text-decoration: none }

.imageleft {float: left; margin: 0 20px 15px 0; padding-top: 4px; }
.imageright {float: right; margin: 0 0 15px 20px; padding-top: 4px; }
.inline { display: inline; }
.sidespan-1 img { margin: 4px 0 8px 0; }
.sidespan-1_end img { margin: 4px 0 8px 0; }
.tiny img { margin: 0 0 8px 0; }
.tiny_end img { margin: 0 0 8px 0; }
.pageheader {margin-left: 208px; }
.sideheader { margin: 12px 0 9px 0 ; }

/* Flickr
-------------------------------------------------------------- */

#flickr_badge_uber_wrapper {width:292px;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {display:inline; margin:0 12px 12px 0;}
.flickr_badge_image img {margin-bottom: 12px; height: 64px; width: 64px; border: 0 !important;}
#flickr_badge_image4 {margin-right: 0; }
#flickr_badge_image8 {margin-right: 0; }
#flickr_badge_source {text-align:left; margin:0 12px 0 12px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:inline; padding:0 12px 0 12px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit; }
#flickr_badge_wrapper {background-color: none; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}