/*  

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: normal 11px/14px arial, sans-serif;

	color: #2a2727;

	background: url(images/cityscape6.gif) no-repeat bottom left;

	background-attachment: fixed; 

}

p {padding:.625em 0; text-align: justify; line-height: 20px;}

#overall {width: 100%; margin: 0 auto;}

.col {width: 220px; padding-left: 10px; float: left;}

.col0 {width: 442px; 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: -94px;}

.CCsilhouette span {position: absolute;}



.preImageBuffer {height: 9em; width: 1px;}

 

#leftCol { margin: 0 2px 0 3.4em;  background: url(images/right.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: black; }



.themes {padding-right: 5px;}

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



#hi a, #hi a:link, #hi a:hover {

		border: 0px;

}



.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: 2em;
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}




.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 #eaeaea; 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: #F8F9FC;

		border-bottom: 2px solid #F8F9FC;

		text-decoration: none;

	}

	a:hover {

		color: black;

		border-bottom: 2px solid #ff0551;

		text-decoration: none;

	}



	img {

		border: 0;

	}



	.h1, h1 {

		display: inline;

		font-size: 16px;

		font-weight: bold;

		color: #515151;

		text-decoration: none;
	text-transform: uppercase;
}



	.h2, h2 {

		display: inline;

		font-size: 16px;

		line-height: 16px;

		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;

	}	



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

#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: black; border-bottom: 1px solid #c1c1c1; }

#widget .dark a, #widget .dark a:link, #widget .dark a:visited { color: black; 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; }