/* =reset
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,caption,th,td,iframe,img,abbr,acronym{margin:0;padding:0;border:0;}
body,div,dl,ul,ol,pre,form,select,input,textarea,p,th,td,address,caption{font-family:arial, "helvetica neue", helvetica, sans-serif;}
acronym,address,caption,code,cite,dfn,em,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th{text-align:left;}
img{display:block;}
dt{font-weight:bold;}
strong{color:#e22964;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
sup{position:relative;bottom:.33em;vertical-align:baseline;}
sub{position:relative;bottom:-.25em;vertical-align:baseline;}
label,input.submit,input.reset,input.image{cursor:pointer;}
code{line-height:1em;font-family:monospace;}
textarea{overflow:auto;font-size:100%;}
body{font-size:10px;color:#000;background:#fff;}
a:link,a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none;border-bottom:1px dotted #666;}

/* =typography (body copy 11px / leading 13px)
--------------------------------------------- */
h1, .fauxh1 {margin: 1.2em 0; line-height: 1.2em; font-size: 250%;}
h2, .fauxh2 {margin: 1.2em 0 0; line-height: 1.2em; font-size: 180%;}
h3, .fauxh3 {margin: 1.2em 0; line-height: 1.2em; font-size: 150%;}
h4, .fauxh4 {margin: 1.2em 0; line-height: 1.2em; font-size: 130%;}
h5, .fauxh5 {margin: 1.2em 0; line-height: 1.2em; font-size: 120%;}
h6, .fauxh6 {margin: 1.2em 0; line-height: 1.2em; font-size: 110%;}
small {display: block; font-size: 100%;}

dl, ul, ol, fieldset, pre, p, blockquote, address {margin: 1.2em 0; line-height: 1.2em; font-size: 110%;}
blockquote p {font-size: 100%;}
blockquote small {font-size: 90%;}
caption, th, td {line-height: 1.2em; font-size: 110%;}
ul ul, ol ol, ol ul, ul ol {margin: 0; font-size: 100%;}
.bulleted {margin: 0 0 0 1.2em;}
.bulleted li {margin: 0 0 1.2em; list-style: disc;}

/* =helpers
--------------------------------------------- */
.clearfix:after {content: "."; clear: both; display: block; visibility: hidden; height: 0;}
.clear {clear: both;}
.structural, #isd {position: absolute; top: -9999em; left: 0;}

/* =layout
--------------------------------------------- */
html, body {height: 100%;}
html {overflow-y: scroll;}
body {background: url(/_format/images/bg.gif) repeat-x;}

#container {float: left; position: relative; width: 100%; min-height: 100%; background: url(/_format/images/bg_footer.gif) bottom repeat-x;}
#containerInner {margin: 0 auto; padding-bottom: 4.7em; width: 774px; max-width: 100%; /*background: #fcc;*/}

#masthead {margin: 0 auto; padding-left: 15px; width: 50.85em; max-width: 100%;}

#content {clear: both; margin: 0 auto; padding: 60px 0; width: 432px; max-width: 100%;}

#footer {position: absolute; bottom: 0; width: 774px; max-width: 100%;}
#footerInner {margin: 0 auto; padding: 0 0 11px; width: 432px; color: #a3a3a3; background: #333 url(/_format/images/bg_footer_section.gif) no-repeat;}

/* =nav
--------------------------------------------- */
#navMain {float: left; margin: 0; width: 50.8em; max-width: 100%; font-size: 1.5em;}
#navMain li {float: left; margin-right: 1px; background: #434343 url(/_format/images/bg_nav_main_right.png) right bottom no-repeat;}
#navMain a {display:block; padding: 26px 18px 8px;}
#navMain a:link, #navMain a:visited {color: #fff; background: url(/_format/images/bg_nav_main_left.png) left bottom no-repeat;}
#navMain a:hover {padding-top: 39px; border: none;}

