/*  
Theme Name: mhGrafix
Theme URI: http://www.mhgrafix.com
Description: Theme für das Weblog auf mhgrafix.com.
Version: 1.0
Author: mhGrafix || Mike Haufe
Author URI: http://mhgrafix.com/
*/
*{	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	text-decoration:none;
	outline:0;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul, li {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* **************************************************************** */
hr, #logo img, #searchsubmit {display:none;}
body {
	background: #F7F7F2;
	color:#000000;
	font: 80%/1.4em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}
#wrapper, #headerwrap {
	clear:both;
	overflow:hidden;
	text-align: left; /* be nice to IE */
	margin: 0 auto;
	width: 785px;  
}
#headerbg {
	width:100%;
	background: #F7F7F2 url(images/bg-body.jpg) repeat-x;
	}
	
#header {
	position:relative;
	float:left;
	overflow:hidden;
	height:164px;
	width:541px;
	background: transparent url(images/header-bg-01.jpg) no-repeat;
	}
#logo {
	position:absolute;
	left:24px;	
	background:transparent url(images/logo.jpg) no-repeat;
}
#logo a, #logo a:hover {
	width:193px;
	height:82px;
	display:block;
	outline:0;	
	background:transparent url(images/logo.jpg) no-repeat;
	}
#headernavi{
	position:absolute;
	right:5px;
	bottom:5px;
	}

#headernavi li {
	float:left;
	color: #000000;
	background: #E3E7E8 url(images/bg-headernav.jpg) repeat-x bottom;
	margin-right:2px;
	}


#headernavi li a, #headernavi li a:visited {
	text-align:center;
	color: #000000;	
	padding:3px 15px;	
	display:block;
	}
#headernavi li a:hover {
	background:#FFFFFF;	
	padding:3px 15px;
	}
#headernavi li.active {background:#FFFFFF;}

#sideheader {
	float:right;
	overflow:hidden;
	height:164px;
	width:244px;
	background: transparent url(images/bg-sideheader.jpg) no-repeat;
	}
#sideheader h2 {margin-left:100px; margin-top:80px; margin-bottom:0; padding:0; font-size:1em; font-weight:bold; color:#E2E6E7;}
#sideheader ul {margin-left:100px; padding:0; }
#sideheader li,  #sideheader li a:link, #sideheader li a:visited { font-size:0.95em; color:#E2E6E7;}
#sideheader li a:hover { color:#ffffff; text-decoration:underline; background:0;}


#contentwrap {
	clear:both;
	overflow:hidden;
	width:100%;
	background:transparent url(images/bg-content.jpg) repeat-y;
	padding-left:5px;
	padding-top:20px;}
#content {
	float:left;
	overflow:hidden;
	width:531px;
	padding-bottom:20px;
	}

