/*****************************
	Domingoyu.com Stylesheet
	Author: Michael Palmer (mike@stroke7.com)
	Created: March 02, 2006
	Modified: April 20, 2006
******************************/	

/* Fix a silly bug in Mozilla; thanks, Carey Evans through Jeffrey Zeldman*/

html { 
	min-width: 960px;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
}

p {
	font-size: 100%;
}	
	
table {
	border-collapse: collapse;
}	
	
td {
	text-align: left;
}	
	
img {
	border: solid 2px #132d47;
}	

a { outline: none; }

a:link,
a:visited {
	color: #3871ab;
}	
	
a:hover,
a:active {
	color: #6aadf0;
}	
	
.grey { background: #f3f3f3; }	
.required { color: #f00; }

.clear {
	clear: both;
}


/*****************************
	colors
******************************/	

/******** home and blog *******/	
body, #skiplinks, #nav { background-color: #000000; }
#footer { background-color: #7d7d7d; }
#nav ul li ul { background-color: #333; }
#nav ul li ul li a { color: #FFC000; }
#nav ul li ul li a:link, #nav ul li ul li a:visited { background: none; }
#nav ul li ul li a:hover, #nav ul li ul li a:active { background-color: #999;  }
#header { background-image: url(gui/top_banner.gif); }
.pagination li.this-page { border-color: #6AADF0; }
.pagination li a {	border-color: white; }
.pagination a:link, .pagination a:visited { color: #6AADF0; }
.pagination a:hover, .pagination a:active { background-color: #6AADF0; color: white; border-color:#6AADF0; }

/******** education *******/	
body.education, body.education #skiplinks, body.education #nav { background-color: #006600;}
body.education #footer { background-color: #00a000; }
body.education #nav ul li ul { background-color: #017F00; }
body.education #nav ul li ul li a { color: #FFC000; }
body.education #nav ul li ul li a:link, body.education #nav ul li ul li a:visited { background: none; }
body.education #nav ul li ul li a:hover, body.education #nav ul li ul li a:active { background-color: #006600; }
body.education #header { background-image: url(gui/e_top_banner.jpg); }
body.education .pagination li.this-page { border-color:#00a000; }
body.education .pagination a:link, body.education .pagination a:visited { color: #00a000; }
body.education .pagination a:hover, body.education .pagination a:active { background-color: #00a000; color: white; border-color:#00a000; }

/******** music *******/	
body.music, body.music #skiplinks, body.music #nav { background-color: #122c45;}
body.music #nav ul li ul { background-color: #22496F; }
body.music #nav ul li ul li a { color: #FFC000; }
body.music #nav ul li ul li a:link, body.music #nav ul li ul li a:visited { background: none; }
body.music #nav ul li ul li a:hover, body.music #nav ul li ul li a:active { background-color: #4179AF;  }
body.music #footer { background-color: #3871ab; }
body.music #header { background-image: url(gui/m_top_banner.jpg); }
body.music .pagination li.this-page { border-color:#3871ab; }
body.music .pagination a:link, body.education .pagination a:visited { color: #3871ab; }
body.music .pagination a:hover, body.education .pagination a:active { background-color: #3871ab; color: white; border-color: #3871ab; }

/******** writings *******/	
body.writings, body.writings #skiplinks, body.writings #nav { background-color: #670001;}
body.writings #nav ul li ul { background-color: #8F0000; }
body.writings #nav ul li ul li a { color: #FFC000; }
body.writings #nav ul li ul li a:link, body.writings #nav ul li ul li a:visited { background: none; }
body.writings #nav ul li ul li a:hover, body.writings #nav ul li ul li a:active { background-color: #AF4C4C;  }
body.writings #footer { background-color: #D04B4C; }
body.writings #header { background-image: url(gui/w_top_banner.jpg); }
body.writings .pagination li.this-page { border-color: #D04B4C; }
body.writings .pagination a:link, body.education .pagination a:visited { color: #D04B4C; }
body.writings .pagination a:hover, body.education .pagination a:active { background-color: #D04B4C; color: white; border-color: #D04B4C; }

/*****************************
	wrapper
******************************/	

#wrapper {
	display: block;
	width: 960px;
	border-left: solid 6px #ffc000;
	border-right: solid 6px #ffc000;
	background: white;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/*****************************
	skip navigation
******************************/

#skiplinks {
	display: block;
	width: 960px;
	height: 23px;
	border-bottom: solid 6px #ffc000;
	margin: 0;
	padding: 0;
	text-align: left;
}
	
#skiplinks li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 20px 0 0 5px;
	color: #edf99b;
}	

#skiplinks li a {
	color: #edf99b;
}

/*****************************
	header
******************************/
	
#header {
	display: block;
	height: 107px;
	width: 960px;
	border-bottom: solid 6px #ffc000;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-repeat: no-repeat;
}
	
#header a {
	display: block;
	height: 107px;
	width: 960px;
	text-indent: -9999px;
	text-decoration: none;
}	

/**********************************************
	_nav
**********************************************/

#nav {
	width: 960px;
	height: 33px;
	border-bottom: solid 6px #ffc000;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	float: left;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#nav ul li a {
	display: block;
	height: 33px;
	margin: 0;
	padding: 0;
	color: #ffd304;
	text-decoration: none;
	text-indent: -999em;
}

#nav ul li a#search-box { height: 1px; width: 1px; margin: 0; padding: 0; display: inline;}

#nav #btn-blog { left: 0; background-image: url(gui/btn_blog.gif); }
body.education #nav #btn-blog { background-image: url(gui/e_btn_blog.gif); }
body.music #nav #btn-blog { background-image: url(gui/m_btn_blog.gif); }
body.writings #nav #btn-blog { background-image: url(gui/w_btn_blog.gif); }
#nav #btn-blog a { width: 68px; }

#nav #btn-education { background-image: url(gui/btn_education.gif); }
body.education #nav #btn-education { background-image: url(gui/e_btn_education.gif); }
body.music #nav #btn-education { background-image: url(gui/m_btn_education.gif); }
body.writings #nav #btn-education { background-image: url(gui/w_btn_education.gif); }
#nav #btn-education a.lnk { width: 111px; }

#nav #btn-music { background-image: url(gui/btn_music.gif); }
body.education #nav #btn-music { background-image: url(gui/e_btn_music.gif); }
body.music #nav #btn-music { background-image: url(gui/m_btn_music.gif); }
body.writings #nav #btn-music { background-image: url(gui/w_btn_music.gif); }
#nav #btn-music a.lnk { width: 71px; }

#nav #btn-identity { background-image: url(gui/btn_identity.gif); }
body.education #nav #btn-identity { background-image: url(gui/e_btn_identity.gif); }
body.music #nav #btn-identity { background-image: url(gui/m_btn_identity.gif); }
body.writings #nav #btn-identity { background-image: url(gui/w_btn_identity.gif); }
#nav #btn-identity a.lnk { width: 90px; }

#nav #btn-galleries { background-image: url(gui/btn_galleries.gif); }
body.education #nav #btn-galleries { background-image: url(gui/e_btn_galleries.gif); }
body.music #nav #btn-galleries { background-image: url(gui/m_btn_galleries.gif); }
body.writings #nav #btn-galleries { background-image: url(gui/w_btn_galleries.gif); }
#nav #btn-galleries a { width: 106px; }

#nav #btn-forum { background-image: url(gui/btn_forum.gif); }
body.education #nav #btn-forum { background-image: url(gui/e_btn_forum.gif); }
body.music #nav #btn-forum { background-image: url(gui/m_btn_forum.gif); }
body.writings #nav #btn-forum { background-image: url(gui/w_btn_forum.gif); }
#nav #btn-forum a { width: 79px; }

#nav #btn-contact { background-image: url(gui/btn_contact.gif); }
body.education #nav #btn-contact { background-image: url(gui/e_btn_contact.gif); }
body.music #nav #btn-contact { background-image: url(gui/m_btn_contact.gif); }
body.writings #nav #btn-contact { background-image: url(gui/w_btn_contact.gif); }
#nav #btn-contact a { width: 92px; }

#nav #btn-search { background-image: url(gui/lbl_search.gif); padding: 0; margin: 0; }
body.education #nav #btn-search { background-image: url(gui/e_lbl_search.gif); }
body.music #nav #btn-search { background-image: url(gui/m_lbl_search.gif); }
body.writings #nav #btn-search { background-image: url(gui/w_lbl_search.gif); }
#nav #btn-search form { width: 300px; margin: 0; padding: 2px; text-align: right;}
#nav #btn-search form input { margin-right: 10px;}

/**********************************************
	_nav submenu
**********************************************/

#nav ul li ul {
	position: absolute;
	left: -999em;
	padding: 0;
	margin: 0;
	height: auto;
	width: 12em;
	background-image: none;
	border: solid 7px #ffc000;
	border-top: none;
}

#nav ul li ul li {
	background: none;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 12em;
}

#nav ul li ul li a {
	display: block;
	height: 1.5em;
	color: #FFC000;
	margin: 0;
	padding: 0.3em;
	font-size: 100%;
	line-height: 1.5em;
	text-decoration: none;
	letter-spacing: 0;
	text-indent: 0;
}

#nav ul li:hover ul,
#nav ul li.over ul { left: auto; }

#nav #btn-search p {
	margin: 0;
	padding: 0;
}

/*****************************
	#footer
******************************/		
#footer {
	display: block;
	width: 960px;
	border-top: solid 6px #ffc000;
	border-bottom: solid 30px #fff;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: center;
	font-size: 110%;
	color: #ecf998;
	clear: both;
	position: relative;
	z-index: 1000;
}
	
#footer img {
	border: 0;
}	

#footer ul {
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
	border-bottom: solid 6px #ffc000;
}

#footer ul li {
	display: inline;
	text-align: center;
	font-size: 85%;
	padding: 0 3.0em;
}

