/* 
Theme Name: Disgrasian
Theme URI: http://disgrasian.com
Description: A custom WordPress theme for Disgrasian.
Version: 1.0
Author: Andrea Mignolo 
Author URI: http://andreamignolo.com


Copyright Disgrasian 2009

steel grey: #6B868F
ocearn blue: #22414F
yellow divider lines: #FCFC97

*/


/*-------------------------------------------    

    Overrides

-------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link  { margin:0; padding:0; }
a, a:link, a:visited { outline: none; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


/*-------------------------------------------    

    Sections

-------------------------------------------*/

#header { background: #ffffcc; width: 100%; overflow: hidden; border-bottom: 1px solid #FCFC97; position: relative; z-index: 5;}
#nav { background: #ffffff; width: 100%; overflow: hidden; border-bottom: 1px solid #FCFC97;  }
#main { background: #ffffdd; width: 100%; overflow: hidden; border-bottom: 1px solid #FCFC97; }
#secondary { background: #ffffbb; width: 100%; overflow: hidden; border-bottom: 1px solid #FCFC97; }
#footer { background: #ffffcc; width: 100%; overflow: hidden; border-bottom: 1px solid #FCFC97; }
#twitter { height: 137px; background: url(images/pandadog.gif) right center no-repeat; margin-bottom: 20px;}
#twitter p { width: 270px; margin: 5px 0 0 0; padding-top: 3px; }
#social { clear: both; }
#disgrasians { margin-left: 0px;}
#amazians { margin-left: 20px;}
#secondary .wrapper { padding-top: 20px; padding-bottom: 20px; }

.wrapper .content { width: 550px; float: left; margin-right: 50px;}
.wrapper .sidebar { width: 360px; float: left; }

#header .wrapper, #nav .wrapper, #main .wrapper, #secondary .wrapper, #footer .wrapper { width: 960px; margin: 0 auto; overflow: hidden;}
#header h1 a { display: block; text-indent: -9999px; width: 508px; height: 94px; background: url(images/logo.png) top left no-repeat; margin-top: 30px; float: left; display: inline; padding-bottom: 10px; }
#header h1 a:hover { background: url(images/logohover.png) top left no-repeat;}

#login a { color: #6B868F; float: right; display: inline; text-transform: uppercase; display: block; margin-top: 10px; height: 11px; }
#login.loggedout a { background: url(images/login.png); text-indent: -9999px; width: 42px;}
#login.loggedin a { background: url(images/logout.png); text-indent: -9999px; width: 52px;}
span#dashboard a { float: right; display: inline; margin-top: 10px; height: 12px; margin-right: 15px;}
span#dashboard a { background: url(images/dashboard.png); text-indent: -9999px; width: 73px; }

#nav ul { list-style-type: none; background: url(images/navsprite.png) no-repeat; display: block; width: 960px; margin: 0 auto; overflow: hidden;}
#nav ul li { float: left; display: inline; }
#nav ul li a { display: block; height: 60px; float: left; text-indent: -9999px; }
#nav ul li.page-item-3 a { width: 105px; }
#nav ul li.page-item-11 a { width: 130px; }
#nav ul li.page-item-6 a { width: 135px; }
/* DELETED HALL OF SHAME FR MENU #nav ul li.page-item-9 a { width: 135px; } */
#nav ul li.page-item-67 a { width: 135px; }
#nav ul li.page-item-14 a { width: 125px; }


#nav ul li.page-item-3 a:hover, #nav ul li.page-item-3.current_page_item { background: url(images/navsprite.png) 0 -60px no-repeat; }
#nav ul li.page-item-11 a:hover, #nav ul li.page-item-11.current_page_item { background: url(images/navsprite.png) -106px -60px no-repeat; } 
#nav ul li.page-item-6 a:hover, #nav ul li.page-item-6.current_page_item { background: url(images/navsprite.png) -236px -60px no-repeat; } 
/* DELETED HALL OF SHAME FR MENU #nav ul li.page-item-9 a:hover, #nav ul li.page-item-9.current_page_item { background: url(images/navsprite.png) -370px -60px no-repeat; } */
#nav ul li.page-item-67 a:hover, #nav ul li.page-item-67.current_page_item { background: url(images/navsprite.png) -370px -60px no-repeat; }
#nav ul li.page-item-14 a:hover, #nav ul li.page-item-14.current_page_item { background: url(images/navsprite.png) -505px -60px no-repeat; } 


#main .wrapper .content, #main .wrapper .sidebar, #disgrasians .section_title, #amazians .section_title, #disgrasiantube .section_title { margin-top: 20px; }
#disgrasiantube { padding-top: 15px; }
.post.archives { margin-top: 15px;}


