body { background-color: #60604b; }

a, a:visited { color: #e66f0e; text-decoration: none; }
a:hover { text-decoration: underline; }
.clearer { height:1px; overflow:hidden; clear:both; margin-top:-1px; }

hr { border: none; height: 1px; background: transparent url(../img/layout/dotted_line.gif) repeat-x top left; }

/************
 * These are used for images in articles, to float them around
 ************/
p.img_left { float: left; margin-right: 10px; margin-bottom: 10px; }
p.img_right { float: right; margin-left: 10px; margin-bottom: 10px; }
p.img_left_nospacetop { float: left; }
p.img_left_nospacetop { float: right; }
p.center { text-align: center; }
p.left { text-align: left; }
p.right { text-align: right; }

/*********
 * The bar at the very top
 *********/
#info { position: relative; height: 2em; }
#info #phrase {  }
#info, #info a, #info a:visited { color: #F1E38C; }
#info #info-nav { position: absolute; top: 0; right: 0; }
#info #info-nav ul { list-style-type: none; margin: 0; }
#info #info-nav ul img { vertical-align: middle; }
#info #info-nav ul li { float: left; }
#info #info-nav ul li a { padding: .25em; }
#info #info-nav ul li.lastbar a { padding-right: 0; }

/*****
 * The logo
 ******/
#header { text-align: center; margin: 25px 0; }

/*****
 * Primary Nav
 ******/
#nav { position: relative; font-family: Georgia, Helvetica, serif; background-color: #f1e38c; /* height: 2.25em; */ text-align: center; }
#nav a, #nav a:visited { color: #60604b; text-transform: uppercase; }
#nav ul { list-style-type: none; margin: 0; padding-top: .25em; }
#nav ul li { display: inline; background: url(../img/layout/dotted_line_vertical.gif) repeat-y top right; }
#nav ul li a { line-height: 2em; }
* html #nav ul li a { padding: .5em 12px; } /* ie 6 */
#nav ul li a { padding: .5em 14px; }
#nav ul li.lastnav { background: none; }

/*****
 * Faux columns
 * The only reason the #main div exists
 ******/
.faux_standard { background: url(../img/layout/faux.png) repeat-y top left; }
.faux_wide { background: url(../img/layout/faux_wide.png) repeat-y top left; }
.faux_two_col { background: url(../img/layout/faux_two_col.png) repeat-y top left; }
.faux_contributor { background: url(../img/layout/faux_contributor.png) repeat-y 0 37px; }
.faux_contributors { background: url(../img/layout/faux_contributors.png) repeat-y 0 37px; }

/*******
 * Styling that every block needs
 ******/
.block { padding: 20px 10px 10px 10px; background: #FFF url(../img/layout/ten_by_ten.png) repeat-x top left; overflow: hidden; }
.block { min-height: 1px; } /* ie7 hack */
.block { height: 1%; } /* ie6 hack */
.block.nobg { background-color: transparent; }

/*********
 * Standardized styling for all headers/caps
 * Headers are capable of containing an <a> or a <span>
 * <small> can be added for size (sadly, i couldnt veritcally center with line-height,
 * so i used a relative position to bump it up a titch. should be fine since i know what the
 * height is.
 *****/
h2 { margin: -10px -10px 10px -10px; height: 1.5em; overflow: hidden; font-family: Georgia, Helvetica, serif; font-size: 1.5em; letter-spacing: 1px; }
h2 a, h2 span { display: block; padding-left: .5em; font-style: normal; }
h2 a small, h2 span small { font-size: .75em; letter-spacing: normal; position: relative; top: -1px;}

/*****
 * Regular Blue header, capable of having a doggie
 ****/
.pdpthinking h2 a, .pdpthinking h2 a:visited, .pdpthinking h2 span { background-color: #53babf; color: #fff; }
.pdpthinking h2 img { margin-right: .5em; float: left; margin-top: .25em; } /* done this way for ie compatibility */

/****
 * Regular pink header
 ****/
.atissue h2 a, .atissue h2 a:visited, .atissue h2 span { background-color: #e60e64; color: #fff; }

/****
 * Orange header for DEJ
 ****/
.orange h2 a, .orange h2 a:visited, .orange h2 span { background-color: #E66F0E; color: #fff; }

/*******
 * Regular tan header
 ****/
.normal-section h2 a, .normal-section h2 a:visited, .normal-section h2 span { background-color: #f1e38c; color: #60604b; }

/*******
 * Faded Section
 ********/
.side-section h2 a, side-section h2 a:visited, .side-section h2 span { background-color: #f1e38c; color: #60604B; }

/**********
 * Standardized styles for ALL Posts and ArticleLinks
 * Guarntees things look the same regardless of where they are
 ******/
.article-media { text-align: center; overflow: hidden; margin-bottom: 10px; }
.article { clear: both; margin-bottom: 10px; padding-bottom: 10px; background: url(../img/layout/dotted_line.gif) repeat-x bottom left; }
.article .article-img { width: 150px; overflow: hidden; }
.article .article-img img { display: block; }
.article .author, .article .author a, .article .author a:visited { color: #e66f0e; font-style: italic; font-family: Georgia, serif; }
.article .source, .article .source a, .article .source a:visited { color: #e66f0e; font-style: italic; font-family: Georgia, serif; }
.article .categories { text-align: right; margin-bottom: 10px; font-family: Georgia, Helvetica, serif; }
.article .date { color: #167889; font-family: Georgia, serif; margin-bottom: .75em; }
.article .comments { color: #60604b; text-align: right; }
.article h3, .article h3 a, .article h3 a:visited { color: #60604b; font-family: Georgia, Helvetica, serif; }
.article-last { background: none; margin-bottom: 0; padding-bottom: 0;}
.article-noborder { background: none; margin-bottom: 0; padding-bottom: 0; }
.more { text-align: right; clear: both; }
.unpublished { border: 10px solid red; color: red; }

/******
 * Overrides some alignments in order to allow
 * cycling between styles
 ******/
.article-left .article-img { float: left; margin-right: 10px; }
.article-left .author, .article-left .date, .article-left h3 { text-align: right; }
.article-right .article-img { float: right; margin-left: 10px; }

/*******
 * Article helpers
 ******/
.archive { text-align: right; clear: both; }
.tags { float: right; }
.tags ul { list-style-type: none; margin: 0; clear: both; }
.tags ul li { display: inline; }
.share { float: left; }
.paginator { padding: 10px 10px; float:left; font-size: .85em; }
.paginator .prev-na, .paginator .next-na { padding: .3em; border: 1px solid #ccc; background-color: #f9f9f9; color:#aaa; }
.paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited { border: 1px solid #F1E38C; background-color: #F9F4D1; color: #60604B; padding: .3em; }
.paginator .prev, .paginator .prev-na { margin-right: .5em; }
.paginator .next, .paginator .next-na { margin-left: .5em; }
.paginator .page a, .paginator .page a:visited, .paginator .curr { padding:.25em; border: 1px solid #F1E38C; background-color: #F9F4D1; margin:0em .25em; color: #60604B; }
.paginator .curr { background-color: #60604B; color: #fff; border: 1px solid #E66F0E; }
.paginator .page a:hover, .paginator .curr a:hover, .paginator .prev a:hover, .paginator .next a:hover { color:#fff; background-color:#E66F0E; border:1px solid #E66F0E; }

/******
 * Styles for all side blocks,
 * in order to do things without messing up articles
 ******/
.normal-section ul { margin-bottom: 0; list-style-type: none; margin: 0; }
.normal-section .brown-text { color: #60604B; }

/*****
 * Styles for alternate side blocks
 ******/
.side-section { background-color: #F9F4D1;  }
.side-section ul { margin-bottom: 0; list-style-type: none; margin: 0; }
.side-section a, .side-section a:visited { color: #60604B; }


/**********
 * Search added in nav
 **********/
.search { background-color: #F1E38C; }
.search .submit { background-color: #F9F4D1;  font-weight: bold; height: 2em; position: relative; top: 1px; }

/****
 * This is a rare style, used in categories, to allow for a header above the
 * split blocks in the two_col_even template
 * This is intended to be a layer on top of a .normal-section, to prevent
 * duplication
 *******/
.extratop { padding-top: 10px; background: #FFF url(../img/layout/ten_by_ten.png) repeat-x top left; }
.extratop h2 { margin: 0; }


/*******
 * The footer with multiple columns, and the copy right notice
 *****/
#footer { margin: 10px 0; }
#footer .stripe { background: url(../img/layout/stripe_bg.gif); height: 20px; margin-bottom: 10px; }
#footer, #footer a, #footer a:visited { color: #fff; }
#footer h4 { text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
#footer ul { list-style-type: none; margin: 0; }
#footer ul img { vertical-align: middle; padding-right: .25em; }
#footer .col { width: 160px; float: left; margin-right: 100px;}
#footer .lastcol { margin-right: 0; }
#banners { text-align: center; }
#banners #power150-box { margin: 0 auto; }

#cr, #cr a, #cr a:visited { color: #fff; }

/*******************************
 *******************************
 *** Styles for specific pages
 *******************************
 *******************************/

/**********
 * Author lists
 **********/
#page_authors #author_list { margin: -10px; overflow: auto; }
#page_authors #author_list .square { width: 150px; height: 150px; overflow: hidden; float: left; }
#page_authors #author_list .spaced { margin-left: 150px; }
#page_authors #author_list .author-info { padding: 5px; }
#page_authors #author_list h4 { font-size: 1.25em; }
#page_authors #author_list p { color: #60604B; }


/**********
 * Author detail page
 **********/
#author_detail .author-image { float: right; margin: 0 0 10px 10px; }
#author_detail h4 { font-size: 1.5em; color: #60604b; font-family: Georgia, Helvetica, serif; margin-bottom: 10px; }
#page_author_detail .tweet { clear: both; margin-bottom: 1em; }
#page_author_detail .tweet img { float: left; }
#page_author_detail .tweet p { margin-bottom: 0; font-weight: bold; }
#page_author_detail .tweet p, #page_author_detail .tweet .time { margin-left: 65px; }
#page_author_detail .tweet .time { font-style: italic; color: #60604B; }

/********
 * Dog Eared Journal
 *********/
#dej .feed { width: 298px; float: left; margin: 5px; }
#dej .dej_list { border: 1px solid #F1E38C; background-color: #F9F4D1; }
#dej .feed h4 { height: 1.5em; line-height: 1.5em; overflow: hidden; font-family: Georgia, Helvetica, serif; font-size: 1.5em; letter-spacing: 1px; border-bottom: 1px solid #F1E38C; }
#dej .thefeed .article { margin: 10px; }
#dej .feed h4 a, #dej .feed h4 span { display: block; padding-left: .5em; font-style: normal; }
#dej .feed h4 a small, #dej .feed h4 span small { font-size: .75em; letter-spacing: normal; position: relative; top: -1px;}
#dej .feed h4 a, #dej .feed h4 a:visited, #dej .feed h4 span { background-color: #f1e38c; color: #60604b; }
#dej .thefeed { border: 1px solid #53BABF; }
#dej .thefeed h4 { border-bottom: 1px solid #53BABF; }
#dej .thefeed h4 a, #dej .thefeed h4 a:visited, #dej .thefeed h4 span { background-color: #53babf; color: #fff; }
#dej .feed .feeditem { clear: both; padding: 0 5px; height: 1.5em; overflow: hidden; }
#dej .feed .feeditem .date { float: left; margin-right: .5em; }
#dej .feed .feeditem h5 { font-size: 1em; line-height: 1.5em; }
#dej .feed .feeditem h5 a, #dej .feed .feeditem h5 a:visited { color: #000; font-weight: bold; }


/*********
 * fun
 ******/

#p404 img { float: right; }

/**************
 **************
 * styles for specific blocks
 **************
 **********/

/********
 * Author list block
 ********/
#author-block { margin: -10px; overflow: auto; }
#author-block .square { height: 115px; width: 115px; overflow: hidden; float: left; }
#author-block .author-info { padding: 5px }
#author-block h4 { font-size: 1.1em; }
#author-block p { color: #60604B; }

/*************
 * Comments under an article
 *************/
.comments #disqus_thread #dsq-content h3 { font-family: Georgia, Helvetica, serif; font-size: 1.25em; letter-spacing: 1px; font-weight: normal; color: #60604B; }

/*******
 * Recent comments block
 ********/
.dsq-widget img.dsq-widget-avatar { float: right; }
#dsq-recentcomments { overflow: hidden; }
.dsq-widget .dsq-widget-comment { display: block; background: url(../img/layout/quote.png) no-repeat top left; padding: 40px 15px 0 15px; min-height: 30px; }
.dsq-widget .dsq-widget-meta { padding-top: 5px; }


/******
 * Advertisements
 ****/

#ad_nque {padding: 24px 10px 4px 15px;}