/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: .5em 0 1em;
	padding: 0;
	text-shadow: #fff 0 0 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

/* Remove borders on linked img tags */
a img {
	border: none;
}
/**** INITIAL CSS ENDS ****/



html, body, form, fieldset {
	font: small/1.6 Georgia, serif;
	}
html, body { min-width: 746px; }
body {
	background: #431418;
	color: #fff;
	width:100%;
	height: 100%;
}
h1, h2, h3 {
	color: #431418;
	font-size: large;
	font-weight: normal;
	}
h1, h1 a {
	background: #431418 url(../i/head2.gif) no-repeat -8px 0;
	color: #fff;
	display: block;
	height: 430px;
	margin: 0;
	text-indent: -9999px;
	width: 100%;
	}
h1 a:focus, h1 a:active {
	outline: 0;
	}
h2, h3 {
	padding: 5px 0;
	line-height: 1.2;
	}
a:link, a:visited {
	color: #AD8F74;
	}
a:focus, a:hover, a:active {
	color: #431418;
	}
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	color: #431418;
	text-decoration: none;
	}
h2 a:focus, h2 a:hover, h2 a:active,
h3 a:focus, h3 a:hover, h3 a:active {
	color: #AD8F74;
	}
a:focus img,
a:hover img,
a:active img {
	border-color: #431418;
	}
h3, h4 {
	margin: 0;
	}
h3 {
	clear: both;
	margin: 1em 0 .3em;
	}
h4 cite {
	display: block;
	font-size: 85%;
	}
h4 {
	color: #967257;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.4;
	margin: .4em 0 -.3em;
	}
small {
	font-size: 85%;
	}
blockquote {
	background: #E6DED5;
	font-style: italic;
	margin: 1em 0;
	padding: 5px 12px 1px;
	width: 445px;
	}
li blockquote {
	width: auto;
	}
form br {
	display: none;
	}
#page {
	background: #fff;
	color: #444;
	margin: 0 auto;
	position: relative;
	width: 746px;
	}
#content {
	float: left;
	padding-bottom: 3em;
	}
#main {
	display: inline;
	float: right;
	margin: 0 50px 0 39px;
	width: 469px;
	}

#nav, #nav li, #nav ul, #secondary ul, #secondary li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#secondary {
	display: inline;
	float: left;
	margin: 0 0 0 50px;
	width: 138px;
	}
#secondary li, #main h2 {
	border-top: 1px solid #431418;
	height: 1%; /*IE hasLayout*/
	margin: 40px 0 0;
	}
#main h2 {
	padding-right: 75px;
	}
#secondary li {
	border-bottom: 1px solid #A8897F;
	}
#secondary li li {
	border: 1px solid #A8897F;
	border-width: 1px 0 0 0;
	margin: 0;
	padding: .2em .4em;
	}
#secondary li.img-links ul, #secondary li.img-links li {
	border: none;
	padding: 0;
	margin: 0;
	}
#secondary li.img-links li {
	margin: 0 0 1em;
	}
#secondary li.img-links {
	border: none;
	}
#secondary li.img-links img {
	display: block;
	}
#secondary h2 {
	margin: 0;
	}
#secondary a, #secondary li li strong {
	display: block;
	}
#nav {
	display: inline;
	height: 52px;
	margin: -54px 0 0 50px;
	float: left;
	width: 646px;
	}
#nav li {
	/*background: yellow;*/
	left: 0;
	list-style-type: none;
	float: left;
	top: 0;
	}
#nav a {
	background: #431418 url(../i/nav2.gif) no-repeat 0 0;
	display: block;
	height: 52px;
	text-indent: -9999px;
	width: 75px;
	}
#n-gigs a {
	background-position: -75px 0;
	width: 59px;
	}
#n-abou a {
	background-position: -134px 0;
	width: 40px;
	}
#n-musi a {
	background-position: -174px 0;
	}
#n-phot a {
	background-position: -249px 0;
	width: 88px;
	}
