/* Stylesheet for My Blog Template */

body {
font: 12px  Verdana, sans-serif;
color: #333333;
margin: 0;
padding: 0;
background-color: #BD93C4;
text-align: center;	/* centers the page - browser bug in IE5 - need to left align for the content area */
background-image: url(../images/myblog_back.jpg);
}
h1 {
font-size: 16px;
color: #771C57;
}

h2 {
font-size: 14px;
color: #8C3F75;	}

h3 { font-size: 12px;
color: #8C3F75;	}	 

#wrapper {
margin: 0 auto;
width: 750px;
background: url(../images/pageback.jpg) repeat-y;
}

#header {
border-top: 1px solid #771C57;
border-bottom: 1px solid #771C57;
background-image:   url("../images/logo.jpg");
background-repeat: no-repeat;
margin: 0 26px 0 25px;
padding: 0;
height: 225px;
background-color: #B88ABB;
}
#content {
margin: 0 25px 0 25px;
padding: 10px;
text-align: left;   /* this now aligns your content text to the left */
}
#content p {
/* the 150px defines the space from the right side of the content div - 
giving room for the navbar 
*/
margin: 0 150px 10px 0;
text-align: justify;
}
/* container element for your menu list */
#nav{
position: static;
float: right;
width: 120px; /* width of the navbar */
padding: 0px;
margin-top:20px; /* defines a margin from the botton of the header */
}

/* we use the ul and li selectors to remove the bullets and indents normally associated with these selectors */
#nav ul{
margin:0; 					/* removes indent for IE and Opera */
padding:0;					/* removes the indent for Mozilla and NN7 */
list-style-type:none;   /* removes the bullet */
font-size: 12px;
}

#nav li{
margin: 0 0 2px 0;
padding:0;
line-height: 25px;
}

#nav a {
display:block;  			/* ensures that the entire link box is clickable */
padding: 0 4px 0 8px;  	/* gives breathing space between the text and the edge of the box */
color: #491136;			/* text color */
border: 1px solid #771c57;
text-decoration:none;
line-height: 25px;
font-weight: bold;
background-color: #E5D7E3;
}

#nav a:link, #nav a:visited {
color: #3C283A;
text-decoration: none;
line-height: 25px;
}

#nav a:hover, #nav a:active #a:focus {
color: White;
text-decoration:none;
line-height: 25px;
font-weight: bold;
background-image:  url(../images/hover.jpg);
background-position: 0 50%;
background-repeat: no-repeat;
}

/* setting the current button on relevant page */

#current a:link, #current a:visited, #current a:hover, #current a:active {
color: White;
text-decoration:none;
line-height: 25px;
font-weight: bold;
background-image:  url(../images/hover.jpg);
background-position: 0 50%;
background-repeat: no-repeat;
}

#footer {
border-bottom: 1px solid #771C57;
border-top: 1px solid #771C57;
margin: 0 25px 0 25px;
padding: 10px;
}
/* sets the footer link styles - we have used the same declarations for all links */
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #771C57;
text-decoration: underline;
}

#skipnav {display: none;}


/* FORM STYLES */
form {width: 400px; margin-top: 30px;}

fieldset{
padding:10px;
border: 1px solid #771C57;
margin-bottom:60px;
margin-left: 25px;	
width: 400px;
}

.textarea2{
background-color: #EBDEED;
background-image: none;
border: 1px solid #771C57;
margin: 4px;
padding: 6px;
}

/*styles the input fields*/
input,textarea{
background-color: #EBDEED;
border: 1px solid #771C57;
margin: 4px;
font-size: 12px;
}

label{
color: #771C57;
font-weight: bold;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #771C57;
font-size:16px;
font-weight: bold;
}
.submitbutton {
border: 1px solid #771c57;
background-color: #EBDEED;
}
/*end of form styles */

/* this styles the valid buttons at bottom of page - can be removed or used for another style if you so wish */
.valid{
	
	border: 1px solid #771c57;
	background-color: #EBDEED;
	color: #3C283A;
	padding: 4px;
	margin-right: 4px;
}