/*  
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 { 	
	color: #2a2727;
	background: #000000 url('images/audreyenglebert.jpg') no-repeat fixed bottom right;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	line-height:14px; 
	font-size:11px; 
	font-family:arial, sans-serif; 
	background-attachment:fixed 
}

p {
	padding:.625em 0; 
	text-align: justify; 
	line-height: 20px;
}

#overall {
	width: 800px; 
        -width: 860px;
	
}

.col {
	width: 220px; 
	float: left;
}

.col0 {
	width: 502px; 
	padding: 0; 
	float: right; 
	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 { 
	background: url('images/left.png');
	margin-left:3.4em; 
	margin-right:2px; 
	margin-top:0; 
	margin-bottom:0 
	float: left;
}

.spaceme { 
	margin: 6px; 
	padding: 0 6px 0 6px; 
}

.spacemetop { 
	margin: 6px; 
	padding: 5px 6px 0 6px;
}

#rightCol {
	background: url('images/right.png');
	margin-left:0.2em; 
	margin-right:0.2em; 
	margin-top:0; 
	margin-bottom:3.4em
	float: right;
}

#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: #fcd500; 
	text-decoration: none;
}

#home a:hover { 
	color: #fcd500; 
	text-decoration: none;
}

.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; 
	color:#FFFFFF; 
}

.small1 { 
	font-size: 90%; 
	border-bottom: 1px solid #ff0551; 
	color:#FFFFFF; 
}

u { 
	text-decoration: none; 
	border-bottom: 1px solid #eaeaea; 
}

/* wordpress */
.navigation { padding: 0.5em; }

.post, 
.entry { 
	padding: 2em; 
	font-size: 13px;
	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; 
}

.navigation a, 
.navigation a:link, 
.navigation a:visited { 
	color: #0f0f0f; 
	border-bottom: 1px solid #eaeaea;
}		

#searchform #submit, input[type="submit"] {
	margin-left: 2em; 
	background: url('images/search_bg.gif') no-repeat;
	border: none;
	width: 28px;
	height: 20px;
	color: #fff;
	vertical-align: top;
	cursor: pointer; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:1px; 
	font-family:Arial, Helvetica, sans-serif
}

#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: none;	}

.h1,
h1 {
	
	font-size: 16px;
	font-weight: bold;
	color: #515151;
	text-decoration: none;
        padding-top:20px;
line-height:20px;
}

.h2, 
h2 {
	display: inline;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #515151;
	text-decoration: none;
	margin-top: 15px;
}

.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;
	background: url('images/contentdate.png') center top; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0.3em; 
	padding-bottom:0.5em;
}

.contentdate:hover, .contentdate:visited:hover {
	background: url('images/contentdate_mo.png') center top;
	padding-left:0; 
	padding-right:0; 
	padding-top:0.3em; 
	padding-bottom:0.5em;
}

#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; 
	text-align: center; 
	width: 26px; 
	height: 20px; 
	background: url('images/wpcal.gif') no-repeat;
	padding-left:0; 
	padding-right:0; 
	padding-top:1px; 
	padding-bottom:3px; 
}

#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: 0px none; 
	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 0px 0;
}

#widget li {
	list-style: none;
	margin: 0;
	padding: 0;
color: #fff;
}

#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: #FFFFFF; 
	border-bottom: 1px solid #c1c1c1; 
}

#widget .white a:hover {
	border-bottom: 1px solid #efefef; 
	color: #efefef; 
}

#widget .dark a:hover {
	border-bottom: 1px solid #ff0551; 
	color: #FFFFFF; 
}

#widget strong { color: #fcd500; font-size: 14px; padding-top: 20px; display: block;}
#widget h2 { color: #fcd500; font-size: 14px; padding-top: 20px; display: block; }

#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; }

#footer a:hover { color: #FFFFFF }

.foot { font-size: 90%; color: #FFFFFF; }




h3 {padding-top: 20px;}

.post, .entry img {padding-right: 10px;}

.post, .entry ul{padding-left: 10px; padding-left: 30px;}
.post, .entry li{line-height: 20px;padding-top:10px}
