/* --------------------------
 @Reset (http://meyerweb.com/eric/tools/css/reset/) 
----------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* --------------------------
 @Structure 
----------------------------- */

html { overflow-y: scroll; }

body { 
	background: #35211f; 
	color: #383a43;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.5em;	
}

#wrapper { background: #35211f url('../images/tb-bg.png') repeat-y scroll center top; margin: 0 auto; }

.container { background: url('../images/tb-header-bg.jpg') no-repeat scroll center top; margin: 0 auto; width: 884px; padding: 0 20px 0 21px }


/* --------------------------
 @Identity
----------------------------- */

#identity { margin: 0 auto; padding-left: 13px}

#identity #logo { margin: 19px 0 135px }

/* --------------------------
 @Navigation
----------------------------- */

ul.nav { background: url('../images/bg_nav_li.gif') top left repeat-x; list-style-type: none; margin: 0 20px 0 0; width: 169px; }

ul.nav li { background: url('../images/bg_nav_li.gif') bottom left repeat-x; float: left; padding: 4px 0; width: 169px; }

ul.nav li a { background: url('../images/bg_nav_a.gif') center left no-repeat; clear: both; display: block; float: left; margin-left: 6px; padding: 10px 0 10px 6px; text-decoration: none; text-transform: uppercase }

/* --------------------------
 @Content
----------------------------- */

#content { margin: 0 auto; text-align: center; }

#content #tenpounds { padding: 25px 0 65px; }

/* --------------------------
 @Content-primary
----------------------------- */

#content-primary { width: 658px; float: left; border-right: solid #8f9d98 1px; padding-bottom: 20px }

#content-primary #mainphoto { border: 10px solid #0a0a0a; display: block; margin: 0 0 20px 0; }

#content-primary p { font-size: 1.0833em; line-height: 1.75em; }

.social { padding-top: 35px; }

/* --------------------------
 @Content-secondary
----------------------------- */

#content-secondary { width: 225px;  float: right; }

#content-secondary .thumb { border: 6px solid #0a0a0a; display: block; margin: 0 0 10px }

/* --------------------------
 @Twitter
----------------------------- */

#twitter { border-bottom: solid #8f9d98 1px; width: 641px; padding-right: 17px; }

#twitter h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding-bottom: 8px }

#twitter ul { font: normal 1.5em Gill Sans, Helvetica, Arial, sans-serif; line-height: 1.4em; }

#twitter li { margin-bottom: 1em; }

#twitter a { color: #6f7c46; padding: 0; background: transparent; text-decoration: none; }

/* --------------------------
 @Download
----------------------------- */

#download { border-bottom: solid #8f9d98 1px; width: 641px; padding: 17px 17px 17px 0; }

#download a { color: #672503; font: normal 2em Georgia, Times New Roman; padding: 0; background: transparent; text-decoration: underline; }

/* --------------------------
 @Player
----------------------------- */

#player { border-bottom: solid #8f9d98 1px; width: 641px; padding: 20px 17px 11px 0; }

/* --------------------------
 @Photo
----------------------------- */

#photo { border-bottom: solid #8f9d98 1px; width: 641px; padding: 17px 17px 17px 0; }

#photo p { font: normal 0.75em Helvetica, Arial, sans-serif; letter-spacing: 4px; margin: 12px -4px 0 0; text-transform: uppercase; text-align: right; float: right; }


/* --------------------------
 @Sign-up
----------------------------- */

#sign-up { border-bottom: solid #8f9d98 1px; width: 641px; padding: 17px 17px 17px 0; }

#sign-up #wkig-wkig { background: #FDFDF8; border-color:#BBBBBB #ECEECF #DDDDDD #CCCCCC; border-style:solid; border-width:1px; font-size:1em; margin:0 10px; height:16px; padding: 3px; width:220px; }


/* --------------------------
 @Gigs
----------------------------- */

