/* --------------------------------------------------------------------
   --------- Set up imports for fonts we'll be using a lot ------------
   --------------------------------------------------------------------
*/

@font-face {
	font-family: 'TribalTwo';
	src: url('/fonts/TribalTwo.eot');
}


/* --------------------------------------------------------------------
   -------- Now set standards for a variety of common tags ------------
   --------------------------------------------------------------------
*/

BODY { 
	color: #eef; background-color: #000;
	margin: 2ex 8% 2ex 2%;
	background-image: url(./images/global/reptile01.jpg);
	background-attachment: fixed;
	font-family: Times, 'Times New Roman', Garamond, 'Book Antiqua', Prospero, 'Century Schoolbook', 'Bookman Old Style', Bookman, serif;
	font-size: 16px;
}

H1, H2, H3, H4 {
	color: #0f6; 
	margin-bottom: 0px; padding-bottom: 0px;
	font-weight: bold;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}



H1 { 
	font-size: 175%; margin-top: 1em;
}
H2 { 
	font-size: 150%; margin-top: 1ex;
}
H3 { 
	font-size: 125%; margin-top: 1ex;
}
H4 { 
	font-size: 115%; margin-top: 1ex;
}

/* Collapse adjacent Hx margins. */
H1 + H2 { margin-top: 0px; }
H1 + H3 { margin-top: 0px; }
H1 + H4 { margin-top: 0px; }
H2 + H3 { margin-top: 0px; }
H2 + H4 { margin-top: 0px; }
H3 + H4 { margin-top: 0px; }

/* And this one should match the first H1 at the top of the page... */
BODY > TABLE H1 { margin-top: 0px; }


/* Try to pull stuff in on the left edge... */
/* BODY > P, BODY > UL, BODY > OL, BODY > DL, 
BODY > H1, BODY > H2, BODY > H3, BODY > H4 { margin-left: 70px; } */



P { margin: 0px 0px 1em; }
BLOCKQUOTE { margin-left: 10%; }

DT {
	font-weight: bold; font-size: 105%; color: #0f6;
	margin-top: 1.5em; margin-bottom: 0px; margin-left: 1em;
}
DD { margin-left: 4em; margin-top: 0px; }
DD P {margin-top: 0px }
DL.bigtitles DT { font-size: 115%; }
DL.bigtitles DT:first-line { font-size: 120%; }


UL, OL {
	margin-left: 2em; margin-right: 10%;
}

UL OL { margin-left: 5% }
OL UL { margin-left: 5% }
UL UL { margin-left: 5% }
OL OL { margin-left: 5% }

/* Set the same right-side margins for standard ad images */

IMG.adhalfbanner, IMG.admedrect, IMG.adrect { margin-right: 10% }

/* --------------------------------------------------------------------
   ------- Handle hyperlink settings, including in menu bar -----------
   --------------------------------------------------------------------
*/


