/* colors used:
Blue-42575f
Orange-ff9e00
Baige-8d8b6f
Grey-a2a3a6
DarkBlue-254359
Red-890000 */



/* Page-level */
body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	color: #333;
	background-position: center 41px;
	background-position-y: 41px;
	background-repeat: no-repeat;
	background-image: url(../images/bg.jpg);
	}

header { 
	width: 100%; height:41px;
	background-color: #fff;
	margin-bottom: 18px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.00, rgb(250,250,250)),color-stop(0.32, rgb(247,247,249)),color-stop(0.99, rgb(255,255,255)) );
	background-image: -moz-linear-gradient(center bottom,rgb(250,250,250) 0%,rgb(247,247,249) 32%,rgb(255,255,255) 99%);
	} #logo {
	display: inline-block;
	float: left;
	width: 250px; height: 40px;
	background: url(../images/logo.gif) no-repeat;
}

header a.login {
	display: inline-block;
	width: auto;
	padding: 16px;
	color: #254359;
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
}

section {
	display: inline-block;
	float: left;
	margin: 0 0 16px 21px;
}

article {
margin-bottom: 12px;
} article.ShadowBox {
	padding: 9px 9px 12px 9px;
}

.ShadowBox, aside article, .ItemBox {
	display: block;
	background-color: #fff;
	background-repeat: no-repeat;
	  -moz-box-shadow: 0 1px 5px #888;
	  -webkit-box-shadow: 0 1px 5px #888;
	  -moz-border-radius-bottomright: 5px;
	  -webkit-border-radius: 5px;
}

aside {
	display: inline-block;
	width: 250px;
	position: absolute;
	top:52px; right:11px;
} aside article p { font-size: 62.5%; color: #666; margin-top: 6px;
} aside article p a { font-style: normal; }

aside article {
	width: 230px;
	padding: 10px;
}

footer {
	position: fixed;
	bottom:6px; right: 11px;
	width: auto;
	font-size: 13px;
	font-weight:bold;
	color: #254359;
	} footer span { margin-right: 10px; }

/*** Typography ***/
h1 { font-size: 34px; letter-spacing: -0.06em; color; #222; }
h1 span { font-weight: normal; letter-spacing: -0.03em; }
h2 { font-size: 1.8em; margin:0; color: #333; }
h3, h3 a { font-size: 22px; margin:0; font-style: normal; font-weight: normal; text-transform: uppercase; color: #42575f; font-style: italic; }
h4 {
font-size: 1.4em;
text-transform: uppercase;
line-height: 17px;
margin-bottom: 5px;
padding-top: 0px;
border-bottom: solid #000 1px;
} aside h4 { text-align: right;
} h1, h4 {
color: #333;
border-color: #333;
	text-shadow: 0 0 1px #444;
} .ShadowBox h3 {
	text-shadow: 0 1px 2px #999;
}

a {
color: #ff9e00;
font-style: italic;
}

video {
	display: inline-block;
	width: 320px; height: 180px;
	padding: 26px 12px 18px 15px;
	margin-bottom: 12px;
	z-index: -1;
	background-image: url(../images/vid-bg.png);
	background-repeat: no-repeat;
}

article.music-player {
	display: inline-block;
	width: 280px; height: 190px;
	margin-top: 22px;
} audio {
	display: list-item;
	width: 100%; height: 80px;
	background: red;
} audio a { display: block; width: 80px; height: 80px; background: blue; }

blockquote {
margin: 16px 0 16px 16px;
font-size: 18px;
font-style: italic;
}

/*** EXTRAS ***/

p { margin-bottom: 6px; }

.hidden { display: none; }

.wordwrap {	word-wrap: break-word; }

.padding { padding: 6px; }

.large {
font-size: 1.6em
} .small {
font-size: 11px;
}

.indent { margin-left: 5px; }

.ItemBox {
	display: inline-block;
	height: 120px; width: 244px;
	padding: 5px 6px 5px 206px;
	margin: 0 6px 9px 0;
} .ItemBox address, .ItemBox a, .ItemBox p {
	font-size: 13px;
} .ItemBox a {
	float: right;
	text-decoration: none;
	font-style: normal; } .ItemBox p { 	margin-top: 6px;
} .ItemBox h4 {
	margin-bottom: 3px;
} .ItemBox.photo { width: 200px; height: 130px; margin: 0; padding: 0; }


/*** FORM ***/

label { display:block; font-weight:bold; color:#888; font-size:10px; text-transform:uppercase; margin:12px 0 4px; }

input, textarea, select { padding:7px; border:1px solid #eee; font-size:16px; width:215px; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; }

input[type=submit], input.submit { width:auto; background:#333; border:1px solid #ff9e00; color:#fff; font-weight:bold; margin-top:15px; cursor:pointer; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#ff9e00; color:#fff; }

.ProfilePhoto {
	background-repeat: no-repeat;
	width: 250px; height: 300px;
	padding: 0;
}

.tourdates li {
line-height: 11pt;
height: 30px;
margin-bottom: 2px;
padding: 0 4px 3px 3px;
font-size: 13px;
} .tourdates li:hover {
background: #ff9e00;
} .tourdates span, .tourdates a {
float: right;
text-align: right;
}

.lifestream {
    margin:15px 0 15px 0;
    list-style:none;
    color: #254359;
}

.lifestream li {
    margin:2px 0;
    padding:4px 8px 4px 28px;
    list-style:none;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:5px 5px;
}.lifestream li a {
    text-decoration:none;
    color:#ff9e00;
}.lifestream li span a {
    text-decoration:none;
	font-size: 13px;
    color:#888;
}