/* @override http://www.gutenbergblog.de/wp-content/themes/gutenbergblog/style.css */

/* 
	Theme Name: Gutenberg Blog
	Theme URL: http://www.gutenbergblog.de
	Description: Gutenbergblog Theme for WordPress.
	Author: 4c media
*/

#navbar ul.rss {
	width: 180px;
	text-align: left;
	float: left;
	font-size: 13px;
}

#navbar ul.rss a.rssfeed, #navbar ul.rss a:hover.rssfeed {
padding: 3px 0 1px 25px;
	font: 13px Helvetica, Arial, sans-serif;
	background:url(images/rss.gif) no-repeat left top;
	border:0px none;
	vertical-align:middle;
}

body {
	width:100%; height:100%;
	margin: 0px auto;
	padding: 0px;
	font-family:Georgia, serif;
	color:#333;
	font-size:13px;
	}
	
#wrap {
	margin: 0px auto;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #6f6f6f;
	text-decoration: none;
	}
	
#content p a, #content p a:visited {
	color: #0489b7;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #0489b7;
}

#content p a:hover {
	color: #e4007a;
	text-decoration: none;
	border-bottom: 1px solid #e4007a;
}

#contentmiddle div div.categor {
	background-color: #eaeaea;
	padding:5px;
	height: 48px;
	margin-top:5px;
}

#contentmiddle div div.categor div.tags_comments img {
	
}

div.tags_comments {
	width: 380px;
	float:  left;
	font-size: 12px;
	vertical-align: top;	
}

div.tags_comments a, div.tags_comments a:visited, div.categor a, div.categor a:visited {
	vertical-align: top;
	line-height:18px;
	font-size: 12px;
	font-family:  Helvetica, Arial, sans-serif;
}

a:hover{
	text-decoration: none;
	color:  #e4007a;
	}
	
a img { border:2px white; }
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF;
	width: 960px;
	height: 140px;
	margin: 0px auto;
	padding:0 ;
    background-image: url(images/header.gif);
    background-repeat: no-repeat;
	display:block;
	vertical-align:middle;
	position:auto;
	
	}
	

#slogan {
	width:550px;
	padding:35px 160px 25px 250px;
	margin:0;
	text-align:right;
	font-size:27px;
	line-height:40px;
	color:#e4007a;
	display:block;
}
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	border-top: 1px solid #6f6f6f;
	border-bottom: 1px solid #6f6f6f;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a {
	font-family: Helvetica, Arial, sans-serif;
	
	color: #333333;
	padding: 0px 0px 0px 20px;
	margin-left:20px;
	text-decoration: none;
	border-bottom: 0px none; /*1px dotted #c4007a*/
	background-image: url(images/arrow_magenta.gif);
	background-position: left;
	background-repeat: no-repeat;
	}

#comment ol li{
	margin-top: 10px;	
}

.wp-caption.alignleft {
	float:  left;
}

p.wp-caption-text{
	padding: 0;
	margin: 0;
	font-size: 11px !important;
	color:  #6f6f6f;
}

#navbar ul li a:hover {
	color: #e4007a;
	border-bottom: 0px solid #e4007a;
	}
	
/************************************************
*	Left Sidebar      							*
************************************************/

#l_sidebar {
	float: left;
	width: 150px;
	margin: 10px20px 0px 0px;
	padding: 0px 0px 20px 0px;
	min-height: 800px;

	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#l_sidebar ul.children {
	padding-bottom:0;
}
	
#l_sidebar li {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	}
	
#l_sidebar ul li.cat-item,
#l_sidebar ul.blogroll li {
	margin-left:20px;
	padding: 5px 0px 0px 0px;
	list-style-image: url(images/arrow_magenta.gif);
	
	}
	
#l_sidebar ul li a {
	color: #6f6f6f;
	text-decoration: none;
	border-bottom:  1px dotted #c4007a;
	
	
	}

#l_sidebar ul li a:hover {
	color: #e4007a;
	text-decoration: none;
	border-bottom:  1px solid #c4007a;
	}
	
#l_sidebar li.widget_categories ul ul {
	display:none;
}

#l_sidebar li.widget_categories ul li.current-cat ul,
#l_sidebar li.widget_categories ul li.current-cat-parent ul {
	display:block;
}
	
/************************************************
*	Right Sidebar      							*
************************************************/
	
#r_sidebar {
	float: right;
	width: 240px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 00px;
	min-height: 800px;
	}

#archives select {
	width: 200px;
}

label.hidden {
	display:  none;	
}

