/*
Theme based on http://www.ilemoned.com/wordpress/wptheme-dark/
Designed by <a href="http://www.bartelme.at">Bartelme Wolfgang</a>
Licensed under General Public License (GPL).
*/

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, em, img, strong, sub, sup, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	color: #000;
	background: #fff;
	}
ul {
	list-style: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* basics */
body {
	background: #001342 url(images/bg.gif) repeat-y 0 0;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #5b9cff;
	}
p, ul {
	line-height: 21px;
	}
h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	color: #fff;
	}

h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
strong { font-weight: bold;}
em { font-style: italic;}
acronym { border-bottom:1px dotted;}

a:link,
a:visited {
	color: #cce0ff;
	text-decoration: underline;
	}
a:hover,
a:active {
	color: #cce0ff;
	text-decoration: underline;
	}

blockquote {
	background: #071c50 url(images/blockquote.gif) no-repeat 16px 8px;
	border: 1px solid #00103a;
	margin: 0;
	padding: 0 25px 0 64px;
	color: #2f59a4;
	}

#wrapper {
	float: left;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	overflow: hidden;
	font-size: 80%;
	}

#header {
	width: auto;
	height: 100px;
	margin: 0 0 0 150px;
	padding: 0;
	background: #4376c9 url(images/header.gif) repeat-x 0 0;
	border-bottom: 6px solid #b1e100;
	position: relative;
	}
	#header h1 {
		margin: 0 0 0 25px;
		line-height: 38px;
		border-top: 5px solid #b1e100;
		color: #5b9cff;
		float:left;
		}

#content {
	float: left;
	height: 100%;
	width:70%;
	min-width:700px;
	overflow: hidden;
	}
	.item {
		clear: both;
		}
		.meta {
			float: left;
			width: 150px;
			height: 100%;
			background: transparent url(images/separator_meta.gif) no-repeat left top;
			}
			.meta p {
				padding: 8px 15px 0;
				color:#fff;
				}
			.meta p.date {
				margin: 25px 0 0;
				padding: 0 0 0 15px;
				background: transparent url(images/indicator_date.gif) no-repeat right 5px;
				color: #001342;
				}
			.meta ul {
				font-size:90%;
				margin: 5px 0;
				padding: 0 15px;
				list-style-type: none;
				}
			.meta ul li {
				background: transparent url(images/icon_tag.gif) no-repeat left center;
				padding: 0 0 0 20px;
				}
	.main {
		margin: 0 0 0 150px;
		padding: 0 15px 0 0;
		}
		.main h2 {
			margin: 0;
			padding: 20px 25px 5px;
			background: transparent url(images/separator_title.gif) no-repeat left top;
			color: #fff;
			}
		.main h3 {
			margin: 20px 25px 10px;
			font-size:130%;
			color: #fff;
			}
		.main p {
			padding: 0 0 0 25px;
			text-align: justify;
			}
		.main a {
			color: #cce0ff;
			background: #071c50;
			border: 1px solid #00103a;
			padding: 1px 4px;
			}
		.main a:hover,
		.main a:active {
			text-decoration: none;
			color: #fff;
			background: #0f2b6f;
			}
		.main img {
			border: 5px solid #000d32;
			float: left;
			margin: 0 10px 0 20px;
			}
	.info {
		clear:both;
		margin:5px 0 5px 150px;
		padding:0 0 0 25px;
		}
		.info p {
			font-size:90%;
			background:#071C50 url(images/icon_info.gif) no-repeat scroll 16px center;
			border:1px solid #00103A;
			color:#2F59A4;
			padding:5px 0 5px 48px;
			}
	.first .main {
		background: #fff;
		color:#000;
		padding: 0 5px 1px 25px;
		}
		.first .meta p.date {
			background-image: url(images/indicator_date_white.gif);
			}
		.first .main h2 {
			color: #001342;
			padding:20px 0 0;
			background: transparent;
			}
			.first .main h2 span {
				color: #5b9cff;
				}
		.first .main h3 {
			color: #ff8f00;
			margin:0;
			}
		.first .main p {
			margin:10px 10px 10px 0;
			padding:0;
			text-align: justify;
			}
		    .first .main p.info-freelance {
	            padding: 10px 10px 10px 48px;
	            background:#071C50 url(images/icon_info.gif) no-repeat scroll 16px center;
	            border:1px solid #00103A;
		        color:#2F59A4;
		        font-size: 110%;
	            }
		        .first .main p.info-freelance a {
		            border: none;
		            }