#n-down a {
	background-position: -337px 0;
	width: 135px;
	}
#n-merc a {
	background-position: -472px 0;
	width: 83px;
	}
#n-frie a {
	background-position: -555px 0;
	width: 91px;
	}
#nav a:focus, #nav a:hover, #nav a:active,
#nav #n-home.current a {
	background-position: 0 -52px;
	outline: 0;
	}
#n-gigs a:focus, #n-gigs a:hover, #n-gigs a:active,
#nav #n-gigs.current a {
	background-position: -75px -52px;
	}
#n-abou a:focus, #n-abou a:hover, #n-abou a:active,
#nav #n-abou.current a {
	background-position: -134px -52px;
	}
#n-musi a:focus, #n-musi a:hover, #n-musi a:active,
#nav #n-musi.current a {
	background-position: -174px -52px;
	}
#n-phot a:focus, #n-phot a:hover, #n-phot a:active,
#nav #n-phot.current a {
	background-position: -249px -52px;
	}
#n-down a:focus, #n-down a:hover, #n-down a:active,
#nav #n-down.current a {
	background-position: -337px -52px;
	}
#n-merc a:focus, #n-merc a:hover, #n-merc a:active,
#nav #n-merc.current a {
	background-position: -472px -52px;
	}
#n-frie a:focus, #n-frie a:hover, #n-frie a:active,
#nav #n-frie.current a {
	background-position: -555px -52px;
	}
.post {
	clear: right;
	}
.post img {
	border: 1px solid #A8897F;
	display: block;
	float: right;
	margin: .5em 0 .5em 13px;
	}
.post-intro {
	background: transparent url(../i/post-orn.gif) no-repeat 100% 0;
	border-bottom: 1px solid #A8897F;
	}
.post-meta {
	margin: -.2em 0 .1em 0;
	}
.content-list {
	list-style: none;
	}
.content-list li {
	background: #D3C9BD;
	clear: both;
	margin: 1em 0;
	padding: 10px 15px 5px;
	position: relative;
	}
.content-list h3 {
	margin: 0 0 .3em;
	}
.content-list li li {
	background: transparent;
	clear: none;
	list-style-position: inside;
	margin: 0;
	padding:0 0 0 1em;
	}
.mini h3 {
	padding-right: 130px;
	}
.content-list img {
	float: right;
	margin: 0 0 0 .6em;
	position: relative;
	}
.mini img {
	float: none;
	margin: 0 0 0 13px;
	position: absolute;
	top: 0;
	right: 0;
	}
body.friends .mini img {
	border: none;
	}

#footer {
	background: #431418 url(../i/foot3.gif) no-repeat -6px 100%;
	clear: both;
	color: #fff;
	height: 166px;
	text-indent: -9999px;
	position: relative;
	width: 100%;
	}
#footer a#up {
	display: block;
	font-size: 10px;
	position: absolute;
	left: 50px;
	text-indent: 0;
	text-transform: uppercase;
	top: -2em;
	}
#footer ul {
	margin: 0 50px;
	}
#footer li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#contactLink a {
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 746px;
	}

/* @group classes */
#main .odd {
	background: #EDDDC9;
	}
#main .odd blockquote {
	background: #F7EBDC;
	}
.post img.hero {
	margin: .5em 0 1.5em 0;
	width: 467px;
	}
.success {
	background: #EDDDC9;
	color: #431418;
	font-size: 115.5%;
	padding: 1em;
	}
.dev-note {
	background: #FFF826;
	border: 1px solid #E6D02E;
	color: #000;
	font-family: monospace;
	font-size: 117%;
	padding: 1em 2em;
	margin: 1.6em 0;
	position: relative;
	}
.post .dev-note img {
	border: none;
	display: inline;
	float: none;
	}
.dev-note:before {
	color: #805B1F;
	content: 'add the two classes "dev-note cam" to an element to create your own developer notes';
	display: block;
	font: italic 10px Arial, sans-serif;
	margin: -.85em 0 2em -1.7em;
	}
