/*  
Theme Name: bLackpuzzLe 
URI: http://www.bLackpuzzLe.com
Description: Universal Super Swamp
Version: 0.1
Author: hIbus
Author URI: http://www.bLackpuzzLe.com

	I hacked the "ClearCutTheme" by miloIIIIVII - thx a lot - and forgive me the rape!
	
	Visit his sites:
	http://milo.peety-passion.com/category/themes/
	http://milo.peety-passion.com/
	
*/

body{font:75%/150% "Arial", Tahoma;color:#333;background:#fff;margin:0;padding:0 0 40px;}

p{padding:0 0 15px;margin:0;}

a{color:#900;text-decoration:none;}

a:visited{color:#cc9933;text-decoration:none;}

a:hover{color:#ff0000;text-decoration:underline;}

.row{background-color:transparent;height:30px;width:100%;margin:0 auto 20px;}

#art{ background-color:transparent; width:50%; margin:0 auto; clear:both; padding-top:10px; }

#single{ background-image:url(images/header.gif); background-repeat:no-repeat; width:100%; height:150px; margin:0 auto; background-position:right top; padding-left: 42px; }

#header{ background-image:url(images/header.gif); background-repeat:no-repeat; width:100%; height:150px; margin:0 auto; background-position:right top; padding-left: 42px; }

#header h1, h1 a{color:#333;font-size:23px;margin:0;padding:0;float:right;text-transform: lowercase;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}

#topmenu{margin:10px 0 0;padding:0 0 0 60px;z-index:5;float:left;width:800px;}

#topmenu a:link, #topmenu a:visited{ color:#333; border-bottom:2px solid #c22; }

#topmenu a:hover{text-decoration:none;}

#topmenu ul{list-style:none;margin:0 0 0 5px;padding:0;}

#topmenu ul li a:link, #topmenu ul li a:visited{display:block;line-height:11px;padding:5px 15px 2px 5px;margin:0 5px 0 0;font-size:12px;text-transform:lowercase;}

#topmenu ul li{display:block;float:left;position:relative;}

#topmenu ul li ul{display:block;position:absolute;top:auto;list-style:none;margin:0;padding:0;visibility:hidden;border-top:1px solid #fff;width:220px;}

#topmenu ul li:hover ul,#topmenu ul li.msiefix ul{visibility:visible;}

#topmenu ul li ul li{position:relative;float:none;line-height:18px;color:#ccc;font-size:10px;_height:1px;background-color:#333;}

#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a{display:block;margin:0;line-height:15px;padding:2px 0 2px 10px;color:#333;_height:1px;text-transform:none;border:0;background-color:#fff;}

#topmenu ul li ul li a:hover{background-color:#ccc;border-bottom:1px solid #fff;}

#home{ margin:0 auto; width:97%; color:#333; font-size:95%; line-height:120%; background-image: url(images/rand-mitte.png); background-repeat: repeat-y; background-position: right top; }

#content p img{border:none;margin-left:8px;margin-bottom:8px;padding:0;max-width:100%;}

.post-content p img{border:none;margin-left:8px;margin-bottom:8px;padding:0;max-width:90%;}

.col{ float:left; width:29%; margin:10px 10px 0 50px; }

.col2{float:right;width:25%;margin:10px 10px 0 20px;}

h2 { color: #333; margin: 0 0 2px; border-bottom: 1px solid #c22; letter-spacing: -1px; font: 170%/100% Arial, Tahoma; padding-bottom: 3px; }

h2 a, h2 a:visited{color:#900;text-decoration:none;}

h2 a:hover{color:#ff0000;text-decoration:none;}

h3{font:normal 140%/100% "Arial", Tahoma;color:#900;margin:10px 0 5px;}

h4{font:normal 130%/100% "Arial", Tahoma;color:#333;margin:10px 0 5px;}

form {margin:0;padding:0;}

#page{ background-image: url(images/ornament.png); background-repeat: repeat-y; background-position: 0 0; margin:0 auto; width:80%; }

#content{ background-image: url(images/rand.png); background-repeat: repeat-y; background-position: right top; float:right; width:60%; margin-right: -20px; padding: 10px 20px 30px 13px; }

acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em;}

blockquote, blockquote cite{margin:0 5px 0 0;padding:10px 10px 10px 10px;background:#ccc;color:#000; font-size:0.9em;border-left:4px solid #333;}

blockquote cite{display:block;}

.post{ clear:both; padding-top:10px; }

.post-date{width:45px;height:49px;float:left;}/*background:url(images/date.gif) no-repeat;}*/

.post-month{font-size:11px;text-transform:uppercase;color:#000;text-align:center;display:block;line-height:11px;padding-top:2px;margin-left:-3px;}

.post-day{font-size:21px;font-weight:bold;text-transform:uppercase;color:#000;text-align:center;display:block;line-height:21px;padding-top:7px;margin-left:-3px;}

.entry{ width:100%; float: left; }

.post-cat{ background:url(images/cat.gif) no-repeat left center; padding-left:20px; float:left; font-size:95%; color:#999; margin-left: 10px; }

.post-comments{background:url(images/com.gif) no-repeat left center;padding-left:20px;float:right;font-size:95%;}

.post-calendar{background: url(images/cal.gif) no-repeat left center;padding-left:20px;float:right;font-size: 95%;color:#999;}

.post-content{ clear:both; padding-top:10px; min-height:350px;}
.post-content-gb{ clear:both; padding-top:10px;}

.navigation{clear:both;padding:10px 0;}

.navigation a, .navigation a:visited{color:#900;}

.previous-entries{float:left;padding-left:18px;background:url(images/navl.gif) no-repeat left center;}

.next-entries{float:right;padding-right:18px;background:url(images/navr.gif) no-repeat right center;}

#sidebar li a, #footer li a, #home li a{display:block;color:#888;}

#sidebar li a:hover, #footer li a:hover, #home li a:hover{background:#ccc;color:#333;text-decoration:none;}

#sidebar a img{border:none;}

#comments, #respond{border-bottom:3px solid #ccc;padding-bottom:5px;}

.commentlist{margin:10px 0;padding-left:20px;line-height:130%;<?php if (is_single(89)) echo"list-style-type:none;"; ?>}

.commentlist li{padding: 5px 10px;}

.commentlist .alt{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.commentlist cite, .commentlist cite a, .commentlist cite a:visited{font-weight:bold;font-style:normal;font-size: 120%;color:#333;}

.commentlist small{margin-bottom:5px;display:block;font-size:87%;}

#commentform {margin-top:10px;font:110% Arial, Helvetica, sans-serif;}

#commentform p {padding:6px 0;margin:0;}

#commentform label{color:#787878;font-size:87%;}

#commentform input{width:50%;background:#fff;border:solid 1px #ccc;padding:3px;margin-top:3px;}

#commentform textarea{width:80%;height:115px;background:#fff;border:solid 1px #ccc;padding: 2px;margin-top:3px;}

#commentform textarea:focus, #commentform input[type="text"]:focus{background:#fff;}

#commentform #submit{background:url(images/bg.gif) no-repeat;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;border:none;float:left;width:78px;height:28px;cursor:pointer;}

#sidebar{ background-image: url(images/blut1.png); background-repeat: no-repeat; background-position: right top; float:left; width:25%; margin-left: 60px; padding-top: 0; padding-right: 10px; padding-bottom: 20px; list-style-type: none; list-style-image: none; }

.col #sidebar{ float:left; padding:0 10px 20px 20px; width:100%; margin-left: -20px; list-style-type: none; list-style-image: none; }

#sidebar ul li{list-style-type: none;list-style-image:url(images/lilie.png);}

#searchform{ width:100%; padding:5px; float:left; }

#searchform #s{border:1px solid #000;width:65px;height:22px;padding:2px 5px 0;border:solid 1px #000;vertical-align:middle;}

#searchform #searchsubmit{background:url(images/search.gif) no-repeat;border: none;width:48px;height:24px;font:bold 12px Arial, Helvetica, sans-serif;color: #fff;vertical-align: middle;cursor:pointer;}

#sidebar h2{font:bold 140% Arial, Tahoma;color:#333;margin:10px 0 5px 10px;}

#sidebar #linkcat-2 ul li {list-style-type: none;list-style-image:none;}
#sidebar #linkcat-34 ul li {list-style-type: none;list-style-image:none; margin-left:-25px;}

.ul-cat{list-style:none;margin:0 0 15px;padding:0;border-bottom:1px solid #ccc;}

.ul-cat li{margin:0;padding:2px 0 2px 20px;border-top:1px solid #ccc;background:url(images/cat.gif) no-repeat left center;}

.ul-cat li a, .ul-cat li a:visited{color:#333;text-decoration:none;}

.ul-cat li a:hover{color:#ccc;text-decoration:none;}

.ul-archives{list-style:none;margin:0 0 15px;padding:0;border-bottom:1px solid #c22;}

.ul-archives li{margin:0;padding:2px 0 2px 30px;border-top:1px solid #c22;background: url(images/lilie.png) no-repeat left center;}

.ul-archives li a, .ul-archives li a:visited{color:#333;text-decoration:none;}

.ul-archives li a:hover{color:#ccc;text-decoration:none;}

.recent-posts{list-style:none;margin:0 0 15px;padding:0;border-bottom:1px solid #ccc;}

.recent-posts li{background: url(images/fpost.gif) no-repeat;border-top:1px solid #ccc;padding: 2px 0 2px 20px;margin:0;}

.recent-posts li a, .recent-posts li a:visited{color:#333;text-decoration:none;}

.recent-posts li a:hover{color:#ccc;text-decoration:none;}

.ul-blogroll{list-style:none;margin:0 0 15px;padding:0;}

.ul-blogroll li{margin: 0;padding: 2px 0 2px 20px;background:url(images/li.gif) no-repeat left center;}

.ul-blogroll li a, .ul-blogroll li a:visited{color: #333;text-decoration:none;}

.ul-blogroll li a:hover{color:#900;text-decoration:none;}

/*** hack: no border ***/
#footer{ clear:both; background-image:url(images/footer.png); color:#333; font-size:95%; line-height:130%; background-repeat: no-repeat; background-position: right top; height: 136px; margin-right: -42px; }

#footer a, #footer a:visited{color:#333;}

.ul-roll{list-style:none;margin:0 0 15px;padding:0;font-size:115%;line-height:130%;font-weight:bold;}

.ul-roll li{margin:0;padding:2px 0 2px 20px;background:url(images/li.gif) no-repeat left center;}

#.ul-roll li a, .ul-roll li a:visited{color:#333;text-decoration:none;}

.ul-roll li a:visiteda:hover{text-decoration:none;}

#footer h4{font:normal 146%/100% "Arial", Tahoma;color:#333;margin:10px 0 5px;}

.recently-commented{list-style:none;margin:0;padding:0;font-size:92%;line-height:110%;}

.recently-commented li{background:url(images/fooco.gif) no-repeat;padding:0 0 10px 20px;}

.recently-commented a{font-size:115%;line-height:130%;font-weight:bold;}

#credits{ margin:-20px 20px 0 auto; width:80%; color:#333; font-size:85%; line-height:120%; float: right; }

#credits a, #credit a:visited{color:#333;}

.rss{background:url(images/rss.gif) no-repeat left center;padding-left:18px;padding-bottom:2px;margin-left:8px;}

.center{text-align:center;}

.alignleft{ margin: 5px; }

.alignright{ float:right; margin-top: 5px; }

.clear{clear:both;}

hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}

#wp-calendar{text-align:center;margin:0;width:95%;}

#wp-calendar td{line-height:10px;font-size:10px;color:#333;}

#wp-calendar td a{display:block;color:#900;text-decoration:none;line-height:10px;border:1px solid #900;}

#wp-calendar #prev a{width:30px;}

#wp-calendar #next a{width:30px;margin:0 0 0 30px;}

#wp-calendar #today{background:#900;color:#fff;}

#wp-calendar #today a{color:#fff;font-weight:700;}

#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;text-transform:lowercase;}

#search{border-top:1px solid #c22;padding-top:10px;}

#menuhome a:hover{background:#ccc;}

.ornament{ text-align: left; width: 100%; margin-left: -42px; padding-top: -80px; }

.alignnone { margin:5px; text-align: left; }

.alignrec { border: 2px solid #000; }