/*==========[  General  ]==========*/

body {
	background-color: #03080C;
	padding: 15px;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	text-rendering: optimizeLegibility;
}

html>body { font-size: 10px }

img { border: 0 }

a { text-decoration: none }

a:link,
a:visited {
	color: #182731;
	border-bottom: 1px dotted #60737E;
}

a:hover,
a:active {
	color: #01070C;
	border-bottom: 1px solid #2D4A59;
}

.no_border { border: 0 !important; }

div.img_right,
div.img_left {
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

div.img_right {
	float: right;
	margin: 3px 0 10px 20px;
}

div.img_left {
	float: left;
	margin: 3px 20px 5px 0;
}

div.img_left img,
div.img_right img { border: 1px solid #2D4A59 }

div.img_left a,
div.img_right a { border: 0 !important }

p {
	padding: 0;
	margin: 0 0 1em 0;
}

p.date {
	text-align: right;
	color: #718B98;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

p.signature {
	color: #718B98;
	padding-top: 0.9em;
	text-align: center;
}

div.audio_link {
	background: url(audio_icon.gif) no-repeat top left;
	margin-bottom: 1em;
	padding: 2px 0 0 25px;
	min-height: 20px;
}

div.audio_link a { font-weight: bold }

div.audio_link .description { font-size: 85% }

div.audio_link .description a { font-weight: normal }

span.description {
	color: #718B98;
	text-transform: none;
}

li .description { margin-left: 0.5em }


/*==========[  Page Structure  ]==========*/

#main {
	width: 800px;
	border: 1px solid black;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(content_bg.gif) repeat-y;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#page_header {
	background: url(header.jpg);
	width: 800px;
	height: 99px;
	position: relative;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#subhead {
	width: 500px;
	text-align: left;
	font-size: 1.3em;
	margin: -20px 0 20px 75px;
	padding: 10px 25px;
	color: #85A0B0;
	border: 1px solid #2D4A59;
}

#subhead a:link,
#subhead a:visited {
	color: #A0ACB2;
	border-bottom: 1px dotted #516874;
}

#subhead a:hover,
#subhead a:active {
	color: #C2D0D8;
	border-bottom: 1px dotted #7C99A7;
}

#email {
	position: absolute;
	top: 11px;
	left: 550px;
	width: 36px;
	height: 30px;
}

#email a {
	display: block;
	border: none;
}

#email a:hover {
	background: url(mail_over.gif);
	border: none;
}

#content_area_top {
	background: url(content_bg_top.gif);
	height: 32px;
}

#content_area {
	padding: 0 50px;
	text-align: justify;
}

#footer {
	text-align: center;
	font-size: 1.2em;
	margin-top: -12px;
	margin-bottom: -12px;
	color: #85A0B0;
	padding: 0 50px;
	position: relative;
}

#footer div.email {
	position: absolute;
	right: 50px;
	top: 10px;
}

#footer a:link,
#footer a:visited {
	color: #A0ACB2;
	border-bottom: 1px dotted #516874;
}

#footer a:hover,
#footer a:active {
	color: #C2D0D8;
	border-bottom: 1px dotted #7C99A7;
}

#footer a.logo {
	display: block;
	background: url(symmetriq.gif) no-repeat;
	padding: 0;
	width: 130px;
	height: 35px;
	margin: 0 auto;
	border: 0 !important;
}

#footer a.logo:hover,
#footer a.logo:active {
	background: url(symmetriq_on.gif) no-repeat;
}

#footer img { vertical-align: middle }

#content_area_bottom {
	background: url(content_bg_bottom.gif);
	height: 32px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}


/*==========[  Navbar  ]==========*/

#navbar {
	background: url(navbar_bg.gif);
	border: 1px solid #142027;
	border-width: 1px 0px;
	width: 800px;
	height: 24px; /* set this to 26 for IE 5 and 5.5, but not 6 */
	position: relative;
}

#main_nav {
	position: absolute;
	left: 259px;
}

#nav_music, #nav_home, #nav_art { position: relative }

/*-----(  Navbar: lists  )-----*/

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

#navbar li:hover ul,
#navbar li.over ul { display: block;  }

/*-----(  navbar list items  )-----*/

#navbar li { float: left }

#navbar li li {
	display: block;
	position: relative;
	/* sadly we must prefer Arial here to avoid vertical alignment problems */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #DEEBF1;
}

