/*

Theme Name: Blueblog_DE
Theme URI: http://www.daburna.de/blog/2007/08/17/wordpress-blueblog_de-skin/
Version: 1.0.2
Description: Blue Blog Theme portiert nach Wordpress von <a href="http://www.themeporter.com">Theme Porter</a>. &Uuml;bersetzung: <a href="http://www.daburna.de/">Oliver Wunder</a>.
Author: Theme Porter
Author URI: http://www.themeporter.com



*/
/*

	BlueBlog - FREE Template 
	by David Herreman
	http://www.free-css-templates.com
	
*/

body {
	margin:0px 0;
	padding:0;
	color:#ccc;
	background-image:url(images/bg.jpg);
	line-height: 1.4em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-family:Arial, Sans-Serif;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}
a img {
	border:none;
}
.content {
	color: #ccc;
	padding: 0;
	width: 725px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}
.img {
	padding: 0 8px 8px 0;
	float: left;
}
.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
	padding: 0;
	margin: 0;
	height: 44px
}
#top .padding {
	float: right;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}
#top a {
	color: #000000;
}
#header {
	margin: 0;
	width: 800px;
	height: 149px;
	color: #FFF
}
#header .f_search {
	float: right;
	padding: 70px 50px 0 0;
}
#header .title {
	padding: 45px 0 0 50px;
}
#header h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#header h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-image: none;
	color: #000000;
	margin: 0;
	padding-left:2px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0
}
/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader {
	width: 785px;
	height: 35px;
	color: #FFF;
	margin-left: 15px;
}
#subheader .padding {
	padding: 10px 15px 10px 15px;
}
#subheader h2 {
	color: #FEAB06;
}
#subheader a {
	color: #FECF5F;
}
/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav {
	text-align: left;
	color: 	#7D8085;
	padding: 20px 0 0 0px;
	width: 200px;
}
.nav li {
	margin: 5px 0 5px 0px;
	padding: 0px 0 0 0px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}
.nav li a {
	color: #546078;
	text-decoration: none;
	padding: 5px 0 0 0px;
	display: block;
	margin-bottom: 2px;
}
.nav li a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	display: block;
	margin-bottom: 2px;
}
/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main {
	width: 760px;
	margin: 0 20px 0 20px;
	color: #808080;
}
#main .right_side {
	float: right;
	padding:0px 0 0 10px;
	margin:0;
	width: 0px;
}
#main .right_side .hitems {
	margin: 0;
	padding: 0;
}
#main .right_side .hitems ul {
	margin: 5px 0;
	padding : 0;
	color: #a90000;
	list-style-image: url('images/arrow.gif');
}
#main .right_side .hitems li {
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
}
#main .left_side {
	float: left;
	width: 630px;
	padding:0 15px 0 25px;
	margin:0;
	text-align:left;
}
#main h3 {
	margin: 0 0 10px 0px;
	padding: 0;
	font-size:14px;
	color: #D89956;
	background: inherit;
	border-bottom: 1px solid #D89956;
}
#main .box {
	padding: 5px;
	border: 1px solid #ccc;
}
#main .right_side ul {
	margin: 5px 0 5px 0;
	padding : 0;
	list-style : none;
	border-bottom: 0px solid #eee;
	list-style-type: square;
	color: #a90000;
}
#main .right_side li {
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}
#main .right_side .padding {
	margin: 0 0 20px 15px;
	padding: 0 0 0 0px;
	color: #555;
}
/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	color:#000000;
	padding: 0;
	text-align:center;
	width:100%;
	height:20px;
	background-color:#77542f;

}
#footer a{
	color:#000000;
	padding:0;
	height:18px;
	font-size:9px;
}
#footer .right {
	float:right;
	clear:right;
	text-align:right;
}

/*  Top Menu */
#menu {
	width: 725px;
	height: 22px;
	margin-left: -15px;
	padding-top: 2px;
	background-color:#d89956;
	font-size:12px;
}
#menu ul {
	margin:0;
	list-style:none;
}
#menu a, #nav strong, #nav span {
	float:left;
	color:#fff;
	padding-left: 40px;
	text-decoration:none;
}
#menu a {
	float:none;
	text-transform:uppercase;
	color:#000000;
}
#menu li {
	color: #FFF;
	margin:0;
	padding:0 0 0 0px;
	float:left;
}
#menu a:hover {
	text-decoration:underline;
}
#menu .padding {
	padding: 5px 0 0 10px;
	font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.search {
	width: 150px;
	border: 1px solid #000000;
	color: #666;
}
input.submit {
	background: none;
	color: #000000;
	border: 0px none;
	;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:1.1em;
	font-family:Arial, Verdana, Helvetica, sans-serif
}
input.search:hover {
	background: #FFFFF4;
}
ul {
	margin-left: 0;
	padding-left: 5px;
	list-style : square;
}
li {
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}
.sub {
	margin: 0 0 2px 30px;
	padding: 0 0 0 0px;
	color: #888;
}
p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
	background: inherit;
	font-size:12px;
}
a {
	color: #F86622;
	f: inherit;
	text-decoration:none;
}
a:hover {
	background: inherit;
	text-decoration:underline;
}
h1 {
	padding:0;
	margin:0;
	color: #FFF;
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif;
	letter-spacing: -1px;
}
h1 a {
	color: #FFF;
	background: inherit;
}
h2 {
	color:#D89956;
	font-size:14px;
	font-weight:normal;
	margin-left:0px;
	margin-right:0;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:0px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	text-transform:uppercase;
}
h2 a {
	color: #FFFFFF;
	font-weight:normal;
}
h2 a:hover {
	color: #000000;
	text-decoration:underline;
}
fieldset {
	border: 1px solid #000000;
}
textarea.text {
	height: 150px;
	width: 90%;
	border: 1px solid #A90000;
	background: #FFF;
	color: #354D5F;
}
textarea.text:hover {
	border: 1px solid #A70000;
	background: #FFFFF4;
	color: #000;
}
input.field {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 283px;
	color: #000;
}
input.field:hover {
	border: 1px solid #68ADD5;
	background: #FFFFF4;
	color: #000;
}
input.text {
	border: 1px solid #A70000;
	margin: 0;
	width: 150px;
	background: inherit;
	color: #000;
	padding: 4px;
}
input.text:hover {
	border: 0px solid #68ADD5;
}
.date {
	color: #808080;
	background: #FFFFFF;
	text-align: right;
	margin: 4px 0 5px 0;
	padding: 0.4em 0 0 0;
	border-top: 1px solid #eee;
}
.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #f8f8f8;
	color: #000;
}
.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}
.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}
.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
/*post stylng*/
.post {
	margin:0 0 25px 0;
}
.post .info {
	padding:2px 3px 3px 8px;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:0.9em;
	color:#505050;
}
/*comment styling*/
/* Comments Styling */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	background: #ffffff;
	width: 280px;
}
#commentform textarea {
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 280px;
}
#commentform textarea:hover {
	background: #FFFFFF;
	border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
	background: #ffffff;
	border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #d6d3d3;
	width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #939793;
	width: 280px;
}
#commentform input {
	margin-bottom: 3px;
}