/*

	generated "oranges" adaptive stylesheet for corz.org [main styles]

	current pinning status:	absolute
	current browser model:	firefox

	this stylesheet is freely released under the creative commons license..
	http://creativecommons.org/licenses/by-nc-sa/1.0/
	
*/

body {
	font-size: 18px;
	font-family: Tahoma, "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	background: #fff 
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	/* text-align: justify; */
	}
	
img, div { behavior: url(iepngfix.htc) } /* fix png weirdness with ie6 and 5.5 */	


a:link      { text-decoration: underline; background: none; color:blue;}
a:visited   { text-decoration: underline; background: none; color:blue;}
a:hover     { color: #d82425;    text-decoration: underline; background: none; }
a:active    { text-decoration: underline; background: none; }

.container {
	margin: 0;
	width: 100%;
	height: 100%;
	float: none;
	clear: both;
	}

#callout	{
	position:absolute;
	top:500px;
	width: 199px;
	left:60%;
	display:block;
	text-align:left;
	height: 90px;
}
#callout p 	{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:110%; text-align:left; margin:3px; color:#333;}
#callout .tight	{font-weight:bold; line-height: 100%; font-size: 10px; color:#000; }

#formatoptions	{
	position:absolute;
	top: 500px;
	width: 135px;
	height: 39px;
	left: 65%;
	display:block;
}

#foxpic	{
	width: 100px;
	height: 145px;
	float:right;
	margin:0 1em;
/*	position:absolute;
	top: 750px;
	left: 60%;
	display:block; */
}

/*reg-box*/

#reg-box{
/*    height: 95px;
    padding: 0 19px 0 19px;
	border: 1px solid #777;
    background: #fff;
    color: #000;
*/
}

#reg-box form td.left{
    text-align: left;
    padding: 4px;
    color: #000;
    line-height: 18px;
    font-size: 14px;
	font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	width: 300px;
}

#reg-box form td.right{
    padding: 8px;
    text-align: left;
	color: #000;
    font-size: 16px;
    padding-right: 2px;/*solve letter spacing problem of the last character in IE7 and below*/
}

#reg-box form input.radio label {
	text-align: left;
	margin:0;
	padding:0;
	float:left;
	display:block;
}



#reg-box form .text,
#reg-box form textarea{
    float: left;
    width: 330px;
    height: 20px;
    padding: 7px 3px 3px 3px;
    border: 1px solid #333;
    font-size: 14px;
}

/*safari and IE hack*/
html*#reg-box form .text,
html*#reg-box form textarea {
    width: 336px;
    *width: 340px;/*IE hack*/
    width: "358px";/*IE5.5 hack*/
    height: "30px";
}

/*Recent Opera versions 9 and below*/
html:first-child #reg-box form .text,
html:first-child #reg-box form textarea{
    padding-top: 0;
    height: 28px;
}

#reg-box form td.center{
    padding: 8px;
    text-align: left;
    padding-top: 11px;
	color: #000;
    padding-right: 2px;/*solve letter spacing problem of the last character in IE7 and below*/
	padding-left: 280px;
}



#reg-box form .submit{
 /*   background: url(../images/search-button-med.gif) no-repeat right;  */
    width: 320px;
    height: 25px;
    margin-left: 4px;
    cursor: pointer;
	text-align:center;
}

/* end reg box */


.content, .content-medium, .content-wide, .admin, .wide, .v-wide, .narrow, .v-narrow,.book, #book, .book-medium, #book-medium, .book-wide, #book-wide {
	margin-top: 0px;
	}
.content, .content-top, .content-medium, .content-medium-top, .content-wide, .content-wide-top, .wide-top, .admin, .v-wide, .v-wide-top, .narrow, .narrow-top, .v-narrow, .v-narrow-top, .book, .book-top, #book, #book-top, .book-medium, #book-medium, .book-medium-top, #book-medium-top, .book-wide, #book-wide, .book-wide-top, #book-wide-top, #footer {
	float: none;
	clear: both;
	margin-bottom: 0;
	}
.content, .content-top, .content-medium, .content-medium-top { margin-left: 15%; }
.content, .content-top { margin-right: 15%; }
.content-medium, .content-medium-top { margin-right: 20%; }
.content-wide, .wide, .content-wide-top, .wide-top {
	margin-left: 10%; 
	margin-right: 10%;
	}
.v-wide, .v-wide-top {
	margin-left: 2%; 
	margin-right: 2%;
	}
.narrow, .narrow-top {
	margin-left: 23%; 
	margin-right: 23%;
	}
.v-narrow, .v-narrow-top {
	margin-left: 30%; 
	margin-right: 35%;
	}


#book, .book, #book-top, .book-top, #book-wide, .book-wide, #popuppage,
#book-wide-top, .book-wide-top, .book-medium-top, #footer {
	margin:0 auto; 
	width: 750px;
	}
#book, .book, #book-top, .book-top{ margin-right: 20%; }

#book-medium, .book-medium, .book-medium-top {
	margin-left: 17%; 
	margin-right: 25%;
	}