/*-----(  Navbar: links  )-----*/

#navbar a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	border: 0 !important;
}

#navbar a:link,
#navbar a:visited { color: #131E26 }

#navbar a:hover,
#navbar a:active { color: #DEEBF1; }

/*-----(  Navbar: subnav links  )-----*/

#navbar li li a,
#navbar li li.on {
	float: left;
	width: auto;
	height: 17px;
	padding-top: 6px;			/* mac */
	/*padding-top: 5px;*/		/* windows */
	background: transparent !important;
}

#nav_music li a,
#nav_music li.on { padding: 0 8px 0 3px }

#nav_art li a,
#nav_art li.on { padding: 0 3px 0 8px }

/*-----(  Navbar: Music  )-----*/

#nav_music {
	width: 100px;
	height: 24px;
	background: url(music_00.gif);
}
#nav_music.in_section { background: url(music_10.gif) }
#nav_music.selected { background: url(music_11.gif) }

#nav_music a:hover { background: url(music_01.gif) }
#nav_music.in_section a:hover { background: url(music_11.gif) }

#nav_music.in_section ul,
#nav_music.selected ul { display: block }

#nav_music img { width: 100px; height: 24px; }

#music_subnav {
	position: absolute;
	top: 0;
	right: 100px;
	display: none;
	width: 259px;
}

#nav_music li { float: right !important }

/*-----(  Navbar: Home  )-----*/

#nav_home {
	width: 83px;
	height: 24px;
	background: url(home_00.gif);
}
#nav_home a:hover { background: url(home_01.gif) }

#nav_home.selected { background: url(home_11.gif) }

#nav_home img { width: 83px; height: 24px; }

/*-----(  Navbar: Art  )-----*/

#nav_art {
	width: 100px;
	height: 24px;
	background: url(art_00.gif);
	float: left;
}
#nav_art.in_section { background: url(art_10.gif) }
#nav_art.selected { background: url(art_11.gif) }

#nav_art a:hover { background: url(art_01.gif) }
#nav_art.in_section a:hover { background: url(art_11.gif) }

#nav_art.in_section ul,
#nav_art.selected ul { display: block }

#nav_art img { width: 100px; height: 24px; }

#art_subnav {
	position: absolute;
	top: 0;
	left: 100px;
	display: none;
	width: 258px;
}


/*==========[  Content Boxes  ]==========*/

div.content_item {
	margin-bottom: 30px;
	padding: 0;
	width: 700px;
	background: url(cbox_bg_body.gif) repeat-y;
	color: #2D4A59;
	line-height: 1.8em;
}

div.content_top {
	background: url(cbox_bg_header.gif) repeat-y;
	text-align: left;
	position: relative;
	width: 700px;
	padding: 0;
	margin: 0;
}

div.header {
	background: url(cbox_top.gif) no-repeat;
	color: #F1FAFF;
	padding: 11px 22px 8px 22px;
}

div.date {
	position: absolute;
	top: 11px;
	right: 22px;
	float: none;
/*	float: right;*/
	font-size: 1.4em;
	font-weight: bold;
	color: #DAEAF2;
	text-transform: uppercase;
}

div.content_body {
	padding: 22px 22px 0 22px;
	font-size: 1.4em;
	/*overflow: auto;*/
}

div.content_body h2:first-child { margin-top: 0 }

div.content_bottom {
	background: url(cbox_bottom.gif) no-repeat bottom;
	height: 22px;
	clear: both;
	margin-top: -1em;
}


/*-----(  headings  )-----*/

div.content_item h1 {
	padding: 0;
	margin: 0;
	font-size: 1.8em;
	font-weight: bold;
}

div.content_item h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 1.5em 0 1em 0;
}

div.content_item h3 {
  font-size: 1em;
}


/*-----(  lists  )-----*/

div.content_item ul,
div.content_item ol,
div.content_item dl {
	list-style-type: disc;
	margin: 0 0 0.6em 1.3em;
	padding: 0;
}

dt {
	display: list-item;
	list-style-type: disc;
	font-size: 0.9em;
	padding: 0 0 0.1em 0;
}

dd {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	padding: 0 0 0.4em 0;
}

div.content_item li {
	margin: 0;
	padding: 0 0 0.4em 0;
	line-height: 1.3em;
	font-size: 0.9em;
}

