/* Here is some kinda CSS reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em,  ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									



/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0; }

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td  {vertical-align: top;} 



img.alignleft {dispay: block; float: left; margin: 0 10px 10px 0;}
img.alignright {dispay: block; float: right; margin: 0 0 10px 10px;}

sub {vertical-align: sub; font-size: smaller;}
sup {vertical-align: super; font-size: smaller;}

/* hand cursor on clickable input elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 


/* for image replacement */
.ir {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat;}

/* Hide for both screenreaders and browsers */
.hidden {display: none; visibility: hidden;} 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}

/* >> The Magnificent CLEARFIX << */
.exchangePost:after,
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.exchangePost,
.clearfix {display: inline-block;}
* html .exchangePost,
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.exchangePost,
.clearfix {display: block;}

.page-links{margin: 0 9px 10px 12px; font-size: 12px; line-height: 16px;}
.page-links li{border: none;}
.page-links li a{font-weight: bold; display:inline-block; width: 49%;}
.page-links li a:hover{color: #DE5214;}


/* hopefully these will be site-wide standards */

h2.category,
h2.category a,
a.category,
span.category,
span.category a {color: #de5214; font-weight: bold;}

ul.wp-tag-cloud,
ul.archiveList {margin: 10px 40px;}
	wp-tag-cloud ul,
	ul.archiveList ul {margin: 0 0 10px 20px;}

.archiveList .archiveType {
	width: 49%;
	float: left;
}

.commentLink {margin-left: 4px; padding-left: 14px; background: url(../img/icon_comment.png) left center no-repeat;}

/* Ok, let's go!
--------------------------------------------------------------*/


a, .clickable {color: #002e7b; text-decoration: none; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in;}
a:hover, .clickable:hover {color: #000; cursor: pointer;}
a:active, input[type="image"]:active {position: relative; top: 1px;}

a:link {-webkit-tap-highlight-color: #fff479;} 
::-moz-selection {background: #fff479; color: #000; text-shadow: none;}
::selection {background: #fff479; color: #000; text-shadow: none;} 

ul,
ol {list-style-type: none;}

article ul,
article ol {
	margin-left:19px;
}

article ol {
	list-style-type: decimal;
}
article ul {
	list-style-type: disc;
}
.single article a:link,
.single article a:visited {
	color: #5B7E94;
}
.single article a:hover,
.single article a:active {
	color: #00f;
}

.moreLink {font-weight: bold;}

ul.contentList {}
	ul.contentList li {margin-bottom: 20px;}

a.category,
span.category,
.byline,
.readMore {font-size: 12px;}

span.category a,
.readMore a {font-weight: bold;}

.bookInfo {}
	.bookInfo a,
	.bookInfo b {display: block; font-weight: bold;}

div#wrapper {position: relative; width: 960px; margin: 0 auto;}

form.compact {padding: 0 0 0 6px; background: #fff; border: 1px solid #666; border-radius: 5px; background-clip: padding-box; background-origin: padding-box;}
	form.compact input {border: 0; font-size: 12px;}
	form.compact input[type="search"],
	form.compact input[type="email"] {width: 90%; -webkit-appearance: none;}
	form.compact input[type="image"] {}
	
	form.compact.search {padding: 0; border-color: #aaa;}
	
	#mainFooter form.compact,
	#mainFooter form.compact input {background: #dee5ea;}
	
/*header {margin-bottom: 10px;}*/
	body#homePage header,
	body#monitorPage header {margin-bottom: 20px;}

	
div#mainCol {display: inline-block; width: 640px; margin: 0 20px 50px 0; vertical-align: top;}
	.ie7 div#mainCol,
	.ie6 div#mainCol {display: inline;}

/* twitter marquee */

div#twitterMarquee {position: absolute; top: 65px; height: 60px; overflow:hidden; left: 0; width: 100%; font-size: 11px; line-height: 16px; background: #fdfdfc; border: 1px solid #d0d0d0;}

	div#twitterMarquee.active {height:auto; padding-bottom:5px; -moz-box-shadow: 0px 5px 5px #666; -webkit-box-shadow: 0px 5px 5px #666; box-shadow: 0px 5px 5px #666;}
	
	.ie7 div#twitterMarquee.active {height:160px;}

	div#twitterMarquee div.leftSide {display:inline-block; padding-left:38px; background:url(../img/logo_twitter-bird.png) no-repeat left 10px;width: 170px; margin: 7px 9px; vertical-align: top;}
		.ie7 div#twitterMarquee div.leftSide,
		.ie6 div#twitterMarquee div.leftSide {display: inline;}
	
	div#twitterMarquee a#toggleMarquee {position:absolute;top:15px;left:10px;width:28px;height:30px;background:url(../img/logo_twitter-bird_down.png) no-repeat;}
	
	div#twitterMarquee.active a#toggleMarquee {background-image:url(../img/logo_twitter-bird_up.png);}
	
	div#twitterMarquee a#showMarquee {position:absolute;top:0;left:0;height:60px;width:100%;}
	
	body.iPad div#twitterMarquee div.leftSide {background-image:none;}
	
	body.iPad div#twitterMarquee.active a#showMarquee {display:none;}
		
	div#timelineMask {display: inline-block; width: 719px; margin: 7px 0 7px; padding-left: 5px;; vertical-align: middle; border-left: 1px solid #eee; overflow:scroll; overflow-y:hidden; padding-bottom:10px;}
		.ie7 div#timelineMask {display: inline;}
		.ie8 div#timelineMask {overflow: hidden;}
			.ie8 div#twitterMarquee.active div#timelineMask {overflow:scroll; overflow-y:hidden;}
	
		div#timelineMask::-webkit-scrollbar {width: 15px;height: 15px;  background:#fff;}
	
		div#timelineMask::-webkit-scrollbar-button {}
		div#timelineMask::-webkit-scrollbar-track {background:#ddd; border-radius: 3px;}
		
		div#timelineMask::-webkit-scrollbar-track-piece {}
		div#timelineMask::-webkit-scrollbar-thumb {background:#aaa; border-radius: 3px;}
		div#timelineMask::-webkit-scrollbar-corner {}
	
	div#twitterMarquee ul {width:2400px;}
	
		div#twitterMarquee ul li {display: inline-block; width: 220px; height:48px; overflow:hidden; margin: 0 19px 0 0; vertical-align:top;}
			.ie7 div#twitterMarquee ul li {display: inline;}
			.ie8 div#twitterMarquee ul li {margin-right: 17px;}
				.ie8 div#twitterMarquee.active ul li {padding-bottom: 10px;}
		
			div#twitterMarquee.active ul li {height:auto;}
			
			div#twitterMarquee ul li:last-child {margin-right: 0;}
			div#twitterMarquee ul li img {float: left; margin: 0 5px 0 0; padding-top: 3px;}
			div#twitterMarquee ul li .tUser {font-weight: bold;}
			div#twitterMarquee ul li .tName {color: #888;}
			div#twitterMarquee ul li .tContent {display: block; margin-left: 45px;}
			div#twitterMarquee ul li .tTime {display: block; font-size:9px;line-height:12px;margin-left:45px;}
			div#twitterMarquee ul li .tTime a {color:#666;}
			
	#tCount {display:none; position: absolute; top: 16px; left: 215px; width: 22px; height: 22px; font-size: 12px; line-height: 13px; font-weight: bold; color: #fff; background: #a1d11f; border-radius: 20px; border: 2px solid #fff; background-clip: padding-box; background-origin: padding-box;}
		#tCount span {position: absolute; top: 0; left: 0; width: 100%; height: 22px; line-height: 22px; text-align: center;}

	#tButtonLeft, #tButtonRight {display:none; position: absolute; padding:1px 5px; font-size: 12px; line-height: 13px; font-weight: bold; color: #fff; background: #ccc; text-align:center;cursor:pointer;}
	
	#tButtonLeft {bottom:5px; left: 234px;}
	
	#tButtonRight {bottom:5px; right: 5px;}
	
	div#twitterMarquee.active #tButtonLeft, div#twitterMarquee.active #tButtonRight {display:none;}