* { margin: 0; padding: 0; }

html
{
	color: #333333;
	background: #000000 url(images/bgsg.png) top left repeat-x;
	font: normal 12px/1.5em "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
}
body {background: #000000 url(images/bgsg.png) top left repeat-x;}
/* Links */

a { text-decoration: none; font-weight: bold; border-bottom: 1px dotted #333333; }

a:link { color: #243360; border-bottom-color: #434e29; }

a:visited { color: #243360; border-bottom-color: #789160; }

a:hover, a:active { color: #0099CC; border-bottom-style: solid; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 0 10px; line-height: 1.5em;  }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom-width: 0; }

h1 { font-size: 32px; }

h2 { font-size: 28px; color:#333333}

h3 { font-size: 24px; color:#243360 }

h4 { font-size: 20px; color:#243360}

h5 { font-size: 16px; color:#333366}

/* Lists */

ul, ol
{
	margin: 1em 1.1em;
	line-height: 1.2em;
}

ol li { margin-left: 1.1em; }

ul, ul ul { padding-left: .25em; list-style-type: none; }

/* Other Html Elements */

img {float:left;padding:5px}

blockquote
{
	clear: both;
	padding: 1em;
	margin: 2em 3em;
	font-size: 0.9em;
	line-height: 1.7em;
	background-color: #eeeeee;
	border: 1px solid #a9a9a9;
	background: #eeeeee url(images/right_quotes.png) 95% 85% no-repeat;
}

code { font-family: Consolas, Monaco, Verdana, "Courier New"; font-size: .93em; }

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

ins, del
{ 
	padding-left: 18px; 
	background-repeat: no-repeat;
	background-position: left center; 
}

ins { font-weight: bold; text-decoration: none; background-image: url(images/add.gif); }

del { background-image: url(images/delete.gif); }

hr { clear: both; height: 1px; visibility: hidden; }

/* Structure */

#header
{
	margin-top: 10px;
}

#navigation
{
	max-width: 750px;
	margin: 0 auto;
}

#featured
{
	float: right;
	padding: 27px 0 1px;
}

#wrapper 
{
	clear: both;
	border-top:1px solid #000000;
	width: 770px;
	margin: 0 auto;
	background: #ffffff url(images/wrapper_bg2.png) top left repeat-y;

}

#content { margin-left: 10px; float: left; width: 500px; }

#sidenotes { float: right; width: 300px; margin-right: 10px; padding: 10px 0 0 0;}
#sidenotes2 {float: right; width: 220px; margin-right: 2px; padding: 10px 0 0 0;}
#sidenotes2 img 
{ 
	float: left; 
	margin: 5px 0px 0px 10px; 
	padding: 3px;
	margin-right: 0px; 
	border: 1px solid  #28AAB9; 
	width:150px
}
#footer 
{ 
	clear: both;
	width: 770px;
	margin: 0 auto;
	text-align: center; 
	background: #E4BD6A url(images/footer_bd.png) top left repeat-y;
}

/* Header */

#header h1
{
	min-height: 105px;
	margin-left: 25px;
	background: transparent url(images/logobd.png) bottom left no-repeat;
}

#header h1 a
{
	display: block;
	text-indent: -9999px;
}

#header h2 
{
	display: none;
}

/* Navigation */

#navigation ul
{
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1.5em;
	list-style-type: none;
}

#navigation li
{
	float: left; 
}

#navigation a
{
	float: left;
	display: block;
	color: #000000;
	background-color:#E4BD6A;	
	margin:0 0.25em;
	padding: 5px 8px;
	margin-top: -6px;
	border-bottom-width: 0;	
	border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF
}

#navigation a:hover, #navigation a:active
{
	color: #243360;
	background-color: #FFFFFF;	
	border-top:1px solid #E4BD6A; border-right:1px solid #E4BD6A; border-left:1px solid #E4BD6A
}

#navigation li.active a
{
	color: #004040;
	background-color: #ffffff;

}
#home1 {
	position:relative;
	width:48px;
	height:2px;
	z-index:1;
	left:14px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#music1 {
	position:relative;
	width:69px;
	height:2px;
	z-index:1;
	left:70px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#gear1 {
	position:relative;
	width:63px;
	height:2px;
	z-index:1;
	left:147px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#links1 {
	position:relative;
	width:48px;
	height:2px;
	z-index:1;
	left:217px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#about1 {
	position:relative;
	width:109px;
	height:2px;
	z-index:1;
	left:272px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#web1 {
	position:relative;
	width:48px;
	height:2px;
	z-index:1;
	left:217px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
#contact1 {
	position:relative;
	width:59px;
	height:2px;
	z-index:1;
	left:479px;
	top:-1px;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
}
/* Content */

.post { padding: 10px 20px 0; }

h2.post-title { margin-bottom: 15px; font-size:24px;color:#333366}

.post-content p { margin-top: 10px; margin-bottom: 10px; }

.post-footer
{
	background-color: #dadada;
	margin-bottom: 10px; 
	margin-top: 25px;
	padding: 5px 10px; 
	color: #333333;
}

.post-footer strong { color: #333333; padding-right: 10px; border-right: 1px solid #a9a9a9; }

.post-footer em { font-style: normal; padding-right: 10px; border-right: 1px solid #a9a9a9; }

.post-footer a { border-bottom-width: 0; }

a.more { border-bottom-width: 0; }

.post-content p.img { float: left; margin: 0 15px 0 0; }

p.img img 
{
	float: left; 
	margin: 5px; 
	padding: 3px; 
	border: 1px solid #a3aa91; 
}

p.img img:hover
{
	background-color: #eeeeee;
}

p.pagination
{
float:left;
	width:70%;
	display:block;
	margin: 20px; 
	padding: .2em 10px;
	border: 1px solid #c9c9c9;
	background-color: #f9f9f9;
}

p.pagination a { border-bottom-width: 0; }

.prev { float: left; padding-left: 10px; background: url(images/prev.gif) center left no-repeat; }

.next { float: right; padding-right: 10px; background: url(images/next.gif) center right no-repeat; }

/* Sidenotes */

#sidenotes h3 { padding: 10px 10px 0; }

#sidenotes ul { margin: 10px 0 0; padding: 0; list-style-type: none; }

#sidenotes li a
{
	clear: both;
	float: right;
	display: block;
	color: #333333;
	margin-top: -3px;
	min-height: 150px;
	padding: 5px 10px;
	font-weight: normal;
	width: 275px;
	overflow: hidden;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background-color:#000000
}

#sidenotes a:hover { background-color: #f9f9f9; }

#sidenotes a strong
{
	display: block;
}

#sidenotes a em
{
	display: block;
}

#sidenotes img 
{ 
	float: left; 
	margin: 5px; 
	padding: 3px;
	margin-right: 10px; 
	border: 1px solid  #28AAB9; 
	
}

/* Footer */

#footer .block { float: left; width:220px; padding: 10px 5px; text-align: left; }

#footer .block h3 { padding: 0 10px 5px 13px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; }
#footer .block h5 {  padding: 0 10px 5px 13px; font-size: 1em; text-transform: uppercase; letter-spacing: 0.1em; margin-left: 10px;color:#243360 }

#footer .block ul { padding: 0 10px 5px 20px; list-style-type:none ; font-size:.95em  }
#footer .block li {list-style-type: disc; margin:0 .25em 0 0; padding:.25em; display:list-item }
#footer .block ul a
{
	width: 100%;
	display: block;
	margin-top: -1px;
	padding: 5px 10px;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
}

#footer .block ul a:hover, #footer .block ul a:active 
{
	background-color: #afb5a0;
}

#footer p { padding: 0 15px; }

#footer .block p {margin: 15px 0; font-size:.95em }

#footer ol, #footer li { padding: 0 10px 20px; list-style-type: none; display:inline}

#footer a:link, #footer a:visited { color:#666666  ; border-bottom-color:#666666 ; }
#footer a:hover, #footer a:active { color:#333333; border-bottom-color:#333333; }
#footer .copyright a:link, #footer .copyright a:visited {color:#CCCCCC; border-bottom-color:#CCCCCC; }
#footer .copyright a:hover, #footer .copyright a:active { color:#FFFFFF; border-bottom-color:#FFFFFF; }

#footer .copyright, #footer p.copyright { clear: both; color:#CCCCCC; background-color: #243360;  padding: 10px 15px; margin: 0 10px; }
#footer .copyright ol{display:block; padding:.25em;border:1px solid #FFFFFF; background-color:#336699}