#r_sidebar p{
	padding: 2px 0px 16px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar ul {
	list-style:none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

#get_recent_comments_wrap ul {
		list-style-image: url(images/right_comment.gif);
		padding-left: 35px;
		font-size: 11px;
}
#get_recent_comments_wrap ul li {
	font: 11px Helvetica, Arial, sans-serif;
	line-height: 18px;
	color:  #6f6f6f;
}
#get-recent-comments {
	width: 220px;

}
	
#r_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;}
	
#r_sidebar ul li a {
	color: #0489b7;
	text-decoration: none;
	}

#get_recent_comments_wrap ul li a, #get_recent_comments_wrap ul li a:visited {
	color:  #6a6a6a;
	text-decoration: none;
	border-bottom:  1px dotted #0489b7;	
	font-weight: bold;
}

#get_recent_comments_wrap ul li a:hover {
	color:  #6a6a6a;
	text-decoration: none;
	border-bottom:  1px solid #0489b7;	
	font-weight: bold;
}

#r_sidebar ul li a:hover {
	color: #0489b7;
	text-decoration: none;
	border-bottom:  1px solid #0489b7;	
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
	line-height: 21px;
	margin-bottom:15px;
}

#contentmiddle {
		display:block;
	position:relative;
}

#contentmiddle div.contenttitle p {
	color: #6f6f6f;
	font-size: 11px;
	line-height: 11px;
	margin-left: 30px;
	margin-top: 10px;
}
	
/*#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}*/
	
#content h1 {
	color: #333333;
	font-size: 22px;font-weight: normal;
	padding: 0px 0px 0px 0px;
	}

#contentmiddle div.contenttitle h1 {
	color: #333333;
	font-size: 22px;font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin-left: 30px;
}

#contentmiddle .contenttitle {
	background: url(images/passer.gif) no-repeat top left;
}

#contentmiddle .title_sponsor { display:block; position:relative; right:-10px; top:-10px; width:150px; height:150px; z-index:-1; float:right;  }
#contentmiddle .bottom_sponsor {  }

#category_ad  { display: table-cell; vertical-align:middle; width:540px; min-height:80px;  position:relative ; background:url(images/category_ad_fp2.jpg) center center no-repeat; border-bottom: 1px solid #000; border-top:1px solid #000; padding:5px 0; margin:5px 0; }
#category_ad  .text { display:block; vertical-align:middle; width:250px; position:relative; left:280px;  }
#category_ad  .text, #category_ad .text p, #category_ad .text a, #category_ad .text a:hover, #category_ad .text a:visited  { font:11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; margin:0; padding:0; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.69); -moz-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.69); }
#category_ad .text a:hover { text-decoration:underline; }

/* My Comment */

#contentmiddle div.contenttitle img {
	width: 22px;
	float: left;	
}	
#content h1 a  {
	color: #e4007a;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;}

#content h1 a:hover {
	color: #0489b7;
	text-decoration: none;
	}

#contentmiddle p a.more-link {
	border-bottom:0px none;
	text-align: left;
}
	
#content h2 {
	color: #0489b7;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0px;

	}
	
#content p ol{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}
	
#content p ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 3px solid #B3C8DB;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#contentmiddle {
	float: left;
	width: 540px;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px;
	border-left: 1px solid #6f6f6f;
	border-right: 1px solid #6f6f6f;
	}

div._single_tags {
	padding: 5px;
	background-color: #eaeaea;
	margin: 10px 0px
}
	
/*#contentmiddle p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}*/
	
.contentdate {
	background: #FFFFFF url(images/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	}
	
.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}
	
.contentdate h4 {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 4px 0px 0px;
	margin: 0px;
	text-align: center;
	}
	
.contenttitle {
	
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

h2.widgettitle {
	font: 14px Helvetica, Arial, sans-serif;
	margin-top: 10px !important;
}


#contentmiddle ul {
	margin-top:0;
	padding-top:0;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size:14px;
	line-height:21px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
.postspace {

	width: 500px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 170px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}

input#searchsubmit {
		background: #fff url(images/search.gif);
		background-repeat: no-repeat;
		width: 30px;
		height: 30px;
		border: 0px;
}

#r_sidebarwidgeted {
	padding: 10px !important;
	width: 220px;
}
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 500px;
	background: #EFEFEF;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 10px 0px 3px 0px;
	padding: 5px 10px 10px 10px;
	width: 480px;
	background: #FFFFFF url(images/comment.gif) no-repeat left bottom;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 480px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	
	
/************************************************
*	Login        								*
************************************************/
html, body.login {
	background:white;
}
body.login h1 a {
	background: transparent url(images/logo-login.gif) no-repeat center top;
}

p.register {
	display:none;
}


/************
* twitter ***
************/

#r_sidebar div.graphic *, #r_sidebar div.graphic a, #r_sidebar div.graphic a:hover { border:none; padding:0; margin:0; text-decoration:none; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:none;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */