/* @group Structure */

body {
	margin: .0;
	padding: 0;
	background-color: #fff;
	color: #000;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: .6em; 
}

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }

	#header h1 { padding: 0.2em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	
h2 { font-size: 1.8em; }

	h2 a { color: #000195; text-decoration: underline; }
	
		h2 a:hover { color: #880000; text-decoration: underline; }
	
	   h2 a:visited { color: #000195; text-decoration: underline; }
			
	.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('../images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
h3 { font-size: 1.0em; text-transform: uppercase; }

	#header h3 { margin: 0 0 0.5em 0; font-weight: normal; font-size: 2em; text-transform: none; color: #878787; text-align: center; }

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #888; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }



#container { width: 770px; margin: 15px auto 0 auto; }
					
	#content_box { width: 770px; text-align: left; float: left; clear: both; }
	
		#content { width: 500px; padding: 0 40px 0 0; float: left; }
		
		#sidebar { width: 200px; float: right; text-align: left;}
		
		
#header {
	margin: 0 0 20px;
	text-align: left;
	width: 770px; 
}

#header h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }

/* #header h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }
	*/
	
#maincontent {
/*
	width: 530px;
	float: left;
	
	margin-top: 2em; 
	*/
	text-align: left;
	width: 530px; padding: 0 40px 0 0; float: left;
}
#content {
	/* width: 550px; */
	float: left;
	text-align: left;	
}
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }

/*
#sidebar {
	width: 140px;
	float: right;
	text-align: left;	
}
*/

#sidebar h3 {
	padding-top: 5px;
}

#footer {
	color: #6a6a6a;
	text-align: left;
	clear: both;
	padding: 20px 0;
}

#footer img {
	float: left;
	padding-right: 10px;
}

/* @end */

/* @group Nav */

#headbar {
	margin: 0 0 15px;
	font-size: 1.2em;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px;
}

#headbar ul {
	margin: 0;
}

#headbar li, #cab li, #navbar li {
	list-style: none;
	padding-right: 10px;
	display: inline;
}

#navcontainer {
	width: 580px;
	float: left;
}

#breadcrumb {
	padding: 5px 0 40px;
	font-size: 1.3em;	
}

#cab {
	font-size: 124%;
}

/* @end */

/* @group Links */

