/*
Theme Name: Pete-Designs
Theme URI: http://www.pete-designs.de
Description: Pete-Designs Theme
Version: 2.81
Author: Michael kirste
Author URI: http://www.pete-designs.de
Tags: black, white, liquid

Aufbau
1. Layout
2. Nav
4. Content
5. Sidebar
6. Footer
7. Spezielle Elemente
*/

* {
margin:0;
padding:0;
}

html {height:100%;}

body {
background:#fff;
color:#4c4c4c;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
height:100%;
}

img {border:none;}

/*----------Layout----------*/
div#container {
width:100%;
}
div#header {
height:110px; width:100%;
background:#1c2125 url(images/header_bg.jpg) repeat-x;
}
div#nav {
float:right;
position:relative;
right:12%;
top:-40px;
}
div#content {
width:65%;
margin:0 15% 40px 20%;
clear:right;
background:#fff;
}
ul#sidebar {
width:65%;
min-height:200px;
background:#1c2125 url(images/sidebar.png) 5% 20px no-repeat;
padding:0 15% 0 20%; 
}
ul#sidebar:hover {background:#1c2125 url(images/sidebar.png) 5% -308px no-repeat;}
div#footer {
height:60px; width:70%;
background:#252b2f;
vertical-align:bottom;
padding:0 10% 0 20%;
bottom:0px;
clear:left;
}


/*----------Navigation----------*/
#nav ul {list-style: none;position:relative;left:-6px;}
#nav ul li {float: left;}
#nav ul li a {
width: 94px; height:32px;
display: block;
float: left;
padding:8px 0 0 6px;
text-decoration: none;
color: #fff;
background:url(images/nav_bg.jpg) no-repeat bottom left;
font-weight:normal;
}
#nav ul li a span {
display: block;
color: #777a7c;
font-size:10px;
font-family:arial;
}
#nav li a:hover, #nav li.active a {background: url(images/nav_bg_hover.jpg) no-repeat bottom left;}
#nav ul li.active a:hover span, #nav ul li a:hover span {color:#b4b9bd;}


/*----------Content----------*/
div#content h1 {
font-weight:100;
font-size:22px;
text-transform:uppercase;
border-bottom:1px solid #d5d5d5;
margin:0;
font-family:georgia;
}

div#content h2 {
font-weight:100;
font-size:17px;
text-transform:uppercase;
border-bottom:1px solid #d5d5d5;
margin:50px 0 10px 0;
}

div#content h3 {
font-weight:100;
font-size:17px;
text-transform:uppercase;
border-bottom:1px solid #d5d5d5;
margin:20px 0 3px 0;
padding-right:160px;
}

div#content p {
line-height:18px;
text-align: justify;
margin:0 0 16px 0;
}

div#content br {clear:both;}

div#content blockquote {
line-height:18px;
text-align: justify;
margin:0 0 20px 0;
font-style:italic;
padding:0 0 4px 80px;
background: url(images/blockquote_bg.jpg) no-repeat 40px 6px;
}

div#content ul {
list-style-type:square;
list-style-position:inside;
margin:0 0 20px 0;
}
div#content ul li {
line-height:18px;
}

div#content dl {
line-height:26px;
}
div#content dl dt {
float:left;
width:200px;
border-top:1px solid #e6e6e6;
}
div#content dl dd {
border-top:1px solid #e6e6e6;
margin-left:200px;
}

div#content a {color:#ff6c02;text-decoration:none;}
div#content a:hover {color:#ff3e02; text-decoration:underline;}


/*----------Sidebar----------*/
ul#sidebar, ul#sidebar ul {
list-style-type:none;
line-height:18px;
}
ul#sidebar li.widget {
float:left;
margin:20px 30px 20px 0;
color:#777a7c;
}
ul#sidebar li.widget_clear {clear:left;}
ul#sidebar h2 {
font-weight:100;
text-transform:uppercase;
font-size:17px;
margin:0 0 15px 0;
}
ul#sidebar li.widget ul li, ul#sidebar li.widget div.textwidget {
font-size:10px;
}
ul#sidebar a {color:#75797c;text-decoration:none;font-weight:normal;}
ul#sidebar a:hover {color:#b4b9bd;}


/*----------Footer----------*/
div#footer p {
font-size:10px;
color:#75797c;
text-transform:uppercase;
padding:26px 0 0 0;
}
div#footer p a {text-decoration:none;color:#b4b9bd;}
div#footer p a:hover {text-decoration:underline;}


/*----------Spezielle Elemente----------*/	
img#wpstats {display:none;}
img#logo {margin:34px 0 0 20%;}
a.anker {visibility:hidden;}
div#content .syntaxhighlighter{font-size:13px!important;margin-top:-12px;}
div#content a#fotolink {background:#ff6c02;color:#fff;font-size:14px;padding:10px;margin-top:10px;display:block;width:210px;}
div#content a#fotolink:hover {background:#ff3e02;text-decoration:none;}

/*posts*/
div.post {}
a.more-link{font-weight:bold;}

/*profil*/
div#content dl.profil {margin:40px 0 0 0;}

/*service*/
div#content ul.service {margin:0 0 10px 20px;}

/*references*/
div.references {
width:100%; min-height:160px;
margin:40px 0 0 0;
background:#f2f2f2;
border:1px solid #ccc;
line-height:18px;
}
div#content div.references img {margin:5px 15px 5px 5px;float:left;border:1px solid #ccc;}
div#content div.references h2{padding:10px 10px 0 10px;margin:0;font-size:16px;;text-decoration:none;border:0;}
div#content div.references p{padding:0;margin:10px;text-decoration:none;}
div#content div.references a{font-weight:700;}