/*  
Theme Name: meccenandy
Theme URI: www.meccenandy.de
Description: Portfolio von Andy Mueller.
Author: Andy Mueller
Author URI: http://www.meccenandy.de
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background:#f2f2f2 url(images/background.jpg) top repeat-x; font-family:Arial; font-size:14px;}
#wrapper {width:952px; margin:auto;}

/**************** Links & formatting *********************/
a, a:link, a:visited, a:active {color:#5490fc; text-decoration:none;}
a:hover{color:#666666;}
h2.message {font-size:12px; color: #666; background-color:#EFEFEF; padding:5px 5px 5px 10px; margin-bottom:10px; font-weight:normal;}

/**************** Header *********************/
#header {height:121px; width:952px; position:relative; background:url(images/header.jpg); background-repeat:no-repeat;}
a.logo {width:348px; height:84px; margin-top:36px; float:left; display:block;}
#logo_right {width:350px; float:right;}
#impressum {height:auto; width:auto; position:relative; float:left; padding:11px 0px 0px 0px; margin-left:85px;}
a.impressum{color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
a.impressum:hover{color:#5490fc;}
#topsearch {margin-top:5px; float:right; margin-right:20px;}
.rss {width:105px; height:56px; position:absolute; bottom:0px; right:180px; display:block;}
.searchfield {padding:5px 7px 5px 7px; border:none; color:#ccc; font-family:Arial, Helvetica, sans-serif; background-color: #2e3236; font-size:12px; width:160px;}

/**************** Navigation *********************/
#naviaussen {position:absolute; width:auto; height:44px; margin-left:348px; margin-top:-21px; z-index:99;}
#nav_left {width:5px; height:44px; background:url(images/navi_l.jpg); float:left;}
#navigation{height:44px; background:url(images/navi_bg.jpg) repeat-x; float:left; width:572px;}
#menu{text-align:left;}
#menu li{display:inline;list-style:none; font-weight:bold; font-size:16px;}
.page_item a:link, .page_item a:visited{color: #fff; line-height:39px; display:block; padding:0 17px 0 17px; float:left; margin-right:0px; }
.page_item a:hover {color:#2e2e2e; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#2e2e2e; margin-right:0px; line-height:39px; padding:0 17px 0 17px; display:block; float:left; text-decoration:none;}
#nav_right {width:8px; height:44px; background:url(images/navi_r.jpg); float:left;}

/**************** Inhalt *********************/
#blog {float:left; width:645px; margin-top:20px; margin-left:20px; background:top no-repeat #fff; border:1px solid #ddd;}
.post {padding:20px 20px 20px 20px; border-bottom-style:solid; border-bottom-color:#ddd; border-bottom-width:1px;}
.post h2 {line-height:32px; margin-bottom:5px;}
.post h2 a{font-size:26px; color:#333333; letter-spacing:-1px;}
.post h2 a:hover {color:#5490fc;}
html>body .post  ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .post  li { margin: 7px 0 8px 10px; }
.post ul li:before{ content: "\00BB \0020"; }
.post img {margin:0 10px 10px 10px;}
.date {font-size:11px; color: #333333; padding: 5px 5px 0px 5px; position:relative; height:20px; background:#f2f2f2; width:auto;}
.comms { position:absolute; right:0px; top:0px;}
.comms a {font-size:11px; text-transform:uppercase; font-weight:bold; color: #fff; background:url(images/comment.gif) no-repeat; padding:10px 0 0 0px; text-align:center; display:block; height:18px; width:107px;}
.comms a:hover {color: #456127;}
.meta{background-color:#EEEFE0; border:1px solid #dbdbdb;color:#333;font-size:10px;line-height:20px;margin:10px 0px 10px;padding:2px 6px 2px 6px;text-transform:uppercase;width:445px;}
.meta a { color:#666; font-weight:bold;}
.meta a:hover {color:#000;}
.content {line-height:24px; color:#333; margin:30px 0 80px 0;}
.content p {margin:0 0 15px 0;}

/**************** rechte Seite *********************/
#sidebar {float:left; width:227px; margin-left:20px; margin-top:20px;}
#sidebar p {color:#666; line-height:20px;}
#sidebar ul li {list-style:none;}
#sidebar h2 {font-size:15px; color:#333333; margin:20px 0 10px 0; clear:both;}

.sidebar1 {float:left; width:227px; margin-bottom:20px;}
.sidebar1 h2 {background:url(images/kategorie.jpg) top repeat-x; padding-top:20px; padding-left:10px;}
.sidebar1 ul li ul li {padding:5px 0 5px 10px; font-size:12px; background:url(images/bullet.gif) left center no-repeat; margin-left:20px;}

/**************** Kommentare *********************/

alt{margin:0;padding:10px;}
.commentlist{padding:0; width:450px;}
.commentlist li{background-color:#f9f9f9; border:1px solid #ddd; list-style:none; margin:15px 0px 10px; padding:5px 5px 30px 5px;}
.commentlist li ul li{margin-left:10px;margin-right:-5px;}
.commentlist p{color:#666666;font-size:12px;margin:10px 5px 10px 0;}
.children{padding:0;}

#commentform p{margin:5px 0;}
.nocomments{margin:0;padding:0;text-align:center;}
h2#comments{clear:both;color:#333333;font-size:15px;margin:0px 0 20px 0;}
h2#respond{clear:both;color:#333333;font-size:15px;margin:20px 0 20px 0;}
.commentmetadata{background-color:#fff;color:#333;font-size:13px;margin:0;padding:3px 5px 3px 5px;}
.commentmetadata a{color:#2c3034;font-weight:bold;}
#author, #email, #url{background:#f9f9f9;border:1px solid #dbdbdb;color:#666666;font:12px Arial;margin-right:5px;padding:3px;width:12em;}
#comment{background:#f9f9f9;border:1px solid #dbdbdb;color:#666666;font:12px Arial;padding:3px;width:450px;}
#submit{font:1em Arial;margin-bottom:15px;margin-top:5px;padding:2px;}

/**************** Footer *********************/
#footer {height:155px; background:url(images/footer_bg.jpg) repeat-x;}
#footer_bg {background:url(images/footer.jpg) no-repeat; width:952px; height:155px; margin:auto;}
.copyright {font-size:11px; line-height:44px; text-align:right; color:#fff; width:932px; margin-top:111px; position:absolute;}
.copyright a{color:#5490fc;}
.copyright a:hover {color:#fff;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*******Miscellaneous*******/
.navigation {clear:both;}
.alignleft {font-weight:bold; float:left; margin:10px 0 20px 0; text-transform:uppercase; font-size:12px;}
.alignright {font-weight:bold; float:right; margin:10px 0 20px 0; text-transform:uppercase; font-size:12px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 6px 10px 6px 10px; padding-left: 10px; border-left: 2px solid #E0E55F; }
blockquote cite { margin: 5px 0 0; display: block; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #0099CC; display:block; margin-bottom:15px; }