@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	
	/* remember to define focus styles! */
	:focus {outline: 0;}
	
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}

/*----------------------------------
	Global Styles
-----------------------------------*/

	html{background:#FFF url(site_bg.jpg) repeat-x; overflow-y: scroll;}
	
	body{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		color:#333;
		text-align:center;
		line-height:1.5;
		/*background:url(hdr_bg.jpg) top center no-repeat;*/
	}

	a:link {color: #21423E;text-decoration: underline;}
	a:visited {color: #21423E;text-decoration: underline;}
	a:hover {color: #21423E;text-decoration: underline;}
	a:active {color: #21423E;text-decoration: underline;}

	.cleaner{clear:both;}
	.cleaner_left{clear:left}
	.float_left{float:left;margin-top:0;padding-top:0;}
	.float_right{float:right;}
	
	float_left.m25{margin-right:25px}

	.align_center{width:100%;text-align:center;}
	.align_left{width:100%;text-align:left;}
	.align_right{width:100%;text-align:right;}
	

	.att_note{padding:15px 0;border-top:1px dashed #CCCCCC;border-bottom:1px dashed #CCCCCC;}

	
/*----------------------------------
	Headings
-----------------------------------*/
	
	h2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		width:665px;
		height:54px;
		padding:5px 5px 0 5px;
		background:url(tweet_hdr.gif) no-repeat;
	}
	
	h2.main-header{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		width:665px;
		height:54px;
		padding:5px 5px 0 5px;
		background-image:none
	}
	
	h3{
		font-size:18px;
		font-weight:bold;
		font-style:italic;
		padding-top:20px;
	}
	
	h4{font-size:12px;font-weight:bold;}
	
/*----------------------------------
	Containers
-----------------------------------*/
	
	#main{
		margin:0 auto;
		text-align:left;
		width:950px;
		margin-top:-3px;
	}
	
	#content{
		background-color:#FFF;
		border:1px solid #CCC;
		padding:20px;
		margin-top:38px
	}
	
	#right_content{
		width:214px;
		float:right;
	}
	
	#right_box{
		border:1px solid #CCC;
		background-color:#F1F1EF;
		margin-bottom:20px
	}
	
	body#home #right_content{margin-top:30px;}
	
	#right_content h3{
		width:214px;
		height:44px;
		background:url(right_cntnt_hdr.gif) no-repeat;
		font-size:20px;
		font-style:italic;
		font-weight:normal;
		color:#FFF;
		padding:0 5px;
	}
	
	#right_content ol{list-style:decimal;margin:0 20px 0 30px;}
	#right_content ol li{margin-bottom:10px;}
	
/*----------------------------------
	Header
-----------------------------------*/
	
	#skip_to_content_link{position:absolute;text-indent:-5600px;}
	
	#logo{
		position:absolute;
		top:30px;
		display:block;
		width:620px;
		height:72px;
		text-indent:-5600px;
		background:url(logo.png) no-repeat;
	}
	
	#header{height:131px;position:relative;}

/*----------------------------------
	NavBar
-----------------------------------*/	

	#navBar{
		position:absolute;
		top:10px;
		right:0;
	}
	
	#navBar li{
		float:left;
		background: #FFF;
		padding:5px 10px;
		font-size:15px;
		font-style:italic;
		margin-left:10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#hashBar{
		position:absolute;
		top:131px;
		/*background-color:#73C7E3;*/
		/*background-color:#ADCEC5;*/
		background-color:#352e28;
		padding:5px;
		font-size:18px;
		font-weight:normal;
		/*font-family: Helvetica, Verdana, Arial, sans-serif normal;*/
		color:#FFF;
		width:928px;
		border:1px solid #CCC;
		border-bottom:1px solid #FFF;
		padding-left:15px
	}
	
	#hashBar li{float:left;margin-right:25px}
	
	#hashBar a:link {color: #FFF;text-decoration: none;}
	#hashBar a:visited {color: #FFF;text-decoration: none;}
	#hashBar a:hover {color: #FFF;text-decoration: none;border-bottom:2px solid #FFF}
	#hashBar a:active {color: #FFF;text-decoration: none;border-bottom:2px solid #FFF}

/*----------------------------------
	Search
-----------------------------------*/
	
	#search_form{position:absolute;right:0;top:66px;}
	#search_form label{position:absolute;text-indent:-5600px;}
	
	#search_form #keyword{
		padding:5px;
		border:none;
		font-style:italic;
		font-size:18px;
		width:345px;
		height:35px;
		background:url(searchBox_bg.jpg) no-repeat;
		margin-left:-75px;
	}
	
	#search_form .searchBtn{
		position:absolute;
		right:0;
		margin:-55px 0 0 10px;
	}
	
	
/*----------------------------------------
	Breadcrumb trail
-----------------------------------------*/

	#bd_trail{
		width:100%;
		height:40px;
	}

	#bd_trail li{
		font-size: 11px;
		margin-left:3px;
		display:inline;
		list-style:none;
	}

	#bd_trail a{font-size: 11px;}

