/*
Mollio Template for Pligg
LEGAL
==========================================
Ported to Pligg:Steef de Winter (CC) 2006
------------------------------------------
Copyright:Daemon Pty Limited 2006, http://www.daemon.com.au
Community:Mollio http://www.mollio.org $
------------------------------------------
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 10px;background:#fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;
  min-width:1000px;max-width:2200px;} /* 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 240px 0 240px;}
#top_panel {position: relative;left:auto;right:auto;z-index: 8}
#tabs {float: right;margin: 0 0 0px 0}
#user_panel {position:absolute;left:10px;right:auto;width:220px;z-index: 9;}
#sidebar {position:absolute;left:auto;right:10px;width:220px;}
#content-wrap {background: #fff;position:relative;width:100%;min-height:650px; height:auto;z-index: 1}   /* MB1.1 - Better footer placement - legacy */
#content-wrap1 {background: #fff;position:relative;width:100%;min-height:1200px; height:auto;z-index: 1} /* MB2.0 - " when not logged in */
#content-wrap2 {background: #fff;position:relative;width:100%;min-height:990px; height:auto;z-index: 1}  /* MB2.0 - " when logged in */
#content-wrap3 {background: #fff;position:relative;width:100%;min-height:780px; height:auto;z-index: 1}  /* 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;}
/**/

/* Google Ads */
#google_ad_800201 {padding: 10px 0 10px 0;text-align: center;float: center;}
#google_ad_800202 {margin: 0 0 10px 0;}
#google_ad_800203 {margin: 10px 0 0 0}
.google_ad_insert {margin: 5px 0 0 70px;}
	