A:link    { color: #0c3 }
A:active  { color: #fff }
A:visited { color: #696 }
A:hover   { color: #33f }


.menutop {
	background-color: #036; display: block; clear: both;
	font-size: 110%; font-family: serif; font-weight: bold;
	margin-left: -3%; padding-left: 2%;
}
.menutop A { 
	text-decoration: none; color: #ccc;
	padding: 0px 0.5em; margin: 0px;
}
.menutop A:link { 
	text-decoration: none; color: #ccc;
	padding: 0px 0.5em; margin: 0px;
}
.menutop A:visited { 
	color: #ccc;
}
.menutop A:hover {
	background-color: #39f; color: #000;
}
.menutop .activeitem A {
	background-color: #0ff; color: #333;
}
.menutop .activeitem A:hover {
	background-color: #0ff; color: #333;
}
.menutop .activeitem A:visited {
	background-color: #0ff; color: #333;
}

.menubottom {
	background-color: #063; color: #ddd; display: block; 
	font-size: 80%; font-family: serif; font-weight: bold; font-style: italic;
	margin: 0px 0px 1em -3%; padding-left: 2%;
}
.menubottom .sub {
	display: none;
}
.menubottom .visible {
	display: block;
}
.menubottom .on {
	display: block;
}
.menubottom .off {
	display: none;
}

.menubottom A { 
	text-decoration: none; color: #ccc;
	padding: 0px 0.5em;
}
.menubottom A:visited { 
	color: #ccc;
}
.menubottom A:hover {
	background-color: #0f6; color: #333;
}
.menubottom .activeitem A {
	background-color: #9f3; color: #000;
}
.menubottom .activeitem A:hover {
	background-color: #9f3; color: #000;
}
.menubottom .activeitem A:visited {
	background-color: #9f3; color: #000;
}


/* --------------------------------------------------------------------
   ----------- Set up styles for tribe icons and stripes --------------
   --------------------------------------------------------------------
*/

.icons {
	margin: 0px 0px -3px 0px; padding: 0px 0px; 
	text-align: left; display: block; 
}

.tribes {
	margin: 0px; padding: 0px; float: left; white-space: nowrap;
	display: block;
}
.tribes IMG { margin: 0px 3px 0px 0px; padding: 0px; }

.breadcrumbs {
	display: inline; text-align: left; line-height: 200%;
	margin: 0px 0px 0px 1ex; padding: 0px;
}

.stripe {
	margin: 0px 2em 0px 0px; padding: 0px; float: left; clear: left;
	display: block;
}

.bottombuttons {
	margin: 0px 0px 2em; float: left; text-align: left;
	display: block;
}
.bottombuttons IMG { margin-left: 3px; border: 0px; }



/* --------------------------------------------------------------------
   --------- Now come the category nav boxes, including ---------------
   -------- the heading-bars at their tops and the lists --------------
   --------------- that go inside the category boxes. -----------------
   --------------------------------------------------------------------
*/

.catbox {
	display: block;
	margin: 1em 1em 1em 55px; padding: 0em;
}

.catbox H2 {
	margin: 0em 0em 0.5em 0em; padding: 0.05ex 0.5em;
	font-weight: bold; font-size: 125%; 
	line-height: 150%;
	background-color: #343;
	border-top: medium solid #3c6;
	border-bottom: medium solid #3c6;
}
.catbox H2 A:link { text-decoration: none; color: #0f6 }
.catbox H2 A:visited { text-decoration: none; color: #0f6 }
.catbox UL {
	margin: 1em 10% 0em 1em;
	padding-bottom: 1ex;
}


UL.bullet {
	/* list-style-image: url(/images/global/bullet-curves.gif); */
	list-style-image: none; list-style-type: none;
	/* border: 1px dotted #f0f; */
}
UL.bullet UL {
	list-style-image: none;
}
UL.bullet UL LI {
	list-style-image: none;
	background-image: none;
	padding-left: 0px; margin-left: -1em;
}

UL.bullet LI {
	padding-left: 20px; margin-left: -20px;
	background-image: url(/images/global/bullet-curves.gif);
	background-position: 0% 0.08em; background-repeat: no-repeat;
	/* border: 1px dotted red; */
}



/* 
UL.bullet {
	list-style-image: url(/images/global/bullet-curves.gif);
}
UL.bullet UL {
	list-style-image: none;
}
*/

UL.special {
	/* list-style-image: url(/images/global/bullet-curves.gif); */
	list-style-image: none; list-style-type: none;
}
UL.special LI { 
	margin-bottom: 0.5em; padding-left: 20px;
	background-image: url(/images/global/bullet-curves.gif);
	background-position: 0% 0.08em; background-repeat: no-repeat;
}
UL.special LI A { font-size: 115%; }

UL .date {
	display: inline; float: right; margin-right: -3em;
	font-size: 80%; font-style: italic;
}

UL.news {
	list-style-image: url(/images/global/bullet-curves.gif);
	/* border: 1px solid #099; */
	list-style-image: none; list-style-type: none;
}
UL.news LI {
	margin-bottom: 0.5em; margin-left: 0px;
	/* border: 1px dotted #aa0; */
	padding-left: 20px;
	background-image: url(/images/global/bullet-curves.gif);
	background-position: 0% 0.08em; background-repeat: no-repeat;
}
.news .headline { font-weight: bold; font-size: 110%; color: #3f6; }
.news .newshead { color: #33f; font-weight: bold; }
.news .linktext { font-size: 110%; color: #3f6; }



/* --------------------------------------------------------------------
   ------------------- Classes for text styles ------------------------
   --------------------------------------------------------------------
*/


/* "dc" stands for "drop cap" */
P.dc:first-letter {
	float: left; font-size: 300%; color: #0f6;
	margin: 0em 0.1em -0.25em 0em; padding: 0px;
	line-height: 50%;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}

.pqright {
	float: right; width: 35%;
	margin: 0.25em 0px 0.25em 0.5em;
	padding: 0.5em 0px 0.5em 1em; 
	border-top: 2px solid #66f; border-left: 2px solid #339;
	font-weight: bold; font-size: 110%;
}
/* .pqright:first-letter {
	color: #9f9; float: left;
	font-size: 175%; line-height: 75%; margin: -0.25em 0.15ex -0.35em;
} */

.hang {
	margin-left: 3em; text-indent: -3em;
}

.sidebar {
	float: right; width: 35%;
	padding: 0.75em; margin: 0px 0px 0.25em 1em;
	background-color: #006;
}


/* These are the styles for the introductory titles, subtitles,
   and author credits at the top of each article.
*/
TABLE.heading .title {
	color: #0f6; 
	margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;
	font-weight: bold; font-size: 200%;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}
TABLE.heading .title H1 { font-size: 100%; margin-top: 0px; }
TABLE.heading .subtitle {
	color: #0f6; 
	margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;
	font-weight: bold; font-size: 140%;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}
TABLE.heading .subtitle H2 { font-size: 100%; margin-top: 0px; }
TABLE.heading .author {
	color: #0f6; 
	margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;
	font-weight: bold; font-size: 115%;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}
TABLE.heading .author H3 { font-size: 100%; margin-top: 0px; }

DIV.note, P.note {
	margin: 1ex 15% 1.5ex;
	padding: 0.25em 0.75em;
	border-top: 2px solid #69f;
	border-bottom: 2px solid #69f;
	font-size: 85%;
}

SPAN.note {
	color: #33f; font-weight: bold;
}

.indent {
	margin-left: 7%; margin-right: 7%;
}

.morelink {
	text-align: right; display: block;
	margin: -0.65em 1.5em 1em; font-size: 110%;
}

.bio {
	font-style: italic;
	border-top: 2px solid #0f6; padding: 0.5em 0.5em 1em;
	margin-bottom: 1.5em;
}
.bio:first-letter {
	float: left; font-size: 180%; color: #0f6;
	margin: 0em 0.25em -0.25em 0em; padding: 0px;
	line-height: 50%;
	font-family: 'Tribal Two', TribalTwo, fantasy;
}

.bio CITE { font-style: normal }
.bio EM { font-style: normal }
.bio I { font-style: normal }

/* Good for "required" asterisks on forms */
.reqd { font-weight: bold; font-size: 200%; color: #3f6; }


CODE, .code { color: #aaf; font-family: monospace }
.unfinished { color: #f0c; }
.strike { text-decoration: line-through; }
.hotkey { text-decoration: underline; }
.ord { vertical-align: super; font-size: 70%; text-decoration: underline; }
SUP, SUB { font-size: 80%; }

.help, .tooltip { color: #ccf; border-bottom: 1px dotted; cursor: help; }

CITE EM { font-style: normal; }
CITE I  { font-style: normal; }
EM CITE { font-style: normal; }
I CITE  { font-style: normal; }


.stars { font-family: 'Tribal Two', TribalTwo, fantasy; color: #0f6; font-size: 250% }

A.help { color: #ccf; border-bottom: 1px dotted #ccf; cursor: help; }
A.help:hover { color: #fff; cursor: help; }

.fontastic {
	/* Provides H1-H4 font styling on any span/div */
	color: #0f6; 
	margin-bottom: 0px; padding-bottom: 0px;
	font-weight: bold;
	font-family: 'Tribal Two', TribalTwo, sans-serif;
}


/* Use this for quotations and citations */

.quotation {
	margin-left: 10%; margin-right: 10%; margin-bottom: 1em;
	font-style: italic;
}

.quotation .source {
	margin-right: 10%; text-align: right;
}

.pqright .quotation {
	margin-left: 4%; margin-right: 6%;
}

.sidebar .quotation {
	margin-left: 4%; margin-right: 6%;
}

.quotation CITE { font-style: normal }
.quotation EM { font-style: normal }
.quotation I { font-style: normal }

/* And this can be used anywhere to provide expansion/clearing
   of floated elements.
*/

div.clearleft { clear: left; line-height: 0px; height: 0px; }
div.clearright { clear: left; line-height: 0px; height: 0px; }

/* To use those, do: <div class="clear(left|right)">&nbsp;</div>
 */


/* --------------------------------------------------------------------
   ---------------------- Loads o'poll stuff --------------------------
   --------------------------------------------------------------------
*/


/* Note that .poll and .pollresults are in /frontpage.css,
   since those styles should only ever be displayed on the
   site's front page.
*/

.bigpollresults {
	display: block; width: 525px; 
	margin: 1em 0px 0.5em 45px; padding: 0.3em 0.75em;
	background-color: #006; 
	color: white; font-size: 80%;
}
.bigpollresults .title {
	font-size: 150%; font-family: 'Tribal Two', TribalTwo, fantasy;
}
.bigpollresults .question {
	font-size: 125%; margin-top: 1em; margin-bottom: 1em; display: block;
}
.bigpollresults .score {
	font-size: 80%; font-family: Helvetica, Verdana, Arial, sans-serif;
}
.bigpollresults .bargraph {
	background-color: #090; padding: 0px 1px 1px 0px;
	border-bottom: 1px solid #060; border-right: 1px solid #060;
	border-top: 1px solid #0f0;
}
.bigpollresults .total {
	font-size: 125%; margin-top: 1em; margin-bottom: 0.5em; display: block;
}
.bigpollresults .extra {
	margin: 1.65em 1em 0;
	padding: 0.5em;
	border-top: thin groove;
	font-size: 125%;
}

.pollindex {
	display: block; width: 525px; 
	margin: 1em 0px 0.5em 45px; padding: 0.3em 0.75em;
	background-color: #006; 
	color: white; font-size: 80%;
}
.pollindex .title {
	font-size: 150%; font-family: 'Tribal Two', TribalTwo, fantasy;
	color: #0f6;
}

.pollindex UL {
	margin-left: 0.75em;
}

.pollindex UL A {
	font-size: 115%;
}




/* --------------------------------------------------------------------
   --------------------------------------------------------------------
*/



TABLE.imglist {
	display: block; margin: 1em 10% 1em 10%;
	/* border: 1px solid #66f; */
}

TABLE.imglist TD {
	vertical-align: top; text-align: left;
	padding-bottom: 0.75em;
}
TABLE.imglist TR TD:first-child {
	vertical-align: top; text-align: right;
	padding-top: 0.35em; padding-right: 0.65em;
}




TABLE.minimal {
	margin: 0px 3em 1em;
	border-bottom: 2px solid #0f6;
}
TABLE.minimal TH {
	margin: 0px; padding: 0.25ex 0.5ex;
	background-color: #0f6; color: #333;
	text-align: left;
}
TABLE.minimal TD {
	padding: 0.25ex 0.5ex;
}
TABLE.minimal TH.ar { text-align: right; }
TABLE.minimal TD.ar { text-align: right; }


/* --------------------------------------------------------------------
   --------------- Classes for various image types --------------------
   --------------------------------------------------------------------
*/

.illo {
	float: right; text-align: center; font-size: 80%;
	margin-left: 1.5em; margin-bottom: 0.5em;
}

.illoleft {
	float: left; text-align: center; font-size: 80%;
	margin-right: 1.5em; margin-bottom: 0.5em;
}

.logo {
	float: left; margin: 0.1ex 0.25ex 0.1ex 0px;
}

.biopic {
	float: right; margin: 0px 0px 0.4em 1em;
}

.bargraph {
	background-color: #090; padding: 0px 1px 1px 0px;
	/* border-bottom: 2px solid #060; */ border-right: 2px solid #060;
	border-top: 2px solid #0f0; border-left: 2px solid #0f0;
}


/* --------------------------------------------------------------------
   ------------- Classes for various ad banner sizes ------------------
   --------------------------------------------------------------------
*/

.adleaderboard {
	/* 728x90; should go at top of page */
	display: block; margin: 1em auto;
	text-align: center;
	border: 0px;
}

.adfullbanner {
	/* 468x60; should go at top of page */
	display: block; margin: 1em auto;
	text-align: center;
	border: 0px;
}

.adhalfbanner {
	/* 234x60; let's try these floating right? */
	display: block; float: right; width: 256px;
	margin: 0px 2em 0.8em 1em; padding-right: 0px;
	border: 0px;
}

.admedrect {
	/* 300x250; float it right by default */
	display: block; float: right;
	margin: 0px 1em 0.8em 1em; padding-right: 0px;
	border: 0px;
}

.adrect {
	/* 180x150; float it right by default */
	display: block; float: right;
	margin: 0px 0px 0.8em 1em; padding-right: 0px;
	border: 0px;
}

.adskyscraper {
	/* 120x600; float it right by default */
	display: block; float: right; width: 150px;
	margin: 0px 2em 0.8em 1em;
	border: 0px;
}

.adwideskyscraper {
	/* 160x600; float it right by default */
	display: block; float: right; width: 185px;
	margin: 0px 2em 0.8em 1em;
	border: 0px;
}

A.adlink { border: 0px; }
A.adlink IMG { border: 0px; }

/* IFRAME {
	display: block; float: right;
	margin: 0px 1em 0.8em 1em; padding-right: 0px;
} */