#sidebar {
	float: left;
	width: 30% !important;
	width: 27%; /* Stupid IE */
	min-width:300px;
	height: 100%;
	padding: 0 0 30px;
	}
	#sidebar h2 {
		margin: 20px 20px 10px;
		}
	#sidebar ul {
		margin: auto 20px;
		padding: 0;
		list-style-type: none;
		}
		#sidebar li {
			clear: both;
			padding: 15px 3%;
			background: transparent url(images/separator_rct-cmt.gif) repeat-x left bottom;
			line-height: 140%;
			}
			#sidebar li:hover {
				background: #00103a url(images/separator_rct-cmt.gif) repeat-x left bottom;
				}
			#sidebar li span{
				background:transparent url(images/icon_list.gif) no-repeat scroll 0 4px;
				padding:0 0 0 15px;
				color:#fff;
				}
	#sidebar p {
		margin:0 30px;
		}
	#sidebar .vcard {
		width: 90%;
		margin: 10px 20px;
		height: 144px;
		background: #5a93e7 url(images/rss_bg.gif) repeat-x 0 0;
		color: #001342;
		position: relative;
		}
		.vcard div {
			padding: 2px 10px;
			font-size: 100%;
			}
		.vcard p {
			padding: 4px 0;
			}
		.vcard img {
			float:left;
			padding: 5px;
			}
			.vcard img.badge {
				position: absolute;
				top: 0;
				right: 0;
				border: none;
				padding: 0;
				background: none;
				}
		.vcard .id {
			font-weight: bold;
			}
		.vcard .adr .street-address {
			display: block;
			}
		.vcard .dl {
			clear:both;
			padding-top:5px;
			text-align: center;
			}
			.vcard .dl a {
				padding: 3px 0 3px 35px;
				font-weight: bold;
				}
	#sidebar #vcard {
		margin: 20px 20px 10px;
		}
		#sidebar #vcard .dl a {
			background: url(images/icon-hcard-add.png) no-repeat center left;
			}
		#sidebar #pdf .dl a {
			background: url(images/icon-hresume.png) no-repeat center left;
			}

#bottom {
    font-size:80%;
	clear: both;
	width:auto;
	height:100%;
	overflow:hidden;
	margin: 0 0 0 150px;
	padding: 5px 20px 15px;
	background: #020a20;
	}
	#bottom h2 {
		padding: 10px 5px;
		}
	#bottom ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		#bottom ul li {
			line-height: 28px;
			border-bottom: 2px solid #010d34;
			}
			#bottom ul li a {
				display: block;
				width: auto !important;
				width: 100%; /* Stupid IE */
				background: transparent url(images/icon_link.gif) no-repeat 9px 9px;
				padding: 0 28px;
				color: #69abfc;
				}
				#bottom ul li a:hover {
					text-decoration: none;
					background: #010716 url(images/icon_link.gif) no-repeat 9px 9px;
					color: #fff;
					}
	#bottom .bottom-left,
	#bottom .bottom-mid {
		float: left;
		width: 25% !important;
		width: 20%; /* Stupid IE */
		height: 100%;
		margin: 0 25px 0 0;
		background: #020a20;
		}

	#bottom .bottom-right {
		float: left;
		width: 30%;
		max-width: 300px;
		}

#footer {
    font-size:80%;
	clear: both;
	margin: 0 0 0 150px;
	padding: 10px 20px;
	background: #000;
	width:auto;
	height:100%;
	overflow:hidden;
	}
	#footer p {
		margin: 0;
		line-height: 180%;
		color: #fff;
		}
		#footer p a.credit {
			background: transparent url(images/icon_copy.gif) no-repeat left center;
			padding: 0 0 0 20px;
			margin: 0 10px 0 0;
			color: #538ee8;
			}