/*Ed Trask CSS */
/* Modified 5/17/07 */

/* GENERAL
---------------------------------------- */

* {margin: 0; padding: 0;}

body {
	font: 70% Verdana, Helvetica, sans-serif;;
	text-align: center;
	background: #b3b3b3 url(/i/layout/body-bg.gif) center center repeat-y;
	line-height:1;
	color:#444;
	margin:0 auto;
	padding:0;
	}

p {margin-bottom:1em;}

/* LINKS  */
a:link {
	color: #333;
	text-decoration: none;
	}
a:visited {
	color: #333;
	text-decoration: none;
	}
a:hover {
	color: #3296E4;
	text-decoration: underline;
	}
a:active, a:focus {outline:none;}

a.current {color: #3296E4;}

	
/* BASICS */

dl,dt,dd {margin-left:0;}
dt {font-weight:bold;}
#primaryContent ul {margin-left:16px;}

/* LAYOUT  */

#container {
	position:relative;
	border-top:6px solid #7e7e7e;
	background:#f7f7f7 url(/i/trask-logo.jpg) top left no-repeat;
	margin:0 auto;
	width:930px;
	text-align:left;
    }

#masthead {
	position:relative;
	clear:both;
	height: 60px;
	margin:0;
	padding:0;
	width: 930px;
	}

#masthead h1 {
	margin:0;
	padding:0;
	text-indent: -10000px;
	}

#masthead h1 span {visibility:hidden;}

#masthead h1 a, 
#masthead h1 a:hover {
	position:absolute;
	top:0;
	left:0;
	border:0;
	display: block;
	height: 150px;
	text-decoration: none;
	width: 200px;
	}
	
/* NAV */

#main-nav {
	position:absolute;
	top:24px;
	right:30px;
	width:620px;
	height:30px;
	}
#main-nav ul {
	display:block;
	float:right;
	list-style:none;
    border-bottom: 1px solid #ddd;
    padding: 1em 0 0 0;
    margin: 0;
    height: 2.1em;
	}
#main-nav ul li {
	float: left;
	margin: 0 .5em;
	height: 2.1em;
	}
#main-nav ul li a {
	display: -moz-inline-block;
	display: inline-block;
	padding: 0 .4em;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	}
#main-nav ul li a.selected {
	position: relative;
	top: 0px;
	margin-top: 0px;
	color: #333;
	border-bottom: 1px solid #999;
	}
#main-nav ul li a:hover {
	position: relative;
	top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #999;
	}

/* Active section */
body.about #main-nav ul li.about a,
body.art #main-nav ul li.art a,
body.paintings #main-nav ul li.art a,
body.murals #main-nav ul li.art a,
body.music #main-nav ul li.music a,
body.about #main-nav ul li.about a,
body.news #main-nav ul li.news a,
body.contact #main-nav ul li.contact a,
body.home #main-nav ul li.home a {
	color: #3296E4;
	position: relative;
	top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #999;}

 /* Side Navigation
 ------------------------------------------------------ */
 ul#sub, ul#sub ul, ul#sub ul ul {list-style:none;}
 
#sub { 
	margin: 0;
	padding:98px 30px 0 30px;
	width:210px;
 	}
#sub ul, #sub li {
	display: block;
	font-weight: bold;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
#sub a {
	}

#sub a.leaf {
	background: transparent;
	}

#sub a:link, #sub a:visited {
	}
#sub li a:link.selected, #sub li a:visited.selected {
	font-weight: bold;
	}
	
#sub li {
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	}
#sub li li {
	font-weight: normal;
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	background: transparent url(/i/list-marker.gif) 2px 6px no-repeat;
	}
	
#sub a:link {color: #333; text-decoration: none;}
#sub a:visited {color: #333;text-decoration: none;}
#sub a:hover {color: #3296E4;text-decoration: underline;}
#sub a.current {color: #3296E4;}

.ruler {
	background: transparent url(/i/ruler.gif) top left no-repeat;
	height: 60px;
	}

	
/* CONTENT  */

#primaryContent {
	float:right;
	line-height: 1.7;
	width:650px;
	clear:both;
	min-height:350px;
	padding-bottom:60px;
	}

#primaryContent h2 {
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
    color: #444;
    font-size: 190%;
    line-height: 100%;
    margin: 0 0 .5em 0;
    letter-spacing: -1px;
	}
#primaryContent h2 {
    padding: 15px 0;
    margin: 0;
    line-height: 100%;
	}
#primaryContent h2 a,
#primaryContent h2 a:visited {
    color: #ccc;
    text-decoration: none;
    }
#primaryContent h2 a:hover {
    color: #555;
    }
	
#primaryContent p a:link,
#primaryContent li a:link,
#primaryContent p a:visited,
#primaryContent li a:visited {
	color: #266BA0;
	font-weight:bold;
	text-decoration: none;
	}
#primaryContent p a:hover,
#primaryContent li a:hover {
	color: #E47132;
	font-weight:bold;
	text-decoration: underline;
	}
#primaryContent p a:active {text-decoration:none;}
	
	
#primaryContent .gutter {
	margin:0;
	padding:0 30px 30px 0;
	}
	
#primaryContent ul {
	margin-bottom: 1em;
	}
	
#primaryContent h4 {
	color:#444;
	}
	
/* Pullbox for content */
.pullbox {
	float:left;
	margin:20px auto;
	padding:10px 40px;
	font-size:95%;
	line-height:1.7;
	background:#efefef;
	border:4px solid #999;
	}
	
#primaryContent p img {border:6px solid #aeaeae;}
img.left {float:left; margin:2px 24px 2px 0;}
img.right {float:right; margin:2px 0 2px 24px;}

