/*
Theme Name: Eli Maniscalco
Theme URI: 
Description: 
Version: 6.0
Author: Eli Maniscalco
Author URI: http://elimaniscalco.com
*/

/* ---------- 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; vertical-align: baseline; background: transparent;}

body {font: 62.5% verdana, "lucida grande", "lucida sans", "lucida sans unicode", arial, sans-serif; margin:0; padding:0;}

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

/* ---------- Layout ---------- */

body {background-color: #ded5bf /* #FFFFFF */;}

#header {width: 860px; height: 300px; display: block; margin: 0 auto; background: url('http://elimaniscalco.com/wp-content/uploads/header.jpg') no-repeat;}

	h1 {width: 280px; height: 70px; display: block; margin: 0 0 0 -25px; padding: 25px 0 0 0;}
		h1 a {display: block; clear: both; width: 280px; height: 70px; background-color: black;}

	ul.sitenav {list-style-type: none; width: 190px; display: block; clear: both; margin: 12px 0 0 0;}
	
		ul.sitenav li {}

#wrapper {width: 815px; display: block; clear: both; margin: 12px auto 0 auto; padding: 25px; background-color: #FFFFFF /* #F3F1E9 */; border-top: 3px solid black; border-bottom: 3px solid black;}

	h2 {margin: 0; padding: 0;}

	#content {width: 815px; display: block; clear: both; margin: 0 auto; padding: 0;}

#footer {width: 815px; display: block; clear: both; margin: 0 auto 12px auto; padding: 25px;}

/* ---------- Header & Navigation ---------- */

h1 a {text-decoration: none;}

ul.sitenav li a {display: block; width: 190px; font-size: 1.6em; text-decoration: none; margin: 0 0 2px -2px; padding: 2px; letter-spacing: -.02em; color: #811b00;}
	ul.sitenav li a:hover, ul.sitenav a:focus, #sitenav a:active {background-color: #bfb7a4;}

/* ---------- Typography ---------- */

#content p, #content ul, #content ol, #content blockquote {font-size: 1.3em; line-height: 1.5; margin: 1.5em 0; letter-spacing: -.007em;}

h1, h2, h3, h4 {font-weight: normal; font-family: "georgia", "century schoolbook", century, serif;}
h1 {font-size: 3.4em;}
h2 {font-size: 2.6em; font-weight: bold; letter-spacing: .02em;}
h3 {font-size: 2.1em; margin: 1em 0; letter-spacing: .01em;}
	h3.top {margin-top: 1.5em;}
h4 {font-size: 1.3em; font-weight: bold; margin: 1em 0; letter-spacing: .005em; text-transform: uppercase;}

#content ul, #content ol, #content blockquote {margin-left: 4em;}

#content a {color: #811b00;}
	#content a:hover, #content a:focus, #content a:active {color: #aa2300;}

/* ---------- Post Styles ---------- */

h2 a {text-decoration: none; color: black;}

/* ---------- Content boxes ---------- */

#box {}

#box h3 {margin-top: 0;}

#clear {display: block; clear: both;}

.full {display: block; clear: both;}

.bpk-bio {width: 605px; display: inline; float: left; padding-right: 12px;}
.bpk-hires {width: 185px; display: inline; float: right; padding-left: 12px; border-left: 1px solid #bfb7a4;} 

.calendar-cal {width: 605px; display: inline; float: left; padding-right: 12px;}
.calendar-ml {width: 161px; display: inline; float: left; margin-left: 12px; padding: 0 12px; background-color: #bfb7a4;}

.contact-booking {width: 395px; display: inline; float: left; padding-right: 12px; margin-top: 25px;}
.contact-ml {width: 395px; display: inline; float: right; padding-left: 12px; border-left: 1px solid #bfb7a4; margin-top: 25px;}

.it-instruments {width: 395px; display: inline; float: left; padding-right: 12px; border-right: 1px solid #bfb7a4;}
.it-tunings {width: 395px; display: inline; float: right; padding-left: 12px;}

.links-external {width: 255px; display: inline; float: left; padding-right: 12px;}
.links-friends {width: 535px; display: inline; float: right; padding-left: 12px; border-left: 1px solid #bfb7a4;}
	.links-friends-a {width: 255px; display: inline; float: left; padding-right: 12px; font-size: 1.3em;}
	.links-friends-b {width: 255px; display: inline; float: left; padding-left: 13px; font-size: 1.3em;}

.russeli-bio {width: 395px; display: inline; float: left; padding-right: 12px;}
.russeli-photo {width: 395px; display: inline; float: right; padding-left: 12px;}
.russeli-booking {width: 255px; display: inline; float: left; padding-right: 12px;}
.russeli-links {width: 255px; display: inline; float: left; padding: 0 12px; border-left: 1px solid #bfb7a4; border-right: 1px solid #bfb7a4;}
.russeli-hires {width: 255px; display: inline; float: left; padding-left: 12px;}

p.action {margin: 0;}

/* ---------- Back to Main Page ---------- */

a.back {background-color: #bfb7a4; color: #811b00; padding: 12px; margin-top: 50px;}
	a.back:hover, a.back:focus, a.back:active {background-color: #ded5bf; color: #aa2300;}

/* ---------- Links Page Icons ---------- */

#box.links-external a {display: block; clear: both; height: 45px; padding-left: 57px;}

a.facebook {background: url('http://elimaniscalco.com/wp-content/uploads/facebook.jpg') no-repeat center left;}
a.ilike {background: url('http://elimaniscalco.com/wp-content/uploads/ilike.jpg') no-repeat center left;}
a.myspace {background: url('http://elimaniscalco.com/wp-content/uploads/myspace.jpg') no-repeat center left;}
a.reverbnation {background: url('http://elimaniscalco.com/wp-content/uploads/reverbnation.jpg') no-repeat center left;}
a.twitter {background: url('http://elimaniscalco.com/wp-content/uploads/twitter.jpg') no-repeat center left;}
a.youtube {background: url('http://elimaniscalco.com/wp-content/uploads/youtube.jpg') no-repeat center left;}

/* ---------- Calendar ---------- */

table.calendar {font-size: 1.3em; margin: 1.5em 0;}

table.calendar th {text-align: left; padding-bottom: 5px; border-bottom: 1px solid #bbb;}

table.calendar tr td {padding: 5px 10px 5px 0; border-bottom: 1px solid #bfb7a4;}

/* ---------- Album Preview ---------- */

#album-preview {display: inline; float: left; width: 185px; margin-right: 25px; font-size: 1.3em;}
	#album-preview.last {margin-right: 0;}

/* ---------- Photo Gallery ---------- */

#gallery {width: 815px; display: block; clear: both; letter-spacing: 0; line-height: 1; font-size: 1em;}

#gallery a {width: 115px; height: 115px; display: inline; float: left; margin: 0 25px 25px 0; padding: 0;}
	#gallery a.last {margin: 0 0 25px 0;}

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

#footer {text-align: center;}

ul.footnav {list-style-type: none; font-size: 1.3em; width: 255px; display: inline; float: left; margin: 0 25px 0 0; text-align: left;}
	ul.footnav li {}
		ul.footnav li a {color: #811b00;}
		ul.external li a:last {margin-right:0;}
			ul.footnav li a:hover, ul.footnav li a:focus, ul.footnav li a:active {color: #aa2300;}

ul.external {list-style-type: none; font-size: 1.3em; width: 255px; display: inline; float: left; margin: 0 25px 0 0; text-align: left;}
	ul.external li {}
		ul.external li a {color: #811b00;}
		ul.external li a.last {margin-right:0;}
			ul.external li a:hover, ul.external li a:focus, ul.external li a:active {color: #aa2300;}

#sitemeta {width: 255px; display: inline; float: left; font-size: 1.3em; text-align: left; color: #172225;}
	#sitemeta a {color: #811b00;}
		#sitemeta a:hover, #sitemeta a:focus, #sitemeta a:active {color: #aa2300;}