#footer,
#book-wide-top, 
.book-wide-top,
#book-wide-top p, 
.book-wide-top p,
#book-wide-top h1, 
.book-wide-top h1,
#book-wide-top h2, 
.book-wide-top h2	{	
	font-size: 18px;
	font-family: Tahoma, "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	background-color: transparent;
	color: #000;
	font-style:normal;
	font-weight:normal;
}

#popuppage h1, #popuppage h2 {
	font-size: 18px;
	font-family: Tahoma, "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	background-color: transparent;
	font-style:normal;
	font-weight:bold;
	color:#666;
	margin-top: 0px;
	line-height:24px;
	display:inline;

}

#popuppage, #popuppage p {
	font-size: 12px;
	font-family: Tahoma, "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	background-color: transparent;
	font-style:normal;
	font-weight:normal;
	color:#000;
	margin-top: 0px;
	line-height:18px;

}

#footer p	{font-size:12px;}

#book-wide-top h2, 
.book-wide-top h2 {
	font-size: 48px;
	font-weight:bold;
	color:#333;
	margin-bottom: 0;
	line-height:40px;
}

#book-wide-top h1, 
.book-wide-top h1 {
	font-size: 28px;
	font-weight:bold;
	color:#666;
	margin-top: 0px;
	line-height:32px;
	display:inline;
}


#book-wide-top .likeh1, 
.book-wide-top .likeh1 {
	display:inline;
	font-size: 28px;
	font-weight:bold;
	color:#666;
	margin-top: 0;
	line-height:32px;
	margin-bottom:0;
}

.book #cor { text-align:justify; }

.remove-highlighting {
	position: absolute;
	top: 80px;
	right: 6px;
	background-color: yellow;
	}

.tools {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	height: 58px;
	}

.top-left-menu {
	position: absolute;
	top: 10px;
	left: 11px;
	z-index: 99;
	}
.top-mid-menu {
	position: absolute;
	top: 10px;
	z-index: 99;
	left: 36%;
	}
.top-right-menu {
	position: absolute;
	top: 10px;
	z-index: 99;
	right: 10px;
	}
.top-info-menu {
	position: absolute;
	top: 12px;
	z-index: 99;
	left: 60%;
	}
.menu-pin {
	position: absolute;
	top: 1px;
	right: 3px;
	}

.info-pane {
	left:48%;
	font-size: 0.9em;
	font-weight: bold;
	}

.top-menu img {
	/* vertical-align: bottom; */
}

.ribbon {
	position: absolute;
	top: 40px;
	right: 0px;
	}
.ribbon-l {
	position: absolute;
	left: 0px;
	top: 40px;
	}

.toplinks {
	font-size: 0.8em;
	color: #BE9C36; /* for bullets */
	background-color: transparent;
	position: absolute;
	top: 58px;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.7em;
	right: 0;
	}
.section-links {
	position: absolute;
	font-size: 0.9em;
	top: 58px;
	right: 7px;
	}

.auto-section {
	position: absolute;
	font-size: 0.75em;
	top: 58px;
	right: 7px;
	margin-top: 2.25em;
	padding-top: 0.33em;
	text-align: right;
	border-top: 1px #BE9C36 dashed;
}
.auto-section-title {
	font-weight: 600;
	font-size: 110%;
	color: #EBA005;
	padding-bottom: 0.25em;
}
.auto-section-links {
}
.two-column {
	width: 100%;
	}
.two-column-row { 
	width: 100%;
	clear: right;
	float: right;
	}
.two-column-row:hover { 
	background-color: white;
	}
.left-column, .left-column-thin, .left-column-thick {
	float: left;
	padding: 0.2em;
	padding-right: 3%;
	text-align: justify;
	}
.right-column, .right-column-thin, .right-column-thick {
	float: right;
	padding: 0.2em;
	padding-left: 3%;
	text-align: justify;
	}
.left-column		{ width: 45%; }
.right-column		{ width: 45%; }
.left-column-thin	{ width: 25%; }
.right-column-thin	{ width: 25%; }
.left-column-thick	{ width: 65%; }
.right-column-thick	{ width: 65%; }

.left	{ float: left; }
.right	{ float: right; }
#right, #right-div, #right-link, #right-box, .right-text { text-align: right; }

/*  nice 2 column table for links	*/

.useful-links {
	width: 90%;
	font-size: 0.8em;
	margin: 2em;
	}
.links-row { 
	font-size: 0.9em;
	width: 100%;
	clear: right;
	float: right;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	}
.links-row:hover { 
	/* background-color: yellow; */
	}
.left-links {
	float: left;
	width: 30%;
	padding-right: 0.3em;
	}
.right-links {
	float: right;
	width: 60%;
	padding-left: 0.3em;
	}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { /* Opera! */
	font-family: Tahoma, "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	margin-left: 0;
	padding-left: 0;
	}
h1, .h1 {
	color: #F4AB3E;
	background-color: transparent;
	font-size: 240%;
	}
h2, .h2 {
	color: #F09E2F;
	background-color: transparent;
	}
