/*   
Theme Name: MBI polished
Description: three-collumn, about-text at the top, logo centred, YouTube-AdSense-Unit, simplified subscription-bar, eye-catcher left to the logo (removed), overlapping layers to create a more loosely look (removed), 
Author: Oliver D. S.
Author URI: http://www.me-blogs-it.com
Version: 1.0

	Don't steal this theme! And especially: Don't steal the
	"about-at-the-top" idea!!! That's one of the most remarkable
	items of this theme!

*/

/*rough structure*/
body {
	//text-align: center;
	margin: 0;
	padding: 0;
	font: 12px Tahoma, Arial, Verdana;
	}
#center {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	}
#subscribe_bar {
	margin: 0;
	width: 100%;
	height: 16px;
	background-color: #FFF;
	visibility: hidden;
	}
#head_area {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 150px;
	clear: both;
	filter:Alpha(opacity=80, finishopacity=40, style=1, startx=1, starty=120, finishx=1, finishy=1);
	}
#content_wrapper {
	margin: 25px 0 0 0;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	}
#left_sidebar, #right_sidebar {
	width: 200px;
	}
#left_sidebar, #right_sidebar, #contents {
	vertical-align: top;
	}
#contents {
	width: 600px;
	}
#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	}
/*****************/



/*subscribe_bar*/
#subscribe_bar div {
	margin: 0 2px;
	font: 10px Tahoma;
	}
#subscribe_bar a, .sbscr a, .subscribelinklike {
	border: none;
	color: #000;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
#subscribe_bar a:hover, .sbscr a:hover, .subscribelinklike:hover {
	color: #999;
	}
.subscribelinklike {
	cursor: pointer;
	}
#subscribe_bar img, #subscribe_bar a img, .sbscr img {
	border: none;
	margin: 1px 0 -1px 0;
	}
.sbscr {
	position: absolute;
	background-color: #FFF;
	display: none;
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
	z-index: 50;
	}
.sbscr_icon {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-top: 2px;
	background-image: url(iconset.gif);
	}
#rss_icon {
	background-position: 0px 0px;
	}
#mail_icon {
	background-position: 0px -12px;
	}
#atom_icon {
	background-position: 0px -24px;
	}
#comments_icon {
	background-position: 0px -36px;
	}
.sbscr form {
	font-size: 10px;
	margin: 0px;
	}
.sbscr input {
	border: 1px solid #000;
	width: 200px;
	}
#mail_sbscr {
	top: 14px;
	left: 120px;
	}
#comment_sbscr {
	top: 14px;
	left: 350px;
	}
#comment_mail {
	display: none;
	}
/*****************/



/*Top-area*/
#picture_top {
	position: relative;
	left: 40px;
	top: -2px;
	width: 131px;
	height: 173px;
	background: url(comic_me.gif) left center no-repeat;
	}
#logo {
	width: 339px;
	height: 151px;
	position: absolute;
	top: 20px;
	left: 330px;
	text-align: center;
	}
#logo img {
	width:100%;
	height:100%;
	border:none;
	}
#about {
	position: absolute;
	right: 80px;
	top: 0px;
	width: 175px;
	font: 10px Tahoma;
	margin: 2px;
	}
#about_text {
	position: absolute;
	right: 57px;
	top: 48px;
	width: 242px;
	height: 78px;
	padding: 8px;
	font: 10px Tahoma;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	}
/*****************/



/*sidebars*/
ul.sidebar {
	list-style: none;
	margin: 5px;
	padding:0;
	}
ul.sidebar > li {
	margin: 10px auto 20px;
	line-height: 110%;
	}
#subscribe_col {
	display: block;
	}
.icons {
	text-decoration: none;
	font-size: 22px;
	}
.icons img{
	margin: 2px 0px -2px 0px;
	border: none;
	}
.searchfield {
	border: none;
	font-family: Tahoma, Arial, Verdana;
	height: 16px;
	width: 100px;
	}
.searchbutton {
	border: none;
	background: none;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
	height: 20px;
	padding:2px;
	}
#changecolor button {
	border: none;
	background: none;
	cursor: pointer;
	width: 81px;
	height: 30px;
	padding: 0;
	}
.huhs {
	font-size: 11px;
	}
ul.noliststyle {
	list-style: none;
	padding: 0;
	margin: 0;
	}
.nodeco, .nodeco a, a.nodeco {
	border: none;
	text-decoration: none;
	}
.deco a:hover, a.deco:hover {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}
.white a:hover, a.white:hover, .sidebar .linklike:hover {
	color: #FFF;
	}
.linklike {
	cursor: pointer;
	}
.capitalize {
	text-transform: capitalize;
	}
.color_black, .color_black a, a.color_black {
	color: #000;
	}
/*****************/



/*The Loop*/
#YouTubeAd {
	width: 100%;
	text-align: center;
	clear: both;
	}
.post {
	margin: 15px 10px;
	clear: both;
	}
.post a {
	cursor: pointer;
	text-decoration: none;
	border: none;
	}
.post a:hover {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}
.thumbnails {
	margin: 0 5px 5px 0;
	float: left;
	border: none;
	}
.meta, .meta a {
	font-size: 11px;
	font-family: Arial;
	}
a.more-link {
	font-variant: small-caps;
	font-weight: bold;
	}
.code {
	font-family: Courier New;
	}
.posts_nav_link {
	text-align: center;
	}
/*****************/





/*Favicons behind links*/
.entry a[title~=blockkinder]:after {
	content: url(../../uploads/favicons/blockkinder.gif);
	margin: 3px;
	}
.entry a[title~=wikipedia]:after {
	content: url(../../uploads/favicons/wikipedia.gif);
	margin: 3px;
	}
.entry a[title~=youtube]:after {
	content: url(../../uploads/favicons/youtube.gif);
	margin: 3px;
	}
.entry a[title~=gawker]:after {
	content: url(../../uploads/favicons/gawker.gif);
	width: 12px;
	height: 12px;
	margin: 3px;
	}
/*******************/




/*Comments*/
.notify {
	margin: 8px;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	-icab-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	}
.note:before {
	content: "Note: ";
	font-weight: bold;
	float: left;
	}
.related:before {
	content: "Related: ";
	font-weight: bold;
	float: left;
	}
#respond{
	margin: 8px;
	color: #000;
	}
#respond a:hover, .comment a:hover {
	text-decoration: underline;
	}
#commentlist {
	list-style: none;
	margin:10px;
	padding:0;
	}
.comment {
	margin-top: 15px;
	padding: 5px;
	}
.comfirst, .comfirst a {
	color: #000;
	}
.comsecond, .comsecond a {
	color: #FFF;
	}
.comment_meta, .comment_meta a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
.avatar {
	display: inline;
	float: right;
	margin: 3px;
	}
.inputfield {
	border: 1px solid #000;
	}
.logged_in a {
	color: #000;
	text-decoration: none;
	}
/*****************/




/*Plugins and special stuff*/
.yarpp {
	margin: 10px auto;
	width: 300px;
	text-align: left;
	}
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #000;
	}
#EditPostButton {
	-webkit-border-radius: 5px;
	 border: 1px solid #024965;
	 background-color: #FCFFFE;
	 padding: 5px; color: #024965;
	 margin: 5px auto;
	 font-size: 12pt;
	 text-align: center;
	 cursor: pointer;
}
/*****************/




/*Footer*/
#footer {
	text-align: center;
	padding: 20px 0;
	}
/*****************/