#footer a { text-decoration: none; border-bottom: dotted 1px #ecf998; }
	
#footer a:link,
#footer a:visited {
	color: #ecf998;
}	
	
#footer a:hover,
#footer a:active {
	color: #ffe186;
	border-color: #ffe186;;
}

/*****************************
	#main-content
******************************/	

#main-content {
	clear: both;
	float: left;
	width: 624px;
	border-right: solid 6px #ffc000;
	margin: 0 0 -32767px 0;
	padding: 0 0 32767px 0;
}

#main-content div {
	margin: 10px;
}

/*
#blog #main-content div {
	padding-bottom: 32767px;
	margin-bottom: -32667px;
}
*/

#main-content p {
	font-size: 90%;
}

h2 {
	padding: 3px 0 3px 35px;
	background: url(gui/bg_heading.gif) 0 0 no-repeat;
	margin: 0;
	color: #132d47;
}

.num-comments {
	font-size: 10px;
}

#main-feature .num-comments {
	font-size: 12px;
}

.music #main-content h2 { clear: both; }

h3 {
	padding: 0;
	color: #2b7ed3;
	font-size: 100%;
	margin: 5px 5px 5px 0;
}

/*****************************
	#home main-content
******************************/	

#home #main-content {
	width: 360px;
	border: none;
}

