@charset "utf-8";

/**************************************************
**************************************************/

/* *** IMPORT *** */ 
@import url("reset.css");
/* 

	Note: reset.css sets body text size @ 62.5%
	For text sizes use:
	1em 	instead of	10px 
	1.6em	instead of	16px, etc
*/

/* *** GLOBAL STYLES *** */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: url(../images/ui/bodybg.jpg) #CCCCCC; font-size: 62.5%; color: #353535; font-family: Arial, Helvetica, sans-serif; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: "" ""; }
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after,
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clearfix,
.container { display: block; }
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
a img { border: none; }

/* TYPOGRAPHY */
h1 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 1.7em; padding-bottom: 10px;line-height:1.1em; }
	#content_body h1 a{text-decoration:none;letterspacing:-.01em;color:#222;}
h2 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 1.6em; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 1.6em; }
.content_list h3 { font-family: "Trebuchet MS", Arial, Helvetica; font-size: 1.6em; }
a { color:#B00; }
a:hover { color:#F00 }
p { margin:1.5em 0px; line-height:1.5em; }
strong { color:#755; font-weight:bold; }

/* *** GLOBAL CLASSES *** */
.bookmarks a { text-decoration:none; padding:10px; }
.bookmarks a img { vertical-align:-4px }

ol.articles { }
	ol.articles li { }
	ol.articles li a { display:block; padding:5px; line-height:1.5em; font-size:1.1em; text-decoration:none; border-bottom:3px dotted #EEE; }
	ol.articles li a:hover { background:#F4F4F4; border-bottom-color:#CCC; }
	ol.articles li span.title { font-weight:bold; color:#B00; font-size:1.1em; }
	ol.articles li cite { padding-left:10px; display:block; }
	ol.articles li span.date { display:block; font-size:0.8em; line-height:1.2em; }
	ol.articles li span.date strong { font-weight:normal; }
	ol.articles.cont { font-size:1.1em; }
	ol.articles.cont li a { overflow:auto; zoom:1; }
	ol.articles.cont img { float:left; margin:0px 5px 0px 0px; }
h4 { font-size:1.3em; background:#555; color:#FFF; padding:5px; margin:2px -10px; }

.content_list { margin:5px 0px; border-top:4px dotted #D00; padding:10px; }
	.content_list ul { margin:0px -5px -6px; }
	.content_list ul li { padding:5px; font-size:1.3em; line-height:1.3em; border-bottom:1px solid #DDD; overflow:auto; zoom:1; }
	.content_list li img { float:left; margin:0px 5px 0px 0px; }
	.content_list li p { margin:5px 0px; font-size:.9em; }
	.content_list li a { color:#333; text-decoration:none; }
	.content_list li a:hover { text-decoration:underline; }

div.feature { }
	.feature h1 { font-size:2em; color:#B00; text-transform:uppercase; letter-spacing:-1px; line-height:1.5em; }
	.feature h1 a { color:#B00; text-decoration:none; }
	.feature .date { padding-bottom:10px; border-bottom:2px solid #EEE; margin-bottom:10px; }
	.feature .snippet { font-size:1.4em; line-height:1.8em; }
	.feature a.comment { background:url(../images/labourlist/icon-chevron.gif) left center no-repeat; color:#666; display:block; font-size:1.5em; margin:0 10px; padding:5px 5px 5px 20px; text-decoration:none; }
	.feature a.comment:hover { text-decoration:underline; }

div.summary { padding-bottom:20px; }
	div.summary .item { padding:15px 5px 15px 20px; border-bottom: 2px dotted #EEE; }
	div.summary .item h2 { font-size:1.6em; line-height:1.3em; display:inline; }
	div.summary .item .date { display:inline; padding:0px 20px; color:#999; }
	div.summary .item .snippet { font-size:1.3em; line-height:1.5em; padding:5px; overflow:auto; zoom:1; }
	div.summary .item .snippet img { float:left; margin:0px 5px 0px 0px; }
	div.summary.news { font-size:.8em; overflow:auto; }
	div.summary.news h3 { font-size:2.4em; margin:10px 0px; line-height:1.3em; border-bottom:1px solid #EEE; color:#999; }
	div.summary.news .item { width:30%; padding:1.5%; float:left; height:20em; }
div.blogs_summary .html h2 { font-size:1.8em; }
.lead_article { margin:10px; padding-bottom:10px; border-bottom:1px solid #EEE; }
	.lead_article h1 a { text-decoration:none; }
	.lead_article p { font-size:1.3em; margin:15px; }

.Comments { margin-top:10px; }
	.Comments .comment{border:1px solid #CCC;-moz-border-radius:10px;-webkit-border-radius:10px;margin-top:15px;}
	.comment .content { font-size:1.3em; line-height:1.3em; padding:10px 10px 0px;   }
	.Comments .trashN { background:url(../images/comment-N.gif) center center no-repeat; float:right; width:30px; height:30px; }
	.Comments .trashTrash { background:url(../images/comment-N.gif) center center no-repeat; float:right; width:30px; height:30px; }
	.comment .user {font-size:1.2em; line-height:2em; margin-top:10px;padding:0 10px 0 25px; color:#999;background:#f5f5f5; }
	.comment .user .name { color:#622; }
	.comment .options { padding-left:20px;background:#f5f5f5;}
	.comment div.reply { }
form.reply { padding:20px; }
form.reply label { display:block; line-height:1.5em; font-size:1.2em; }
.CommentReplyBox { width:100%; border:1px solid #cccccc; }

#container h2 a{color:#000;text-decoration:none;}
.extra_content{margin-left:20px;}
.extra_content div.summary{margin-top:20px}
div.html.blog h1{font-size:2em;padding-bottom:0;}
div.html { }
	div.html h1 { }
	div.html h2 { font-size:1.6em; line-height:1.5em; border-bottom:1px solid #EEE; }
	div.html .content { padding:10px; font-size:1.3em; line-height:1.5em; overflow:auto; zoom:1; }
	div.html ol { list-style:outside lower-roman; margin-left:30px; }
	div.html ul { list-style:outside disc; margin-left:30px; }
	div.html li { padding:5px 0px; font-size:1.3em; line-height:1.5em; color:#555; }
	div.html td,
	 div.html th { padding:5px; }
	div.html.blog { font-size:1.1em; }
	div.html.blog p { line-height:1.6em; margin:1.5em 1em; color:#000; }
	div.html.blog p.date { line-height:1.2em; margin:1em; color:#666; font-size:1.3em; }
.DataCapture textarea { width:300px; height:120px; }
.PageThumbnail { float:left; padding:8px; }

.col_right .summary { }
	.col_right .summary .item { margin:10px 0px; }
	.col_right .summary .item h2 { font-size:1.6em; line-height:1.5em; }
	.col_right .summary .item h2 a { color:#B00; text-decoration:none; }
	.col_right .summary .item .date { line-height:1.6em; border-bottom:1px solid #EEE; }
	.col_right .summary .item .snippet { margin:10px; font-size:1.2em; line-height:1.6em; padding-bottom:20px; }

/* *** GLOBAL IDs *** */
#head_mount {clear:both;}
#top_nav { width: 960px; background: #f0f0f0 url(../images/ui/top_nav_bg.png) repeat-x scroll 0 0; margin-left: auto; margin-right: auto; }
	#top_nav a:hover{background-color:#f5f5f5;}
	#user{float:right;position:relative;z-index:3;}
		#user p{margin:0;border-left:1px solid #dfdfdf;z-index:5;}
		#user a{display:-moz-inline-box;display:inline-block;line-height:25px;border-left:1px solid #fff;border-right:1px solid #dfdfdf;font-size:1.1em;color:#666;text-decoration:none;font-weight:bold;padding:0 10px;}
		#user form{position:absolute;width:305px;border:1px solid #FFF;border-color-top:#ddd;background:#EEE;padding:5px;z-index:1;right:0;}
			#user form p{margin:5px 0;}
				#user form a{border:1px solid #fff;border-color:#fff #dfdfdf #ddd #fff;}
		
	#user_action li{display:inline;border-left:1px solid #dfdfdf;}
		#user_action li a{display:-moz-inline-box;display:inline-block;border-left:1px solid #fff;line-height:26px;padding:0 10px 0 40px;background:url(../images/ui/icon-rss.gif) left center no-repeat;font-size:1.1em;text-decoration:none;color:#666;}
			#user_action li.a1 a{background-image:url(../images/ui/icon-twitter.gif);}
			#user_action li.a3 a{background-image:url(../images/ui/icon-facebook.gif);}
			#user_action li.a4 a{background-image:url(../images/ui/icon-donate.gif);}

#head_tiled { background: url(../images/ui/headbg.jpg); background-repeat:  repeat-x; }
	#header { width: 960px; background: url(../images/ui/head_bg.jpg) #900 no-repeat top left; margin:0 auto; position:relative;}
	#site_logo{display:block;height:54px;width:160px;}
	#head_nav { padding-left: 20px;}
		#head_nav li { display: inline; list-style-type: none;}
		#head_nav li a {color: #fffefe; font-size: 1.3em; text-decoration: none;display:-moz-inline-box;display:inline-block;padding:13px 10px 12px;}
		
	#email_signup{position:absolute;right:15px;top:15px;}
		#email_signup .offer{float:left;width:300px;padding-right:10px;color:#FFF;font-size:1.2em;line-height:1.3em;text-align:right;}
			#email_signup .offer P{margin:0;}
		#email_signup form{margin-left:310px;text-align:right;}
			#email_signup .go{vertical-align:bottom;cursor:pointer;}
			#subEmail{background:url(../images/ui/input-email.gif) center center no-repeat;width:150px;height:17px;border:0;padding:5px;}

#search_tab {text-align:center;width: 254px;padding-bottom:10px; background: url(../images/ui/search_tab.jpg) transparent; background-position: top left; background-repeat: no-repeat; float: right; margin-right: 22px; }
	#search_tab #SearchQuery{background:url(../images/ui/input-search.gif) center center no-repeat; width:150px;padding:10px;height:17px;border:0;}
	#search_tab .go{vertical-align:-8px;;}
	
#container { width: 950px; background: url(../images/ui/container_bg.png) #FFFFFF; background-position: top; background-repeat: repeat-x; margin-left: auto; margin-right: auto; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; }
	#container a,
	a:hover,
	a:visited,
	a:active { color: #900; }

#content_body { width:620px; float: left; padding: 18px 0px 20px 20px;  }

	#content_body .post { padding:0 10px 5px 0; }
	#content_body .post h1{}
	#content_body .post .contributor{float:left;}
	#content_body .post img.right { float: right; padding: 0px 0px 10px 10px; }
	#content_body .post img.left { float: left; padding: 0px 10px 10px 0px; }
	#content_body .post img.info { padding: 0px 0px 12px 0px; }
	#content_body .post p.details{margin:0;text-align:right;background:url(../images/ui/comments-bg.gif) bottom right repeat-x;line-height:1.1em;}
		#content_body .post p.details .read_more{float:left;line-height:40px;}
		#content_body .post p.details .date{clear:left;color:#666;display:block;float:left;text-align:left;font-size:11px;}
		#content_body .post p.details .comments{background:url(../images/ui/comments-count-bg.gif) top right no-repeat;display:-moz-inline-box;display:inline-block;height:57px;width:60px;text-align:center;}
			#content_body .post p.details .comments a{font-size:2em;text-decoration:none;font-weight:bold;color:#FFF;padding-top:6px;display:block;}
			#content_body .post p.details .comments span{display:block;text-align:center;font-size:.4em;font-weight:normal;padding-top:3px;}
	
	.blogs_summary{font-size:1.2em;}
	.blogs_summary embed,.blogs_summary object{height:auto;width:350px;}
	.blogs_summary img{height:auto;width:200px;}
	.blogs_summary .contributor img{width:auto;}
	
	
	#content_col {border:1px solid #ddd;width: 225px;font-size:1.2em; float: right; padding: 4px 5px; margin:0 5px;background:#f9f9f9;}
	.content_col_head { width: 225px; height: 28px; background: url(../images/ui/col_head_bg.png) #A10300; background-repeat: repeat-x; background-position: top left; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; font-size: 1.2em; line-height: 28px; color: #FFFFFF; }
	#content_col p { padding-top: 20px; }
	
	

#rightcol { padding:10px 0;width:300px; float: right; }
	#rightcol p { font-size: 1.2em; padding-top: 10px; padding-bottom: 10px; }
	#rightcol img.rule { padding-bottom: 12px; padding-top: 6px; }



#bloglist { padding-top: 4px; padding-bottom: 20px; }
	#bloglist ul li { width: 300px; height: 34px; display: block; list-style: none; background: url(../images/ui/blog_link_btn.jpg) no-repeat; background-repeat: none; background-position: top left; margin-top: 4px; margin-bottom: 4px; }
	#bloglist ul li a { display:block; font-size: 1.3em; line-height: 34px; padding-left: 20px; text-decoration: none; color: #353535; }

ol.contributors{}
	ol.contributors li{display:inline;}
	ol.contributors li a img{border:3px solid #DDD;display:inline-block;height:44px;margin:2px;overflow:hidden;width:45px;}

.twitter_body{border-top:1px solid #CCC;padding:10px 15px;font-size:1.2em;color:#666;overflow:auto}
	.twitter_details{margin-top:5px;color:#333;font-size:.9em;}
		.twitter_details img{float:left;margin-right:5px;}

	

	
	#header #user { position:absolute; margin-top:5px; padding:5px 5px 5px 14px; top:130px; }
		#header .log_in { display:inline-block; display:-moz-inline-box; border:1px solid #999; padding:3px 2px 0px; text-decoration:none; vertical-align:6px; _vertical-align:2px; height:1.4em; background-color:#E0E0E0; }
		#header #user p { margin:0px; padding:3px 5px; font-weight:bold; font-size:1.1em; }
		#header #user p a { padding:0px 4px; }
		#header #user input { font-size:1em; width:60px; }
		#header #user .logged_in { font-size:1em; color:#666; }
		#header #user .logged_in .name { color:#333; font-size:1.2em; }
		#header #user .logged_in a { padding:0px 5px; }

#page {text-align:left; }
	#page .col_left { width:200px; float:left; }
	#page .col_left h3 { color:#B00; font-size:1.4em; font-weight:bold; text-transform:uppercase; border-bottom:3px solid #DDD; line-height:1.6em; }
	#page .col_right { width:200px; float:right; }
	.col_right .thought { background:#ddd url(../images/labourlist/thought-base.gif) center bottom no-repeat; padding:0px 0px 15px }
	.col_right .thought div.p { background:url(../images/labourlist/thought-top.gif) center top no-repeat; padding:25px 5px 0px; font-size:1.4em; text-align:center; }
	.col_right .thought div.p em { font-style:italic; }
	#page .content_main { margin:0px 220px 220px; padding:25px 10px 0px 0px; }
	#page .col_left .box { background:url(../images/labourlist/box-left-top.gif) top center no-repeat; padding:16px 0px; }
	#page .col_left .box .content { border:0px solid #e0e0e0; border-width:0px 4px; padding:0px 10px }
	#page .col_left .box .base { background:url(../images/labourlist/box-left-bottom.gif) top center no-repeat; height:16px; }
	#page .col_left .AdminMenu { width:150px; left:-120px!important; }
	#page .col_left .ai_bt_box { width:145px; }

#frmProfile,
	#frmRegister { font-size:1.2em; line-height:1.5em; }
	#frmProfile label,
	#frmRegister label { display:inline-block; display:-moz-inline-block; width:10em; }
	#frmProfile label.radio,
	#frmRegister label.radio { width:auto; }
	#frmProfile #divRegisterMessage,
	#frmRegister #divRegisterMessage { margin:10px; font-size:1.2em; color:#900; }
	#frmProfile .radio_group label,
	 #frmRegister .radio_group label { width:auto; display:inline; padding:0px 15px 0px 3px; }
	.hero_article { }
	.hero_article h1 { font-size:2.8em; }
	.hero_article h1 a { text-decoration:none; }
	#divDimmer { background-color:#FFF; }

/* FOOTER */
#footer { width: 900px;padding:30px;color:#999; margin:0 auto 20px; background: url(../images/ui/footer_bg.png) #4a4a4a; background-repeat: repeat-x; background-position: top left; }
#footer a{color:#CCC;padding-right:15px;text-decoration:none;font-size:1.1em;}

/* *** LOCAL IDs *** */
#popular_topics { background:#900; color:#FFF; padding-right:1px; font-size:1.3em; text-align:right; }
	#popular_topics a { padding:5px; background-color:#DDD; color:#666; border-left:1px solid #999; display:-moz-inline-box; display:inline-block; }
	#popular_topics a:hover { background-color:#700; color:#FFF; }

div.html.blog .twtr-tweet-text p {color:#fff;}