body {
	background: #0e1c20 url('/img/background.jpg') repeat-x 0 0;
	color: #fff;
}

* {
	padding: 0;
	margin:  0;
}


/** HEADER *********************************************************/


#header {
	padding-left: 20px;
	height: 135px;
	background: transparent url('/img/header.jpg') no-repeat right top;
}

#header h1 , #header h1 a{
	font: normal 35px/35px Century Gothic;
	color: #fff;
	text-decoration: none;
}

#header h2, #header h2 a {
	font: normal 20px/25px Helvetica;
	color: #fdf12f;
	padding-left: 5px;
	text-decoration: none;
}

#header #firstname { color: #e6b515 }
#header #lastname  { color: #e68e15; font-weight: bold; }


/** CONTENT ********************************************************/


#content {
	padding: 0px 0 10px 25px;
	margin: -50px 0 10px 0;
	font:    13px/16px Verdana;
}


#content date {
	display: block;
	font: italic 12px Verdana;
	color: #c2c1c0;
	margin-bottom: 10px;
}


#content a, #content p {
	font: 12px/16px Verdana;
	color: #fff;
}

#content p { padding: 10px 0; }
#content a { color: #ffe400; }
#footer  a { color: #fff; }
#content ul, #content ol{ margin: 5px 24px; }

#content h1, #content h1 a {
	font: normal 19px Verdana; color: #fff9b3;
}

#content h1 { margin-top: 20px; }
#content h2 { font: normal 15px Verdana; color: #fff9b3; margin: 15px auto 10px auto; }
#content h3 { font: bold   13px Verdana; color: #ffffff; margin: 10px auto 5px auto; }
#content h4 { font: normal 12px Verdana; color: #87D8DF; margin: -5px auto 5px auto;  }
#content h5 { font: normal 11px Verdana; color: #fff9b3; margin: 10px auto;  }


#content pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	line-height: 12px;
}

/* Break out */
.bo {
	background-color: #3c3c3c;
	color: olive;
	border: 1px solid yellow;
	
}


/** CONTACT FORM ***************************************************/


form label {
	display: block;
}

form input, form textarea {
	margin-bottom: 15px;
}


/** COMMENTS *******************************************************/

#comments dt, #comments dt a {
	color: #e8ca32 !important;
}

#comments dt span {
	font-size: 18px;
}

#comments dt {
	padding-top: 5px;
}

#comments dd {
	padding: 5px 25px 10px 25px;
	border-bottom: 1px solid #959595;
}

#addComment { }

#addComment label {
	display: block;
	position: relative;
	line-height: 24px;
	height: 24px;
}

#addComment label input {
	position: absolute;
	top: 0;
	left: 100px;
}


/** MENU ***********************************************************/

#menu {
	float: right;
	position: relative;

	width:  203px;
	height: 550px;

	margin: 10px 30px 30px 30px;
	background: transparent url('/img/sidenav.png') no-repeat 0 0;

	font: 13px/18px Verdana;
}

#menu ul {
	list-style: none;
	margin: 0 auto auto 20px;
	width: 170px;
}

#menu ul ul { width: 100px; }

#menu a { color: #fff; }

#menu #main {
	margin-top: 45px;
}

#menu #portfolio {
	position: absolute;
	top: 185px;
	left: 0;
	list-style: none;
	margin-top: 150px;
}

#menu #archive {

	position: absolute;
	top: 400px;
	left: 0;	list-style: none;
	margin-top: 25px;
}


/** FOOTER *********************************************************/



#footer {
	float: left;
	position: relative;
	width:  100%;
	height: 340px;
	margin-top: 100px;
	background: #e68e15 url('/img/footerbg.jpg') repeat-x 0 0;
}

#footer h2 {
	font: bold 16px helvetica;
}

#footerimg {
	position: absolute;
	top: -150px;
	left: 0;
	z-index: 2;
}

#features {
	width: 800px;
	margin: auto;
}

#footer .feature {
	position: relative;
	top: 55px;
	left: 0;
	z-index: 2;
	float: left;
	background: transparent url('/img/featurebox.png') no-repeat 0 0;
	
	width:  340px;
	height: 190px;

	padding: 20px;
	margin-left: 20px;

}

.feature .vmore {
	position: absolute;
	bottom: 25px;
	right: 20px;
	width: 340px;
	background: transparent url('/img/dots.jpg') repeat-x left bottom;
	text-align: right;
}

.feature .vmore a {
	position: relative;
	top: 2px;
	background-color: #7E7911;
	padding-left: 2px;
}

.feature p {
	float: right;
	width: 165px;
}

.feature ul {
	margin-left: 20px;
}


/** SUB-FOOTER *****************************************************/


#icons {
	position: absolute;
	bottom: 20px;
	right:  15px;
	list-style: none;
}

#icons li { 
	float: left;
	padding: 0 5px;
}

#copyright {
	position: absolute;
	bottom: 14px;
	left:	35px;
	padding: 0 15px 15px 0;
	font: normal 10px Verdana;
	font-style: italic;
}