.date-posted {
	font-weight: normal;
	font-size: 85%;
}	

#home-blog .comment-link,
.blog .comment-link,
.article .comment-link {
	padding-left: 20px;
	margin-bottom: 15px;
	background: url(gui/bg_comments.gif) left center no-repeat;
}	


#updates dt {
	float: left;
	display: block;
	width: 100px;
	margin: 10px 0;
	clear: both;
	color: #2b7ed3;
	padding: 0;
	margin: 0;
}

#updates dd {
	float: right;
	display: block;
	width: 240px;
	font-size: 110%;
	padding: 0;
	margin: 0 0 10px 0;
}

/*****************************
	.pagination
******************************/	

.pagination {
	clear: both;
	text-align: center;
	margin-bottom: 2.0em;
	position: relative;
	height: 2.0em;
}

.pagination ul {
	list-style: none;
	margin: 0 auto;
	position: absolute;
	right: 0;
}

.pagination ul li {
	float: left;
	text-align: center;
	height: 1.5em;
	line-height: 1.5em;
}

.pagination li.page-hd {
	display: block;	
	padding: 0.3em;
	overflow: visible;
}

.pagination li.this-page {
	display: block;	
	width: 2.0em;
	padding: 0.3em;
	overflow: visible;
	border: solid 1px #6AADF0;
}

.pagination li a {
	display: block;	
	width: 2.0em;
	float: left;
	text-decoration: none;
	padding: 0.3em;
	border: solid 1px white;
}

.pagination a:link, .pagination a:visited { color: #6AADF0; }
.pagination a:hover, .pagination a:active { background-color: #6AADF0; color: white; border-color:#6AADF0; }

/*****************************
	#features
******************************/

#features {
	width: 330px;
	margin: 0;
	padding: 0 0 30px 0;
	float: right;
}

#features div {
	padding: 5px 10px;
}

/*****************************
	#home features
******************************/

#home #features {
	width: 600px;
}

#home #main-feature .caption {
	margin-top: -14px;
	color: #2b7ed3;
	padding: 0 10px 0 18px;
	background: url(gui/arrow_up.jpg) 0 3px no-repeat;
	clear: both;
	margin-bottom: 0;
}	
/*** home features ul ***/
#other-features {
	height: 1%;
	padding-bottom: 10px;
}

