/*


 ____  ____    __    ____  _  _  ____  ____  ____  ____ 
(  _ \(  _ \  /__\  (_  _)( \( )( ___)(_  _)(  _ \( ___)
 ) _ < )   / /(__)\  _)(_  )  (  )__)  _)(_  )   / )__) 
(____/(_)\_)(__)(__)(____)(_)\_)(__)  (____)(_)\_)(____)



*/

/* Start layout */

body {
	margin: 0;
	text-align: center;
	color: #6B6B6E;
	font: normal 70%/1.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #293E8E url(../images/bg_body.gif) repeat-y 50% 0;
	}

body.nobg {
	text-align: left;
	background-color: #F7F7F0;
	background-image: none;
	}
	
#background_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 136px;
	background: #17224D;
	}
	
#background {
	position: absolute;
	top: 136px;
	left: 0;
	width: 100%;
	height: 176px;
	background: transparent url(../images/bg_top.gif) repeat-y 50% 0;
	}
	
#container {
	position: relative;
	z-index: 10;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
#logo {
	float: left;
	width: 300px;
	padding: 11px 0 0 32px;
	}
	
#nav {
	float: right;
	width: 275px;
	height: 50px;
	padding-top: 37px;
	}
	
#illustration {
	clear: both;
	height: 87px;
	background-color: #3F4455;
	background-repeat: no-repeat;
	background-image: url(../images/illus_bench.jpg); /* bench */
	}
	
#about #illustration {
	background-image: url(../images/illus_trees.jpg);
	}
	
#weblog #illustration {
	background-image: url(../images/illus_grime.jpg);
	}
	
#portfolio #illustration {
	background-image: url(../images/illus_plant.jpg);
	}
	
#contact #illustration {
	background-image: url(../images/illus_train.jpg);
	}
	
#page {
	margin: 0;
	padding: 0;
	border: 0px solid blue;
	}

#feature {
	width: 530px;
	height: 138px;
	background: #C33609 url(../images/feature_bg.jpg) no-repeat;
	/*border: 1px solid blue;*/
	}

#main {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0;
	/*border: 1px solid red;*/
	}

#adsense {
	margin: 0 0 2em 23px;
	}

html>body #main {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	min-height: 800px;
	}

#side	{
	float: right;
	width: 220px;
	background: #F5E6C3 url(../images/side_shadow.gif) no-repeat 0 95px;
	}

#side #sidetop {
	width: 220px;
	height: 95px;
	background: #C33609 url(../images/side_top.jpg) no-repeat;
	}

#footer {
	clear: both;
	height: 90px;
	margin-top: 80px;
	padding: 2em;
	color: #fff;
	border-top: 2px solid #555;
	background: #626262 url(../images/pat_dgray_ne.gif);
	}



/* Navigation */
	
#nav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	/*display: none;*/
	}

#nav ul li {
	display: inline;
	float: left;
	}
	
#nav a {
	float: left;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:29px; /* for IE5/Win */
	}

#nav #abo a {
	width: 57px;
	background: url(../images/n_about.gif) no-repeat top left;
	}

#nav #blo a {
	width: 43px;
	background: url(../images/n_blog.gif) no-repeat top left;
	}

#nav #por a {
	width: 67px;
	background: url(../images/n_portfolio.gif) no-repeat top left;
	}

#nav #con a {
	width: 72px;
	background: url(../images/n_contact.gif) no-repeat top left;
	}



/* Standard Elements */

abbr, acronym {
	border-bottom: 1px dotted #6B6B6E;
	cursor: help;
	}

label {
	cursor: pointer;
	}

h2, h3 {
	margin: 0em 23px;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
	}

a:link {
	color: #4F6FF0;
	text-decoration: none;
	}

a:visited {
	color: #4F6FF0;
	text-decoration: none;
	}

a:hover, a:active {
	color: #339;
	text-decoration: underline;
	}
	
blockquote {
	padding: 0.5em;
	background-color: #fff;
	}

code {
	color: #690;
	font-size: 120%;
	}



/* Blog */

