@import url("reset.css");
@import url("clearfix.css");

body {
	font-size: 62.5%;
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-family: "obliqua-1","obliqua-2", sans-serif;
	background:url(../ad/adback.png) top left repeat-x;
}

br.break {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}


a:link {color: #898926; text-decoration: none;}
a:visited {color: #898926;}
a:hover,a:focus {color: #d20909; text-decoration: none;}
a:active {}

h1 {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-size: 3.8em; letter-spacing: -1px; margin-top: 25px; text-align: left;}
h2 {padding-top: 4px; color: #918c02; font-weight: 100; letter-spacing: 1px; text-transform: uppercase;}
h3 {font-style: oblique; padding: 0; margin: 0; text-align: right; font-size: 1.2em;}
h4 {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-style: oblique; font-size: 1.8em; color: #fff; margin: 0 0 10px -25px; padding-top: 20px; text-align: center;}


/*===============================================================================/
// Page structure
/===============================================================================*/

#header,#nav,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block;
text-align:left;
}

/*===============================================================================/
// Main Sections and Modifiers
/===============================================================================*/

#header,#nav,#footer,#terminator {width:100%;}
#nav {background: transparent;}
#header {height:175px;}

#content,#sub-section,#content2 {float:left; line-height:1.8em;}
#content {position: relative; top:5px; width:560px; border-top:1px solid #e5e5e5;}

#footer {width:1000px; text-align: center; background: black; border-top: 2px solid #a50d0d;}
#terminator {float: left; height: 20px; width: 1000px; padding: 20px 0 20px 0; font-size: 1.4em; color: white; background: black;}
#searchbox {position: relative; top: 10px; left:40px; padding: 10px 0 10px 0; width: 400px; height: 30px; background: #e8e8d3;}
#search {border: 1px solid #fff; width:250px;}

#thedate {position: relative; top:-5px; left: 745px; width: 250px;}


/*===============================================================================/
// 3 x Footer Divs and UL controls
/===============================================================================*/

#mainarticle {float: left; width:1000px; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; height:1205px;}
#politicsarticle {float: left; width:1000px; padding: 0; margin: 0; border-top: 1px solid #e5e5e5;}
#blogarticle {float: left; width:1000px; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; height:1015px;}
#photoindex {float: left; width:1000px; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; height:242px;}

#searchresults {float: left; text-align: left; width:1000px; padding: 0; margin: 0; border-top: 1px solid #e5e5e5;}
#searchresults h2 {padding: 15px 0 0px 0; color: #000; font-weight: 100; font-size: 1.6em; text-transform: uppercase;}
#searchresults p {padding: 5px 0 5px 0	; margin: 0; font-size: 1.4em; line-height: 1.2em;}
#searchresults h3 {font-style: oblique; padding: 10px 0 5px 0; margin: 0; text-align: left; font-size: 1.8em;}

div.resultend {padding: 5px; margin-top: 5px; border-top: 1px solid black; background: #fafafa; font-size: 1.2em;}

#elementone {float: left; height: 320px; width:303px; padding: 0 0 20px 30px; background: #000; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}
#elementtwo {float: left; height: 320px; width:303px; padding: 0 0 20px 30px; background: #000; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}
#elementthree {float: left; height: 320px; width:304px; padding: 0 0 20px 30px; background: #000; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}

#flickrelement {float: left; width:1000px; padding: 20px 0 20px 0; background: #b51e1e url(../img/flickr.png) top left no-repeat;}
#flickrelement img {border: 3px solid #931919; margin: 8px;}

ul.maina {text-align: left;list-style: none;padding: 0; margin: 0; width: 1000px; height: 100px;}

ul.maina li {display: block; border-bottom: 1px dotted #e5e5e5;background: url(../../09/img/video.png) top left no-repeat;}
ul.maina li.feature {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/feature.png) top left no-repeat}
ul.maina li.letter {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/letters.png) top left no-repeat}
ul.maina li.evilimp {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/evilimp.png) top left no-repeat}
ul.maina li.photo {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/photoside.png) top left no-repeat}
ul.maina li.editorial {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/editorial.png) top left no-repeat}
ul.maina li.news {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/news.png) top left no-repeat}

/*===============================================================================/
// Blog Independant Controls
/===============================================================================*/

