/* --- TYPOGRAPHY ---------------------------------------------------------- */

* {
color: black;
font-family: "Georgia", Times, serif;

}
    
body {
min-width: 700px;
background-color: white;
text-align: center;
}

p, ul, ol, h1, h2, ol, ul {
}

a {
}

a:hover {
background-color: #FF0084;
color: white;
}

img, div {
	behavior: url(/stylesheets/resources/iepngfix.htc)
}

a img {
border-style: none;

}

a:hover img {
/*	outline: #FF0084 solid;*/
}

table {
	
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: gray;
	border-width: 1px;	
	border-collapse: collapse;
}

tr {

}

td {	
	padding: 5px;
	min-width: 100px;
}

label {

	font-size: 14px;
	display: block;

}

input {
	
	font-size: 12px;
	margin-top: 10px;
   margin-bottom: 15px;
   background-color:#FFFFFF;
   border-style:outset;
   border-color:#000000;
   border-width:1px;
	
}

/* --- FLASH NOTICE ---------------------------------------------------------- */


div#notice {
	border: 2px solid red;
	padding: 1em;
	margin-bottom: 2em;
	background-color: #f0f0f0;
	font: bold smaller sans-serif;
	text-align: center;
}

/* --- LAYOUT -------------------------------------------------------------- */

div#body {
}

div#header {
}

div#content {
}

div#footer {
}

div#header_content,
div#body,
div#footer_content {
width: 100%;
margin: 0 auto;
}

/* --- HEADER -------------------------------------------------------------- */

div#header div#pretitle {
	text-align: center;
}

div#header div#title {
font-size: 72px;
line-height: 72px;

}

div#header div#pretitle a:hover,
  div#header div#title a:hover {
  background-color: white;
  color: black;
}

div#header a {
  text-decoration: none;
}

/* --- NAV (TABS)-------------------------------------------------------------- */

div .nav {

}

 div .nav a {
font-size: 16px;
line-height: 16px;
padding: 5px;
text-decoration: none;
margin: 0px;
}

 div .nav a:hover {
background-color: #FF0084;
color: white;
}

/* NOT USED */
div .special_nav_a {
	font-size: 16px;
	text-decoration: none;
	margin: 0px;
}

div .special_nav_a:hover {
	background-color: #FF0084;
	color: white;
}

/* --- FOOTER -------------------------------------------------------------- */

div#footer #footer_content {
padding-top: 100px;
font-size: small;
text-align: center;
}

div#footer #footer_content a {
}

/* --- BIG IMAGE CONTENT ------------------------------------------------------------ */

div#big_image_content {
min-width: 900px;

}

div#big_image_content div#monster_name {
font-size: 32px;

}

div#big_image_content div#birthdate {
font-size: 16px;

}

div#big_image_content div#share {
font-size: 12px;

}

div#big_image_content div#description {
font-size: 24px;

padding: 5px;

}

/* center */
div#big_image_content div#big_image {

}

/* --- PREV/NEXT ------------------------------------------------------------ */

/* left */
div#big_image_content div#prev {
float: left;
padding: 0% 2% 0% 0%;
width: 20%;
text-align: right;
}

/* right */
div#big_image_content div#next {
float: right;
padding: 0% 0% 0% 2%;
width: 20%;
text-align: left;
}


div#content .prevnextlink {
font-size: 120pt;
margin-top: 120px;
}

div#content .prevnextlink a {
text-decoration: none;
}

div#content .prevnextlink a:hover  {
color: #FF0084;
background-color: white;
}

span#no_link {
color: #C0C0C0;
}


/* --- ARCHIVE ------------------------------------------------------------ */

div#archive_list {
height: 700px;
width: 100%;
text-align: left;
}

div#archive_list a:hover img {
border-bottom:10px;
border-color: #FF0084;
background-color: white;
}

/* --- ABOUT ------------------------------------------------------------ */

div#about {
padding-left: 12.5%;
width: 75%;
}

div#about div#inner {
text-align: left;
padding: 10px;
border: dotted black 1px;
background-color: yellow;

}

div#about div#inner p {
text-align: left;
}

/* --- ANNOUNCEMENT ------------------------------------------------------------ */

div#announcement_top {
padding-left: 20%;
width: 60%;
padding-bottom:10px;
}

div#announcement_comment {
padding-left: 25%;
width: 50%;
padding-top: 10px;
}

div#announcement_about {
padding-left: 12.5%;
width: 75%;
padding-top: 10px;
}

div#inner {
text-align: center;
padding: 10px;
border: dotted black 1px;
background-color: #EEE;
font-size: 14px;

}


/* --- COMMENTS ------------------------------------------------------------ */

div#comment_section {
	margin:auto;
	width: 50%;
	padding: 5px;
	margin-top: 20px;
}

div#comments {

}

div .comment {
	font-size: 14px;
	padding: 2px 5px 2px 5px;
	margin: 2px 5px 2px 5px;

}

div.comment div.comment_text {
	background-color:white;	
	padding: 2px 5px 2px 5px;
}


div.comment div.comment_num {
	background-color:white;	
	padding: 2px 5px 2px 5px;
}

div#comment_section div#comment_errors_text {
	
/*	background-color: white;*/
	border: solid 1px red;
	margin: 2px;
	padding: 2px;
	
}
/* --- CONTRIBUTE FACT ------------------------------------------------ */


div#contribute_fact {

	margin-top: 10px;
	padding: 2px 5px 2px 5px;
	border: dotted 1px black;
}

div#contribute_notice {
	font-size:18px;
	padding-top: 5px;

}

div#contribute_fact textarea {
	
	font-size: 12px;
	
}

/* --- EDIT ICON PAGE --------------------------------------------------- */


/* --- PAGES ------------------------------------------------------------ */


/* IE6 fix for creeping padding/margins */

* html ul li a {
height: 1em;
}

/* --- GRID (from blueprint.css) ------------------------------------------- */