/*-------------------------------------------    

    Typography

-------------------------------------------*/
body { font-family: Georgia, serif; color: #333; font-size: 14px; background: #FFFFDD; }
#login, #nav, .section_title, #main .post .meta, #disgrasians .meta, #amazians .meta,
#secondary .post .meta, ol.commentlist .comment-meta { font-family: Helvetica, Arial, verdana, sans-serif;}

#login { font-size: 12px; }

.section_title { color: #6B868F; font-size: 12px; text-transform: uppercase; display: block; font-weight: 550;}
.section_title span, #footer .section_title { color: #CC0000; }
#main .section_title {  font-style: normal;}
#main .post h2 a { color: #193441; font-size: 30px; line-height: 28px; }
#main .post h2 a:hover { color: #81969F; text-shadow: 0px 1px 1px #FEFF7F ;}
#main .post h2 { border-bottom: 3px double #c0c0a7; }
#main .post .meta, #main .post .meta a { color: #6B868F;}
#main .post .meta { font-size: 11px; text-transform: uppercase; margin-top: 5px;}
#main .post .meta span { color: #193441;}
#main .post .meta .commentcount { color: #6B868F;}
#main .post .meta a:hover, #main .post .meta a:hover span { color: #193441; }


.content a { color: #8c1717; }
.content a:hover { color: #500505; }

#twitter { font-style: normal; }
#twitter a { color: #cc0000;}
#twitter .section_title a { color: #6B868F; }
#twitter a.twitter { color:#8C1717; display:block; font-size:12px; text-align:left; text-transform:uppercase; font-style: normal; margin: 10px 0; clear: both; }

#secondary .post h2 { margin-top: 10px; line-height: 18px; margin-bottom: 5px; }
#secondary .wrapper .content { margin-top: -10px; }
#secondary .post h2 a { color: #193441; font-size: 18px;}
#secondary .post .meta, #secondary .post .meta a { color: #6B868F; font-size: 11px; text-transform: uppercase;}
#secondary .post .excerpt p { margin: 2px 0; font-size: 12px; }

.commentcount { background: url(images/comment.png) left center no-repeat; padding-left: 16px;}


#main #disgrasians h2, #main #amazians h2 {  line-height: 10px; margin-top: 0;}
#disgrasians .section_title a, #amazians .section_title a { color: #6B868F; }
#main #disgrasians h2 a, #amazians h2 a { color: #22414F; font-size: 12px;  }
#disgrasians .meta, #amazians .meta { color: #b3b1a2; font-size: 9px; text-transform: uppercase; margin-top: 10px; margin-bottom: 0;}
.sidebar .list { width: 170px; float: left; }
.sidebar .huffington { padding-top: 55px; display: block; width: 358px; height: 52px; background: url(images/huffington.gif) center no-repeat; text-indent: -9999px; }

#disgrasiantube { clear: both; margin-top: 55px;}
#disgrasiantube ul { list-style-type: none; margin-top: 10px;}
#disgrasiantube h2.widgettitle { display: none; }

.dictionary dt { float: left; padding-top: 2px; padding-right: 2px;}
.sidebar .dictionary dt { padding-top: 0;}
.dictionary dl { margin-bottom: 5px; }
.dictionary dd { margin: 0; padding-left: 2px;}
.dictionary dt { color: #22414F; font-size: 12px; text-transform: uppercase; }
.dictionary dd { font-size: 12px; }
.dictionary .more_dictionary { display: block; text-align: left; margin-bottom: 20px; color: #8C1717; text-transform: uppercase; font-size: 12px;}
.dictionary .more_dictionary a { color: #8C1717; }
.dictionary .more_dictionary a:hover { color: #500505; }

#social .links { float: left; width: 160px; padding-bottom: 15px;}
.links.first { margin-left: 30px; }
#social .links a { display: block; padding: 18px 0; color: #6B868F; font-size: 12px;}
#social .links a.facebook { background: url(images/facebook.gif) left center no-repeat; padding-left: 38px;}
#social .links a.twitter { background: url(images/twitter.gif) left center no-repeat; padding-left: 38px;}
#social .links a.rss { background: url(images/rss.gif) left center no-repeat; padding-left: 38px;}

#twitter .twitter-message { margin-bottom: 15px; }

#tags span.section_title { display: block; padding-bottom: 10px;}
#tags a { color: #CC0000; }

#respond h3, h3#comments { color: #193441; border-bottom: 1px dotted #C0C0A7; }
ol.commentlist { margin-bottom: 20px; }
ol.commentlist li { margin-top: 10px; }
ol.commentlist li { padding: 10px 10px 1px 10px; }
ol.commentlist .comment-meta { font-size: 11px; text-transform: uppercase; }
li.even { background: #FEFFBF; }
ol.commentlist li.bypostauthor { border: 3px solid #FEFF6F; background: #FFF; }

#footer .wrapper { padding-top: 30px; padding-bottom: 30px; }
#ads, #newsletter, #quicklinks, #blognetworks { float: left; }
#ads { width: 225px; }
#newsletter { width: 250px; }
#quicklinks { width: 150px; margin-left: 60px; }
#quicklinks ul { list-style-type: none; line-height: 20px; }
#ads {font-size: 11px;}
#quicklinks a { color: #22414F; }

.post.archives ul { list-style-type: none; }
.sociable_tagline { padding-bottom: 5px; }

.alignright { float: right; margin-left: 10px; }
.alignlift { float: left; margin-right: 10px; }
.aligncenter { display: block; margin: 0 auto; }

.post img { border: 1px solid #193441; } 
.post p { line-height: 20px; }
.post p.categories { font-size: 11px; line-height: 12px;}
.post p.categories a { text-transform: uppercase;}
#secondary .post .excerpt p { line-height: 16px;}
object { overflow: hidden; width: auto; margin: 0 auto;}

.pagination { font-size: 12px; text-transform: uppercase; color: #193441; background: #193441; width: 100%; overflow: hidden; }
.pagination { border-top: 1px dotted #305C6F; border-bottom: 1px solid #305C6F; padding: 5px 0; margin-bottom: 15px; margin-top: 15px; }
.pagination a { color: #FFF;}
.pagination a:hover { color: #CCC;}
.newer { float: left; padding-left: 15px;}
.older { float: right; padding-right: 15px; }

h2.browse { font-size: 14px; font-weight: normal; background: #193441; padding: 15px; margin-bottom: 20px; border: 1px solid #305C6F; color: #FFF;}
a.more-link { font-weight: normal; display: block; background: #193441; padding: 5px 15px; color: #FFF;  }
a.more-link:hover { color: #CCC; }
#tags a:hover { color: #193441; }
#social a:hover { color: #193441;}
#secondary h2 a:hover { color: #6B868F; }

#secondary .attachment-thumbnail { float: left; margin-right: 10px; margin-top: 5px; }
blockquote { margin-left: 25px; width: 475px; border-left: 3px solid #193441; padding-left: 15px; font-size: 13px; }
#main .content .post ul { list-style-type: disc; margin-left: 15px; margin-bottom: 15px; }
#main .content .post ol { list-style-type: decimal; margin-left: 30px; }
#tags { padding-top: 30px; clear: both;}
.sidebar #tags a { font-family: Arial, Helvetica, sans-serif; }
#secondary .post { min-height: 80px; }

#header_ad { margin: 0 auto; width: 960px; background: #FFFFDD; margin-top: 10px;}
#header_ad object { display: block; margin: 0 auto; width: 728px;}
#header_ad a img { border: 0;}
.sidebar_ad a img { border: 0;}
.adright { float: right; clear: both; margin-left: 10px;}
.adleft { float: left; clear: both; margin-right: 10px;}
.sidebar .dictionary .section_title { padding-top: 10px;}

#footer a img { border: 0;}
#footer .section_title { padding-bottom: 10px; }
ul.col1, ul.col2 { list-style-type: none; float: left; }
ul.col1 li, ul.col2 li { padding: 5px; }
ul.col1 { margin-right: 20px; }

#secondary h2 a.post-edit-link, #main h2 a.post-edit-link { font-size: 11px;}
.post.archive { margin-bottom: 50px; }
#search { clear: right; float: right; margin-top: 85px; }
#search input { border: 1px solid #6B868F; }
#search span  { font-size: 11px; color: #6B868F; text-transform: uppercase; font-family: arial, helvetica, verdana, sans-serif; }
#search #searchsubmit { color: #6b868F; text-transform: lowercase; cursor: pointer;}

#footer .email a { color: #8C1717; font-size: 11px; margin-top: 5px;}
#footer .email a:hover { color: #500505; }

#footer #newsletter span.section_title { margin-bottom: 15px;}
#footer #newsletter form { border: 0; margin-top: -15px; font-size: 12px; }
#footer #newsletter input { border: 1px solid #6B868F; color: #6b868F; text-transform: lowercase; margin: 3px 0; }
#footer #newsletter input.emailinput { width: 100%;}
#footer #newsletter p { margin: 0;}
#footer #newsletter p.delivered { color: #999;}
#footer #newsletter a { color: #8C1717; }
#footer #newsletter a:hover { color: #500505; }

p.wp-caption-text { font-style: italic; text-align: center; font-size: 11px; line-height: 12px; margin-top: 1px;}
#footer li.sitemeter { display: none;}
a.youtube { color:#8C1717; display:block; font-size:12px; margin-bottom:20px; text-align:left; text-transform:uppercase; padding-top: 5px; }

#twtr-widget-1 .twtr-ft, #twtr-widget-1 .twtr-hd { display: none !important;}
#twtr-widget-1 .twtr-bd { font-style: normal; font-family: Georgia, serif !important; font-size: 14px !important;}