/* Global Style Characteristics */
#notice {
    border: 2px solid red;
    padding: 1em;
    margin-bottom: 2em;
    background-color: #000;
    font: bold sans-serif;
    color: red;
		width: 80%;
}

#notice h3 {
	font: bold 14px sans-serif;
	color: red;
}

#successNotice {
  border: 2px solid #fc0;
  padding: 10px;
  margin-bottom: 5px;
  background-color: #000;
  font: bold 14px sans-serif;
  color: #fc0;
	width: 80%;
}

#clear {
    clear: both;
    }

h1 {
    font: 150% sans-serif;
    color: #CCC;
}

a {
    color: #FFF;
}

body {
    background-color: #000;
    background-image: url("/images/web-background.gif");
    color: #CCC;
    width: 100%;
    margin: 0px;
}



/* Main page container */
#main {
    background-color: #000;
    width: 1000px;
    min-height: 900px;
    margin: 0px auto;
    margin-top: 0px;
    border-style: none solid;
    border-width: 2px;
    border-color: #555;
    
}


/* Page Nav Styles */
#nav {
    width: 100%;
    background-image: url("/images/nav-bar-gradient.gif");
    color: #FFF;
    min-height: 25px;
}

#nav a { color: #fff; display: block; }
#nav a:visited { color: #fff; }
#nav a:hover { color: #fff; }

#nav table {    
    margin-right: 25px;
}

#nav h3 {
    margin-bottom: 0px;
    margin-top: 0px;
    font: small-caps 20px/20px "Times New Roman", serif;
    display: inline;
}

#nav td:hover {
    background-color: #500;
    opacity: 0.5;
}

#nav td {
    width: 140px;
    text-align: center;
}

#quote {
    font: 12px sans-serif;
    color: #fff;
    text-align: right;
    width: 500px;
    margin: 2px;
    float: right;
}

#right-panel {
    width: 250px;
    float: right;
}

#blog-search {
    float: right;
    margin-right: 10px;
}

#character-quick-facts {
    width: 250px;
    
}   

#character-quick-facts a { color: #fff; }
#character-quick-facts a:visited { color: #fff; }
#character-quick-facts a:hover { color: #777; }

#character-quick-facts fieldset {
    margin: 5px;
    padding: 5px;
    border-style: dotted;
    background-color: #400;
}

#previous-next-nav a {
    color: #FC3;
    text-decoration: none;
}

/* Log In Page Style */
#login-page fieldset {
    border-style: none;
}

#login-page-button input {
    width: 100px;
    border: 1px solid gray;
}

#login-page legend {
    color: #FC0;
}

/* Page Banner Styles */
#banner {
  width: 100%;
  margin-top: 0px;

}   


#banner legend {
    font: small-caps 200% "Times New Roman", sans-serif;
    vertical-align: middle;
    margin-top: -10px;
}

#banner fieldset {
   
}

#banner-area {
  font: small-caps 40px/40px "Times New Roman", serif;
  color: #900;
  width: 1000px;
  min-height: 265px;
  background-image: url("/images/title.jpg");
  vertical-align: middle; 
  margin-top: 0px;
}

#banner-area h3 {
    font: small-caps 40px/40px "Times New Roman", serif;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 5px;
}



/* Blog section Styles */
#blog-post {
    font: 12px;
    color: #fff;
    width: 700px;
    float: left;
    padding: 10px;
    
}



#blog-view {
    font: 12px;
    color: #fff;
    width: 990px;
    margin: 15px;
		margin-top: 0px;
		margin-bottom: -10px;
}

#blog-image {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}


#blog-post-image {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    width: 50%;
}

#blog-post-body {
    float: left;
    width: 97%;
    padding-left: 15px;
    background-image: url("/images/post-bg-middle.jpg");
}

#blog-post-body img {
	float: center;
	margin: 5px;
}

#tags {
    float: left;
    width: 98%;
    padding-left: 15px;
    background-image: url("/images/post-bg-middle.jpg");
}

#blog-post-body a { color: #fc0; }
#blog-post-body a:visited { color: #fc0; }
#blog-post-body a:hover { color: #fff; }

#blog-post-body-full {
    float: left;
    width: 90%;
}

#blog-post-body-full a { color: #fc3; }
#blog-post-body-full a:visited { color: #fc3; }
#blog-post-body-full a:hover { color: #fff; }

#blog-post-title {
    float: left;
}

#blog-post-body-full img {
	float: center;
	margin: 10px;
}

#blog-post-body-full blockquote {
	margin: 10px;
	padding: 10px;
	width: 90%;
	color: #6CF;
	background-color: #444;
}

#blog-post-title a { color: #FC3; text-decoration: none; }
#blog-post-title a:hover { color: #FC0; }
#blog-post-title a:visited { color: #FC3; }

#blog-post h3 {
    font: 150% sans-serif;
    margin-bottom: 0px;
    color: #FC3;
}

