/*
Buzz Template for Pligg
(based on Steef de Winter's Mollio for Pligg)

LEGAL
==========================================
Yorgos P. (CC) 2007
------------------------------------------
License:Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License:Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License:Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* Important ----------------------------------------------------------------------------------------------------------------------------------*/
* {margin:0;padding:0}
body {padding:0 0 20px;background:#fff;color:#454545;font:83%/1.5 arial,tahoma,verdana,sans-serif;
  min-width:660px;max-width:1125px;} /* IE doesn't support min/max-width, so this doesn't work for IE folks */

/* WRAPPERS */
#wrap {margin:0 auto;position:relative;text-align:left}
#contentbox {margin:0 300px 0 25px;}
#sidebar {position:absolute;top:0;left:auto;right:25px;width:200px;}
#content-wrap {background: #fff;position:relative;width:100%;min-height:650px; height:auto;}   /* MB1.1 - Better footer placement - legacy */
#content-wrap1 {background: #fff;position:relative;width:100%;min-height:1200px; height:auto;} /* MB2.0 - " when not logged in */
#content-wrap2 {background: #fff;position:relative;width:100%;min-height:1050px; height:auto;}  /* MB2.0 - " when logged in */
#content-wrap3 {background: #fff;position:relative;width:100%;min-height:800px; height:auto;}  /* MB2.0 - " when logged in, no cat box */
	
/* Steef: MB1.1 - Better footer placement, copy values of content-wrap above */
/*\*/
* html #content-wrap1 {height: 1200px;}
* html #content-wrap2 {height: 850px;}
* html #content-wrap3 {height: 680px;}
* html #content-wrap {height: 650px;}
/**/
	