a, a:visited {color:#0059AC;}
a:hover{background-color:#C4CED8;}
#content p a:link, #content p a:visited, .entry li a:link, .entry li a:visited {border-bottom: 1px dotted #0059AC;}
p {padding-bottom:1em;}

input, select, textarea {padding:4px; background:#F7F9F9; border:1px solid #C2CDD7; font-family:Verdana, Arial, Helvetica, sans-serif;}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {border:1px solid #123D64;}

/* Teaser ************************************/	
#teaserwrap {
	width:100%; 
	background:#B8B7B4;
	padding: 5px 0;
	margin-bottom:20px;}
#teaser {
	width:490px; 
	background:#E6E6E5 url(images/bg-teaser.jpg) no-repeat;
	padding:20px;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;}

#teaser h1 {
	color:#787878;
	padding-right:30px;
	margin-top:-5px;
}
#teaser ul.thumbs {float:left; width:170px; margin-top:0.4em;}
#teaser ul.thumbs li {float:left; margin:0 10px 10px 0;}
#teaser li img,
#teaser li a img,
#teaser li a:visited img {padding:2px; border:5px solid #B8B7B4;}
#teaser li a:hover img {border:5px solid #123D64;}	
#teaser ul.leistungen {float:left; width:310px; padding-bottom:0.5em;}
#teaser ul.leistungen li{padding-left: 17px; background:transparent url(images/teaserbullet.gif) 0 6px no-repeat ; padding-bottom:0.4em;}
#teaser p {padding-bottom:0.5em;}
.light, .light a, .light a:visited {color:#C4CED8;}
.light a:hover {color:#FFFFFF;}

h2.light {padding:0 20px 20px;}

/* posts ********************************************/
.post{ padding-bottom:20px;}

.entry{ padding:0 20px;}
.entry img {border:1px solid #B8B7B4; display:block; padding:3px;}
.entry img.left {float:left; margin:0 10px 10px 0;}
.entry img.right {float:right; margin:0 0 10px 10px;}

.entry ul {padding:0.7em;}
.entry li {background:transparent url(images/sidebarbullet.gif) no-repeat 2px 6px; padding-left:19px; padding-bottom:5px;}

.portfolio ul.thumbs {padding:10px 0 60px 0;}
.portfolio ul.thumbs li {float:left; margin:0 10px 10px 0; background:none; padding:0;}
.portfolio li img,
.portfolio li a img,
.portfolio li a:visited img {padding:2px; border:5px solid #B8B7B4;}
.portfolio li a:hover img {border:5px solid #123D64;}	


div.meta {width:490px; margin-bottom:1.5em; color:#7A7B7B; padding:10px 20px; font-size:0.85em; background:#F4F6F6; border-top:1px solid #C2CDD7; border-bottom:1px solid #C2CDD7;}
.meta p {padding:0;}
.lightmeta {margin:-10px 0 0 0;}
.lightmeta, #content .entry p.lightmeta a {color:#949EA9; border-color:#949EA9;}
#content .entry p.lightmeta a:hover {color:#FFFFFF; border:none;}

.entry #searchform input {width:50%; font-size:1em; }


.line {border-bottom: 1px solid #C4CED8; }

img.noborder {border:none;}
.clear {clear:both;}

p.nextpost{font-size:0.85em; float:left; width:230px; padding-left:20px; padding-right:5px;}
p.prevpost{font-size:0.85em; float:right; width:230px; padding-left:5px; padding-right:20px; text-align:right;}


h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	text-align: left;		
	color:#123D64;
	line-height: normal;}


h1 {font-size: 2.1em; padding-bottom: 0.5em; }
h2 { font-size: 1.8em; padding-bottom: 0.5em; }
h3 { font-size: 1.5em; padding-bottom: 0.5em; }
	
pre {width:95%; padding-left:30px; margin-bottom:1em; overflow:auto;}
code {font-size: 0.9em; font-family:"Courier New", Courier, mono; color:#1C609D; background:#F4F6F6; line-height:1.5em}
code:hover, code:focus {color:#123D64;}


/* sidebar ********************************************************/

#sidebar {
	float:right;
	width:244px;
	font-size:0.85em;
	line-height:1.3em;
} 
#sidebar h2 { 
	font-size:1.55em; 
	background:transparent url(images/bg-sb-underline.gif) repeat-x 0 bottom;
	color:#02305A; 
	padding:0; 
	margin-bottom:0.3em;}
#sidebar h3, #sidebar h3 a, #sidebar h3 a:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.0em; 
	color:#02305A; 
	padding:0;
	}
#sidebar input, #sidebar select {width:220px; margin-bottom:0.7em;}

#sidebar ul {padding-bottom:0.7em;}
#sidebar li {background:transparent url(images/sidebarbullet.gif) no-repeat 2px 6px;}
#sidebar li a{
	width:220px;
	padding:3px 0px 3px 19px; 
	display:block;
	color:#03090F;}
#sidebar li a:hover {background:#D5DBDD url(images/sidebarbullet-h.gif) no-repeat 2px 6px;}

#sidebar .feed li{background:none; margin-bottom:3px;}
#sidebar .feed li span{font-weight:bold; color:#02305A;}
#sidebar .feed li a, #sidebar .feed li a{ padding:3px;  display:block; color:#03090F;}
#sidebar .feed li a:hover{display:block; color:#03090F; background:#D5DBDD;}

#sidebar ul#tagcloud {margin:0; text-align:center; padding-left:0;}
#sidebar ul#tagcloud li { display:inline; font-size:70%; color:#000000; background: none; padding: 0;}
#sidebar ul#tagcloud li a, #sidebar ul#tagcloud li a:visited { display:inline; padding:0;}
#sidebar ul#tagcloud li a:hover { background-image:none; }
#sidebar ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
#sidebar ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
#sidebar ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
#sidebar ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
#sidebar ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
#sidebar ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
#sidebar ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
#sidebar ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
#sidebar ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
#sidebar ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

/* portfolio */
.breadcrumb {margin: 0 0 10px 20px; font-weight:bold;}
.breadcrumb, .breadcrumb a, .breadcrumb a:visited {color:#C4CED8;}
.breadcrumb a:hover {color:#FFFFFF;}

span.post-meta-key {font-weight:bold; display:block;}
#sidebar ul.post-meta li{padding-bottom:1em; background:0;}
#sidebar li.page_item a:visited{background:transparent url(images/sidebarbullet-visited.gif) no-repeat 2px 6px;}
#sidebar li.page_item a:hover{background:#D5DBDD url(images/sidebarbullet-h.gif) no-repeat 2px 6px;}
#sidebar li.page_item a:visited:hover{background:#D5DBDD url(images/sidebarbullet-visited-h.gif) no-repeat 2px 6px;}
#sidebar li.current_page_item a{background:#D5DBDD url(images/sidebarbullet-h.gif) no-repeat 2px 6px;}

#myGallery { margin-bottom: 2em; border:1px solid #5D5D5D; }


/* Kommentare *******************************************************/
#comments h3, #comments form {padding-left:20px;}
#comments form {padding-bottom:30px;}
#comments label {color:#123D64; font-weight:bold; cursor:pointer; display:block; padding-top:10px;}
#comments textarea {width:480px; font-size:1em;}
#comments input {margin-right:20px; width:300px;}
#comments input#submit {width:auto; text-align:center;}

ul.commentlist {padding-bottom:20px;}
ul.commentlist li {padding:5px 20px 5px 20px; border-bottom:1px solid #D5DBDD; font-size:0.9em;}
ul.commentlist li p{padding:5px 0 0 0;}
ul.commentlist li.author {background:#DDE2E4;}
ul.commentlist li cite, ul.commentlist li cite a:link, ul.commentlist li cite a:visited {font-weight:bold; color:#123D64; font-style:normal;}

#footer {
	clear:both;
	background: transparent url(images/bg-footer.jpg) no-repeat;
	width:100%;
	height:100px;
}
#footer p {width:470px; float:left; color:#D3D3D3; padding:7px 20px; font-size:0.75em; line-height:normal; background:none; text-align:center;}
#footer p a, #footer p a:link {color:#D3D3D3; border-bottom:1px dotted #D3D3D3;}
#footer p a:hover {color:#FFFFFF; border-bottom:1px dotted #FFFFFF; background:none;}
#footer p.projekte {color:#7B7B79; text-align:left; float:right; width:220px; }
#footer p.projekte a, #footer p.projekte a:link {color:#7B7B79; border-bottom:1px dotted #7B7B79;}




#sidebar li.rsspicHome{
padding:0;
	position:relative;
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin-right: 7px;
	margin-bottom: 7px;
	border: 4px solid #E3E3E3;
	background:#FFFFFF;
	text-align:center;
}
	

#sidebar li.rsspicHome img {
	position: absolute;
top:50%;
	margin-top:-37px; 
	width: auto;
	height: 74px;
padding:0;
	}

#sidebar li.rsspicHome a, li.rsspicHome a:link{background-image:none; padding:0;}