a { color: #0060ff; text-decoration: underline; }

a:visited { color: #333; text-decoration: underline; }

a:hover { color: #df0000; text-decoration: underline; }
	
a img { border: none; }
	

/* @end */

/* @group Forms */

.search {
	float: left;
	padding-bottom: 8px;
}

fieldset {
	border: none;
}

/* @end */

/* @group Top Users */

.topusers {
	padding-right:11px;
}

/* @end */

/* @group Images_ */

.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:none;}

/* @end */

/* @group Vote Box_ */

.news-upcoming {background:url("../images/vote.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming2 {background:url("../images/vote-l.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming li {}
/* number of votes and "votes" text */
.mnm-publish {}
.mnm-publish a 
{font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:48px;padding:15px 0 6px 0}
.mnm-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none} 
/* I removed the text below the number of votes in the template "link_summary.tpl" because of IE issues*/
.mnm-publish a:link, .mnm-publish a:visited {color:#774525}
.mnm-publish a:hover, .mnm-publish a:active {text-decoration:none;color:#000}

/* vote box */
.menealo {}
* html .menealo {}
.menealo a:link,.menealo a:visited, .menealo span {display:block;padding:4px 0 5px 0;color:#774525;font-size:12px; text-decoration:none}
.menealo a:hover {color:#000}
.menealo span {color:#ccc;font-size:11px}

/* @end */

/* @group RSS_ */
#sidebar ul#rss{
 list-style-type: none;
 margin-left: 0;
 padding-left: 0;
}

#sidebar ul#rss li{
 padding:2px 0;
	list-style-type: none;
	margin: none;
}

#sidebar ul#rss li a{
 background: transparent url(../images/rss.gif) no-repeat 0 50%;
 text-decoration:none;
 display:block;
 padding-left: 20px;
 list-style-type: none;
 margin: none;
}

/* @end */

/* @group News_ */

.news-summary {padding:1px 0 10px 0;position:relative;clear:left}

/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#36c; font-weight:bold}
.top h4 a:hover {color:#000;}

.toptitle {margin:0;padding-left:4px;font-size:16px;font-weight:normal;}
.toptitle a:link, .toptitle a:visited {color:#774525; font-weight:bold}
.toptitle a:hover {color:#333;}
#nocatcol {}

/* The URL and Poster below headline */
.news-submitted {font-size:1.5em;margin-bottom:3px;padding-left:4px; color: #010101;  clear: both;  }
.news-submitted a {color: #000199; text-decoration:underline}
.news-submitted a:hover {text-decoration:none}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */

/* Post text */
.news-body-text {margin:10px 0px 0px 0px; font-size:1.5em}

/* Post details below text */
.news-details {padding-left:4px;margin:0;font-size:85%}
.news-details .comments {background:url(../images/comment.png) no-repeat;padding-left:18px}
.news-details .comments2 {background:url(../images/comment_yellow.gif) no-repeat;padding-left:18px}
.news-details a:link, .news-details a:visited {color: #774525;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#333;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-details select {border:none}
.news-details .tool {display:block;float:left;padding:0 4px 0 4px}
.news-details .tool-right {	display:block;float:left;padding:0 4px 0 4px}
.news-details .comments_no {	padding-left:37px;border-left:none}
ul.news-details li li {	border-left:none;float:none;height:21px}
#contentsx {float:right;padding-bottom:50px;z-index:1}

/* @end */

/* @group Live_ */
/* Live */
.live2 {margin: 25px 10px 10px 0;background-repeat: no-repeat;background-position: bottom right; }
.live2 strong {font-size: 95%; }
.live2-item {width: 100%;clear: both;border-bottom: 1px solid #ccc;padding: 5px 2px 0px 2px;min-height: 25px;text-align: center;overflow: hidden;
}
.live2-ts, .live2-type, .live2-votes, .live2-story, .live2-who, .live2-status {float: left;display: block;}
.live2-ts {width: 10%;text-align: left;}
.live2-type {width: 10%;text-align: left;}
.live2-type img {border: none;margin: 0 0 0 0;vertical-align: middle;}
.live2-votes {width: 10%;text-align: left;}
.live2-story {	width: 37%;	text-align: left;}
.live2-who {width: 18%;text-align: left;}
.live2-status {width: 15%;	text-align: left;}
.live2-problem {color: #F00;}

/* @end */

/* @group Thumbnail_ */
	.thumbnail {margin:0 0 0 10px;position:relative;z-index:9999;border:1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border:1px solid #000;}
	
	a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
}

a.screen:hover {
text-decoration:none;  
z-index:1000;
background:url(../images/linkpic_shadow.gif) no-repeat;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
z-index:500;
border:solid 1px #ccc;
}
a.screen:hover b img {
margin:0px;
}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 5px;
}

a.switchurl {border-bottom:1px solid #eadfb4; display:block;margin-right:8px; margin-left:-3px;padding:0 0 4px 5px}

#livecenter {
	float:left;
	margin-bottom: 20px;
}

/* @end */

/* @group Categories */


#sidebar ul.category_rss{
 list-style-type: none;
 margin-left: 0;
 padding-left: 0;
}

#sidebar ul.category_rss li{
 padding:2px 0;
	list-style-type: none;
	margin: none;
}

#sidebar ul.category_rss li a{
 background: transparent url(../images/rss.gif) no-repeat 0 50%;
 text-decoration:none;
 display:block;
 padding-left: 20px;
 list-style-type: none;
 margin: none;
}

.entry{
 padding:1px 0 10px 0;position:relative;clear:left
}


.entry .voted a{
 display:block;
 position:absolute;
/* float: left; */
 width:60px;
 height:70px;
 text-align:center;
 text-decoration:none;
 background: #669933;
 cursor:pointer;
 margin: 5px 10px -5px 0;
}

.entry .voted a:hover{
 background:#ccc;
}

.entry .voted a b.nv{
 font-family:Arial Black, Arial, Helvetica, sans-serif;
 font-size:24px;
 font-weight:normal;
 color:#fff;
 display:block;
 margin-top:12px;
}

.entry .voted a:hover b.nv{
 color:#fff;
}

.entry .voted a b.go{
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 color:#fff;
 display:block;
 margin:0;
 padding:0;
 height:auto !important;
 height:1px; /* fix for IE */
}

.entry .voted a:hover b.go{
 color:#fff;
}

.entry .vote a{
 display:block;
/* float:left; */
position: absolute;
 width:60px;
 height:70px;
 text-align:center;
 text-decoration:none;
 background: #669933;
 cursor:pointer;
 margin: 5px 10px -5px 0;
}

.entry .vote a:hover{
 background:#ccc;
}

.entry .vote a b.nv{
 font-family:Arial Black, Arial, Helvetica, sans-serif;
 font-size:24px;
 font-weight:normal;
 color:#fff;
 display:block;
 margin-top:12px;
}

.entry .vote a:hover b.nv{
 color:#fff;
}

.entry .vote a b.go{
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 color:#fff;
 display:block;
 margin:0;
 padding:0;
 height:auto !important;
 height:1px; /* fix for IE */
}

.entry .vote a:hover b.go{
 color:#fff;
}

ul#nav { list-style: none; width: 770px; padding: 0 10px; background: url('../images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; }

	ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; }
	
		ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; }
	
		ul#nav li a:hover { color: #000; text-decoration: underline; }
		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #090; text-decoration: underline; }
		
	ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; }
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('../images/icon_rss.gif') 100% 50% no-repeat; }
			

/* @end */

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 182px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

		li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('../images/hr_dot_black.gif') 0 100% repeat-x; }

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				

/* PAGE NUMBERING NAVINGATION */ 	
  /* Warning! 'function do_pages' in html1.php must be hacked in order for these to work  */  
	.pagination {background: #f2f2f2;color: Blue;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right; color: Blue;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; margin-right:1px;  font: 14px; }
	.pagination p a:hover {background: #5C8A00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none} /* In html1.php, pages links:EITHER span OR a */