/*  
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 12px/14px georgia, sans-serif;
	color: #2a2727;
	background: url(images/pagebg2.jpg) no-repeat top left;
	background-attachment: fixed;
	background-color: #723e0b;
}
p {padding:.625em 0; text-align: justify; line-height: 18px;}
#overall {width: 100%; margin: 0 auto;}
.col {  
	position:absolute;
	left:41px;
	top:0px;
	width:220px;
	padding-left: 10px;
}
.col0 {
	position:absolute;
	left:280px;
	top:31px;
	width:550px;
	height:550px;
	overflow: auto;
	padding: 0;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333; }	

.footer1 {
	position:absolute;
	left:480px;
	top:590px;
	width:340px;
	height:315px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #333;
}	

	#foot-cols .col { float: left; }

#foot-cols a, .foot a:link, .foot a:visited { font-size: 16px; font-weight: bold; color: #0f0f0f; border-bottom: 1px solid #c1c1c1; }
#foot-cols a:hover, #head a:active { color: #000; background: #aaaaaa }
#foot-cols {background: transparent;width: 100%;margin: 0px;
padding: 0px}
#foot-cols ul {list-style: none;margin: 0;padding-top: 10px;}
#foot-cols li {list-style: none;margin: 0;padding: 0;}
#foot-cols ul li {margin: 0; padding: 2px 0 0 10px; width: 160px; float: left;} /* kis oszlop szélessége */
#foot-cols h2 {  }
#foot-cols li a { display: block; width: 130px; padding: 5px 3px; } /* footer linkek */

.lastfm {
	position:absolute;
	left:280px;
	top:590px;
	width:185px;
	height:325px;
	overflow: hidden;
	padding: 0px;
	border: 1px solid #333;
	margin-bottom: 5px;
}	



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

.preImageBuffer {height: 9em; width: 1px;}
 
#leftCol { margin: 0px;  background: url(images/left.png) repeat; }

.spaceme { margin: 6px; padding: 0 6px 0 6px; }
.spacemetop { margin: 6px; padding: 5px 6px 0 6px;}

#rightCol {margin: 0px; background: url(images/right.png) repeat;}


#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: 100%; border-bottom: 1px solid #2a2727; }

.small1 { font-size: 100%; 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: 14px;
		line-height: 12px;}

.post a, .post a:link, .post a:visited, .entry a, .entry a:link, .entry a:visited { color: #0f0f0f; border-bottom: 1px solid #ff0551; }
.post .post a:hover, .entry a:hover { color: #0f0f0f; border-bottom: 1px solid #253399; }

.navigation a, .navigation a:link, .navigation a:visited { color: #0f0f0f; border-bottom: 1px solid #eaeaea;}		
		
.post img, .entry img { margin: 2px;  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: #253399;
		text-decoration: none;
	}
	a:hover {
		color: silver;
		border-bottom: 2px solid #ff0551;
		text-decoration: none;
	}

	img {
		border: 0;
	}

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

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