h3, .h3 {
	color: #D8810A;
	background-color: transparent;
	}
h4, .h4 {
	color: #EFBB05;
	background-color: transparent;
	}
h5, .h5 { 
	color: #BE9C36;
	background-color: transparent;
	}
h6, .h6 { 
	color: #EBA005;
	background-color: transparent;
	}


tt { color: #916A1A; }

.small {
	font-size: x-small;
	}
.big {
	font-size: x-large;
	}
.sub { /* for sub headers */
	position: relative;
	top: -0.7em;
	margin-bottom: 0.5em;
	}

img, table, div {
	border: 0;
	}

form { /* Opera gives form a margin, how nice! *sigh*/
	margin: 0; 
	}

abbr, acronym { 
	border-bottom: 1px dotted #000; 
	cursor: help; 
	}

strike { 
	color: #999999;
	background-color: inherit;
	}


.centered { 
	text-align: center; 
	}

 /* handy spacers */

.space, .half-space, .quarter-space, .small-space, .tiny-space, .clear {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	clear: both;
	}
.space {
	height: 200px;
	}
.half-space {
	height: 100px;
	}
.quarter-space {
	height: 50px;
	}
.small-space {
	height: 25px;
	}
.tiny-space {
	height: 10px;
	}
.clear {
	font-size: 0;
	}

.chev-links a {
	text-decoration: none;
	}
.chev-text {
	font-size: 2em;
	color: #F09E2F;
	background-color: transparent;
	position: relative;
	top: -0.25em;
	}

.site-notice {
	font-size: 80%;
	color: #F4AB3E;
	background-color: transparent;
	position: absolute;
	top: 6em;
	left: 2em;
	width: 72px;
	}
.notice-head {
	position: relative; 
	top: 0.5em; 
	font-weight: bold;
	}

.site-quote {
	font-size: 30px;
	color: #FFFFFF;
	margin-bottom: 0.5em;
	margin-top: .25em;
}

.lo-fi {
	color: #F4AB3E;
	background-color: transparent;
	position: absolute;
	top: 3.5em;
	left: 9.72em;
	}

.warning {
	color: red;
	background-color: inherit;
	font-weight: bold;
	}

img.switch-button {
	width: 155px;
	height: 120px;
	}
.switch {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 120px;
	z-index: 100;
	}

/* corzoogle highlighting */
.searchword {
	background-color: yellow;
	}
.byline {
	font-size: x-small;
	color: #EFBB05;
	background-color: transparent;
	}

.underline {
	text-decoration: underline;
}
.button-small {}

/* just handy */
.red { color: #FF0000; }
.blue { color: #6600FF; }
.darkblue { color: #00008B; }
.green { color: #33CC00; }
.darkgreen { color:#006400; }
.yellow { color: #FFFF00; }
.brown { color: #996600; }
.orange { color: #EFBB05; }
.l-brown { color: #CE9A39; }
.purple { color: #CC00FF; }
.pink { color: #FF00FF; }
.grey { color: #B5B5B5; }
.black { color: #000000; }
.dkred { color:#AE0000;}
.highlight { background-color:#FFFF99;}

.bolded	{font-weight: bold}

/* Added by Fox 6 Sep 08
/*menu*/

#menu{
    height: 35px;
    padding: 9px 23px 0 23px;
    background: #000;
}

#menu .left, #menu .left h1{
    color: #aaa;
    letter-spacing: normal;
    font: bold 20px Arial;
	margin-left: 20%;
	margin-right: 20%;
}

#menu .left .sub-phrase, #menu .left .sub-phrase h2{
    margin-left: 10px;
    color: #ccc;
    letter-spacing: normal;
    font: 12px Arial;
}

#menu .right li, #menu .right li a{
    float: left;
}

#menu .right li{
    color: #666;
    font-size: 12px;
    padding-top: 2px;

}

#menu .right li a, #menu .right li a:visited, #menu .right li a:active{
    color: #999;
    border-bottom: 1px dotted #444;
}

#menu .right li a:hover{
    color: #ccc;
    border-bottom: 1px solid #999;
}

#menu .right .checked{
    color: #ccc;
    font-weight: bold;
}

#menu .right a br{
    display: none;
    visibility: hidden;
}

.head, h3 {
	font-size: 28px; 
	font-weight:bold; 
	color:#AE0000;
	margin:1em 0 1.5em 0;
}


/* formatting pictures so text wraps left or right */
/* in html, set style for pic width to be 2px wider than pic size */
/* for pic 450px wide: <div class="picture picleft" style="width: 452px; " > */

.picture	{
	background: #f9f9f9;
	border: 1px solid #ccc;
	font: 11px/1.4em Arial, Helvetica, sans-serif;
	text-align: center;
}

.picture img	{
	border: 1px solid #ccc;
	vertical-align: middle;
	margin-bottom: 3px;
	display:block;
}

.picright	{margin: 0.5em 0 0.5em 0.8em; float:right;}
.picleft	{margin: 0.5em 0.8em 0.5em 0; float:left;}

/* end picture formatting */