/**|Global Styles|**/
html {
/*background: rgb(255,255,255) url(pageBG.gif) repeat-y;*/
}
html#introhtml {background: rgb(255,255,255) url(bglogo-white.gif) bottom right no-repeat;}
body {
margin: 0px;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: rgb(100,100,100);
/*background: url(bglogo-white.gif) bottom right no-repeat;*/
background: rgb(255,255,255) url(pageBGall.gif) repeat-y;
}
body#intropage {background: transparent; cursor: default;}

input {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: rgb(255,255,255);
border: 2px solid rgb(255,255,255);
margin: 0;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
color:rgb(125,125,125);
font-weight:normal;
margin:0;
clear:both;
}
h1 {font-size:18px; padding: 5px;}
h2 {font-size:16px; padding: 5px 5px 2px 5px;}
h3 {font-size:14px; padding: 5px 5px 2px 5px;}
h4 {font-size:12px; padding: 5px 5px 2px 5px;}

small {font-size:10px; color: rgb(222,222,222);}
.copy {font-size:10px;}
del, strike {text-decoration:line-through;}

/**|Page Layout|**/
div#menu {
position:fixed;left:5px;top:5px;
width:162px;overflow:hidden;z-index:10;
}
div#menu a, div#menu p {
color: rgb(100,100,100);
white-space: nowrap;
display: block;
width: 160px;
height: 20px;
/*overflow: hidden;*/
line-height: 20px;
text-indent: 5px;
margin: 0 0 3px 0;
border: 1px solid rgb(200,200,200);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: 0px 1px 1px rgb(255,255,255);
}
div#menu a {
background: url(menuBG.gif) center repeat-x;
text-decoration: none;
		}
div#menu a:hover {
color:rgb(100,100,100);
letter-spacing: 4px;
font-weight: bold;
/*background: url(menuBGselect.gif) repeat-x;*/
}
div#menu a:active {color:rgb(50,50,50);}

div#menu p	{
color:rgb(25,25,25);
letter-spacing: 4px; font-weight:bold;
background: url(menuBGselect.gif) center repeat-x;
		}
div#menu .printplate	{
		}
div#page {
	margin:5px 5px 2px 178px;
	padding-bottom: 5px;
	max-width: 795px;
	background: url(white_75.png);
	border: 1px solid rgb(200,200,200);
	text-shadow: rgb(200,200,200) 0px 1px 2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

/*[Floats, with IE fix to avoid double-margin]*/
.left {float:left; display:inline; margin-right:5px;}
.right {float:right; display:inline; margin-left:5px;}
.clear {clear:both;}

div.header {
	color: rgb(200,200,200);
	padding:3px 5px 2px 0;
	margin-bottom:5px;
background: url(menuBG.gif) center repeat-x;
border-bottom: 1px solid rgb(200,200,200);
	}

#header {
	color: rgb(200,200,200);
	padding:3px 5px 2px 5px;
	margin-bottom:5px;
	background: url(menuBG.gif) center repeat-x;
	border-bottom: 1px solid rgb(200,200,200);
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	}

ol {
	margin-top: 3px;
	margin-bottom: 3px;
	}
li {line-height:18px;}
div#page p {
	color: rgb(100,100,100);
	line-height: 2em;
	padding: 0 5px;
	margin: 5px 0 10px 0;
	max-width: 700px;
	}
div#page p:hover {
			}
div#page p:hover a, div#page li:hover a {
	color: rgb(250,150,50);text-decoration:none;
			}
a {color: rgb(75,75,75);text-decoration:underline;}
a:hover {color: rgb(200,0,0);text-decoration:none;}
a:focus {color: rgb(225,0,0); outline: 0;}
div#page p:hover a:hover {color: rgb(200,0,0);}
div#page p:hover a:focus {color: rgb(225,0,0);}
div#page li:hover a:hover {color: rgb(200,0,0);}
div#page li:hover a:focus {color: rgb(225,0,0);}
div#page p.copy, div#page p.copy:hover {
	 color: rgb(200,200,200);
}
a:visited {color: rgb(150,150,150);text-decoration:none;}
a:visited:hover {color: rgb(50,100,200);text-decoration:underline;}
a#enter {
color: rgb(150,150,150);
font-weight:bold;
text-decoration:none;
			}
a#enter:hover {
color: rgb(150,150,150);
font-weight:bold;
letter-spacing:43px;
text-decoration:none;
			}
a#enter:focus {
color: rgb(225,0,0);
			}