#other-features:after {
    content: "."; 
    display: block; 
    height: 1.0em; 
    clear: both; 
    visibility: hidden;
}

#other-features ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#other-features li {
	display: block;
	padding: 0;
	margin: 3px 3px 0 0;
	float: left;
	width: 190px;	
}

#home #features #other-features li.stripe { }

#other-features li a {
	display: block;
	padding: 2px;
	margin: 0;
	text-decoration: none;
	color: #3871ab;
	border: solid 1px white;
	height: 200px;
	overflow: hidden;
	/*min-height: 200px; */

}

#other-features li a:link { border-color: #eee;}
#other-features li a:visited { border-color: #eee;}
#other-features li a:hover { border-color: #999;}
#other-features li a:active { border-color: red;}

#other-features li a.education:link, 
#other-features li a.education:visited,
#random-features li a.education:link, 
#random-features li a.education:visited { border-color: #d3efd1;}
#other-features li a.education:hover, #random-features li a.education:hover { border-color: #19BF0B;}

#other-features li a.music:link, 
#other-features li a.music:visited,
#random-features li a.music:link, 
#random-features li a.music:visited { border-color: #bfdfff;}
#other-features li a.music:hover, #random-features li a.music:hover { border-color: #3FA0FF;}

#other-features li a.writings:link, 
#other-features li a.writings:visited,
#random-features li a.writings:link, 
#random-features li a.writings:visited { border-color: #efd1d2;}
#other-features li a.writings:hover, #random-features li a.writings:hover { border-color: #ab191a;}

#other-features ul li span.feature-title,
#random-features ul li span.feature-title {
	font-size: 120%;
	font-weight: bold;
	padding:  0 0 0 2px;
	margin: 0;
	display: block;
	background-color: #eee;
	color: #333;
}

#other-features ul li a.education span.feature-title, #random-features ul li a.education span.feature-title { color: #19BF0B;}
#other-features ul li a.music span.feature-title, #random-features ul li a.music span.feature-title { color: #3FA0FF;}
#other-features ul li a.writings span.feature-title, #random-features ul li a.writings span.feature-title { color: #ab191a;}

#other-features ul li span.feature-type,
#random-features ul li span.feature-type {
	color: #132d47;
	font-size: 85%;
	display: block;
	background-color: #BFDFFF;
	padding:  0 0 0 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#other-features ul li a.education span.feature-type, #random-features ul li a.education span.feature-type { background-color: #d3efd1;}
#other-features ul li a.music span.feature-type, #random-features ul li a.music span.feature-type { background-color: #bfdfff;}
#other-features ul li a.writings span.feature-type, #random-features ul li a.writings span.feature-type  { background-color: #efd1d2;}
#other-features ul li a.gallery span.feature-type, #random-features ul li a.gallery span.feature-type { background-color: #cfcfcf;}

#other-features ul li a.f-education-event span.feature-type, #random-features ul li a.f-education-event span.feature-type { background-image:  url(gui/f_e_event.gif); }
#other-features ul li a.f-book_review span.feature-type, #random-features ul li a.f-book_review span.feature-type { background-image: url(gui/f_review.gif); }
#other-features ul li a.f-press_edu span.feature-type, #random-features ul li a.f-press_edu span.feature-type { background-image:  url(gui/f_e_press.gif); }
#other-features ul li a.f-curriculum span.feature-type, #random-features ul li a.f-curriculum span.feature-type { background-image:  url(gui/f_curriculum.gif); }
#other-features ul li a.f-workshop span.feature-type, #random-features ul li a.f-workshop span.feature-type { background-image:  url(gui/f_workshop.gif); }

#other-features ul li a.f-journal_identity span.feature-type,
#other-features ul li a.f-journal_music span.feature-type,
#random-features ul li a.f-journal_identity span.feature-type,
#random-features ul li a.f-journal_music span.feature-type { background-image: url(gui/f_w_writings.gif); }

#other-features ul li a.f-playlist span.feature-type, #random-features ul li a.f-playlist span.feature-type { background-image:  url(gui/f_playlist.gif); }
#other-features ul li a.f-mix span.feature-type, #random-features ul li a.f-mix span.feature-type { background-image:  url(gui/f_mix.gif); }
#other-features ul li a.f-release span.feature-type, #random-features ul li a.f-release span.feature-type { background-image:  url(gui/f_release.gif); }
#other-features ul li a.f-advice span.feature-type, #random-features ul li a.f-advice span.feature-type { background-image:  url(gui/f_m_writings.gif); }
#other-features ul li a.f-music-event span.feature-type, #random-features ul li a.f-music-event span.feature-type { background-image:  url(gui/f_m_event.gif); }

