/* The Basic Stylesheet for Play Time;
/* This can get hacked up into multiple
/* style sheets later, but for now I prefer
/* to have everything in one. Also, I've
/* chosen to use spaces in each element to
/* help with readability. ~b /*


/* Resetting all basic styles, so that
/* there are a lot less cross-browser
/* display issues. */

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, form, body, html, p, input, ul, ol, li { margin: 0; padding: 0;}
ul, ol { list-style: none; }
a img, :visited img, :link img { border: none; }
:link, :visited { text-decoration: none; }


h1 { font: 20px Verdana, Arial, Helvetica, sans-serif; }

/* Actual Style Sheet */

html {
  font-family: Georgia, Times New Roman, serif;
  font-size: 80%;
  color: rgb(60,60,60);
}

body { 
 background-attachment: fixed;
 background-image: url(Base-Image.png);
 background-position: center top;
 background-repeat: no-repeat;
}

p { margin-bottom: 1em; line-height: 130%; }

h2 { 
  color: rgb(30,30,30);
  letter-spacing: 2px;
  margin-bottom: 1em;
  font-variant: small-caps;
  text-transform: uppercase;
}

.container { text-align: center; margin: 0 auto 0 auto; }

.wrapper { 
 -moz-opacity:0.6;
 filter: alpha(opacity=60);
}

.wrapper:hover, .wrapper:active {
 -moz-opacity: 1.0;
 filter: alpha(opacity=100);
}

.enter {
  text-transform: uppercase;
  font-size: 100%;
  letter-spacing: .5em;
  margin-top: 2em;
  color: rgb(0,0,0)
 }

.a:active, a:focus { outline: none; }

.content {
  text-align: justify;
  margin: 5px auto 0 auto;
  width: 400px;
  height: 350px;
  overflow-x: none;
  overflow-y: scroll;
  border: 1px solid rgb(40,40,40);
  background-image: url(background.png); 
  padding: 1em;
}

.headerMap { border: 0; outline: 0; }

a { color: rgb(235,160,0); }
a:hover, a:active { color: rgb(180,120,0); }

form li { margin-bottom: 1em; }

.donation input { margin-left: 0; margin-bottom: 10px; }

li label {
	position: absolute;
	display: block;
	width: 7em;
	margin: 0 .1em 0 0;
	border: 0px solid rgb(229,220,138);
	padding: 0px;
   	font: normal 1em/1.3em georgia, serif;
	text-align: right;
	}
label span {
	color: rgb(146,96,15);
	}
	
.lrGuild { margin-left: 75px;}
	
input, select, textarea {
   	font: normal 1em/1.3em Garamond, Georgia, serif;
	border: 0;
    border: 1px solid rgb(225,202,160);
    background: rgb(231,221,198);
	color: rgb(146,96,15);
	padding: 2px 4px;
	margin: 0 0 0 7.1em;
	}
	
p.submit {
	margin: 12px 0 10px 7.1em;
	padding: 0;
	}
	
p.submit input {
	background-color: rgb(185,185,151);
   	font: normal 1em/1.3em arial, helvetica, sans-serif;
    border: 3px solid rgb(175,175,151);
	color: rgb(54,53,48);
	padding: 1px 5px;
	margin: 0;
	}

img.photoImage { width: 380px; border: 3px solid black; text-align: center; margin: 0 auto 2em auto; }


/* Menu Images */

#header { 
	background-image: url(header.png);
	width: 519px;
	height: 180px;
	margin: 0 auto 0 auto;
	}

#headerMenu a {
   position: absolute;
   text-decoration: none;
   }
   
#menu a i { visibility: hidden; }

#headerMenu a i { visibility: hidden; }

a#myspace { width: 84px; height: 49px; margin: 110px 0 0 12px; }
a#contact { width: 80px; height: 65px; margin: 76px 0 0 66px; }
a#images { width: 30px; height: 91px; margin: 63px 0 0 252px; }
a#about { width: 56px; height: 58px; margin: 116px 0 0 270px; }
a#dates { width: 30px; height: 79px; margin: 80px 0 0 420px; }
a#ride { width: 35px; height: 78px; margin: 88px 0 0 315px; }
a#links { width: 49px; height: 54px; margin: 69px 0 0 373px}
a#shop { width: 65px; height: 63px; margin: 33px 0 0 344px;  }
a#home { width: 45px; height: 45px; margin: 41px 0 0 403px; }
a#blog { width: 90px; height: 53px; margin: 144px 0 0 429px; }

