/*  
Theme Name: 07 Bomb
Theme URI: http://www.h4x3d.com/themes/bomb
Description: <small>You can see the fading smoke, the bomb was hot... This is a white & black two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. Released under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">these Creative Commons</a> terms of use. Keep wordpress sponsorlink FREE!</small>
Version: 1.0
Author: Julian Klewes
Author URI: http://www.h4x3d.com
Created: 14:03 09.07.2007 (press F5 in notepad to enter the date, yay!)
*/

*/ bomb originally by woodsy of http://www.sxc.hu/photo/749307 - royality free */

html {
	min-height: 100%;
	height: auto;
}


* {margin: 0; padding: 0;}
body { 	font: normal 11px/14px arial, sans-serif;
	color: #2a2727;
	background: url(images/bomb.jpg) no-repeat bottom right;
	background-attachment: fixed; 
}
p {padding:.625em 0; text-align: justify; line-height: 20px;}

#login { position: absolute; bottom: 20px; right: 20px; }
#login a:link, #login a { color: black; }
#last { width: 185px; position: absolute; top: 60px; right: 20px; z-indeX: 2;}
#else { width: 185px; position: absolute; top: 165px; right: 20px; }
#last ul, #else ul { padding-left: 44px;}
#last ul li a, #else ul li a { color: black;}


.spaceme { margin: 6px; padding: 0 6px 0 6px; }
.spacemetop { margin: 6px; padding: 5px 6px 0 6px;}

#lefter { position: absolute; top: 0px; left: 0px; z-index: 1; }
#left { position: relative; top: 20px; left: 40px; float: left; width: 305px; }

#left hr { border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left; }
.pages { width: 315px; float: left; }
.pages .about { float: left; margin-right: 6px; }
.pages .contact { float: left; margin-right: 6px; }
.pages .sitemap { float: left; }

#categories { height: 100%; width: 640px; min-height: 650px; float: left; position: relative; left: 30px; background: url(images/stripes.gif) repeat-y left top; padding-left: 30px; }

#sections { height: 100%; width: 120px; min-height: 100px; float: left; position: relative; left: 50px; top: 50px; background: url(images/stripes.gif) repeat-y left top; padding-left: 30px; }

#home { position: relative; top: 60px; text-align: left; margin: 0.3em 0 1.4em 0.2em;}
#home a { color: black; }
#home a:hover { border-bottom: 25px solid #FF0551; padding-bottom: 20px;}

.themes {padding-right: 5px;}
.themes img { margin-bottom: 5px; }

#hi a, #hi a:link, #hi a:hover {
		border: 0px;
		z-index: 8;
}

.small { font-size: 90%; border-bottom: 1px solid #EEF3EC; }

.small1 { font-size: 90%; border-bottom: 1px solid #ff0551; }

u { text-decoration: none; border-bottom: 1px solid #eaeaea; }

/* wordpress */
.navigation { padding: 0.5em; }
.post, .entry { padding: 1em 1em 1em 0; font-size: 100%;
		line-height: 12px; }
.post small, .entry small { font-size: 90%; }

.post a, .post a:link, .post a:visited, .entry a, .entry a:link, .entry a:visited { color: #0f0f0f; border-bottom: 1px solid #ff0551; }

.navigation a, .navigation a:link, .navigation a:visited { color: #0f0f0f; border-bottom: 1px solid #eaeaea;}		
		
.post img, .entry img { float: right; margin-left: 10px;  border: 2px solid #baff00; vertical-align: top;}

#searchform #submit, input[type="submit"] {margin-left: 2em; background: url(images/search_bg.gif) no-repeat;border: none;width: 28px;height: 20px;font: 1px Arial, Helvetica, sans-serif;color: #fff;vertical-align: top;cursor: pointer;}

#searchform #submit:hover, input[type="submit"]:hover { background: url(images/search_bg_hover.gif) no-repeat; }
ol { margin-left: 2em; }

#searchform { width: 220px; }

	a, a:link, a:visited, a:active {
		color: #303070;
		border-bottom: 1px solid #D8D9DC;
		text-decoration: none;
	}
	a:hover {
		color: black;
		border-bottom: 2px solid #babaff;
		text-decoration: none;
	}

	img {
		border: 0;
	}

	.h1, h1 {
		display: inline;
		font-size: 16px;
		font-weight: bold;
		color: #515151;
		text-decoration: none;
	}

	.h2, h2 {
		display: inline;
		font-size: 20px;
		line-height: 18px;
		font-weight: bold;
		color: #515151;
		text-decoration: none;
	}
	.date {
	padding-top: 5px;
	font-size: 1.85em;
	width:35px;
	height:36px;
	margin-left: 0.6em;
      	text-align:center;
	position:relative;
	background: url(images/h4.gif)}

       	.month {
	position:absolute;
	bottom:3px;
	left:6px;
	font-size: 11px;
	color: #2f3233;
	text-transform:uppercase; font-weight:bold;
	}
	.month:hover {
	color: #465155;
	}	

#wp-calendar caption { padding-left: 3px; font: normal 0.9em Arial, Helvetica, Sans-Serif;text-align: left;}
#wp-calendar th { font-size: 10px; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; text-transform: capitalize; vertical-align: top;cursor: pointer;}
#wp-calendar #next a {float: right; padding-right: 0;text-align: right;}
#wp-calendar #prev a {float: right; padding-right: 5px;text-align: left;} 
#wp-calendar td {font-size: 10px; vertical-align: top; padding: 1px 0 3px 0;text-align: center; width: 26px; height: 20px; background: url(images/wpcal.gif) no-repeat; }
#wp-calendar td.pad:hover { cursor: pointer; width: 26px; height: 20px; background: url(images/wpcal-no.gif) no-repeat; }
#wp-calendar td:hover { cursor: pointer; text-decoration: none; border: 0; width: 26px; height: 20px; background: url(images/wpcal_hover.gif) no-repeat; }
#wp-calendar a:link { display: block; cursor: help; font: bold 1.1em Arial, Helvetica, Sans-Serif; color: #1f3d48; text-decoration: none; }

/* sidebar related */
#widget { width: 90%;margin: 0 10px 0 30px;
padding: 20px 0 10px 0; position: relative; top: 300px;}
#widget ul {list-style: none;margin: 0;padding: 0 0 20px 0;}
#widget li {list-style: none;margin: 0;padding: 0;}
#widget ul li {margin: 0;padding: 5px 0 0 0;}
#widget td {vertical-align: top; }

#widget .white { color: #0f0f0f; }
#widget .white a, #widget .white a:link, #widget .white a:visited { color: #EEF3EC; border-bottom: 1px solid #c1c1c1; }
#widget .dark a, #widget .dark a:link, #widget .dark a:visited { color: #515151; border-bottom: 1px solid #c1c1c1; }

#widget .white a:hover {
border-bottom: 1px solid #efefef; color: #efefef; }

#widget .dark a:hover {
border-bottom: 1px solid #3d3d3d; color: #3d3d3d; }

#widget strong { padding-left: 20px; }
#Recent { background: url(images/posts.gif) no-repeat top left; }
#Blogroll { background: url(images/links.gif) no-repeat top left; }
#Categories { background: url(images/categories.gif) no-repeat top left; }
#Archives { background: url(images/archives.gif) no-repeat top left; }
#okay { background: url(images/okay.gif) no-repeat top left; }
#alert { background: url(images/alert.gif) no-repeat top left; }
#okay span { padding-left: 20px; }

#footer { float: left; color: #0f0f0f; width: 200px; }