/* 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:#00c} 
a:visited {color:#00c} 
a:hover,a:active {color:#00f}

/* FORMS */
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
fieldset {border:1px solid #33c;padding:1em 1.5em;margin:1em 0; font-weight: normal;}
 /* only for IE */ * html fieldset {background:none;}
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-weight:bold;padding:0 0.5em;color:#33c}
input.submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
input.submit-s {padding: 0px 3px;background:#666;color:#fff;font-weight:bold;font-size:90%} /* smaller submit button */
input.log2 {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%} /* legacy - all submit buttons should be class="submit" */

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:1.2em 0 .3em;color:#000;border-bottom:1px solid #eee;padding-bottom:.1em}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:136%}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
.highlight {color:#0070E1}
.subdued {color:#999}
.error {color:#33c;font-weight:bold;margin-top:10px;border:1px solid #0000ff;background:#BEC5FF;padding:5px;}
.success {color:#093;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}
small {font-size:11px}


/* LAYOUT - HEADER ---------------------------------------------------------------------------------------------------------------------------*/
#header {background: white url("../images/masthead.jpg") no-repeat 0 0; margin:0 0 5px 0; padding:0 0 8px; width:100%; position:relative; height: 176px;} 
#header #site-name  {visibility: hidden; font:265% arial;letter-spacing:-.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}

/*
#header-left {background: #fff url("../images/header-left.png") no-repeat 0 0; width: 43px; height: 26px;position:absolute;display: inline; z-index: 10;}
#header-center {background: #fff url("../images/header-center.png") repeat-x 0 0; width: 100%; height: 26px;position: absolute; z-index: 0;}
#header-right {background: #fff url("../images/header-right.png") no-repeat 0 0; width: 365px; height: 47px;position:absolute;right:0; top:0; z-index: 10;}
*/
#masthead {background: white url("../images/masthead.jpg") no-repeat 0 0; width: 100%; height: 150px;}


	/* NAV - top horizontal nav */
	.nav, .nav ul {padding:0;margin:0;list-style:none;position:absolute; top:150px;left:-29px;}
	.nav {font-weight:bold;height:2.09em;font:bold 96% arial;margin:0 105px 0 40px;} /* Steef: width needed for maxwidth header in IE*/
	.nav li {position:relative;background:#33c;float:left;width:10em;display:block;margin:0;border-bottom:3px solid #666;border-right:3px solid #252525;padding:0}
	.nav a {text-decoration:none;cursor:pointer;color:#fff;display:block;padding:4px 10px 2px}
	.nav a:hover {color:#ddd}
	
	.nav li ul {border-left:1px solid #33c;background:#f0f0f0;width:15.8em;font-size:90%;margin-top:3px;position:absolute;top:24px;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:#33f}
	
	.nav li.active {background:#33c;border-bottom:3px solid #33c}
	.nav li.active ul {border:none;}
	.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:#ddd}
	
	.nav li.active li {border:none;border-top:1px solid #5c5cc1;border-bottom:1px solid #000087}
	.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%}

	.usernav li {display:inline; margin-right: 5px;}


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

	/* TABS IN PROFILE PAGES */	
	#usertabs {height:1em;background:#;padding-top:10px;}
	#usertabs ul {display: inline;}
	#usernav li {display:inline; margin-right: 5px;}
	
	/* SEARCH */
	#search {color:#33c;font-weight:bold;position:absolute;top:130px;right:0px;padding-right:10px;}
	#search form {margin:0}
	#search input {width:8em;margin:0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:block;text-align:right;position:relative;}
	#search input.submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em;background:#03c;}
	
	/* 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:0 0 1.5em;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-top:5px solid #999;border-left: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:1px solid #33c;color:#000}
	.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}
	.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 #33c}
	.pagination p a:hover {background:#00a;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 #900;border-collapse:collapse;width:100%}
		table td {background:#fff 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:#fff;font-size:145%;background:#900 url("../images/sprites.gif") repeat-x 0 -1300px;padding:10px 6px}
		table tbody th {color:#fff;font-size:115%;background:#dbb888 url("../images/sprites.gif") repeat-x 0 -1400px;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:#fff;text-decoration:none}
		th a:hover {color:#fff;text-decoration:underline}
		.grey1 {background:#f5f5f5;padding:3px;border:1px solid #fff}		
		.grey2 {background:#ccc;padding:3px;border:1px solid #fff}




/* Sidebar  -----------------------------------------------------------------------------------------------------------------------------------*/

/* Block nav - ie 'submit news' */
#blocknav a {float: right}
#blocknav a:link, #blocknav a:visited {text-decoration:none;font-size:120%;color:#fff;display:block;margin-bottom:0.2em;padding:0.2em;border:#fff 1px solid;background:#00c}
#blocknav a:hover, #blocknav a:active {color:#000;border-right:#000 1px solid;border-bottom:#000 1px solid}
#blocknav {background:red;}

/* Categories & KMM-Feeds */
#categories,#kmm-feeds {border-top:5px solid #6c6c6c}
#categories strong,#kmm-feeds strong {display:block;font-size:140%;padding:5px;background:#fff;color:#000;border-bottom:2px solid #33c}
	#kmm-feeds,#kmm-feeds ul,#nav-secondary, #nav-secondary ul {position:static;margin:5px}
	#kmm-feeds,#kmm-feeds li,#av-secondary, #nav-secondary li {list-style:none;margin:0;padding:0;background:#fff}
	#kmm-feeds,#nav-secondary {padding-top:0;margin-top: 1px}
	#kmm-feeds li,#nav-secondary li {line-height:1.8;padding:3px 0 3px 8px;font:bold 86% arial;display:block}
	#nav-secondary #huidig li {line-height:1.8;padding:5px 0px 5px 23px;background:#f5f5f5 url("../images/sprites.gif") no-repeat 6px -693px;font:bold 86% arial;display:block}
	#kmm-feeds a,#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#kmm-feeds a:link,#nav-secondary a:link {color:#000} 
	#kmm-feeds a:visited,#nav-secondary a:visited {color:#000} 
	#kmm-feeds li:hover,#nav-secondary li:hover {color:#33a;} 
	#kmm-feeds li.active a:link,#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:#33c}
	#kmm-feeds {margin-top: 20px;}

/* 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 #EEE8E3;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;border-top:1px solid #ccc;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:#000} 
	#nav-rss a:visited {color:#000} 
	#nav-rss a:hover {color:#00a;background:#ccc url("../images/rss.gif") no-repeat 0px 8px} 
	#nav-rss li {border-bottom:1px solid #ccc}




/* Footer -------------------------------------------------------------------------------------------------------------------------------------*/
  .footer {float: bottom; margin:0 240px 0 240px;clear:all; border-top:1px solid #EEE8E3;padding:20px 10px 10px 15px;font-size:86%;color:#999; margin-top:20px; text-align: center;}
	.footer a:link, #footer a:visited {color:#999}
	#footer-left {background: #03c url("../images/footer-left.jpg") no-repeat 0 0; width: 43px; height: 26px;position:absolute;bottom:0;left:0;z-index: 0;}
	#footer-center {background: #03c url("../images/footer-center.jpg") repeat-x 0 0; width: 100%; height: 25px;position:absolute;bottom:0;left:0;z-index: 0;}
	#footer-right {background: #03c url("../images/footer-right.jpg") no-repeat 0 0; width: 43px; height: 26px;position:absolute;bottom:0;right:0;z-index: 0;}
	


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

/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;background:#f6f6f6;border-left:1px solid #b3b3b3}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#000;text-decoration:none}
.top h4 a:hover {color:#666;text-decoration:underline}
#nocatcol {border-top:5px solid #999;}

/* The URL and Poster below headline */
.news-submitted {font-size:85%;margin:0;margin-bottom:3px;padding-left:4px}
.news-submitted img {float:left;margin-right:4px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */

/* Post text */
.news-body-text {	padding:0px 8px;margin:10px 0px 0px 59px}

/* Post details below text */
.news-details {padding-left:4px;margin:0;font-size:85%}
.news-details .comments {background:url(../images/comment_yellow.gif) no-repeat;padding-left:20px}
.news-details a:link, .news-details a:visited {color:#009966;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#009966;text-decoration:underline}
.news-details b {color:#006}
* 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-shakeit {	position:absolute;top:14px;left:0px;width:53px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-shakeit li {border:1px solid #fff;margin:0;padding:0}

/* number of votes and "votes" text */
.mnm-published {background:#03c url("../images/vote-level-3-whole.jpg") no-repeat 0 0; width:53px;height:48px;}
.mnm-published .vote-level-1 {background:#03c url("../images/vote-level-1.jpg") no-repeat 0 0;}
.mnm-published .vote-level-2 {background:#fc0 url("../images/vote-level-2.jpg") no-repeat 0 0;}
.mnm-published .vote-level-3 {background:#c33 url("../images/vote-level-3.jpg") no-repeat 0 0;}
.mnm-published a {font-size:20px;letter-spacing:-1px;text-decoration:none;line-height:34px;display:block;padding:7px 0 3px 0;text-align:center;vertical-align:middle;}
.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:#fff}
.mnm-published a:hover, .mnm-published a:active {text-decoration:none;color:#ddd}

/* vote box */
.menealo {background: #fff;}
* html .menealo {background:#fff 0px 0px}
.menealo a:link,.menealo a:visited, .menealo span {display:block;text-decoration:none;padding:4px 0 5px 0;color:#33c;font-size:12px}
.menealo a:hover {font-weight:bold;color:#33f;text-decoration:none}
.menealo span {background:#fff;color:#006;font-size:11px}


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

#comments ul {margin-left:15px}
#comments li {margin-left:15px}
#comment-wrap {border-bottom:solid 1px #e1e1e1}
#comment-head {background:#e1e1e1;width:100%;font-size:100%;}
.comment-body {background:#fafafa;font-size:100%;padding:0 4px}
.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:1px solid #ccc;} /* avatar in comments */

/* Comment rating buttons (nice huh? :) */
#comment-subhead {float:right;margin-top:-21px;font-size:11px}
.ratemey {background:#009900;padding:1px 5px}
.ratemen {background:#006;padding:1px 6px;color:#fff}
.rateme {color:#fff;font-size:14px}

/* Thumbnails
-----------------------------------------------------------------------------------------------------------------------------------*/
.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; }
.arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url("../images/linkpic_shadow.gif") no-repeat bottom right; }

/* Profile */
#mini_profile { border:solid 2px #ccc; padding:5px 5px 5px 5px; background:#eee; }

#wrapper {width: 100%;}
#personal_info {margin-right: 5px;float: left;}
#stats {float:right;}
#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{

}


/* Who is contributing
----------------*/

.sneaker-votes {
 align: right;
}