/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------*/
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#6C93C9;} 
a:visited {color:#6C93C9;} 
a:hover,a:active {color:#5B5B5B; text-decoration:underline;} 

a.hedo:link, a.hedo:visited, a.hedo:visited:hover, a.hedo:hover, a.hedo:active
{
	width: 400px;
	_width: 400px;
	height: 40px;
	_height: 40px;
	position:relative;
	top:20px;
	text-decoration: none;
	border-bottom: none;
	float: left;
	margin: -10px;
}

/* FORMS */
/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-left:20px;}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em;padding-left:15px;}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right;}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%;}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0; font-size:130%;color:#3A3A3A;background:#FFFDF9;}
textarea {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0; font-size:120%;color:#3A3A3A;background:#FFFDF9;}
fieldset {border:1px solid #E0E0E0;padding:1em 1.5em;margin:1em 0; font-weight: normal;background:#fff;} /* FEFFF6 */
 /* only for IE */ * html fieldset {background:#fff;}
fieldset dl {	margin:0;padding:0}
fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {	padding:0.2em 0;clear:left} 

label {display:block;padding:5px 0;font-weight:bold;}
label br {clear:left}
legend {font-size:95%;font-weight:bold;padding:0 0.5em;color:#D48753}
input.submit {padding: 1px 3px;background:#E0E0E0;color:#000;font-weight:bold;font-size:96%;/*background: url("../images/submit.png")*/}
input.submit-s {padding: 0px 3px;background:#E0E0E0;color:#000;font-weight:bold;font-size:90%;/*background: url("../images/submit.png")*/} /* smaller submit button */
input.log2 {padding: 1px 3px;background:#E0E0E0;color:#000;font-weight:bold;font-size:96%} /* legacy - all submit buttons should be class="submit" */

#submito {position:relative; top:10px;}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {font-family:arial,verdana,sans-serif;margin:1.2em 0 .3em;color:#000;padding-bottom:.1em}
h1 {font-size:146%;margin-top:.6em}
h2 {font-size:126%; border-bottom:1px solid #eee;color:#5B5B5B;}
h3 {font-size:116%;color:#5B5B5B;}
h4 {font-size:106%}
h5 {font-size:96%}
h6 {font-size:86%}main-nav
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:normal;margin-top:10px;border:1px solid #ff0000;background:#FFF;padding:5px;}
.success {color:#415F39;font-weight:normal;}
.caption {color:#999;font-size:11px}
.date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}
.currsel{font-weight:bold;font-size:90%;color:#BC2C20}
small {font-size:11px}


/* LAYOUT - HEADER ---------------------------------------------------------------------------------------------------------------------------*/
#header {background:#fff url("../images/buzzxmas.png") no-repeat;margin:0 0 7px;padding:0 0 5px;width:100%; position:relative; height:90px;} /*properly: buzz50 */
#header #site-name  {font:1px arial;letter-spacing:-.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
#headbar {position:relative;float:right; top:65px;margin-right:20px;font-size:80%;}
#headbar a.link, #headbar a.visited, #headbar a.active, #headbar a.hover {font-size:80%;}

	/* NAV - top horizontal nav */
	#nav, #nav ul {padding:0;margin:0;list-style:none}
	#nav {font-weight:bold;height:2.09em;font:bold 96% arial;margin:0 105px 0 40px;width:650px;} /* Steef: width needed for maxwidth header in IE*/
	#nav li {position:relative;background:#999;float:left;width:10em;display:block;margin:0;border-bottom:3px solid #666;border-right:3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display:block;padding:4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left:1px solid #c00;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position:absolute;font-weight:normal;left:-999em}
	#nav li:hover ul, #nav li.sfhover ul {left:0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border:1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding:3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background:#c00;border-bottom:3px solid #c00}
	#nav li.active ul {border:none;background:#c00 url("../images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top:1px solid #c15c5c;border-bottom:1px solid #870000}
	#nav li.active li.last {border-bottom:none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background:#666 url("../images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background:#666 url("../images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

	/* TABS IN PROFILE PAGES */	
	#usertabs {height:2.5em;width:100%;background:#666 url("../images/sprites.gif") repeat-x 0 100%;padding-top:10px}
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:26px;right:15px;left:auto;width:17em;margin-right:-15px;}
	#search form {margin:0}
	#search input {width:12em;margin:0 0 -1px;position:relative; top:1px; color:#686868;font-size:90%;background:#fff;}
	#search label {padding:5px 0 0;display:inline}
	#search input.submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em; background:none;}
	
	/* POWERED BY - Pligg logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}
  	

/* LAYOUT - main body of page------------------------------------------------------------------------------------------------------------------*/

	#contentbox #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; text-decoration:none}
	#contentbox #breadcrumb a:link {text-decoration:none} 
	#contentbox #breadcrumb a:hover {text-decoration:none}
	#contentbox #breadcrumb a {text-decoration:none}
	#content #breadcrumb a:active {text-decoration:none}
	#content #breadcrumb a:visited {text-decoration:none}

	
	.featurebox {color:#333;padding:15px 20px 20px;border-top:1px solid #d7d7d7;margin:30px 0 1.5em;background:#FFFED0;border-top:5px solid #999;border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {letter-spacing:-1px;margin:0 0 .3em;border-bottom:2px solid #c00;color:#c00}
	.featurebox p {border:none;margin:0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	    
	.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}
	
  /* PAGE NUMBERING NAVINGATION */ 	
  /* Warning! 'function do_pages' in html1.php must be hacked in order for these to work  */  
	 .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em; clear:both;}
	.pagination p {position:relative;text-align:right}
	.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}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none} /* In html1.php, pages links:EITHER span OR a */

	/* TABLES */
	table {border:2px solid #B0B0B0;border-collapse:collapse;width:100%;}
		table td {background:#5B5B5B url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border:1px solid #fff}
		table th {text-align:left;border:1px solid #fff}
		table thead th {color:#5B5B5B;font-size:125%;background:#E0E0E0 url("../images/sprites.gif") repeat-x 0 -1500px;padding:10px 6px}
		table tbody th {color:#5B5B5B;font-size:115%;background:#F6F2F0 url("../images/sprites.gif") repeat-x 0 -1500px;padding:6px}
		table tbody th.sub {font-size:100%;color:#000;background:#EFEFEF url("../images/sprites.gif") repeat-x 0 -1500px;padding:6px}
		th a:link, th a:visited {color:#5B5B5B;text-decoration:none}
		th a:hover {color:#6A2E22;text-decoration:underline}
		.grey1 {background:#f5f5f5;padding:3px;border:1px solid #fff}		
		.grey2 {background:#ccc;padding:3px;border:1px solid #fff}
		

	/* MAIN TABS */

		.main-nav {
			background: url(../images/tab-line.gif) bottom repeat-x;
			float: left;
			width: 100%;
			position:relative;
			left:-25px;
			clear:both;
		} /*IE6*/

		.main-nav br {
			clear: both;
		}

		.main-nav h2, .main-nav h3 {
			background: none;
			min-height: 15px;
			margin-bottom: 0;
		}

		.main-nav h2, .main-nav h3 {
			float: left;
			line-height: 1.1;
			position: relative;
			top: 8px;
			font-size: 175%;
		}

		.main-nav h3 {
			padding-top: 0.3em;
		}

		.main-nav ul {
			margin: 0.5em 0 0 1.5em;
			padding: 0 0 0 0;
			list-style: none;
			font-size: 100%;
		}

		.main-nav ul {
			padding-top: 2px;
		}

		.main-nav li {
			margin: 0 1px 0 0;
			padding: 0 5px 0 0;
			background: url(../images/tab-back.png) 100% -100px;
			float: left;
			border-bottom: 1px solid #bbb;
		    text-align: center;
		}

		.main-nav {
			padding-right: 20px;
			margin-bottom:10px;
		}

		.main-nav li {
			float: left;
		}

		.main-nav h2 {
			float: left;
			border: none;
		}

		.main-nav li.active {
			border-bottom: 1px solid #fff;
			background: url(../images/tab-back.png) 100% 0;
		}

		.main-nav li a, .main-nav li a:visited, .main-nav li span {
			display: block;
			float: left;
			padding: 5px 11px 5px 16px;
			text-align: center;
			white-space: nowrap;
			background: url(../images/tab-back.png) 0 -100px;
			text-decoration: none;
			min-height: 17px; /* fixes FX/Mac issue */
			color: #666;
		}

		.main-nav li.active a, .main-nav li.active span {
			background: url(../images/tab-back.png) 0 0; 
		} /*IE6*/	
		
		.main-nav li:hover {
			background-position: 100% -200px;
		}

		.main-nav li:hover a {
			background-position: 0 -200px;
		}

		.main-nav li.active:hover {
			background-position: 100% 0;
		}

		.main-nav li.active:hover a {
			background-position: 0 0;
			text-decoration: underline;
		}

		.main-nav li a, .main-nav li span {
			font-size: 115%;
			font-weight: bold;
			color: #666; 
			letter-spacing: -0.02em;
		}	
		
		/*For the recommendations tab */
		
		.main-nav li.recomold {
			margin: 0 1px 0 0;
			padding: 0 5px 0 0;
			background: url(../images/tab-back6.png) 100% 0;
			float: left;
			border-bottom: 1px solid #bbb;
		    text-align: center;
		}
		
		.main-nav li.recomold a, .main-nav li.recomold a:visited , .main-nav li.recomold span {
			display: block;
			float: left;
			padding: 5px 11px 5px 16px;
			text-align: center;
			white-space: nowrap;
			background: url(../images/tab-back6.png) 0 -100px;
			text-decoration: none;
			min-height: 17px; /* fixes FX/Mac issue */
			color: #FDFDFD;
		}
		
		/*For the recommendations tab (NEW!)*/
		
		.main-nav li.recom {
			margin: 0 1px 0 0;
			padding: 0 5px 0 0;
			background: url(../images/tab-back.png) 100% -100px;
			float: left;
			border-bottom: 1px solid #bbb;
		    text-align: center;
		}
		
		.main-nav li.activerecom {
			border-bottom: 1px solid #fff;
			background: url(../images/tab-back.png) 100% 0;
			color: #d51a1f;
		}
		
		.main-nav li.activerecom a, .main-nav li.activerecom span {
			background: url(../images/tab-back.png) 0 0; 
			color: #d51a1f;
		} /*IE6*/	
		
		.main-nav li.recom a, .main-nav li.recom a:visited , .main-nav li.recom span {
			display: block;
			float: left;
			padding: 5px 11px 5px 16px;
			text-align: center;
			white-space: nowrap;
			background: url(../images/tab-back.png) 0 -100px;
			text-decoration: none;
			min-height: 17px; /* fixes FX/Mac issue */
			color: #d51a1f;
		}
		
		
/* Sidebar  -----------------------------------------------------------------------------------------------------------------------------------*/

#learnmore {font-size:70%;}
.learnmore a.link, #learnmore a.visited {color:#A6271C; text-decoration:none;}
.learnmore a.hover, #learnmore a.active {color:#3A3A3A; text-decoration:none;}

/* Block nav - ie 'submit news' */
#blocknav {margin-bottom:30px;position:relative;top:14px;}
/* #blocknav a:link, #blocknav a:visited {	display: block;text-align: center;
white-space: nowrap;background: url(../images/snew.png) no-repeat;background-position: 0% 100%;padding: 5px 11px 5px 16px;min-height: 17px;text-decoration:none;color:#fff;display:block;position:relative;top:12px; left:-4px;}
#blocknav a:hover, #blocknav a:active {
	display: block;
	_float: left;
	padding: 5px 11px 5px 16px;
	text-align: center;
	white-space: nowrap;
background: url(../images/snew.png) no-repeat;
	background-position:0% 0%;
	text-decoration: none;
	min-height: 17px; fixes FX/Mac issue
	color: #fff;
}
*/

/* Categories */
/* #categories {border:#b3b3b3 1px solid;border-top:5px solid #6c6c6c} */
#categories strong {display:block;font-size:110%;padding:5px;background:#fff;color:#5B5B5B;border-bottom:1px solid #eee;}
	#nav-secondary, #nav-secondary ul {position:static;margin:0px 2px 5px 2px}
	#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding:5px 0 5px 10px;font:bold 86% arial;display:block}
	#nav-secondary #huidig a {line-height:1.8;padding:5px 0px 5px 13px;background:#f5f5f5 url("../images/sprites.gif") no-repeat 6px -693px;font:bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#5B5B5B} 
	#nav-secondary a:visited {color:#5B5B5B} 
	#nav-secondary a:hover {color:#c00; background:#FFFDF9} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-bottom:1px solid #eee;}

/* Steef list below categories (i.e. tag cloud) */
  .featurebox	li a {margin-left:-10px;padding-left:20px;line-height:2.4em;border-bottom:1px solid #E3E8EE;background:transparent url("../images/sprites.gif") no-repeat -8px 0}
  	
/* Steef RSS box */
	#nav-rss {position:static;margin:5px}
	#nav-rss, #nav-rss li {list-style:none;margin:0;padding:0;background:#fff}
	#nav-rss {padding-top:0;margin-top:1px}
	#nav-rss a {line-height:1.8;padding:5px 0 5px 35px;font:bold 86% arial;display:block;text-decoration:none;cursor:pointer;background:url("../images/rss.gif") no-repeat 0px 8px}
	#nav-rss a:link {color:#5B5B5B} 
	#nav-rss a:visited {color:#5B5B5B} 
	#nav-rss a:hover {color:#c00;background:#FFFDF9 url("../images/rss.gif") no-repeat 0px 8px} 
	#nav-rss li {border-bottom:1px solid #eee;}

/* Footer -------------------------------------------------------------------------------------------------------------------------------------*/
  .footer {clear:all; border-top:1px solid #E3E8EE; padding:10px 0 30px 15px; font-size:86%; color:#999; margin-top:15px; width:600px;}
  .footer a:link, #footer a:visited {color:#999}


/* News items  --------------------------------------------------------------------------------------------------------------------------------*/
.news-summary {padding:15px 0 10px 0;position:relative;clear:left}

/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;}
.top h4 {margin:0;padding-left:0px;font-size:130%;font-weight:bold; font-family: Helvetica, Arial, sans-serif;}
.top h4 a:link, .top h4 a:visited {color:#586B9D;text-decoration:none; border-bottom:1px solid #5890F8;}
.top h4 a:hover {color:#5B5B5B;text-decoration:none; border-bottom:1px solid #5890F8;}
#nocatcol {border-top:5px solid #999;}

/* The URL and Poster below headline */
.news-submitted {font-size:85%;margin:-5px 0 5px 0;padding-left:14px}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */
.news-submitted a:link, .news-submitted a:visited {color:#8A8A8A; text-decoration:none;}
.news-submitted a:hover {color:#3A3A3A; text-decoration:underline;}  

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

/* Post details below text */
.news-details {padding-left:0px;margin:7px 0 5px 0;font-size:85%; color:#5B5B5B;}
.news-details .comments {background:url(../images/comment_yellow.gif) no-repeat;padding-left:20px}
.news-details a:link, .news-details a:visited {color:#6C93C9;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#5B5B5B;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}


/* Votebox  -----------------------------------------------------------------------------------------------------------------------------------*/

.news-upcoming {position:absolute;top:5px;left:-3px;width:60px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming li {border:1px solid #fff;margin:0;padding:0}
/* number of votes and "votes" text */
.mnm-published {}
.mnm-published a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:52px;display:block;padding:6px 0 5px 0}
.mnm-published 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-published a:link, .mnm-published a:visited {color:#5E5E5E}
.mnm-published a:hover, .mnm-published a:active {text-decoration:none;color:#000}

/* vote box */
.menealo {background:url("../images/vote.png") no-repeat 0 -3px;}

.menealo a:link,.menealo a:visited, .menealo span {display:block;text-decoration:none;padding:4px 0 5px 0;color:#484848;font-size:12px}
.menealo a:hover {font-weight:bold;color:#000;text-decoration:none}
.menealo span {color:#484848;font-size:11px}

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {padding-left:2px;color:#5B5B5B;}
a.morelink:hover {color:#3A3A3A;text-decoration:underline;}
.morelink span {position:absolute;left:-9999px;width:900px;}


/* Comments  ----------------------------------------------------------------------------------------------------------------------------------*/


#comments h2 {color:#5B5B5B;}
#comments h3 {color:#5B5B5B;font-weight:normal;margin-bottom:10px;}
#comments ul {margin-left:15px}
#comments li {margin-left:15px}
#comment-wrap {/*border-bottom:solid 1px #e1e1e1;*/width:90%;}
#comment-head {background:#FAFFE4;width:100%;font-size:100%;margin-top:10px;padding:5px 10px 5px 10px;-moz-border-radius:10px;-webkit-border-radius:10px;} /*D6E1C1 F3F9E2 FFFDCE*/
.buried_comment {background:#EEE;width:100%;font-size:100%;margin-top:10px;padding:5px 10px 5px 10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-size:85%;}
.comment-body {background:#FFF;font-size:100%;}
.featured-comment {background:#eeeeee;font-size:100%;}
.comment-body-buried {font-size:100%;}
.comment-info {background:#FFF;font-size:100%;text-align:right;}
.comment-info a, .comment-info a:link, .comment-info a:visited {text-decoration:none;color:#A6271C;}
.comment-info a:hover {text-decoration:none;color:#3A3A3A;}
.comment-report {background:#FFF;font-size:80%;position:relative;float:left;}
.comment-report a, .comment-info a:link, .comment-info a:visited {text-decoration:none;color:#A6271C;}
.comment-report a:hover {text-decoration:none;color:#3A3A3A;}
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:1px solid #ccc;} /* avatar in comments */

.permalink, .permalink:hover {background:url(../images/perma.gif) no-repeat scroll 3px 5px; padding-left:12px; text-decoration:none;}

/* Comment rating buttons */
#comment-subhead {margin-left:50%; margin-top:0px;padding:0 4px 0 4px;font-size:12px;}
html>/**/body #comment-subhead {float:right;margin-left:0px;margin-top:0px;padding:0 4px 0 4px;font-size:12px;}
.ratemey {background:url(../images/thumbsup-sel.png) no-repeat scroll 0 8px; padding:10px;}   /*:#009900;padding:1px 5px}*/
.ratemedown {background:url(../images/thumbsdown-sel.png) no-repeat scroll 0 12px; padding:10px;}
.ratemey:hover {background:url(../images/thumbsup.png) no-repeat scroll 0 8px; padding:10px;}   /*:#009900;padding:1px 5px}*/
.ratemedown:hover {background:url(../images/thumbsdown.png) no-repeat scroll 0 12px; padding:10px;}
.ratemen {background:url(../images/flagsoft.png) no-repeat scroll 0 9px; padding:10px;}  /*#c00;padding:1px 6px;color:#fff*/
.ratemex {background:url(../images/flag-white.png) no-repeat scroll 5px 10px; padding:10px;}
.ratemex:hover {background:url(../images/flag.png) no-repeat scroll 5px 10px; padding:10px;}
.ratemexflat {background:url(../images/flag-white.png) no-repeat scroll 5px 10px; padding:10px;}
.flagged {background:url(../images/flag.png) no-repeat scroll 5px 10px; padding:10px;}
.rateme {color:#fff;font-size:14px}
.ratemeyflat {background:url(../images/thumbsup-off.png) no-repeat scroll 0 8px; padding:10px;}   /*:#009900;padding:1px 5px}*/
.ratemedownflat {background:url(../images/thumbsdown-off.png) no-repeat scroll 0 12px; padding:10px;}

/* Profile */
#mini_profile { border:solid 1px #ccc; padding:5px 5px 5px 5px; background:#FFFDF9; clear:both; }

#wrapper {width: 100%;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;}
#bookmarklet {width: 100%; }
#admin_view_user { width:48%; float:left }
#admin_view_user_edit { width:48%; float:right }

/* Thumbnails */
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;
}

.switchcontent{

}

/* Grey popular and upcoming tabs*/
#grey_tabs {
float:right;
width:50%;
font-size:93%;
}
	  
#grey_tabs ul {
padding:3px 10px 0 90px;
list-style:none;
}

#grey_tabs li {
display:inline;
padding:0;
}

#grey_tabs a {
float:right;
background:url("../images/tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#grey_tabs a span {
float:right;
display:block;
background:url("../images/tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#grey_tabs a span {float:none;}
/* End IE5-Mac hack */
#grey_tabs a:hover span {
color:#000;
}

#grey_tabs a:hover {
background-position:0% -42px;
}

#grey_tabs a:hover span {
background-position:100% -42px;
}

#intro { 
background:#eee;
border:1px solid #c00;
height:10px;
width:400px;
padding-bottom: 14px;
padding-left:15px;
padding-top:3px;
clear: both;
margin-bottom:22px;
}

#stats fieldset {font-size:90%;}
#stats legend {font-size:110%;}

/*SEXY CSS3 BUTTONS*/
.awesome {
background: #222 url(../images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 4px 1px 4px;
margin-top:15px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
_text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
text-align:center;
border:none;
}

.medium.awesome {
font-size: 10px;
width:80px;
color:white;
}

.small.awesome {
font-size: 10px;
width:40px;
color:white;
}

.awesome:hover { background-color: #111; color: #fff; }

.red.awesome {
	background-color: #B82800;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:150px;
	font-size:110%;
	padding:10px;
}

.red.awesome a {color:white; text-decoration:none; vertical-align:middle;}

.red.awesome, .red.awesome:visited { background-color: #B82800; }
.red.awesome:hover { background-color: #872300; }

.lightgray.awesome {
	background-color: #EEE;
}

.lightgray.awesome:hover { background-color: #C3C3C3; }

.medium.awesome a {color:black;}
.small.awesome a {color:white;}

.sub-awesome {
	background: #222 url(../images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 4px 1px 4px;
	margin-top:15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	_text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	text-align:center;
	border:none;
	font-size: 10px;
	width:150px;
	background-color: #EEE;
	color:black;	
}

.sub-awesome:hover { background-color: #C3C3C3; }