#blog-post p {
    text-indent: 15px;
    width: 95%;
    margin: 5px;
}

/* Shoutblag styles */
#shoutblag-author {

}

#shoutblag-comment {
    background-color: #000;
}


/* Archive styles */
#archive {
    margin: 0px;
}   


#archive a {
    color: #fc0; 
		display: block; 
		border-left: solid #fc0 2px;
		padding: 5px; 
		margin: 0px;
outline-style : none;
}

#archive a:active{
	color: #fc0;
	border-left: solid #fc0 2px;
	padding: 2px;
}

#archive a:hover {
	color: #fff; 
	border-left: solid #fff 2px;
		background-color: #222;
}

#archive .sub {
    display:none;
		color: #fc0;
		border-left: none;
		outline-style: solid #000 2px;
		outline-width: 10px;
}

#archive .sub a {
		color: #fff;
		border-left: none;
		padding: 1px;
		outline-style: solid #000 2px;
		outline-width: 10px;
}

#archive .sub a:hover {
		color: #fc0;
		background-color: #222;
		border-left: none;
		padding: 1px;
		outline-style: solid #000 2px;
		outline-width: 10px;
}

#archive ul {
    margin: 0px;
    list-style-image: url("/images/icons/document_16.gif");
		
}

#archive li {
	margin-left: 30px;
	margin-right: 5px;
}

#archive li a{
    margin: 1px;
    color: #fff;
}

/* Achievements area */
#achievements p{
		font: 12px "Helvetica", serif;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 1px;
		background-image: url( "/images/icons/20x20-achievement-icon.jpg");
		background-repeat: no-repeat;
		color: #fff;
		padding: 2px;
		vertical-align: baseline;
}

#achievements h3{
    margin-bottom: 1px;
}

#achievements a { color: #fc0; text-decoration: none; }
#achievements a:hover { color: #fff; }
#achievements a:visited { color: #fc0; }

#achievements fieldset {
    border-style: none;
}

#achievements label {
    color: #fc0;
}


/* Blogroll styles */


#blogroll a { 
	color: #fc0; 
	display: block; 
	border-left: solid #fc0 2px;
	padding: 5px; 
	margin-bottom: 0px;
}

#blogroll a:visited { 
	color: #fc0; 
	border-left: solid #fc0 2px; 
}

#blogroll a:hover { 
	color: #fff; 
	border-left: solid #fff 2px; 
	background-color: #222;
}

/* Comments Area In Posts */
#comment {
	background-color: #000;
	width: 900px;
	padding: 20px;
	margin: 10px;
	font: 12px "Helvetica", serif;
}	

#comments-author {
	background-color: #000;
	width: 200px;
	max-width: 200px;
	float: left;
	
}

#comment-text {
	background-color: #000;
	width: 650px;
	padding: 10px;
	border-left-style: solid;
	border-width: 1px;
	float: left;
}

#comment h3 {
	 font: small-caps 20px/20px "Times New Roman", serif;
    color: #FC0;
		margin-bottom: 2px;
}

#comments-area {
	background-image: url("/images/comments-form-background.jpg"); 
	background-repeat: no-repeat;
	width: 980px;
	height: 500px;
	padding: 20px;
	margin: 10px;
	font: 12px "Helvetica", serif;
}

#comments-box {
    border-style: dotted;
    border-color: #555;
    background-color: #000;
    margin: 20px;
    margin-top: 10px;
		width: 650px;
}

#comments-area h3 {
    font: small-caps 20px/20px "Times New Roman", serif;
    color: #FC0;
		margin-bottom: 2px;
}

#comments-area textarea {
	
	font-family: inherit;
	font-size: 100%;
	width: 350px;
	max-width: 350px;
}

#comments-area input {
	width: 230px;
	height: 25px;
	font: 20px/20px "Times New Roman", serif;
  color: #000;
}

#comments-area p {
    margin: 10px;
}

#comments-info {
    float: left;
    width: 250px;
		height: 480px;
		background-color: #000;
		padding: 10px;
}

#comments-form {
    float: left;
    width: 400px;
}

#comments-name-form {
	float: left;
	width: 350px;
}

#comments-field {
	float: left;
	width: 400px;
}

#comments-author {
    margin-bottom: -12px;
    margin-left: 15px;
}

#comments-name-form-captcha input {
	width: 130px;
	height: 25px;
	font: 20px/20px "Times New Roman", serif;
  color: #000;
}


/* Footer */
#footer {
    background-color: #000;
    width: 1000px;
    margin: 0px auto;
    margin-bottom: -15px;
    
    
}



/* Red Error Box for Validation/Error Messages on View */

.fieldWithErrors {
  padding: 0px;
  background-color: #EEFFEE;
  display: inline;
}

.fieldWithErrors * {
    border-color: #B10;
    background-color: #B10;
    color: #fff;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #B10;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #222;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #fff;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#dhtmltooltip{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: yellow;
    visibility: hidden;
    z-index: 100;
    
}