.home #navMain .navHome,
.top250 #navMain .navTop250,
.about #navMain .navAbout,
.contact #navMain .navContact,
.follow #navMain .navFollow,
.blog #navMain .navBlog 
{background-color: #e22964; background-image: url(/_format/images/bg_nav_main_selected_right.png);}
.home #navMain .navHome a:link, .home #navMain .navHome a:visited,
.top250 #navMain .navTop250 a:link, .top250 #navMain .navTop250 a:visited,
.about #navMain .navAbout a:link, .about #navMain .navAbout a:visited,
.contact #navMain .navContact a:link, .contact #navMain .navContact a:visited,
.follow #navMain .navFollow a:link, .follow #navMain .navFollow a:visited,
.blog #navMain .navBlog a:link, .blog #navMain .navBlog a:visited 
{padding-top: 39px; background-image: url(/_format/images/bg_nav_main_selected_left.png);}

#navSecondary {margin: 0 auto; padding: 6px 0 0; width: 350px; line-height: 1.5em; font-size: 100%; text-transform: uppercase;}
#navSecondary li {float: left; padding: 0 11px 0 0; margin: 0 9px 0 0; background: url(/_format/images/pipe_grey.gif) right center no-repeat;}
#navSecondary a:link, #navSecondary a:visited {color: #a3a3a3; background: #333;}
#navSecondary a:hover {border-color: #a3a3a3;}
#navSecondary .last {margin: 0; padding: 0; background: none;}

/* =content
--------------------------------------------- */


/* =footer
--------------------------------------------- */
#footer p {clear: both; margin: 0; padding: 3px 0 0; font-size: 100%; text-align: center; background: #333;}

/* =modules
--------------------------------------------- */
h1 {float: left; position: relative; z-index: 2; margin: 0 22px 0 0; font-weight: bold;}
h1 a:link, h1 a:visited {color: #e22964;}

#graph {clear: both; margin: 0 0 20px;}

#formSearch {float: left; margin: -40px 0 0 0; padding: 30px 0 0 97px; width: 346px; height: 120px; background: url(/_format/images/bg_search_form.png) no-repeat;}
#formSearch h2 {margin: 0;}
#formSearch #textSearch {float: left; margin: 0 -2px 0 0; padding: 3px 26px 0 17px; width: 160px; height: 53px; background: url(/_format/images/bg_search.png) no-repeat;}
#formSearch input.text {padding: 15px 0 9px 0; border: none; width: 160px; color: #a3a3a3; background: none;}
#formSearch input.focus {color: #000;}
.noImgs #formSearch input.text {border: 1px solid #bdbdbd;}
.noImgs #formSearch input.image {padding: .5em; color: #fff; background: #e22964;}

#realTimeTweets {position: relative; float: left; margin: 28px 0 0; padding: 5px 16px 12px 8px; background: #8ced20;}
#realTimeTweetsInner {position: relative; width: 203px; height: 91px; overflow: hidden;}
#realTimeMask {position: absolute; top:0; left: 0; z-index: 51; width: 227px; height: 114px; background: url(/_format/images/bg_quote_cut_out.png) no-repeat;}
#realTimeTweets ul {margin: 0; width: 1015px; font-size: 100%;}
#realTimeTweets li {float: left; position: relative; top: 0; padding: 15px 8px 0 20px; width: 175px; height: 76px;}
#realTimeTweets .entry-content em {color: #e22964; font-weight: bold;}
#realTimeTweets .entry-meta {font-style: italic; color: #664d4d;}
.js #realTimeTweets ul {top: 76px; right: 0;}
.js #realTimeTweets .last {top: -76px;}

.digest h3 {clear: both; margin: 0; padding: 0 0 0 10px; border-bottom: 1px dotted #bdbdbd; line-height: 1.5em; color:#e22964; background: url(/_format/images/icon_opened_list.gif) 95% 65% no-repeat;}
.digest h3 a {line-height: 1em; font-size: .4em;}
.digest ol, .digest p {margin: 0;}
.digest ol li {width: 206px; line-height: 1.65em; color: #666;}
.digest ol img {display: inline;}
.digest ol span {font-weight: bold;}
.digest .digestInner {padding: 10px;}
.digest.closed h3 {color:#000; background-image: url(/_format/images/icon_closed_list.gif);}
.js .digest h3 {cursor: pointer;}

.ol01,.ol02,.ol03,.ol04,.ol05,.ol06,.ol07,.ol08,.ol09,.ol10,
.ol11,.ol12,.ol13,.ol14,.ol15,.ol16,.ol17,.ol18,.ol19,.ol20,.ol21,.ol22,.ol23,ol24,.ol25 {margin-left: 0;}
.ol26,.ol27,.ol28,.ol29,.ol30,.ol31,.ol32,.ol33,.ol34,.ol35,
.ol36,.ol37,.ol38,.ol39,.ol40,.ol41,.ol42,.ol43,.ol44,.ol45,.ol46,.ol47,.ol48,.ol49,.ol50 {margin-left: 216px;}
.ol26 {margin-top: -41.25em;}

/* =variations
--------------------------------------------- */
.top250 #content {padding: 20px 0;}
.top250 h1 {margin: 0 0 0 14px;}
.top250 #formSearch {position: relative; margin: 27px 0 0 -143px; padding: 24px 0 0 152px; width: 259px; height: 120px; background-image: url(/_format/images/bg_search_form_small.png);}
.top250 #formSearch p {margin: .5em 0;}
.top250 #formSearch #textSearch {float: left; margin: 0 -2px 0 0; padding: 2px 22px 0 13px; width: 120px; height: 42px; background-image: url(/_format/images/bg_search_small.png);}
.top250 #formSearch .text {padding: 7px 0 8px 0; border: none; width: 120px; font-size: 100%; background: none;}
.top250 #formSearch .disabled {cursor: default;}

.top250 #formSearch ul {position: absolute; top: 104px; left: 141px; margin: 0; padding: 3px 30px 4px 10px; width: 178px; border: 1px solid #e0e0e0; border-top: none; text-transform: uppercase; background: #fefefe url(/_format/images/bg_remove.gif) top repeat-x;}
.top250 #formSearch li {padding: 7px 5px 5px 0; border-bottom: 1px dotted #bdbdbd;}
.top250 #formSearch li.last-child, .top250 #formSearch li:last-child {border: none;}
.top250 #formSearch li .image {float: left; margin: 0 7px 0 0;}

.about h1 {float: none;}
.about #content {padding: 20px 0;}

.contact h1 {float: none;}
.contact #content {padding: 20px 0;}

.blog h1 {float: none;}
.blog #content {padding: 20px 0;}

/* =autocompleter
--------------------------------------------- */
ul.autocompleter-choices
{
	position:				absolute;
	top: 					0;
	left:					0;
	z-index:				50;
	margin:					0;
	border:					1px solid #e0e0e0;
	border-top:				none;
	font-size:				120%;
	line-height:			1.5em;
	background-color:		#fff;
}

.top250 ul.autocompleter-choices {font-size: 110%;}

ul.autocompleter-choices li
{
	position:				relative;
	padding:				.2em 1.5em .2em 1em;
	cursor:					pointer;
	white-space:			nowrap;
}
ul.autocompleter-choices li.autocompleter-selected
{
	color:					#fff;
	background:				#6f6f6f;
	
}