body { background: #000000; background-image: url(http://reptilis.net/index4/reptaswirl.jpg); color: #ABCDEF; font-size: medium; line-height: 1.6em;}

a:link {color: #00FF00}     /* unvisited link */
a:visited {color: #FF0000}  /* visited link */
a:hover {color: #FFFFFF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */


strong.highlight {font-weight: bolder; color: #af9c9c; background-color: #000000;}

	/* Gives a black background with an almost typeset look. */

strong.emphasis {font-weight: bold; color: #FF0000; font-style: italic; }

	/* For anything needing a strong emphasis */

h1 {color: #ABCDEF; font-size: 200%;}

h1.subtitle {color: #ABCDEF; font-size: 200%; text-decoration: underline; text-align: center;} 

	/* This is for misc titles */


h2.profiles {color: #e8830c; font-size; 150%; font-weight: bold; margin-left: 2px; background-color: #000000;}

	/* For any headers that are smaller, but in the species profiles */

h2.questions {color: #00FF00; font-size; 150%; font-weight: bold; margin-left: 2px; background-color: #000000;}

	/* Used like in species profiles, only the font is green. */

p.bigspace {margin: 25% 0 25% 0;}

p.midspace {margin: 5% 0 5% 0;}

	/* Both of these are done to give some tags that will give some blank space to a document. */


#main {position: absolute; left: 17%; top: 5px; margin-right: 5px;} 
	
	/* The main section of the page. Id est: where all the new info goes. */


#menu {background: #000000; max-width: 215px; float: none; clear: both;}  

	/* The sidebar menu */

#home {max-width: 215px; margin-bottom: -.5%; } 

	/* The sidebar image */

div.right {background-color: #000000; margin: 5px 10px 5px 10px; padding: 5px; max-width: 300px; float: right; clear: right; border: #AAAAAA solid medium;}

	/* For moving objects (like in table form) to the right */

div.textmap {font-size: 75%; font-weight: bold; text-align: center; text-transform: uppercase; word-spacing: 2px; } 	

	/* This is for text sitemaps. */

#title {text-decoration: overline; text-align: center;} 

	/* This is for the title to species profiles */

#subtitle {text-decoration: underline; text-align: center;} 

	/* This is for the subtitle in species profiles, as well as general titles */


#content {width: 70%; margin-top: 5%; margin-left: 17%;} 

	/* This is for the extra, non title related, content. You know; everything else. */

#main_img {display: block; margin: 0 auto 20px auto; float: none; clear: both; }
 
	/* This is for the main page image. In species profiles, this goes between both titles. */

img.right {margin: 5px 10px 5px 10px; max-width: 400px; float: right; clear: right;}

	/* This covers all right aligned images. */

img.left {margin: 5px 10px 5px 10px; max-width: 400px; float: left; clear: left;}

	/* Surprise, surprise: left aligned images. */

img.middle {display: block; padding: 2px; margin: 0 auto 20px auto; float: none; clear: both; }

	/* This covers all centered images. */

div.caption {text-align: center; font: caption; color: #FFFFFF; letter-spacing: 1.5px;}

	/* This is for any images that I feel need captioning. */




	
#right_sidebar {position: absolute; right: 4%; top: 2%; width: 25%; margin-left: 5%;}


/*Note to self: Make sure the CSS is ordered right (i.e. the right things are parented), else the whole thing turns to crap real quick. */

/* Can add outline: #AAAAAA solid thin; if you want to see the element boxes. */