* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
	}
	
body {
	background: #ECECEC url('../images/bg.jpg') repeat-y center top;
	font: 400 1.0em 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
	color: #808080;
	}
	
#wrap {
	width: 760px;
	margin: 0 auto;
	padding-top: 40px;
	background: #FFF url('../images/wrapbg.jpg') repeat-y left top;
	}
	
a {
	text-decoration: underline;
	color: #777;
	}

a:hover {
	text-decoration: none;
	color: #000;
	}

ul {
	padding: 0;
	margin: 0;
	}

.head { 
	font: 400 1.7em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	color: #666;
	margin-left: 150px;
	padding-top: 15px;
	}

.head span {
	margin-left: 10px;
	color: #AAA;
	}

	
img.topleft {
	float: left;
  padding-top: 1px;
  padding-bottom: 3px;
	}

	
.b11_logo { 
	margin-left: 140px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.b11_logo a {
  text-decoration: none;
  color: #FFF;
	}

.b11_logo span {
	margin-left: 10px;
	color: #AAA;
	}
		
#nav {
	width: 760px;
	clear: both;
}


.menu {
	width: 130px;
/*	background: transparent url('../images/splash.jpg') no-repeat center right;*/
	margin: 20px 0 10px 0;
	padding-right: 610px;
	float: left;
	clear: both;
}


.menu ul {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
.menu  li {
	padding: 8px 0 8px 0px;
	text-align: center;
	}

.menu  li a {
	padding: 0 0 0 0px;
	color: #AAA;
	text-decoration: none;
	font: 400 18px 'lucida sans','lucida sans unicode','verdana',sans-serif;
	/*font: 400 0.7em 'lucida sans','lucida sans unicode','verdana',sans-serif;*/
	}

.menu  li a:hover {
	color: #333;
}


	
#main {
	width: 590px;
	margin: 12px 20px 0 150px;
	padding-bottom: 50px;
	}
	
.sidebar {
		width: 130px;
		float: right;
		clear: none;
		margin-left: 10px;
		font-size: 0.7em;
		}

.sidebar ul {
	list-style-type: none;
	}
	
.sidebar li {
	margin-bottom: 5px;
	background: #E5E5E5 url('../images/sidebar_corner.gif') no-repeat top right;
	border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;
	padding: 8px;
	}

.sidebar li a {
	text-decoration: none;
	display: block;
	}

.sidebar li:hover {
	background-image: none;
	background-color: #DDD;
	border-bottom: 1px solid #aaa; border-left: 1px solid #aaa;
	color: #333;
	}

.subnav {
	width: 100%;
	background: #FFF url('../images/underline.gif') repeat-x bottom left;
	text-align: left;
	margin-bottom: 10px;
	}


.subnav span.title {
	font-size: 18px;
	display: block;
	clear: none;
	text-decoration: none;
	color: #666;
	padding-top: 0px;
	padding-bottom: 10px;
	}

.subnav ul {
	list-style: none;
	float: right;
	}

.subnav ul li {
	float: left;
	}

.subnav ul li a {
	margin: 0 0 0 20px;
	font-size: 14px;
	padding: 0px 0 10px 0;
	line-height: 22.4px;
	color: #AAA;
	text-decoration: none;
	display: block;
	}
	
.subnav ul li a:hover {
  vertical-align: bottom;
	color: #000;
	background: url('../images/underline_arrow.gif') no-repeat bottom center;
	}

.clear50 {
	clear: left;
	padding: 10px 0;
	/*padding: 25px 0;*/
	font-size: 0;
	}

.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
	font-size: 0;
	}

h1 {
	font-size: 1.2em;
	color: #333;
	font-weight: 600;
	margin: 15px 0 10px 0;
	}

h2 {
	font-size: 1.0em;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	}

h2 span {
	margin-left: 10px;
	color: #AAA;
	}

