/*
 * Author: Sean Campbell
 * Description: Main stylesheet for the Something About Animals website
 * Website: http://www.somethingaboutanimals.com
 */


/* MAJOR ELEMENTS */
html, body {
	font-family: "Times New Roman", Georgia, sans-serif, cursive;
	margin: 0;
	padding: 0;
	font-size: 12pt;
	background-color: #002200;
}

#container {
	margin: 0 auto;
	width: 932px;
	border: 1px solid black;
	/*border: 5px solid #000500;*/
}

#main-container {
	width: 100%;
	background-color: #FFFFee;
}

/* MAIN CONTENT */
#main {
	border-left: 50px groove #990000;
	border-right: 50px ridge #990000;
	padding: 20px;
}
#main-content {
	vertical-align: top;
	margin-right: 20px;
	padding-right: 15px;
	/*border-right: 1px solid black;*/
}
#main-content h3 {
	font-size: 1.3em;
	margin-bottom: 0;
}
#main-content h4 {
	font-size: 1.2em;
	font-variant: small-caps;
	margin: 0;
}
#main-content h5 {
	font-size: 1.0em;
	font-variant: small-caps;
	margin: 0;
}

#main-content p {
	text-indent: 30px;
	/*line-height: 1.5em;*/
}
#main-content a {
	/*color: #002200;
	text-decoration: underline;*/
	/*color: #0000FF;
	text-decoration: none;*/
	color: #05f;
	text-decoration: underline;
}
#main-content a:hover {
	/*color: green;
	text-decoration: none;*/
	/*color: #0055FF;
	text-decoration: underline;*/
	color: #225;
	/*text-decoration: line-through;*/
}


/* SIDE BAR */
#side-bar {
	text-indent: 20px;
	line-height: 150%;
	padding: 10px;
	margin-left: 0;
	padding-left: 10px;
	/*border-left: 1px solid black;*/
}
#side-bar p {
	margin: 0;
	padding: 0;
}
#side-bar #quote {
	font-style: italic;
}

ul.sub-nav-menu {
	list-style-type: none;
	border-bottom: 1px solid gray;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 20px;
}
ul.sub-nav-menu li a {
	color: #0050FF;
	text-decoration: none;
}
ul.sub-nav-menu li a:hover {
	font-style: italic;
}
 
/* RANDOM FACT */
#random-fact {
	text-align: center;
	padding: 10px;
	border-top: 3px double #900;
	border-bottom: 3px double #900;
	font-family: Georgia;
}

/* ARCHIVE NAVIGATION */
ul.archive-nav {
	display: table;
	padding: 0;
	width: 100%;
	border-top: 2px groove lightgray;
	border-bottom: 2px ridge lightgray;
}
ul.archive-nav li {
	width: 33%;
	display: table-cell;
}
ul.archive-nav li a {
	color: #0050FF;
	text-decoration: none;
}
ul.archive-nav li a:hover {
	font-style: italic;
}

/* FEATURED */
#featured-animal {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

/* GENERAL INFORMATION */
#classification h3 {
	color: white;
	margin: 0;
	text-indent: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.5)));
	cursor: pointer;
/*
	background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
	margin: 0 auto;
	text-align: center;
*/
}

#classification h3:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.0)));
}

#classification p {
	text-indent: 0;
	margin: 5px 0;
	padding: 0;
}

.unit-conversion-chart {

}

/* SOURCES */
#sources {
	margin: 30px;
	background-color: white;
	padding: 10px;
	border: 1px solid #990000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#sources h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 0 0;
}
 
 /* OTHER */
.superscript {
	vertical-align: super;
	font-size: xx-small;
}

.date {
	text-align: right;
	font-family: Georgia;
	font-variant: small-caps;
	font-style: italic;
}

.info-icon {
	background-position: -16px -144px;
	width: 16px;
	height: 16px;
	background-image: url(../jquery/css/ui-lightness/images/ui-icons_228ef1_256x240.png);
	display: block;
	float: left;
	margin-right: 10px;
}
.message {
	text-indent: 0;
	font-size: 0.6em;
	font-family: Georgia;
	padding: 10px;
	border: 1px solid orange;
	background-color: white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 175, 0, 0.5)), to(rgba(255, 255, 0, 0.5)));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*display: none;*/
}

#links p {
	text-indent: 0;
}
