/*
Theme Name: Fressnet
Description: Fressnet Wordpress Theme created by Nicolai Schwarz.
Version: 1.0
Author: Nicolai Schwarz
Author URI: http://www.textformer.de/
*/


/* Grundlegendes Reset */

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, div { margin: 0; padding: 0; border: 0; }


/* Hauptelemente ----------------------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #aa2222 url(images/55original.gif);
	color: #FFF
}



#container{
	margin: 0 auto;
	width: 930px;
	padding: 10px 0 0 0;
}



#header {
        position: relative;
	margin: 0 0 5px 0;
	width: 930px;
	height: 280px;
	background: transparent url(images/header-fressnet.jpg) 0 0 no-repeat;
}



.pagewrapper{
	margin: 0px 0 10px 0;
	float: left;
	width: 930px;
	background-color: #fff;
	color: #333;
}



.page{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 920px;
        background: #fff url(images/sidebar-blau.gif) top right repeat-y;
}



.wrapper { float: left; width: 500px; }

/* This wrapper class appears only on Page and Single Post pages. */



.narrowcolumnwrapper{
	margin: 10px 0 0 0;
	float: left;
	width: 500px;
	margin-right: 15px;
}



.narrowcolumn{
	width: 500px;
}



.content{
	width: 500px;
}



#nebenspalten { float: left; width: 385px; margin: 0; padding: 10px; }





/* Header ----------------------------------------------------------------------------------------------------------- */



#pagetitle { position: absolute; top: 20px; left: 0; }

#pagetitle h1 { display: inline; }

#pagetitle h1 a { padding: 5px 10px; background-color: #aa2222; text-decoration: none; color: #fff; }

#pagetitle h1 a:hover { text-decoration: none; }



#menu {	display: block; position: relative; top: 255px; left: 0; width: 930px; height: 25px; background-color: #fff; }

#menu ul { float: left; margin: 0; padding: 0; list-style: none; background-color: transparent; }

#menu ul li { float: left; margin: 0; font-size: 14px; font-weight: bold; color: #aa2222; background: transparent url(images/bg_tab_right.gif) bottom left repeat-y; display: inline; }

#menu ul li a { float: left; display: block; padding: 5px 10px; height: 15px; border-right: 1px solid #a7a7a7; text-decoration: none; color: #aa2222; }

#menu ul li a:hover { text-decoration: none; }



#syndication { float: left; padding: 5px 10px; color: #999; }
#syndication a { color: #666; text-decoration: none;}
#syndication a:hover { color: #000; text-decoration: underline;}
#syndication a.feed { padding: 0 0 0 20px; background: url(images/feed_icon.png) no-repeat 0 1px; }



#searchbox { float: right; padding: 2px 10px 2px 2px; height: 21px; background-color: #fff; }
#searchbox input#s { border: 1px solid #ddd; height: 13px; padding: 3px; background: #fff; }
#searchbox input#searchsubmit { padding: 0px 2px; height: 21px; }





/* Typografie ----------------------------------------------------------------------------------------------------------- */

select {width: 175px;}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 16px; }

a { text-decoration: underline; color: #aa2222; }
a:hover { text-decoration: none; }
a img { border: 0; }

abbr, acronym { border: 0; }

address, dl, p { padding: 10px 0 0; }

code{ background: #f9f9f9; }
dt { font-weight: bold; }
dd { padding: 0 0 5px 15px; }

hr {
	clear: both;
	margin: 15px 0 5px;
	width: 100%;
	border: 0;
	height: 1px;
	text-align: left;
	background: url(bg_comment_bottom.gif) no-repeat;
}

small { font-size: 10px; }

#container, #header, #menu, #menu ul li, #menu ul li a, #pagetitle, h1, #syndication, .pagewrapper, .page, .wrapper, .narrowcolumnwrapper, .narrowcolumn, .content, .post, .entry, .browse, sidebar{
	text-align: left;
	vertical-align: top;
}


/* Typografie Blog-Eintrag ----------------------------------------------------------------------------------------------------------- */

.post { padding: 9px 16px 15px; line-height: 18px; margin-bottom: 20px; }

.post h2 { padding: 0 0 2px 0; font-size: 16px; font-weight: bold; line-height: 27px; }
.post h2 a { text-decoration: underline; color: #0A3B74; }
.post h2 a:hover { text-decoration: none; color: #0A3B74; }

.post img.wp-smiley { padding: 0; border: 0; background: none; }


.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 9px 0 0; }
.entry h1 { font-size: 20px; line-height: 30px; }
.entry h2 { line-height: 18px; }
.entry h3 { font-size: 14px; }
.entry h4 { font-size: 12px; }
.entry h5 { font-size: 11px; }
.entry h6 { font-size: 10px; }

.entry p { padding: 0; margin: 0 0 1em 0; }

.entry blockquote { margin: 15px 0; background: #fff url(images/blockquote.gif) no-repeat 15px 10px; color: #666; }

.entry blockquote p { padding: 0 10px 0 35px; }
.entry blockquote blockquote { margin: 10px 20px; background: #fff; color: #333; }
.entry blockquote blockquote p { padding: 10px; }


.postinfo { font-size: 11px; color: #999; }
.postinfo a { color: #aa2222; }
.postdate { color: #a12a2a; }

.browse { border-top: 1px solid #bdbdbd; padding: 15px 16px; line-height: 18px; }


/* Kommentare ----------------------------------------------------------------------------------------------------------- */


.post h3#comments, .post h3#respond { line-height: 27px; color: #0A3B74; }

.post h3#respond { color: #333; }

ol.commentlist { margin: 0 0 11px; padding:0; list-style: none; }
ol.commentlist li { padding: 13px 0; background: url(bg_comment_bottom.gif) no-repeat left bottom; clear: both; margin-bottom: 15px; }
ol.commentlist li .commentmetadata { font-size: 11px; color: #546477; }
ol.commentlist li .commentmetadata a { color: #546477; }

form#commentform small { font-size: 11px; }



/* Formulare
----------------------------------------------------------------------------------------------------------- */

input, textarea { font-family: Arial, Helvetica, Georgia, sans-serif; font-size: 12px; padding: 2px; }

input#author, input#email, input#url, textarea#comment { border: 1px solid #0A3B74; background-color:  #e9edf2; padding: 5px; }

input#author, input#email, input#url { margin: 0 5px 0 0; }

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus { background-color: #fff; }



/* Nebenspalten ----------------------------------------------------------------------------------------------------------- */

#nebenspalten h2 { color: #0A3B74; margin: 0 0 10px 0; }

#nebenspalten .werbung { width: 385px; border-bottom: 1px solid #0A3B74; margin: 10px 0 20px 0; padding: 0 0 20px 0; }
#nebenspalten .werbung .widget_text {width: 385px; }
#nebenspalten .werbung img { float: left; margin: 0 5px 0 0; }
#nebenspalten .werbung img.last {margin: 0; }

#nebenspalten .clear { clear: both; }

#nebenspalten .block { width: 180px; }
#nebenspalten .links { float: left; }
#nebenspalten .rechts{ float: right; }

#nebenspalten .block .widget { border-bottom: 1px solid #0A3B74; margin: 0 0 20px 0; padding: 0 0 20px 0; }
#nebenspalten .block ul { list-style: none; margin: 0 0 10px 0; padding: 0;}
#nebenspalten .block ul li { margin: 0 0 5px 0; padding: 0; }


/* Foooter ----------------------------------------------------------------------------------------------------------- */

#footer { padding: 5px; margin-bottom: 10px; background-color: #efaa29; text-align: center }
#footer a img { margin-bottom: -2px; }
