/*  
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/cityscape2.gif) no-repeat bottom left;*/
        background: url(images/bondi_syd.gif) no-repeat top left;
        background-color:#649de0;
	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/left3.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;}
#rightCol {position:absolute; top:151px; left:260px;}
#lefter { position: absolute; top: 0px; left: 0px; z-index: 1; display:none; }


#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;border-bottom-color:#444; }

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

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

.invis {display:none;}