/*  
Theme Name: 06 Cityscape/Sign
Theme URI: http://www.h4x3d.com/themes/sign
Description: <small>No sign in sight in this theme featuring a cityscape shot. This is a white & black two-column widget-ready theme by <a href="http://www.h4x3d.com">Julian Klewes</a> with plenty of time spent on the backgrounds. Choose your favorite cityscape. Read the css for more info. 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: 16:05 06.07.2007 (press F5 in notepad to enter the date, yay!)
*/

/* In case you do not like cityscape2.gif, try out cityscape.gif an alternative background.
I have the permission to use both cityscapes from their original artists: justin koenig and kristin smith. Thanks a lot again! 
*/

/* I followed this tutorial: http://www.photoshoplab.com/brushes-as-stencils.html to get the cityscape the way it is now... it is always a good idea to learn something new - in the end it only matters what you make out of it!
*/

html {
	min-height: 100%;
	height: auto;
}


* {margin: 0; padding: 0;}
body { 	
	font: 14px/16px  "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
	background: url(images/backgroundtemp2.jpg) no-repeat bottom right #000000;
	background-attachment: fixed; 
}
p {padding:.625em 0; text-align: justify; line-height: 20px;}
#overall {width: 100% auto; margin: 0 auto;}
.col {
	width: 225px; 
	float: left; 
	padding: 56px;
	padding-bottom: 0px;
	_padding-bottom: 56px;
	height: 100%;
	line-height: 1.5em;
	background: #000;
	display: block;
	/* position: absolute; */
	z-index: 2;
	}
.col0 {width: 542px; padding: 0; float: left; border-right: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; }	

.CCsilhouette {float: left; clear: left; margin-left: 0px;}
.CCsilhouette span {position: absolute;}

.preImageBuffer {height: 9em; width: 1px;}
/*
#leftCol { margin: 0 2px 0 3.4em;  background: url(images/left.png) repeat; }
*/
.spaceme { margin: 6px; padding: 0 6px 0 6px; }
.spacemetop { margin: 6px; padding: 5px 6px 0 6px;}

#rightCol {margin: 0 0.2em 3.4em 0.2em; background: url(images/right.png) repeat;}
#lefter { position: absolute; top: 0px; left: 0px; z-index: 1; }


#home { text-align: left; margin: 0.3em 0 1.4em 0.2em;}
#home a { color: red; }

.themes {padding-right: 5px;}
.themes img { margin-bottom: 5px; }

#hi a, #hi a:link, #hi a:hover {
		border: 0px;
}

.small { font-size: 90%; color: white ;  border-bottom: 1px solid #ffffff;  }

.small1 { font-size: 90% ; color: white ; border-bottom: 1px solid #ff0551; }


u { text-decoration: none; border-bottom: 1px solid #eaeaea; }

/* wordpress */
.navigation { padding: 0.5em; }
.post, .entry { padding: 2em; font-size: 90%;
		line-height: 12px;
		/*text-transform: uppercase;*/ }

.post a, .post a:link, .post a:visited, .entry a, .entry a:link, .entry a:visited { color: #1354A8; border-bottom: 0px solid gree; }

.post a:hover, .entry a:hover { color: white; border-bottom: 1px solid #ff0551;}

.navigation a, .navigation a:link, .navigation a:visited { color: #0f0f0f; border-bottom: 0px solid #eaeaea;}		
		
.post img, .entry img { float: none; margin-left: 0px; border: 2px solid #eaeaea; vertical-align: top;}
/*
.entry p { 
	width: auto;
	float: none;
	}
	
*/

#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: #1354A8;
		/* border-bottom: 2px solid white; */
		text-decoration: none;
	}
	a:hover {
		color: white;
		border-bottom: 2px solid red;
		text-decoration: none;
	}

	img {
		border: 0;
	}

	.h1, h1 {
		display: inline;
		font-size: 24px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}

	.h2, h2 {
		display: inline;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		color: white;
		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;
	}	

	.contentdate h2 {
	text-transform: uppercase;
	color: #353535;
	padding: 0 0 0 10px;
	}
	.contentdate p {
	color: #353535;
	padding: 0 0 0 10px;
	}
	.contentdate a, .contentdate a:link, .contentdate a:visited { color: #353535; }
	.contentdate a:hover { color: black; }
	.contentdate
	{
	width: 100%;
	height: 51px;
	padding: 0.3em 0 0.5em 0;
	background: url(images/contentdate.png) repeat center top;
	}
	.contentdate:hover, .contentdate:visited:hover
	{
	padding: 0.3em 0 0.5em 0;
	background: url(images/contentdate_mo.png) repeat center top;
	}

#wp-calendar caption { padding-left: 3px; font: normal 0.9em Arial, Helvetica, Sans-Serif; text-align: left; color: white; font-size: 16px; }
#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 {background: transparent;width: 90%;margin: 0 10px 0 0;
padding: 20px 0 10px 0;}
#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: #FFFFFF; /* border-bottom: 1px solid #c1c1c1;*/ }
#widget .dark a, #widget .dark a:link, #widget .dark a:visited { color: #1354A8; /* border-bottom: 1px solid #c1c1c1; */ }

#widget .white a:hover {
border-bottom: 1px solid #efefef; color: #efefef; }

#widget .dark a:hover {
border-bottom: 1px solid red; color: white; }

#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; }