/*
File:			custom.css
Description:	Custom styles for Thesis
*/

html { margin: 0; padding: 0; }
body.custom { background : #f8ece6; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0; }

div { border: 0 solid #000; }

.custom #container { border: none; width: 94%; background: #fff; color: #333; }
.custom #page { border: none; padding: 0; margin: 20px auto; width: 100%; }
.custom #header { position: relative; border: 3px solid #950000; color: #950000; background: #fff; padding-bottom: 10px; text-align: right; height: 228px; padding-left: 5px; padding-top: 15px; }
.custom #header #logo { margin-left: 50%; }
.custom #header #logo a { background: #fff; color: #950000; }
.custom #header #tagline {background: #fff; color: #950000; margin-left: 50%; }
.custom #header #logo a:hover { border-bottom: 1px dotted #950000; }
.custom #feature_box { width: auto; margin: 0; font-size: 12px; padding: 0; background: #f8ece6; color: #000; border: none; }
.custom #feature_box #fb_content { margin: 0; padding: 10px 20px; }

/* Holly Hack (height: 1%;) required for IE 6/7/8 or borders display incorrectly. Don't add a width to #content_box or it juts out to the right. */
.custom #container #page #content_box { border-left: 3px solid #950000; border-right: 3px solid #950000; border-bottom: 3px solid #950000; height: 1%; background: none; }
.custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { margin: 0 0 10px 0; }
.custom .post_box { padding-top: 1em; }

.custom #content_box #column_wrap {width: 68%; padding-right: 40px; }
.custom #content_box #column_wrap #content {width: 62%; float: right; }
.custom .headline_area { margin-bottom: 1em; }
.custom .format_text p { margin-bottom: 3px; }
.custom blockquote { margin: 20px 20px 0 20px; }
.custom #sidebar_1 blockquote { margin: 20px 0; }
.custom .credit { text-align: right; font-style: italic; padding-bottom: 20px; }

.custom #column_wrap #content p, .custom #column_wrap #content ul, .custom #column_wrap #content ol, .custom #column_wrap #content li { padding-top: 6px; padding-bottom: 6px; }

.custom #content_box #sidebars { width: 20%; background: #f8ece6; color: #000; padding: 0 15px; float: right; border: 1px solid #950000; margin: 10px 10px; }
.custom #content_box #sidebars #sidebar_2 { width: 100%; }
.custom #content_box #sidebars #sidebar_2 ul.sidebar_list { margin-top: 20px; }
.custom #content_box #sidebars #sidebar_2 .sidebar_list li.widget { background: #fff; color: #000; border: 2px solid #950000; padding: 5px; width: auto; }

.custom ul.sidebar_list h3 { background: #fff; color: #333; }
.custom ul.sidebar_list a { background: #fff; color: #a2302f; text-decoration: underline; }
.custom ul.sidebar_list a:hover { background: #a2302f; color: #fff; text-decoration: none; }

.custom #sidebar_1 { width: 200px; border: 0; }
.custom #sidebar_1.sidebar ul.sidebar_list { padding: 0; margin: 0; }
.custom #sidebar_1.sidebar ul.sidebar_list li.widget { float: left; margin-top: 15px; margin-left: 10px; width: 200px; }

/* nav definitions */
.custom #sidebar_1 ul#tabs { margin: 0; padding: 0; list-style: none; border-width: 0; }
.custom #sidebar_1 ul#tabs li { margin: 0; border: none; margin-bottom: -0.1em; }
.custom #sidebar_1 ul#tabs a { display: block; color: #fff; background: #950000; width: 200px; padding: 5px 0 5px 10px; text-decoration: none; cursor: pointer; cursor: hand; }
.custom #sidebar_1 ul#tabs a:hover { background: #cb7d6f; color: #000; }
.custom #sidebar_1 ul#tabs li.current_page_item a { cursor: default; }
.custom #sidebar_1 ul#tabs li.current_page_item a:before { content: ">> "; }
.custom #sidebar_1 ul#tabs li.current_page_item li a { cursor: pointer; cursor: hand; }
.custom #sidebar_1 ul#tabs li.current_page_item li a:before { content: ""; }

.custom #sidebar_1 ul#tabs ul { list-style: none; }
.custom #sidebar_1 ul#tabs li li a { display: block; color: #000; background: #f1a687; width: 180px; padding: 5px 0 5px 30px; text-decoration: none; }
.custom #sidebar_1 ul#tabs li li a:hover { background: #a2302f; color: #fff; }
.custom #sidebar_1 ul#tabs li li.current_page_item a:before, .custom #sidebar_1 ul#tabs li li.current_cat a:before { content: ">> "; margin-left: -20px; }
.custom #sidebar_1 ul#tabs li li.current_page_item a, .custom #sidebar_1 ul#tabs li li.current_cat a { cursor: default; }

.custom #sidebar_1 ul#tabs li.rss { display: none; }
.custom #sidebar_1 ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a { } 

.custom #column_wrap #content a { background: ##fff; color: #a2302f; text-decoration: underline; border-bottom: 0; }
.custom #column_wrap #content a:hover { background: #a2302f; color: #fff; }

.custom #footer { background: #f8ece6; color: #333; border-top: none; clear: both; }
.custom #footer a { background: #f8ece6; color: #a2302f; text-decoration: underline; border-bottom: 0; }
.custom #footer a:hover { background: #a2302f; color: #fff; }

div#logoleft { float: left; width: 263px; height: 228px; }
div#headingright {float: right; width: 250px; }
.clearit { clear: both; margin: 0; padding: 0; }
.clearleft { clear: left; }
.clearright { clear: right; }

.custom #twitter_div { position: absolute; bottom: 4px; right: 20px; width: 25%; height: auto; padding-top: 10px; font-size: 1.2em; line-height: 2em; }
.custom #twitter_div a { border-bottom: 1px dotted #950000; background: #fff; color: #950000; }
.custom #twitter_div a:hover { border-bottom: 1px solid #950000; }

.imgleft { float: left; padding: 10px; }
.imgright { float: right; padding: 10px; }

.custom #twitter_div .tweethead { font-weight: bold; font-size: 1.5em; padding-bottom: 2px; }
.custom #twitter_div .tweethead a { color: #950000; background: #fff; }
.custom #twitter_div ul#twitter_update_list { font-size: 1em; list-style: none; }

.custom #column_wrap #content p.note { margin: 5px 15px; background: #f8ece6; color: #000; border: 1px solid #a2302f; }

.custom h1, .custom h2, .custom h3, .custom h4, .custom h5 { background: #fff; color: #950000; }
.custom h1 #column_wrap #content a:hover, .custom #column_wrap #content h2 a:hover, .custom #column_wrap #content h3 a:hover, .custom #column_wrap #content h4 a:hover, .custom #column_wrap #content h5 a:hover { background: #fff; color: #950000; text-decoration: none; }
.custom #column_wrap #content h1 a, .custom #column_wrap #content h2 a, .custom #column_wrap #content h3 a, .custom #column_wrap #content h4 a, .custom #column_wrap #content h5 a { background: #fff; color: #950000; text-decoration: none; }