h3 {
	color: #666;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: 400;
	font-size: 17px;
	text-align: center;
	
}

h3 span {
  font-size: 85%;
	margin-left: 10px;
	color: #AAA;
	font-weight: 650;
	}
	
h4 {
	color: #999;
	margin-bottom: 5px;
	font-size: 0.9em;
	}


h5 {
  /*border: 1px solid #eCeCeC;*/
  /*background-color: #eCeCeC;*/
  color: #666;
	margin-top: 3px;
	margin-bottom: 3px;
  margin-left: 0px;
	font-weight: 400;
	font-size: 17px;
	text-align: center;
  }

h5 span {
  font-size: 85%;
	margin-left: 0px;
	color: #999;
	font-weight: 900;
	}


p.main {
	font-size: 0.8em;
	font-family: arial,sans-serif;
	line-height: 1.6em;
	margin: 5px 160px 15px 0;
	}

span.bold {
	color: #555;
	font-weight: 600;
	}

.entry {
	padding: 10px 0 2px 0px;
	border-top: 1px solid #CCC;
	line-height: 1.4em;
	margin: 0 170px 25px 0;
	}

.entry .title {
	font-size: 1.0em;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	}
	
.entry h2 span {
	float: right;
	font-size: 0.7em;
	color: #AAA;
	}

.entry p {
	font-size: 0.8em;
	}

.comment, comment a {
	margin-top: 5px;
	font-size: 0.7em;
	padding: 5px 0;
	}
	
ol {
	color: #444;
	font: 600 0.8em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	margin: 5px 0;
	}
 
ol span {
	font: 400 1.0em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	color: #666;
	font-style: normal;
	}

ol li {
	margin-left: 30px;
	padding: 4px 0
	}

ul.content {
	font-size: 0.8em;
	list-style-type: none;
	margin-left: 10px;
	}
	
.content li {
	padding: 4px 0 4px 20px;
	background: url('../images/bullet.gif') no-repeat left center;
	}

table {
  width: 100%;
  margin-bottom: 20px;  
  
  font-size: 1em;
  border-collapse: collapse;
}

table caption {
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 0 0 3px;
  font: 400 1.2em 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
  text-align: left;  
}

table th,
table td {
  text-align: left;
  vertical-align: top;
  padding: 4px 7px !important;
  padding: 6px 10px;
}

thead {
  border: 1px solid #CCC;
  }

thead th {
	font-size: 0.9em;
  color: #555;
  background: #EEE;
}


tbody tr {
	font-size: 0.8em;
  border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; border-left: 1px solid #EEE;
}


form label{
	display:block;
	}

form p {
	font-size: 0.8em;
	margin-bottom: 10px;
	}

form input.text, form textarea{
	width:95%;
	border:1px #CCC solid;
	color:#666;
	padding: 4px 5px;
	font:12px 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
	background-color: #F3F3F3;
	}

form input.text:hover, form textarea:hover{
	border:1px #999 solid;
	}

form input.text:focus, form textarea:focus{
	border:1px #999 solid;
	color:#666;
	}

form input.button{
	margin-right:8px;
	padding:3px 5px;
	font:12px Verdana,Arial,san-serif;
	}

* html form input.text,

* html form textarea{
	border-color:#533a18;
	color:#333;
	}

.footer {
	width: 590px;
	/*border: 1px solid #CCC;*/
	font-size: 14px;
	clear: both;
	height: 100%;
	}

	
.footer p {
	/*padding: 10px;*/
	}

.footer .footnav {
  text-align: right;
	border-bottom: 1px solid #CCC;
	/*padding: 10px;*/
	}

.footnav a {
	text-decoration: none;
	padding-right: 15px;
	}

.footnav a.first {
	font-size: 18px;
	font-weight: 800;
	}

.linksleft {
	float: left;
	margin-right: 10px;
	width: 170px;
	padding: 0 10px 0px 0px;
	list-style-type: none;
	}