a.picpop {background:url(pop.gif) center left no-repeat;padding-left:10px; white-space: nowrap;}
a.adlink {
border: 1px solid rgb(200,200,200);
background: rgb(220,220,220);
padding: 3px;
}	a.adlink img {border:0;}

div#page img, div#pageIE img {
border: 0;
}
div#page strong, div#pageIE strong {
color: rgb(125,125,125);
}
pre {
	margin:5px;
	padding:5px;
	color:rgb(0,0,100);
	background:rgb(250,250,255);
	border: 1px solid rgb(200,200,210);
}

/*
#footer {
position: absolute;
left: 5px;
top: 5px;
padding: 2px 4px;
background:rgb(225,225,225);
border: 1px solid rgb(200,200,200);
width:152px; overflow: hidden; z-index:10;
}
*/

#footer {
padding: 3px 4px;
max-width: 787px;
background:rgb(235,235,235);
border: 1px solid rgb(200,200,200);
margin: 0px 5px 10px 178px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}


.frame	{
margin: 5px;
background: rgb(153,153,153);
border: 1px solid rgb(125,125,125);
width: 320px;}
iframe#contentframe	{}
acronym {
	font-style: normal;
	border-bottom: 1px dotted;
}
/** Styles for gallery only **/
body#gallerypage {background-image: none; background-color: rgb(100,100,100);margin: 10px;}
body#gallerypage * {color:rgb(220,220,220);/*text-shadow: rgb(255,255,255) 0px 0px 4px;*/}
body#gallerypage h1 {clear:none;padding: 0 5px 5px 0;}
body#gallerypage a {text-decoration:none;}
body#gallerypage a img {border:0;}


/** Positioning **/
div.exhibit {
width: 260px;
height: 180px;
float: left;
margin: 5px 5px 0 0;
}
div.exhibit p a {text-decoration:none;}
div.previewframe {float:left;
width: 150px;
height: 150px;
border: 1px solid rgb(200,200,200);
margin: 0 5px;
}
p.memo {}
p.desc {line-height: 15px;}
p.year {font-style: italic;}

/**[tags]**/
div#wanabotags {
padding:5px;
margin:5px 5px 0 5px;
border: 1px solid rgb(225,225,225);
color:rgb(150,150,150);
background-color: rgb(250,250,250);
line-height: 20px;
}
div#wanabotags a {color:rgb(150,150,150);text-decoration:none;}
div#wanabotags font {color:rgb(150,150,150);}
div#wanabotags a font {color:rgb(150,150,150);}
div#wanabotags font a {color:rgb(150,150,150);}
div#wanabotags a:hover {color:rgb(200,0,0);}
div#wanabotags font a:hover {color:rgb(200,0,0);}
div#wanabotags div#wanabomenu {line-height:10px;border-top:1px solid rgb(225,225,225);color:rgb(225,225,225);margin: 5px -5px 0 -5px; padding: 0 5px;}
div#wanabotags div#wanabomenu a {font-size:10px;font-weight:bold;text-decoration:none;}
div#wanabotags div#wanabomenu a:hover {text-decoration:none;}

div#wanabocloud {width:50%; padding:5px;}
div#wanabocloud a {}

.noprint {}

div.albumtracks {
	width: 265px;
	padding: 0 0 0 10px;
	height: 300px;
	overflow: hidden;
	float: left;
	clear: left;
}

div.albumtracks#city_on_the_lake {
	background: url(album_art/city_on_the_lake.png) 10px 0px no-repeat;
	padding-top: 260px;
}
div.albumtracks#solitary_confinement {
	background: url(album_art/solitary_confinement.png) 10px 0px no-repeat;
	padding-top: 260px;
}
div.albumtracks#igstudio_works {
	background: url(album_art/igstudio_works.png) 10px 0px no-repeat;
	padding-top: 260px;
}
div.albuminfo {
	float:left;
	width:490px;
	padding-bottom: 20px;
}
div#page div.albuminfo p {
	padding: 0;
	margin: 0 0 10px 0;
}
div#page div.albuminfo h2 {
	padding: 0;
	margin: 0 0 5px 0;
}
.soundcloud_set_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-bottom: 10px;
	color: rgb(150, 150, 150);
}
.soundcloud_set_name a {
	text-decoration: none;
	color: rgb(150, 150, 150);
}
.soundcloud_set_name a:hover {
	text-decoration: underline;
	color: rgb(100, 100, 100);
}
.soundcloud_after_set_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 10px;
	color: rgb(150, 150, 150);
}
.soundcloud_holder {
	padding: 10px 10px 50px 10px;
}