/*  Blockquotes
----------------------------------------------------------------------------------------------------------- */
blockquote {
	width:100%;
	margin-bottom:24px;
	border-top:#aeaeae solid 3px;
	border-bottom:#aeaeae solid 3px;
	}
blockquote p {
	font-size:160%;
	/*text-transform:uppercase;*/
	line-height:1.7;
	padding:12px 12px 0 12px;
	}
blockquote p span {
	text-align:right;
	display:block;
	width:100.1%;
	font-size:14px;
	color:#666;
	}


/*  Feature - pullbox
----------------------------------------------------------------------------------------------------------- */

.feature {
	margin: 24px 0;
	padding: 24px;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background:#e3e3e3;
	}
.feature.notopmargin {margin-top:0;}
	
.feature h3 {
	margin: 0 0 1em 0;
	font-size: 140%;
	color: #444;
	padding-bottom:6px;
	border-bottom:1px dotted #aeaeae;
	}
	


/*  Index pages with image links
----------------------------------------------------------------------------------------------------------- */
.highlight {
	float:left;
	display:block;
	margin:0 0 24px 0;
	padding:12px;
	text-align:center;
	background:#aeaeae;
	}
.highlight:hover {
	background:#3296E4;
	}
.highlight h3 {
	font-size:1em;
	color:#fff;
	line-height:1.2;
	margin:6px 0 0 0;
	padding:0;
	border:0;
	}

.highlight h3 a,
.highlight h3 a:link,
.highlight h3 a:visited {border:0; color:#fff; text-decoration:none;}
	
.highlight h3 a:hover {border:0; color:#043E85; text-decoration:underline;}
.highlight .img img {margin:0; padding:0;}
.highlight .img a img {border:0;}

.highlight p {
	line-height:1.4;
	font-size:1em;
	margin:0;
	padding:0;
	}

/* highlight column margins */
.col-space {margin-right:30px;}
body.paintings .col-space,
body.murals .col-space {margin-right:34px;}

	

/*  FOOTER
----------------------------------------------------------------------------------------------------------- */
#footer {
	clear:both;
	width:100%;
	margin:0;
	padding:30px 0 30px 0;
	background:#939393;
	border-top:3px solid #7e7e7e;
	}
#footer p {
	display:block;
	float:left;
	margin:0;
	padding:0 30px 30px 30px;
	color:#555;
	font-size:90%;
	width:450px;
	}
#footer p img {
	float:left;
	border:3px solid #666;
	}
#footer a:hover {color:#eee!important;}
	
/*  HOME page 
----------------------------------------------------------------------------------------------------------- */

body.home #masthead h1 a,
body.home #masthead h1 a:hover {display:none;}
body.home #container {
	position:relative;
	background:#f7f7f7 url(/i/trask-logo-big.jpg) top left no-repeat;
	margin:0 auto;
	width:930px;
	text-align:left;
    }
	
body.home #primaryContent {
	width:300px;
	height:400px;
	padding-right:12px;
	}
	
/* Album list on music pages */
#albumlist {
float: left;
width: 100%;
padding: 20px 0;
}
#albumlist dl {
float: left;
width: 100%;
margin:0;
padding:18px 0 18px 0;
border-top:1px dotted #aeaeae;
display: inline; /* fixes IE/Win double margin bug */
}
#albumlist dt {
float: left;
width: 100%;
font-weight: bold;
font-size:14px;
margin: 0;
padding: 0 0 6px 0;
font-family: Verdana, serif;
color: #444;
}

#albumlist dd {
margin: 0 0 0 180px;
padding: 0 0 6px 0;
line-height: 1.5em;
color: #666;
}
#albumlist p.subhead {
display:block;
font-weight: bold;
font-size: 1.2em;
padding: 0 0 0 26px;
color: #114663;
background: url(../images/extras/fleur.gif) bottom left no-repeat;
}

#albumlist dl dd.img {
margin: 0;
padding-right: 10px;
}
#albumlist dd.img img {
float: left;
margin: 0 8px 5px 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
height:200px;
width: 200px;
 }

#albumlist dd.info {font-weight: bold;}
#albumlist dd.desc {padding-top: 1em;}

#albumlist table {float:left;}


 /* FORMS
 ------------------------------------------------------ */
#contactform {
	margin: 0 0 25px 0;
	padding: 20px;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background:#e3e3e3;
	}
#contactform p.note {
	margin-top: 20px;
	}
#contactform dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt {
	color: #383d44;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em {
	color: #c00;
	font-size: 130%;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 250px;
	padding: 2px;
	font-size: 130%;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	}
	
 /* Home Navigation
 ------------------------------------------------------ */
body.home h2 {display:none;}

body.home #sub ul li {display:none;}
 
 body.home ul.thumbs {
 	list-style:none;
	margin:0;
	margin-top:30px;
	}
body.home ul.thumbs li {
	margin-bottom:12px;
	}
body.home ul.thumbs li a img {border:0;}
body.home ul.thumbs li img {
 	display:block;
	width:261px;
	border:0;
	}
body.home ul.thumbs li a:link,
body.home ul.thumbs li a:visited {
	padding:9px 9px 6px 9px;
	width:261px;
	color:#333!important;
	display:block;
	background:#dedede;
	text-decoration:none;
	font-weight:bold;
	border:0;
	}
body.home ul.thumbs li a:hover,
body.home ul.thumbs li a:active {
	background:#3296E4;
	color:#fff!important;
	text-decoration:none!important;
	}
	
body.home ul.thumbs li span {
	display:block;
	padding-top:4px;
	}
body.home #primaryContent {width:312px;}