body {
  background-color: #f9dffc;
  margin: 0 auto; 
  padding: 0;
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #000000;
  text-align: justify;
}



#layout { 
  background-image: url(layout.gif);
  background-repeat: no-repeat;
  background-position: center;
  height: 303px;
  width: 600x;
  }



#menu a {
  position: relative;
  height: 40px;
  top:254px; 
  text-decoration: none;
  display:block;
  float:left;
}

#menu a i
{
  visibility: hidden;
}


a#journal { left: 33px; width: 55px;}
a#girl { left: 50px; width: 56px; }
a#cosplay { left: 63px; width: 58px; }
a#voice { left: 77px; width: 41px; }
a#art { left: 89px; width: 30px; }
a#webdesign { left: 104px; width: 74px; }
a#media { left: 118px; width: 46px;}
a#site { left: 131px; width: 68px}


#google {
  height:60px;
  top:180px;
  margin-top:0;
  position:absolute;
  margin-left:50px;
}



#container {
 margin: auto;
 width: 600px;
 text-align: left;
}

div#wrapper {
  width: 600px;
  margin: auto;
  padding-bottom:1px;
  background-image: url(bg.gif);
  background-repeat: repeat-y;
/* sets the height for all browsers to auto */
	height: auto !important;
/* sets height (which acts like min-height) to your set size for IE, since it doesn't understand !important */
  	height: 600px;
/* set min-height for other browsers that understand !important */
	min-height: 600px;
}


div#sidebarwrapper {
  top: 3px;
  width: 158px;
  float: right;
  padding-right: 20px;
  margin: 0;
  position: relative;
  text-align: justify; 
}


div#sidebar {
  margin: 0;
}


div#contentwrapper {
  top: 3px;
  width: 380px;
  padding-left: 20px;
  margin: 0;
  position: relative;
  text-align: justify;
}


div#content {
  margin: 0;

}

img {
  border:0
}

a img {
border:0
}

p img { 
padding: 0; 
max-width: 100%; 
}


img.right { 
padding: 4px; 
margin: 0 0 2px 7px; 
display: inline;
}

.right { 
float: right; 
}

img.left { 
padding: 4px; 
margin: 0 7px 2px 0; 
display: inline;
}

.left { 
float: left;
}

img.centered { 
display: block; 
margin-left: auto; 
margin-right: auto; 
}

h1, h2, h3 {
  position: relative;
}


h1 {
  font-family: arial, sans-serif;
  background: #f9dffc;
  font-size: 12px;
  color: #6a6a6a;
  margin: 0 0 15px 0;
  border-bottom: 1px dashed #6a6a6a;
  margin-top: 3px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 3px;
  text-align: right; 
}

h2 {
  font-family: arial, sans-serif;
  background: #f9dffc;
  font-size: 12px;
  color: #6a6a6a;
  margin: 0 0 15px 0;
  border-bottom: 1px dashed #6a6a6a;
  margin-top: 3px;
  margin-bottom: 10px;
  text-align: left; 
  padding-right: 5px;
  padding-left: 3px;
  
}


h3 {
  font-family: arial, sans-serif;
  background: #f9dffc;
  font-size: 12px;
  color: #6a6a6a;
  margin: 0 0 15px 0;
  border-bottom: 1px dashed #6a6a6a;
  margin-top: 3px;
  margin-bottom: 10px;
  text-align: left; 
  padding-right: 5px;
  padding-left: 3px;
}

h3.sidebarh3 {
  border-top: 1px solid black;
}

p {
  margin: 0 0 10px 0;
  line-height: 1.3em;
}

a {
  color: #f5b5fc;
  text-decoration: none;

}

a:hover {
  color: #fcecfe;
}


i,strong {
color: #f9dffc; 
font-weight: italic; 

}

b,strong {

color: #f9dffc; 
font-weight: bold; 

}


input , textarea , option , select {
  font-family: arial, sans-serif;
  font-size: 1.0em;
  background : #f9dffc;
  border : 1px solid #000000;
}


input.menu , textarea.menu , option.menu , select.menu {
  font-family: arial, sans-serif;
  font-size: 0.7em;
  background : #f9dffc;
  border : 1px solid #000000;
}


input.none {
  background : #f9dffc;
  border : 0 none inherit;
}