#other-features ul li a.f-gallery span.feature-type, #random-features ul li a.f-gallery span.feature-type { background-image: url(gui/f_gallery.gif); }

#other-features ul li span.feature-teaser {
	font-size: 90%;
	color: black;
	display: block;
}

#features img {
	float: left;
	margin: 3px 5px 5px 3px;
}

/*****************************
	#features
******************************/

/*********** subsection-list **************/
#subsection-list {
	padding: 0 20px 0 0;
	border-bottom: solid 6px #ffc000;
}	

#subsection-list ul {
	list-style: none;
	padding: 0 0 10px 20px;
	margin: 0 0 10px 0;
}	
	
#subsection-list ul li {
	padding: 0;
	border-bottom: dotted 1px #b0b0b0;
}	
	
#subsection-list ul li a {
	letter-spacing: 0.3em;
}	
	
#subsection-list h2 {
	font-size: 120%;
	padding: 5px 0 5px 35px;
}	
		
#subsection-list h3 {
	font-size: 110%;
	padding: 5px 0 5px 20px;
	margin: 0;
}	

/*********** feed-links **************/

#feed-links {
	padding: 0 20px 0 0;
	border-bottom: solid 6px #ffc000;
}

#home #feed-links {
	border: none;
}

#feed-links h2 {
	font-size: 120%;
	padding: 0 0 0 22px;
	background-image: url(gui/feed-icon-16x16.gif);
	background-position: 0 50%;
}	

#feed-links p {
	padding: 0 15px;
	font-size: 90%;
}

#feed-links ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 25px;
}

#feed-links ul li {
	display: inline;
}

/***** #random-features ******/
#random-features {
	border-bottom: solid 6px #ffc000;
}

#random-features ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#random-features li {
	clear: both;
	margin: 1.0em 0;
}

#random-features li a {
	display: block;
	padding: 2px;
	margin: 0;
	text-decoration: none;
	color: #3871ab;
	border: solid 1px white;
	/*min-height: 200px; */

}

#random-features li a:link { border-color: #eee;}
#random-features li a:visited { border-color: #eee;}
#random-features li a:hover { border-color: #ccc;}
#random-features li a:active { border-color: red;}

#random-features ul li span.feature-teaser {
	font-size: 90%;
	color: black;
	display: block;
}

/*****************************
	article
******************************/	
p.teaser {
	font-style: italic;
	color: #122C45;
	border-left: solid 8px #122C45;
	padding-left: 1.0em;
	margin: 0 0 1.0em 0;
}

/*****************************
	article comments
******************************/			
#comments {
	margin: 0 15px;
}
	
#comments dt {
	padding: 3px 3px 5px 5px;
	border: solid 6px #ffc000;
	background: #3871ab;
	margin: 0;
	color: #edf99b;
}	

#comments dl.is-author dt {
	background: #964928;	
}
	
#comments dt a:link,
#comments dt a:visited {
	color: #edf99b;
}	

#comments dt a:hover,
#comments dt a:active {
	color: #f9fdde;
}	
	
#comments dd {
	padding: 1px 10px;
	border: solid 6px #ffc000;
	border-top: none;
	margin: 0;
	background: #f9fdde;
}	

/*****************************
	add-comment-form
******************************/	
	
#add-comment-form,
#contact-form {
	border: solid 6px #ffc000;
	margin: 10px 15px;
	padding: 5px;
}	
	
#add-comment-form label,
#contact-form label {
	width: 16em;
	float: left;
	text-align: right;
	margin: 0 1em 10px 10px;
	clear: both;
}

#add-comment-form .input-box,
#add-comment-form .text-area,
#contact-form .input-box,
#contact-form .text-area {
	margin-bottom: 10px;
}

#add-comment-form .text-area,
#contact-form .text-area {
	width: 240px;
}

#add-comment-form .submit-button,
#contact-form .submit-button {
	margin-left: 7em;
	clear: both;
}	

h2.error,
h2.success {
	font-size: 150%;
	border: solid 2px red;
	padding: 30px 0.5em 30px 85px;
	margin: 1.0em 0;
}

h2.error {
	color: red;
	background: transparent url(gui/warning.gif) 0.5em 50% no-repeat;
}