.dev-note:after {
	background: #FFF826 url(../i/dev-joel.png) no-repeat 99.7% 0px;
	color: #805B1F;
	content: 'from Joel';
	display: block;
	font: italic 10px Arial, sans-serif;
	height: 30px;
	line-height: 4em;
	text-align: right;
	margin: 1em -2em -.85em 0;
	padding-right: 37px;
	}
.cam:after {
	background-image: url(../i/dev-cam.jpg);
	content: 'from Cam';
	}
.gallery {
	background: #EDDDC9;
	float: left;
	list-style: none;
	margin-bottom: 2em;
	padding: 0 0 16px 16px;
	width: 453px;
	}
.gallery li {
	background: #AD8F74;
	float: left;
	height: 132px;
	margin: 16px 13px 0 0;
	padding: 0;
	position: relative;
	width: 100px;
	}
.gallery a {
	border: 2px solid #AD8F74;
	display: block;
	height: 128px;
	}
.gallery a:focus,
.gallery a:hover,
.gallery a:active {
	border-color: #fff;
	}
.gallery img {
	border:none;
	margin: 0;
	width: 96px;
	}
/* @end */

/* @group hidden elements */
.aid, hr { 
	position: absolute;
	left: -9999px;
}
/* @end */

/*forms*/

#main form.ddfm {
	background: #F2F1F0;
	padding-top: 1.5em;
	padding-bottom: 2em;
	}
	
	
/**** DDFormmailer CSS  BEGINS ****/
/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #444;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #dd0000;
}

.ddfmerrors {
	color: #dd0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: normal;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}



/* STRUCTURE CSS */

.ddfmwrap {
	background: #FFFFCC;
	margin: 15px auto;
	width: 469px; 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 15px;
	width: 439px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	border-width: 1px;
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	border-width: 1px;
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
}

form.ddfm .submit {
	margin-top: 15px;
	margin-right: 10px;
	text-align: right;
	clear:both;
	width: 95%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding: 1em 0;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 1em 3px 3px;
	text-align: left;
}

/* Comments */
/* @group Comments */

#commentlist {
	list-style: none;
	padding: 0;
}
#commentlist li {
	height: 1%; /*for IE hasLayout*/
	margin-left: 0;
	padding: 2.2em 10px 1.8em;
	position: relative;
}

#commentlist .commentNum {
	display: block;
	font-size: 260%;
	height: 1em;
	left: 0;
	line-height: .8em;
	position: absolute;
	text-align: right;
	text-decoration: none;
	top: .75em;
	width: 1.1em;
}
.commentContent {
	margin: 0 20px 0 2.5em;
	height: 1%; /*for IE hasLayout*/
}
#commentlist li p {
	clear: both;
}
.meta {
	border-bottom: 1px solid #AD8F74;
	font-style: italic;
	float: left; /* see ie.css */
	height: 1%; /* for IE hasLayout */
	margin-bottom: .6em;
	padding-bottom: .1em;
	width: 100%;
}
.rss a, .trackback a {
	font-size: 85%;
	font-style: italic;
	font-weight: normal;
	}
.postcontent {
	clear: both;
	}
.post .meta {
	border: none;
}
.meta span {
	float: right;
	font-size: 85%;
	padding-top: .45em;
}
.categoryInfo {
	float: left;
}
.author {
	float: left;
	font-weight: bold;
	font-size: 123.5%;
}
.author cite {
	font-style: normal;
}


/* Thickbox CSS */
html, body {
    height: 100%;
}
#TB_window {
	font: 12px Verdana, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Verdana, sans-serif;
	color:#666666;
}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	background-color:#000;
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#TB_window {
	position: fixed;
    top: 50%;
    left: 50%;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 3px solid #000;
	text-align:left;
}
#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	height:25px;
	padding:11px 30px 10px 25px;
	float:left;
}

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow {
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title {
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p {
	padding:5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px; /* -height/2 0 0 -width/2 */
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect {
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}