a#contactAct { width: 80px; height: 65px; margin: 76px 0 0 66px; }
a#imagesAct { width: 30px; height: 91px; margin: 63px 0 0 252px; }
a#aboutAct { width: 56px; height: 58px; margin: 116px 0 0 270px; }
a#datesAct { width: 30px; height: 79px; margin: 80px 0 0 420px; }
a#rideAct { width: 35px; height: 78px; margin: 88px 0 0 315px; }
a#linksAct { width: 49px; height: 54px; margin: 69px 0 0 373px}
a#shopAct { width: 65px; height: 63px; margin: 33px 0 0 344px;  }
a#homeAct { width: 45px; height: 45px; margin: 41px 0 0 403px; }

@-moz-document url-prefix() {

a#myspace { width: 84px; height: 49px; margin: 110px 0 0 -247px; }
a#contact { width: 80px; height: 65px; margin: 76px 0 0 -193px; }
a#images { width: 30px; height: 91px; margin: 63px 0 0 -7px; }
a#about { width: 56px; height: 58px; margin: 116px 0 0 11px; }
a#dates { width: 30px; height: 79px; margin: 80px 0 0 161px; }
a#ride { width: 35px; height: 78px; margin: 88px 0 0 56px; }
a#links { width: 49px; height: 54px; margin: 69px 0 0 114px}
a#shop { width: 65px; height: 63px; margin: 33px 0 0 85px;  }
a#home { width: 45px; height: 45px; margin: 41px 0 0 144px; }
a#blog { width: 90px; height: 53px; margin: 144px 0 0 170px; }

a#contactAct { width: 80px; height: 65px; margin: 76px 0 0 -193px; }
a#imagesAct { width: 30px; height: 91px; margin: 63px 0 0 -7px; }
a#aboutAct { width: 56px; height: 58px; margin: 116px 0 0 11px; }
a#datesAct { width: 30px; height: 79px; margin: 80px 0 0 161px; }
a#rideAct { width: 35px; height: 78px; margin: 88px 0 0 56px; }
a#linksAct { width: 49px; height: 54px; margin: 69px 0 0 114px}
a#shopAct { width: 65px; height: 63px; margin: 33px 0 0 85px;  }
a#homeAct { width: 45px; height: 45px; margin: 41px 0 0 144px; }

}

a#contactAct { background-image: url(contactButton.gif); }
a#imagesAct { background-image: url(imagesButton.gif); }
a#aboutAct { background-image: url(aboutButton.gif); }
a#datesAct { background-image: url(datesButton.gif); }
a#rideAct { background-image: url(rideButton.gif); }
a#linksAct { background-image: url(linksButton.gif); }
a#shopAct { background-image: url(shopButton.gif); }
a#homeAct { background-image: url(homeButton.gif); }

a#myspace:hover { background-image: url(myspaceButton.gif); }
a#contact:hover { background-image: url(contactButton.gif); }
a#images:hover { background-image: url(imagesButton.gif); }
a#about:hover { background-image: url(aboutButton.gif); }
a#dates:hover { background-image: url(datesButton.gif); }
a#ride:hover { background-image: url(rideButton.gif); }
a#links:hover { background-image: url(linksButton.gif); }
a#shop:hover { background-image: url(shopButton.gif); }
a#home:hover { background-image: url(homeButton.gif); }
a#blog:hover { background-image: url(blogButton.gif); }

a#myspace:hover,
a#contact:hover, 
a#images:hover, 
a#about:hover, 
a#dates:hover,   
a#ride:hover, 
a#links:hover, 
a#shop:hover,
a#home:hover, 
a#blog:hover
{ border: none; } 


/* Temp Menu */

#header2 { margin: 15px 0 0 0; background-image: url(t85.png); padding: 5px; }

#header2 a {
 margin: 0 1em 0 1em;
}

#header2 a:link, #header2 a:visited { color: rgb(0,0,0); }
#header2 a:hover, #header2 a:active { color: rgb(235,160,0); }


/*

style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"