.blog, .item {
	margin: 3em 23px;
	padding-bottom: 14px;
	background-image: url(../images/pat_gray_ne.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

.blog h1, .item h1 {
	margin: 0;
	color: #4F6FF0;
	font-size: 160%;
	font-weight: normal;
	letter-spacing: 0.1em;
}

.blog small {
	margin-bottom: 0;
	color: #c96;
	font-size: 50%;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0.7em;
	display: block;
	}

.blog small span {
	display: none;
	}

.blog p {
	margin-top: 0.5em;
	margin-bottom: 1em;
	}

.blog .details {
	clear: both;
	margin-top: 0;
	}

.blog img, .item img {
	margin: 0.5em 0 1em 1em;
	padding:5px;
	border:1px solid #ccc;
	background-color: #fff;
	float:right;
	}

.comments-body {
	margin: 0.5em 23px 2em 23px;
	padding: 9px;
	line-height: 1.5em;
	border-top: 1px dashed #DCDACE;
	border-bottom: 1px solid #F7F7F0;
	}

.comments-body p {
	margin-bottom: 0;
	}

.comments-body:hover {
	background: #fdfdfd;
	border-top: 1px solid #DCDACE;
	border-bottom: 1px solid #DCDACE;
	}

#comments-form {
	margin: 1em 23px 3em 23px;
	}



/* Form */

.inputs, #side input#search {
	margin-bottom: 8px;
	padding: 3px 5px;
	color: #6F5E3D;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #fff url(../images/input_shadow.gif) no-repeat top left;
	border: 1px solid #bfbfbf;
	}
	
input.button {
	margin-top: 10px;
	margin-left: 140px;
	padding: 3px 5px;
	color: #555;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 100%;
	background-image: none;
	background-color: #fff;
	border: 1px solid #bfbfbf;
	}

label.details {
	width: 130px;
	display: block;
	float:left;
	margin-top: 1px;
	margin-right: 10px;
	text-align: right;
	}



/* General Formatting */

div.img-right {
	float: right;
	margin-left: 2em;
	}

div.img-left {
	float: left;
	margin-right: 2em;
	}

.item img {
	margin: 1em 6px;
	float: none;
	}
	
#portfolio .item {
	background: none;
	}
	
.item .intro {
	height: 100px;
	margin-top: 1em;
	margin-top: 2em;
	}
	
.item .intro p {
	margin: 0;
	}
	
.item .intro img {
	clear: left;
	float: left;
	margin: 0 15px 0 0;
	}
	
.item .intro h2 {
	margin: 0;
	}

table.music {
	width: 100%;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	}

table.music td {
	padding: 0 .4em;
	background-color: #EDF3FE;
	border-right: 1px solid #D9D9D9;
	}

tr.odd td {
	background-color: #fff;
	}

tr.sale td.amount {
	background-image: url(../images/icons/sale_18.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}



/* Side Panel */

#side form {
	margin: 1em;
	}
	
#side form label {
	display: none;
	}

#side form #button {
	}
	
#side .item {
	margin: 0 1.2em;
	background: none;
	}

#side h2 {
	margin: 1em;
	margin-bottom: 0;
	color: #6F5E3D;
	font-size: 110%;
	letter-spacing: 0.1em;
	}

#side p {
	margin: 1em;
	line-height: 1.3em;
	}

#side .item p {
	margin: 0;
	}

#side ul {
	list-style: none;
	margin: 0;
	padding: 0 1.2em;
	}

#side ul li a:link, #side ul li a:visited {
	color: #B39A62;
	padding-left: 16px;
 	voice-family: "\"}\"";
	voice-family:inherit;
	background: transparent url(../images/bullet_side.gif) no-repeat 0 50%;
	}

#side ul li a:hover, #side ul li a:active {
	color: #6F5E3D;
	}

#menu {
	margin: 0 23px;
	}



/* Box model hacks */

.blog .comments {
 	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 20px;
	background: url(../images/icon_comment.gif) no-repeat 0 1px;
	}
	
.blog .category {
 	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 17px;
	background: url(../images/icon_folder.gif) no-repeat 0 2px;
	}
	
.blog .trackback {
 	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 16px;
	background: url(../images/icon_trackback.gif) no-repeat 0 0;
	}
	
a.info {
 	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 15px;
	background: url(../images/icon_info.gif) no-repeat 0 1px;
	}
	
a.external {
 	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 14px;
	background: url(../images/icon_browse.gif) no-repeat 1px -1px;
	}

#nav {
	height: 87px;
 	voice-family: "\"}\"";
	voice-family:inherit;
	height: 50px;
	}