/*----------------------------------
	Homepage
-----------------------------------*/
	
	#home_header{font-style:italic;font-size:17px;}
	#home_header strong{font-size:25px;font-weight:bold;}
	
	#home_recommend{padding:30px 0;}
	
	#home_recommend #message{width:653px;height:72px;padding:5px;border:1px solid #CCC;font-size:14px;margin:10px 0;}
	#home_recommend label{
		font-size:20px;
		font-style:italic;
		color:#21423E;
	}
	
	#home_recommend label.login{
		width:150px;
		display:block;
		font-size:14px;
		font-style:normal;
		color:#333;
	}
	
	#home_recommend input{
		width:100px;
		border:1px solid #CCC;
		padding:5px;
		margin-top:20px;
		margin-right: 10px;
	}	
	
	#home_recommend #submit_recommend{
		width:90px;
		border:none;
	}
	
	#home_recommend label span{font-size:14px;color:#666;}
	#home_recommend label em{font-size:24px;color:#CCC;float:right;margin-right:20px;}
	em.char{font-size:24px;color:#CCC;float:right;margin-right:20px;margin-top:15px;}
	#home_recommend label em.post_title{font-size:14px;float:left;margin-right:0;color:#666;}
	
/*----------------------------------
	Popup login form
-----------------------------------*/
	
	#login_form{padding:20px;}
	
	#login_form h4{
		font-size:20px;
		font-style:italic;
		color:#21423E;
	}
	
	#login_form .note{
		color:#666;
		font-size:13px;
		font-style:italic;
	}
	
	#login_form label{
		float:left;
		display:block;
		width:115px;
		font-size:14px;
	}
	
	#login_form input{
		background-color:#FFF;
		color:#333;
		width:200px;
		border:1px solid #CCC;
		padding:5px;
		font-size:14px;
	}
	
	#login_form .controls{margin-left:115px;}
	#login_form .submitBtn{
		width:auto;
		background-color:#F2F2F2;
		color:#21423E;
		margin-right:10px;
	}
	#login_form button{
		background-color:#F2F2F2;
		color:#333;
		border:1px solid #CCC;
		padding:5px;
		font-size:14px;
	}
	
	#login_form p{margin-bottom:20px;}
	
	.error{color:#660000;}
	
/*----------------------------------
	Standards form
-----------------------------------*/
	
	#stndrd_form{padding:20px;margin:20px 0;border-bottom:1px dashed #CCC;border-top:1px dashed #CCC;}
	
	#stndrd_form h4{
		font-size:20px;
		font-style:italic;
		color:#21423E;
		padding-bottom:20px;
	}
	
	#stndrd_form label{
		float:left;
		display:block;
		width:150px;
		font-size:14px;
	}
	
	#stndrd_form input{
		background-color:#FFF;
		color:#333;
		width:200px;
		border:1px solid #CCC;
		padding:5px;
		font-size:14px;
	}
	
	#stndrd_form textarea{
		background-color:#FFF;
		color:#333;
		border:1px solid #CCC;
		padding:5px;
		font-size:14px;
		width:400px;
		height:100px;
	}
	
	#stndrd_form .submitBtn{
		width:auto;
		background-color:#F2F2F2;
		color:#21423E;
		margin-right:10px;
		margin-left:150px;
	}
	
	#stndrd_form p{margin-bottom:20px;}
	
/*----------------------------------
	Feeds
-----------------------------------*/

	#feeds{width:665px;}

	.rssItem{
		width:645px;
		padding:10px;
		position:relative;
		margin-bottom:0px;
		padding-bottom:84px;
		background:#F1F1EF url(tweet_btm_div.gif) bottom left no-repeat;
	}
	
	.rssItem.last{background-image:none;margin-bottom:20px;}
/*----------------------------------	
	.rssItem ul{float:right;list-style:none;margin-bottom:10px;}
	.rssItem ul img{border:none;}
	.rssItem li{display:inline;margin-left:5px;}
-----------------------------------*/	
	.rssItem ul.links{list-style:disc;margin-left:20px;margin-bottom:10px;}
	.rssItem ul.links img{border:none;}
	.rssItem ul.links li{margin-left:5px; margin-bottom: 10px;}
	
	.rssItem .tweet_date{font-size:11px;font-style:italic;}
	.rssItem .tweet_desc{padding-top:10px;color:#333;}
	
	.rssItem img{
		float:left;
		margin-right:10px;
		border:3px solid #5D4B3C;
	}
	
	.rssItem .post_content{margin-left:85px;}
	
	.replies{margin-left:40px;border-top:1px solid #999;margin-top:20px;*padding-top:20px;}
	.reply_post{clear:left;margin-top:20px;min-height:60px;}
	.replies .reply_content{margin-left:70px;}
	
	
	.rssItem strong{background-color:#930101;color:#FFF;padding:5px;}
	
	.rssItem p.count{
		font-weight:bold;
		position:absolute;
		bottom:30px;
		left:10px;
	}
	
	.search_page_nav{list-style:none;margin-top:30px;clear:both;}

	#page_nav li{float:left;}

	#page_nav li a:link{
		width:15px;
		display:block;
		border:1px solid #CCC;
		padding:2px;
		background-color:#FFF;
		margin-left:2px;
		text-align:center;
		text-decoration:none;
	}

	#page_nav li.selected{
		width:15px;
		display:block;
		border:1px solid #CCC;
		padding:2px;
		background-color:#F2F2F2;
		margin-left:2px;
		text-align:center;
		text-decoration:none;
	}

	#page_nav li a:visited{
		width:15px;
		display:block;
		border:1px solid #CCC;
		padding:2px;
		background-color:#FFF;
		margin-left:2px;
		text-align:center;
		text-decoration:none;
	}

	#page_nav li a:hover{
		background-color:#21423E;
		color:#FFF;
	}

	#page_nav li a:active{
		background-color:#21423E;
		color:#FFF;
	}
	
	
	#embedForm{margin-left:239px}
	#embedForm2{margin-left:305px}
	
	.social{float:right;border-top:1px dashed #CCC;padding:10px 0 2px 0}
	.social img{border:none}
	
/*----------------------------------
	Footer
-----------------------------------*/
	
	#footer{padding-top:15px;}
	
	#footerNav{list-style:none;}
	#footerNav li{
		display:inline;
		margin-right:5px;
		padding-right:5px;
		border-right:1px solid #CCC;
	}
	
	#footerNav li.last{border-right:none;}