.gig { padding: 0 0 17px 17px; border-bottom: solid #8f9d98 1px; }

#gigs h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding: 0 0 0 17px }

#gigs h3.date { font: normal 0.75em Helvetica, Arial, sans-serif; letter-spacing: 4px; padding: 17px 0 5px 0; text-transform: uppercase; }

#gigs h3.venue { font: normal 1.5em Gill Sans, Helvetica, Arial, sans-serif; line-height: 1.7em; text-transform: uppercase; }

#gigs a { color:#672503; font-size: 1em; padding: 0; background: transparent; text-decoration: none; }

#gigs p { font-size: 0.888em; line-height: 1.6em }


/* --------------------------
 @Album
----------------------------- */

.album { padding: 17px 0 17px 17px; border-bottom: solid #8f9d98 1px; }

.album h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding: 0 0 11px 0 }

.album #cost { font: normal 1.5em Gill Sans, Helvetica, Arial, sans-serif; line-height: 1.7em; text-transform: uppercase; }

.album #smallcaps { font: normal 0.75em Helvetica, Arial, sans-serif; letter-spacing: 4px; padding-bottom: 8px; text-transform: uppercase; }

.album a { padding: 0; background: transparent; }


/* --------------------------
 @Social
----------------------------- */

.social { padding: 0 0 17px 17px; border-bottom: solid #8f9d98 1px; }

.social h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding: 17px 0 11px 0 }

.social p { padding-bottom: 9px; }

.social a { padding: 0; background: transparent; }


/* --------------------------
 @Contact
----------------------------- */

.contact { padding: 0 0 17px 17px; border-bottom: solid #8f9d98 1px; }

.contact h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding: 17px 0 11px 0 }

.social p { padding-bottom: 9px; }

.social a { padding: 0; background: transparent; }

/* --------------------------
 @Biography
----------------------------- */

#biography{ width: 639px; padding: 17px 17px 0 0; }

#biography h2 { color: #565f51; font: normal 2em Georgia, Times New Roman; padding: 0 0 11px 0 }

#biography p { padding-bottom: 1.3em }


/* --------------------------
 @Footer
----------------------------- */

#footer { background: #35211f url('../images/tb-judy.jpg') no-repeat scroll center top; padding: 912px 0 45px; }

#footer #container { width: 925px; height: 20px; background: url('../images/tb-copyright.png') no-repeat scroll center top; margin: 0 auto; }

#footer #container .left { float: left; }

#footer #container .right { float: right; }

#footer #details #swerve { padding-top: 6px }

#footer a { background: transparent; color: #957e64; font: normal 0.75em Helvetica, Arial, sans-serif; letter-spacing: 2px; text-decoration: none; text-transform: uppercase }


/* --------------------------
 @Gallery
----------------------------- */

#description { background: url('../images/fade.gif') repeat-x; min-height: 185px; padding: 20px; }

.figure { margin-bottom: 20px; }

#content_primary .legend p { background: url('../images/divider_grey.gif') repeat-x top left; font-size: 1.2em; letter-spacing: 1px; margin: 0; padding: 13px 40px 0; text-align: center; }

#content_primary .legend { background: url('../images/divider_grey.gif') repeat-x bottom left; padding: 0 0 11px}


/* --------------------------
 @Contact
----------------------------- */
 
#contact { background: url('../images/bg_contact.gif') repeat-x top left; }

#contact p { margin: 0 auto; padding: 30px 0 40px; width: 548px; }

#contact .pipe { color: #848383; margin: 0 4px }

#contact #copyright { color: #848383; }

form#form_contact { margin-bottom: 30px; }


/* --------------------------
 @Links
----------------------------- */

a:active, a:focus, a:hover { background:#dbe6d6 none repeat scroll; font-size: 1em; }

a:link, a:visited { background:#ced6ca none repeat scroll; color:#242424; font-size: 1em; padding:0 3px; text-decoration:none; }

/* --------------------------
 @Default form
----------------------------- */

.default fieldset.hidelegend legend { display: none; }

.default label { display: block; font-weight: bold; padding: 5px 0; }

.default input.text, .default textarea { display: block; font-weight: bold; margin: 3px 0 8px; width: 300px; }

.default textarea { height: 200px }

.default input.file { display: block; margin: 3px 0 8px }


/* --------------------------
 @Messages
----------------------------- */

.error, 
.success {
	background: #fbf3f3;
	border: 3px solid #c84040;
	color: #000;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

.success {
	background: #fffbe2;
	border-color: #ffe222;
}

.error ol {
	margin: 1em 0 0;
}

.error li {
	margin: 0 0 0.4em 2.8em;
}

.error h3, 
.success h3 {
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}