/*
Theme Name: bw_design
Theme URI: http://bw-design.org/
Description: Birgit Winklhofer Design
Version: 1.0
Author: Birgit Winklhofer
Author URI: http://bw-design.org/
*/

/* MENU ---------------------------------------------------------------------*/
#menu {
width : 410px;
display : inline;
float : left;
background : url(/img/navi_oben.png);
}
ul#nav {
list-style-type:none;
padding-left : 20px;
text-transform : lowercase;
font : bold 14px Arial, Helvetica, sans-serif;
text-indent: 8px;
}
ul#nav li {
padding : 7px 10px 7px 6px;
list-style-type : none;
background :  url(/img/pfeil_3.png) no-repeat left center;
float : left;
}
ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
text-decoration : none;
color : #fff;
background : none;
}
ul#nav li a:hover {
text-decoration : underline;
}

/* LAYOUT -------------------------------------------------------------------*/
body {
background :  #FF9933 url(/img/higru_gross.jpg) fixed center top; margin: 0;
}
* {
margin : 0;
padding : 0;
}
#container {
margin : 0 auto;
width : 410px;
background : #fff;
}
#header {
height : 168px;
display : inline;
float : left;
width : 410px;
background : #6699CC url(/img/oben_bwd.jpg);
}
#top_content {
display : inline;
float : left;
width : 410px;
background : #fff;
}
#top_content_grau {
display : inline;
float : left;
width : 410px;
background : #EEEEED;
border-bottom: 2px dotted #686868;
}
.post {
padding : 4px 20px 0;
display : inline;
float: left;
color : #686868;
width : 370px;
font : 12px/16px arial, helvetica, sans-serif;
text-align : justify;
}
.post p {
margin-top: 0;
margin-bottom: 10px;
}
.post img{
border : 4px solid #C0C0C0;
}
.post a:hover img{
border : 4px solid #686868;
}
.post h1 {
padding : 10px 0 10px;
color : #FF9933;
font-weight : bold;
font-size : 22px;
}
.post h2 {
padding : 0 0 5px 0;
margin: 0px;
color : #FF9933;
font-weight : bold;
font-size : 14px;
}
.post b {
color : #666666;
font-weight : bold;
font-size : 13px;
}
.post a:link, a:visited, a:hover, a:active{
text-decoration: underline;
color: #FF9933;
}
ul#logo li a{
display: inline;
text-decoration: none;
width: 60px;
list-style-type : none;
}
ul#logo .left{
float: left;
list-style-type : none;
margin-bottom: 10px;
}
ul#logo .right{
float: right;
list-style-type : none;
margin-bottom: 10px;
}
.floatleft{
float: left;
margin: 0 10px 0 0;
}
#footer {
padding : 0px;
width: 410px;
display : inline;
float : left;
height : 77px;
background : #6699CC url(/img/bottom.jpg) no-repeat left;
margin: 0px;
} 
.textfooter {
padding : 4px 20px 0;
display : inline;
float: left;
font-weight : bold;
color : #686868;
width : 370px;
font : 12px arial, helvetica, sans-serif;
text-align : justify;
}
.textfooter p {
margin-top: 30px;
}

/* POST META ----------------------------------------------------------------*/
span.bubble {
	padding-left: 25px;
	background: url(/img/bubble.jpg) no-repeat left center;
	text-decoration : underline;
}
span.blatt {
	padding: 0 0 0 20px;
	background: url(/img/blatt.jpg) no-repeat left center;
}
.postmeta {
	color: #FF9933;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
.postmeta a:link, .postmeta a:visited, .postmeta a:active {
	text-decoration: none;
	color: #FF9933;
}
.postmeta a:hover {
	background: #FF9933;
	color: #ffffff;
}
/* FLICKR -------------------------------------------------------------------*/
#flickr {
display : inline;
float : left;
padding-left : 20px;
padding-top : 5px;
width : 390px;
background : url(/img/bg_flickr.jpg);
}
div#flickr img {
border : 3px solid #C0C0C0;
width : 171px;
height : 60px;
margin : 0 15px 15px 0;
float : left;
}
div#flickr a:hover img {
border : 3px solid #FF9933;
}
#flickr h1 {
margin : 5px 0 8px;
color : #fff;
font : 16px arial, helvetica, sans-serif;
font-weight : bold;
}
/* VARIOUS CLASSES ------------------------------------------------------------*/
.clear {
clear : both;
}
/* KOMMENTARE ------------------------------------------------------------*/
#dwncontent {
padding: 20px 0;
display: inline;
float: left;
font : 12px/16px arial, helvetica, sans-serif;
color : #686868;
width: 410px;
background: #EEEEED;
border-top: 2px dotted #686868;
}
#commentsinfo {
padding: 0 20px;
display: inline;
float: left;
width: 370px;
}
#commentsinfo h1{
color : #FF9933;
font-size : 18px;
padding-bottom: 15px;
}
.commentlist ol, .commentlist ol li{
	list-style-type: none;
}

.commentlist ol{
	margin: 0 0 10px 0;
}

.commentlist ol li{
	margin-bottom: 8px;
	border: 1px solid #e0e0e0;
	padding: 10px;
	font-size: 11px;
	background: #FFCC99;
	color: #6f6f6f;
}
span.comment-author {
font-size: 14px;
font-weight: bolder;
color: #FF9933;
}
span.comment-date {
color: #6f6f6f;
}
/* KOMMENTARFORMULAR ------------------------------------------------------------*/
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #FFCC99;
border: 1px solid #e0e0e0;
color: #444;
margin: 2px;
}
#commentform textarea {
width: 368px;
}
/* KONTAKTFORMULAR ------------------------------------------------------------*/
#contactform input,
#contactform textarea {
background: #EEEEED;
border: 1px solid #bbb;
color: #4c4c4c;
}
.contactleft {
margin : 0 10px 10px 0;;
}
#contactform textarea {
width: 350px;
}