/*
* CSS for http://www.cleversoul.com/
*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background:#448;
	color: #000;
}
a:link { color: #000; }
a:visited { color: #444; }
a:hover { color: #444; /* border-bottom:#888 1px solid; */ }

/* layout */

#wrap {   /* for 2-column layout */
	width: 780px;
	\width: 800px;
	w\idth: 780px;
  top: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background:#fec;
/*	background:#fff url(/img/content_bg_780_l.gif) repeat-y; */
/*  border:#000 1px solid; */
  border:#000 5px double;
}
#wrap1 {   /* for 1-column layout */
	width: 780px;
	\width: 800px;
	w\idth: 780px;
  top: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background:#fff url(/img/content_bg_780.gif) repeat-y;
  border:#000 1px solid;
  border-top:#444 3px solid;
}
#content {
	float: right;
	width: 628px;
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	position:relative;
	background: #fff;
	border-left:1px solid #888;
}
#sidebar {
	float: left;
	width: 151px;
/*	border-left:1px solid #ccc; */
/*	background: #ff0; */
}
#footer {
	clear: both;
  background: #000;
}

#content1 {
/*	width: 100%; */
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	padding: 20px 15px 15px 15px;
	position:relative;
}

/* gutters */

#content .gutter {
	padding: 5px 15px 15px 15px;
}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 10px;
}
#content1 .gutter {	padding: 5px; }

/* header */

#header {	
  border-bottom:#000 5px solid;
  background: #c5d5ee url(/img/header.jpg) no-repeat;
}
#header h1 {
	margin: 0;
/*	padding: 40px 0 0 170px; */
	margin:0 0 0 170px;
	padding:40px 0 0 0;
	text-align:center;
	font-size: 500%;
	color: #fff;
}
#header h1 a {
  border-style: none;
  display: block;
  text-decoration: none;
  overflow:hidden;
  color:#004;
}
#header h2 {
/*
	margin: 0;
	margin-top:-10px;
	padding: 0 0 30px 210px;
*/
	margin:-10px 0 0 170px;
	padding-bottom:30px;
	text-align:center;
	font-size: 130%;
  color:#88a;
}	

/* content */


#content h2, #content1 h2 {
	font-family: Tahoma, Verdana, sans-serif;
	letter-spacing:1px;
	margin: 0 -10px 0.5em -10px;
	font-size: 150%;
	font-weight: normal;
	padding: 4px 0 2px 8px;
	color: #444;
	border-bottom: 2px solid #888;
}

#content .listing_title { font-weight:bold; padding-bottom:3px; margin:0; }
#content .listing_url { font-size:80%; color:#999; }
#content .listing_desc { padding-left: 10px; margin:0; }
#content .listing_tn { padding:3px 10px; }

#content .twitter-stats table { background:#fff; font-size:90%; }
#content .twitter-stats td { background:#ddd; padding-top:4px; }
#content .twitter-stats td:hover { background:#ccc; }


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

#sidebar #sites ul { margin:0; padding:5px 0 15px 0; list-style:none; line-height:1.3em; font-size: 85%; font-weight:bold; }
#sidebar #sites ul li { background:url(/img/sunflower.gif) no-repeat 0 50%; padding: 0 0 3px 22px; }
#sidebar #sites ul li a:link { color:#000; }
#sidebar #sites ul li a:visited { color:#888; }
#sidebar #sites ul li a:hover { color:#666; }


#sidebar .box { 
	margin: 10px  0 10px 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #000;
}
#sidebar .box h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 -5px;
	padding: 1px 0 0 20px;
	font-size: 120%;
	color: #220;
	height: 19px;
	background: url(/img/box_bg_top.gif) no-repeat top left;
	whitespace: nowrap;
}
#sidebar .box h3 {
	margin: 0 0 0 0;
	padding: 14px 0 3px 0;
	font-size: 115%;
	font-weight: bold;
	color: #222;
	background: url(/img/box_bg.gif) no-repeat top left;
	text-align:center;
/*	border-bottom:1px solid #444; */
}
#sidebar .box p, #sidebar .box ul {
	margin: 0;
	padding: 0 0 5px 10px;
}
#sidebar .box ul {
	margin: 0 0 0 7px;
	padding: 5px 0;
	background: #ddb;
	border:1px solid #bb9;
	border-top:1px solid #666;
}
#sidebar .box ul li {
	font-size: 100%;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	font-weight: bold;
	list-style: none;
	background: url(/img/li.gif) no-repeat 0 5px;
}
#sidebar .box ul li:hover {
	background: url(/img/li_hover.gif) no-repeat 0 5px;
}
#sidebar .box ul li ul {
	margin: 0 0 0 10px;
	padding: 0;
	border:none;
}
#sidebar .box ul li ul li {
	margin: 0 0 0 -11px;
	padding: 0 0 0 10px;
	font-weight: bold;
	list-style: none;
	background: url(/img/lili.gif) no-repeat 0 5px;
}
#sidebar .box ul li ul li:hover {
	background: url(/img/lili_hover.gif) no-repeat 0 5px;
}
#sidebar .box a {
	color:#000;
	text-decoration:none;
	white-space:nowrap;
}
#sidebar .box a:hover {
	color:#440;
	text-decoration:none;
	border-bottom:1px dashed #666;
}
#sidebar .box h2 a:hover {
	color:#000;
	border:none;
}
#sidebar .link_img {
  border:none;
  margin:0 0 -3px 0;
}

#sidebar .searchbox {
	margin: 0 0 0 7px;
	padding: 5px;
	background: #ddb;
	border:1px solid #bb9;
	border-top:1px solid #666;
}
/*
#sidebar .searchbox form input {
	background: #eee;
	border:1px solid #888;
}
*/

#sidebar blockquote {
  margin:0;
  padding:7px;
  background:#d0bfa0;
  border: 1px solid #a08f70;
  font:90% arial,tahoma,verdana,helvetica,sans-serif; 
  color:#503f20;
}
#sidebar blockquote .quote { font-weight:bold; margin:0; }
#sidebar blockquote .citation { text-align:right; font-style:italic; margin:0; line-height:1.5em; font-size:90%; color:#806f50; }


/* Footer ----------------------------------------------------------------------------------- */

#footer p {
	margin: 0;
	padding: 5px;
	font-size: 85%;
	color: #aaa;
  text-align: center;
}
#footer a {	color:#aaa; background:transparent; }
#footer a:hover {	color:#fff; background:transparent; }





/*  IE fixes */

#content, #sidebar {
	height: 1%;
}

.feature { 
	display: inline-table; 
}
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
}
.feature { 
	display: block; 
}
#footer {
	height: 1%;
}
/* End hide from IE/Mac */