div.toggle_box ol { margin-left: 1.9em }

div.toggle_box {
	margin: 0 22px 22px 22px;
	padding: 1em 1em 0 1em;
	border: 1px solid #7C99A7;
	background-color: #CFDEE5;
	display: none;
}


/*-----(  audio resource section  )-----*/

div.audio_resource {
	margin: 0 0 20px 58px;
	border-left: 1px solid #9BADBD;
	padding-left: 10px;
}

div.audio_resource h2 { margin-top: 0 }


/*-----(  Discography  )-----*/

div.discog_item img { float: none }

div.item_image {
	text-align: center;
	height: 160px;
}

div.discog_item {
	clear: none;
	float: left;
	width: 210px;
	margin: 0 4px;
	text-align: center;
}

div.item_info {
	margin: 0.7em 0 0 0;
	text-align: left;
	padding: 0.8em;
	border-top: 1px solid #3F6072;
	background: url(discog_info_bg.gif) repeat-x top;
	font-size: 0.9em;
}

div.discog_item h2 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	color: #182731;
}

div.discog_item div.audio_link { text-align: left }

div.discog_row { clear: both }

div.audio_link img.itunes { margin: 1px 0 6px 0 }

div.discog_item div.audio_link { font-size: 100% }

div.discog_item span.description {
	padding-left: 0.3em;
	font-size: 95%
}

span.release_date { color: #627F8D }


/*==========[  Image Viewer  ]==========*/

div.gallery_body { padding: 12px 0 0 0; }

div.gallery_body p {
	padding-left: 22px;
	padding-right: 22px;
	font-size: 1.4em;
}

div.art_row { /*overflow: auto;*/ clear: both; }

div.art_item {
	float: left;
	padding: 0 5px 0 0;
	margin: 10px 0 0 22px;
	background: url(art_bg_shadow.gif) no-repeat top right;
	display: inline;
}

div.artbox {
	background: url(art_bg.gif) repeat-x top;
	width: 170px;
	padding: 15px;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 140%;
	color: #7C99A7;
	float: left;
}

div.artbox h2 {
	font-size: 125%;
	font-weight: bold;
	margin: 10px 0 4px 0;
	padding: 0;
	color: #516874;
}

div.artbox span.date { text-transform: uppercase }

div.artbox a { border: 0 !important; }

#gallery img { border: 1px solid #516874; margin: -1px 0 0 -1px; }

#imagebox img { border: 1px solid #516874; }

#imagebox {
	display: none;
	color: #F1FAFF;
}

#imagebox div.content_body { padding-top: 0 }

#imagebox div.content_bottom {
	margin: 0.3em 0 0 0;
	font-size: 1.3em;
	text-align: center;
	color: #718B98;
}

#imagebox h1 { text-align: center; }

#imagebox div.controls {
	position: absolute;
	left: 22px;
	top: 9px;
	/*font-size: 1.4em;*/
	font-weight: bold;
}

div.info,
#image_info {
	text-align: center;
	color: #718B98;
	padding: 0.3em 0;
}

#image_info {
	font-size: 90%;
}

#image_info a:link,
#image_info a:active {
	color: #718B98;
	border-bottom: 1px dotted #60737E;
}

#image_info a:hover,
#image_info a:active {
	color: #718B98;
	border-bottom: 1px solid #60737E;
}

div.gallery_body div.info {
	padding-left: 22px;
	font-size: 1.3em;
}

#imagebox div.controls img { border: 0; }

#imagebox div.controls a {
	color: #DAEAF2;
	border: 0;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

#imagebox div.date {
	position: absolute;
	top: 11px;
	right: 22px;
	float: none;
	text-transform: uppercase;
}

div.controls a.back { background: url(button_back_off.gif) }
div.controls a.index { background: url(button_index_off.gif) }
div.controls a.next { background: url(button_next_off.gif) }
div.controls a.exit { background: url(button_exit_off.gif) }
div.controls a.info { background: url(button_info_off.gif) }

div.controls a.back:hover { background: url(button_back_on.gif) }
div.controls a.index:hover { background: url(button_index_on.gif) }
div.controls a.next:hover { background: url(button_next_on.gif) }
div.controls a.exit:hover { background: url(button_exit_on.gif) }
div.controls a.info:hover { background: url(button_info_on.gif) }

#the_image { text-align: center }