/* 
	So, what do you think you're doing looking at my code?  I guess while you're here I'll share a bad joke...

	Q: What's the difference between an epileptic oyster shucker and a prostitute with diarrhea
*/


BODY, DIV, P	{font-size: 12px; font-family: arial, verdana, sans-serif; color: #333333;}

#fullwindow	{position:fixed; top:0; right:0; bottom:0; left:0; }
#fullhorizon    {position:absolute; top:0; right:0; left:0; }
#fullheight     {position:absolute; top:0; bottom:0; left:0; }

DIV.contact {position:fixed; right:0; bottom:0; padding-left: 15px; padding-right: 10px; margin-bottom: 10px; text-align: right; background: #6bff14; color: black; font-weight: bold; }

.facade	{position: absolute; top: 50%; left: 20%; margin-left: 30px; margin-top: -150px; line-height: 100%;}
.facade A:link, .facade A:visited	{text-decoration: none; color: rgb(92,117,195);}
.facade A:hover	{font-size: 150px; text-decoration: overline; color: #ff0a6f}

.works {position: absolute; top: 20%; left: 24%; margin-left: 30px; margin-top:27px; line-height: 100%;}
.links {position: absolute; top: 20%; right: 20%; margin-top: 40px; line-height: 100%;}
.ongoing {position: absolute; top: 20%; right: 20%; margin-top: 30px; line-height: 100%;}
.listen {position: absolute; top: 23%; left:10%; margin-left:10px; margin-top: 10px; line-height: 100%;}
.look {position: absolute; top: 23%; left:15%; margin-right:20px; margin-top: 10px; line-height: 100%;}
.watch {position: absolute; top: 23%; left:5%; margin-right:20px; margin-top: 10px; line-height: 100%;}


.headbar {position: absolute; top: 20%; left: 20%; margin-left: 30px; line-height: 100%;}

DIV.headlink {float: left; font-size: 25px; width: 100px; line-height: 100%; margin-bottom: 5px; text-align: center; background-image: url('../img/trans.png');}
.headlink A:link, .headlink A:visited {text-decoration: none; color: #663300; text-align: center; }
.headlink A:hover {font-size: 150px; text-decoration:overline; color: #6bff14; text-align: center; }

DIV.releases {position: absolute; bottom:30px; left: 67%; height:70%; width: 28%; background-image: url('../img/trans.png');}
DIV.places {position: absolute; bottom:30px; top: 30%; left: 18%; height:55%; width: 325px; margin-top: 50px; background-image: url('../img/trans.png');}
DIV.personal {position: absolute; left:50%; top: 26%; margin-left:-335px; width:670px; height:300px; margin-top: 15px; background-image: url('../img/trans.png');}
DIV.listenings {position: absolute; bottom:30px; top: 20%; left: 10%; height:60%; width: 700px; margin-top: 50px; background-image: url('../img/trans.png');}
DIV.lookings {position: absolute; bottom:30px; top: 20%; left: 10%; height:60%; width: 700px; margin-top: 50px; background-image: url('../img/trans.png');}
DIV.watchings {position: absolute; bottom:30px; top: 20%; left: 10%; height:60%; width: 700px; margin-top: 50px; background-image: url('../img/trans.png');}

.footbar {position: absolute; margin-top:350px; top: 26%; left: 10%; margin-left: 30px; line-height: 100%;}

DIV.footlink {float: left; font-size: 22px; width: 180px; line-height: 100%; text-align: center; background-image: url('../img/trans.png');}
.footlink A:link, .footlink A:visited {text-decoration: none; color: #663300; text-align: center;}
.footlink A:hover {font-size: 50px; text-decoration:overline; color: #ff0a6f; text-align: center;}

DIV.linksimg {position: absolute; top: 30%; left: 18%; margin-top: 60px; margin-left: 400px;}

.relinf {position: absolute; top: 50%; left: 20%; margin-top: -80px; margin-left: -100px;}

.line170 {line-height: 170%; }
.line190 {line-height: 190%; }
.album {font-size: 13px; font-family: arial, verdana, sans-serif; color: #333333; }
.album A:link, .album A:visited {text-decoration: none; color: #6c1b98;}
.album A:hover {font-size: 50px; text-decoration: overline; color: #faf600}

DIV.albuminfo {background-color: #fff; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;  }
.cover {width: 369px; height: 200px; float: left; line-height:200px; background-color: #fff; }
.cover img {position: absolute; margin-top: 5px; margin-left: 5px; vertical-align:middle; background-color: #fff; }
.content {float: left; vertical-align: middle; width: 369px; height:200px; background-color: #fff; }
.content A:link, .content A:visited {text-decoration: none; color: rgb(92,117,195);}
.content A:hover  {font-size: 50px; text-decoration: overline; color: #663300;}

.link {font-size: 14px; font-family: arial, verdana, sans-serif; color: #333333; text-align:center;}
.link A:link, .link A:visited {text-decoration: none; color: #6c1b98;}
.link A:hover {font-size: 50px; text-decoration: overline; color: #ff0a6f;}

.white {color:#fff;}

.title {font-size: 150px; color:black; font-weight: bold; }
.header {font-size: 20px; color:black; font-weight: bold; }

.text, .intext {font-size: 10px; color:black; }
.text a:link, .intext a:link, .oldevents a:link, {text-decoration: none; color: #00f3fa;}
.text a:visited, .intext a:visited, .oldevents a:visisted {text-decoration: none; color: #00f3fa;}
.text a:hover, .intext a:hover, .oldevents a:hover {text-decoration: overline; color: #663300; font-size: 15px; line-height: 75%;}
.intext {padding-left:15px;}

div.oldevents {font-size: 11px;}


div.right {font-size:10px; color:black; text-align:right; padding-right: 15px; font-weight:bold;}

/*	A: One shucks between fits ... 	*/