h2.success {
	color: #089e01;
	border-color: #089e01;
	background: transparent url(gui/success.gif) 0.5em 50% no-repeat;
}

/*****************************
	music-item
******************************/	
.music-item .text {}
/*****************************
	music-clips
******************************/	
		
.music-clips {
	display: block;	
	width: 250px;
	padding: 0;
	margin: 0;
	float: right;
}

.music-clips ol {
	padding: 0 0 10px 20px;
	margin: 0 0 10px 4px;
}	
	
.music-clips ol li {
	padding: 0;
	border-bottom: dotted 1px #b0b0b0;
}	
	
.music-clips h2 {
	padding: 5px 0 5px 35px;
	font-size: 120%;
	background: none;
	background: transparent url(gui/bg_heading.gif) 0 50% no-repeat;
}	
		
.music-clips h3 {
	font-size: 110%;
	padding: 5px 0 5px 20px;
	margin: 0;
}	

/*****************************
	event-info
******************************/	
#event .teaser {
	font-style: italic;
	color: #122C45;
	border-left: solid 8px #122C45;
	padding-left: 1.0em;
}

.event-info {
	display: block;	
	width: 250px;
	padding: 0;
	margin: 0;
	background: #EFF7FF;	
	float: right;
	border: solid 1px #AFD9FF;
}

.event-info ul {
	padding: 5px 20px;
	margin: 0;
	list-style: none;
}	
	
.event-info ul li {
	padding: 0;
}	
	
.event-info h2 {
	padding: 5px;
	font-size: 120%;
	background: #2b7ed3;
	color: white;
}	
		
.event-info h3 {
	font-size: 100%;
	padding: 5px;
	margin: 0;
	font-style: italic;
	background-color: #DFF0FF;
	border-bottom: solid 2px #CFE9FF;
}	

/*****************************
	music > tracklist & reading_list
******************************/		

.track-list,
.reading-list {
	margin: 1.0em 0;
	padding: 0;		
	clear: both;
	width: 100%;
}
	
.track-list td,
.reading-list td {
	padding: 4px;
	font-size: 90%;
}	
	
.track-list tr.even,
.reading-list tr.even {
	background-color: #efefef;
}	

.reading-list tr.reviewed {
	background-color: #b6e4b4;
}	

.track-list thead td,
.reading-list thead td {
	background: #2b7ed3;
	border-bottom: solid 6px #ffc000;
	color: #edf99b;
	font-weight: bold;
	font-size: 1.1em;
}
	
.reading-list thead td {
	background: #017F00;
	border-bottom: solid 6px #ffc000;
	color: #edf99b;
	font-weight: bold;
	font-size: 1.1em;
}	

.track-list td.num { font-size: 80%; }
.track-list td.title { font-weight: bold; }
.track-list td.artist { font-style: italic; }

/*****************************
	gallery
******************************/		

.gallery-images {
	border-top: solid 4px #CFE7FF;
	margin: 1.0em 0;
	padding: 1.0em 0;
	list-style: none;
	float: left;
	width: 100%;
}

.gallery-images li{
	float: left;
	margin: 0.5em;
	height: 120px;	
}

/**********************************************
	_not found for 404 page
**********************************************/

body#notfound {
	background-image: none;
	background-color: white;
}

#notfound #wrapper {
	border: none;
}

#notfound h1#header { 
	background: url(gui/404_header.gif) 0 50% no-repeat;
	border-bottom: #132d47 solid 6px;
}

#notfound h1#header a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	text-indent: -9999px;
}

#notfound form {
	text-align: center;
}

#notfound input#searchterm {
	width: 20em;
	height: 1.5em;
}

#notfound h2 {
	color: red;
	border: solid 2px red;
	padding: 0.5em 0.5em 0.5em 85px;
	background: transparent url(gui/warning.gif) 0.5em 0.5em no-repeat;
}

#notfound h3 {
	color: #2F7BFF;
	font-size: 1.5em;
}

#notfound h4 {
	color: #51AF4C;
	font-size: 1.3em;
}

#notfound #wrapper {
	width: 500px;
	text-align: left;
}

#notfound #footer {
	margin-top: 3.0em;
	background: #132d47;
	border: none;
	width: 100%;
}

#notfound #footer ul {
	border-bottom: none;
}

#notfound #footer ul li {
	color: white;
	margin: 0.5em;	
	float: none;
	display: block;
}

#notfound #footer ul li a {
	color: white;
	border-bottom: none;
	text-decoration: underline;
}