.linksleft ul {
	list-style-type: none;
	}

.linksleft li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

.linksleft li a {
	padding: 4px;
	display: block;
	margin:  0;
	text-decoration:none;
	}


/* blende11 */
.copyleft {
  text-align: center;
	padding: 15px;
	font-size: 0.7em;
	clear: both;
}



.quote {
  /*background: #F5F5F5 url('../../images/bgfromright.jpg') repeat-y right top;*/
  text-align: center;
	width: 608px;
  background-color: #F5F5F5;
	/*border: 1px solid #CCC;*/
	font-size: 12px;
	font-weight: 500;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: -14px;
	padding: 8px; /* 30 or 0 */
	}



.imageborder {
  width: 100%;
  text-align: center;
}

.imageborder p {
  /*text-align: center;*/
}


#thumbnails {
  padding-top: 0px;
	padding-bottom: 160px;
	/*border: thin solid yellow;*/
	width: 450px;
	
	
/*
  position: relative;
  margin-left:  10;
  margin-top:   120;
  */
  
}


#thumbnails p
{
  clear: left;
  /*border: thin solid gray;*/

}

#thumbnails .thumb_row
{
  padding: 0px;
  clear: left;
  /*border: thin solid blue;*/

}


#thumbnails .thumb
{
  /*border: thin solid red;*/
	width: 130px;
	float: left;
	padding: 10px 8px 10px 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 130%;
}



/* THUMBS */


#thumbs
{
	padding-top: 0px;
	padding-bottom: 10px;
}

#thumbs .thumb_row
{
	width: 644px;
	width/* */:/**/640px;
	width: /**/640px;
	padding: 2px;
	display: block;

}

#thumbs .thumb_row2
{
	width: 410px;
	width/* */:/**/404px;
	width: /**/404px;
	padding: 3px;
	display: block;

}

#thumbs .thumb
{
	width: 128px;
	float: left;
	padding: 0px 4px 10px 4px;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 9px;
	line-height: 130%;
}

#thumbs .thumb2
{
	width: 134px;
	float: left;
	width/* */:/**/120px;
	width: /**/120px;
	padding: 0px 7px 10px 7px;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 9px;
	line-height: 130%;
}

#thumbs .thumb_img
{
	width: 120px;
	height: 120px;
	background:url("img/bg_thumb.gif");
	text-align: center;
	padding-bottom: 3px;
}


#thumbs ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#thumbs ul.t
{
	padding: 5px 0px 0px 0px;
}

#thumbs li.t_title0
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/r0.gif") no-repeat left top;
	font-weight: bold;
}

#thumbs li.t_title1
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/r1.gif") no-repeat left top;
	font-weight: bold;
}

#thumbs li.t_title2
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/r2.gif") no-repeat left top;
	font-weight: bold;
}

#thumbs li.t_title3
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/r3.gif") no-repeat left top;
	font-weight: bold;
}

#thumbs li.t_author
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/i1.gif") no-repeat left top;
}

#thumbs li.t_size
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/i2.gif") no-repeat left top;
}

#thumbs li.t_downloads
{
	padding-left: 16px;
	padding-bottom: 1px;
	display: inline;
	background:url("img/i3.gif") no-repeat left top;
}

#thumbs li.t_rating
{
	padding-left: 16px;
	padding-bottom: 1px;
	margin-left: 5px;
	display: inline;
	background:url("img/i4.gif") no-repeat left top;
}

#thumbs li.t_comments
{
	padding-left: 16px;
	padding-bottom: 1px;
	margin-left: 5px;
	display: inline;
	background:url("img/i5.gif") no-repeat left top;
}

#thumbs li.t_add
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/i6.gif") no-repeat left top;
}

#thumbs li.t_remove
{
	padding-left: 16px;
	padding-bottom: 1px;
	background:url("img/i7.gif") no-repeat left top;
}