ul.maina li.blogs {display: block; background: #b92a2a; border-bottom: 1px dotted #e5e5e5; background: url(../../09/img/blog.png) top left no-repeat}
ul.maina li.blogs a:hover {background: #000 url(../../09/img/blog.png) top left no-repeat;}

ul.maina li.blog a {display: block; width: 970px; height: 28px; color:#000; text-align:left; text-decoration: none;}
ul.maina li.blog {display: block; background: #fafafa; border-bottom: 1px dotted #e5e5e5; height:47px; border-left: 30px solid #595959;}
ul.maina li.blog a span.title {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; margin: 0px 20px 3px 30px; display:block; font-size: 1.2em; color:#000; font-weight: 900; letter-spacing: 0px;}
ul.maina li.blog a span.date {font-weight: bold; margin: 0 20px 0 30px; color:#570c0c;}

ul.maina li.blog a:hover {background: #000;}
ul.maina li.blog a:hover span.title {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; margin: 0px 20px 3px 30px; display:block; font-size: 1.2em; color:#fff; font-weight: 900; letter-spacing: 0px;}
ul.maina li.blog a:hover span.date {font-weight: bold; margin: 0 20px 0 30px; color:#570c0c;}

/*===============================================================================/
// Blog Independant Controls
/===============================================================================*/

ul.maina li a {display: block; width: 1000px; padding: 10px 0 10px 0; height: 100px; color:#000; text-align:left; text-decoration: none;}
ul.maina li a:active  {background: #f0e7d7; color: #800000;}
ul.maina li a:hover {background: #000 url(../../09/img/video.png) top left no-repeat;}
ul.maina li.feature a:hover {background: #000 url(../../09/img/feature.png) top left no-repeat;}
ul.maina li.letter a:hover {background: #000 url(../../09/img/letters.png) top left no-repeat;}
ul.maina li.evilimp a:hover {background: #000 url(../../09/img/evilimp.png) top left no-repeat;}
ul.maina li.photo a:hover {background: #000 url(../../09/img/photoside.png) top left no-repeat;}
ul.maina li.editorial a:hover {background: #000 url(../../09/img/editorial.png) top left no-repeat;}
ul.maina li.news a:hover {background: #000 url(../../09/img/news.png) top left no-repeat;}

ul.maina li a span.title {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; margin: 5px 20px 3px 60px; display:block; color:#999999; font-size: 2.6em; letter-spacing: -1px; font-weight: 900;}
ul.maina li a span.description {display:block; font-size:1.4em; margin: 0 20px 0 60px; padding-bottom: 10px; line-height: 1.4em;color:#aeaeae; font-style: oblique;}
ul.maina li a span.date {font-weight: bold; margin: 0 20px 0 60px; color:#570c0c;}

ul.maina li a:hover span.title  {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; margin: 5px 20px 3px 60px; display:block; color:#fff; font-size: 2.6em; letter-spacing: -1px; font-weight: 900;}
ul.maina li a:hover span.description {display:block; font-size:1.4em; margin: 0 20px 0 60px; padding-bottom: 10px; line-height: 1.4em; color:#fff; font-style: oblique;}
ul.maina li a:hover span.date  {font-weight: bold; margin: 0 20px 0 60px; color:#fff;}


/*===============================================================================/
// Index Element UL
/===============================================================================*/

ul.indexlist {text-align: left;list-style: none;padding: 0px;margin: 0px;width: 333px;}
ul.indexlist li {display: block; background: transparent;}
ul.indexlist li a {display: block; width: 333px; height: 155px; padding: 10px 0px 10px 0px;color:#006699; text-align:left; text-decoration: none;}
ul.indexlist li a:active {background: #f0e7d7;color: #800000;}
ul.indexlist li a:hover {background:url(../img/blank.png) top left no-repeat;}

ul.indexlist li a span.title {font-size: 1.6em; margin: 15px 20px 3px 20px; display:block; color:#570c0c;}
ul.indexlist li a span.indextitlenew {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-style: oblique; font-size: 2em; margin: 0; font-weight: 300; display: block; margin: 10px 20px 3px 20px; color:#fff; background: url(../img/bulb.png) 250px 0px no-repeat;}
ul.indexlist li a span.indextitle {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-style: oblique; font-size: 2em; margin: 0; font-weight: 300; display: block; margin: 10px 20px 3px 20px; color:#fff;}
ul.indexlist li a span.description {display:block; line-height: 1.2em; font-size: 1.2em; font-weight: 100; margin: 0 20px 0 20px; color:#fff; padding-bottom: 10px;}
ul.indexlist li a span.date {font-weight:bold; color:#570c0c; margin: 0 20px 0 20px;}

/*===============================================================================/
// Horizontal Navigation Top Menu
/===============================================================================*/

#menu {margin: 0; padding: 0;}
#menu ul {border: 0; margin: 0; padding: 0; list-style-type: none;	text-align: center;	clear: left;}
#menu ul li {display: block;float: left; text-align: center; padding: 0; margin: 0;}
#menu ul li a {width: 90.5px; height: 40px; margin: 0px; color: #918c02; text-decoration: none; display: block; text-align: center; letter-spacing: 1px; line-height: 45px; font-size: 0.75em; font-weight: 800;}
#menu ul li a:hover {color: #ad0505; line-height: 45px; height: 37px; margin-top: 2px; background-color: #f2f2f2; font-weight: 800;}
#menu a:active	{background: #c60; color: #fff;}


/*===============================================================================/
// Vertical Navigation in the Sidebar
/===============================================================================*/

ul.navlist {text-align: left;list-style: none;padding: 0px;margin: 0px;width: 400px;}
ul.navlist li {display: block; border-bottom: 1px dotted #e5e5e5; width:400px; margin: 0 0 0 40px;}
ul.navlist li a {display: block; width: 400px; padding: 10px 0px 10px 0px;color:#006699; text-align:left; text-decoration: none;}
ul.navlist li a:active {background: #f0e7d7;color: #800000;}
ul.navlist li a:hover {background: #f2f2f2;}

ul.navlist li a span.title {font-size: 1.4em; font-weight: 800; sans-serif; margin: 3px 0px 3px 20px; display:block; color:#ad0505;}
ul.navlist li a:hover span.title {font-size: 1.4em; font-weight: 800; sans-serif; margin: 3px 0px 3px 20px; display:block; color:#115380;}
ul.navlist li a span.description {display:block; line-height: 1.4em; font-size: 1.1em; margin: 0 0 0 20px; color:#000;}
ul.navlist li a span.date {font-weight:bold; color:#000; margin: 0 0 0 20px;}
ul.navlist li header {background-color: black;}

/*===============================================================================/
// 3 x Footer Divs and UL controls
/===============================================================================*/

ul.footlist {text-align: left;list-style: none; padding: 0px; margin: 0px; width: 275px;}
ul.footlist li {display: block; padding-bottom: 5px;}
ul.footlist li a {display: block; width: 275px; padding: 10px 0 5px 0; color:#006699; text-align:center;text-decoration: none;}
ul.footlist li a:active  {background: #f0e7d7; color: #800000;}
ul.footlist li a:hover {color:#d3011a; background: #424242;}

ul.footlist li a span.atitle {margin: 0 0 3px 0; display:block; color:#595959; font-size: 1.2em;}
ul.footlist li a span.description {display:block; font-size:10px; line-height: 1.2em;color:#000;}
ul.footlist li a span.date {font-weight: bold; font-size: 10px; color:#a7a7a4;}


/*===============================================================================/
// Politics Table
/===============================================================================*/


#mytable {width: 1000px; padding: 0; margin: 0;}
#mytable caption {padding: 0 0 5px 0;width: 490px;font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: right;}
#mytable th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: 2px;text-transform: uppercase;text-align: center;padding: 6px 6px 6px 12px;background: #CAE8EA;}
#mytable th.nobg {border-top: 0;border-left: 0;border-right: 1px solid #C1DAD7;background: none;}
#mytable td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;}
#mytable td.alt {background: #F5FAFA;color: #797268;}
#mytable th.spec {width:140px;border-left: 1px solid #C1DAD7;border-top: 0;background: #fff url(07_images/bullet1.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#mytable th.specalt {width:140px;border-left: 1px solid #C1DAD7;	border-top: 0;	background: #f5fafa url(07_images/bullet2.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #797268;}

#politics {font-size: 1.2em; line-height: 1.6em; text-align: left;}

#rollcall {float: right; padding: 20px; margin:15px 10px 10px 10px; border: 1px solid #fafafa;}
.giantnumber {font-size: 10em; line-height: .75em;}
.lessgiant {font-size: 1.5em; line-height: .5em; padding: 0 0 5px 0;}

/*===============================================================================/
// Disqus Profiles
/===============================================================================*/

.dsq-dc-logo {display: none;}
.dsq-options {display: none;}
.dsq-comment-message {background: #fafafa !important; text-align: left; font-size: 1.4em !important; padding: 15px !important; line-height: 1.2em !important; margin:0 !important;}
.dsq-post-report {color: red !important;}
.dsq-comment-header {background: #000 !important; color: white !important; padding: 10px !important; font-size: 1.4em !important; margin: 0 !important;}
#dsq-comments-title h3 {text-align: left !important; margin: 10px 0 10px 0 !important;}
#dsq-new-post h3 {visibility: hidden;}
.dsq-comment-message {font-size: 1.1em;}