/* Master stylesheet for TheWayGravityWorks website */

/*
	Color usage:
		'Coffee', darker for under pictures, empty area
			background-color: #B0A090;
		'Cafe Au Lait', lighter, for under text
			background-color: #DDCCBB;
	
	Text - Red, Green, Blue and Black
		BLACK
			color: #202020;	
		RED - normal
			color: #801010;
		RED - brighter
			color: #A03030;
		GREEN - normal
			color: #108010;

		HEADLINE RED
			color: #901515;
		SUB-HEADLINE BLUE
			color: #2020B0;

		url(images/alpha/bg.jpg) top center repeat-y;
 
*/
	
body {
	font-family: Georgia, serif; 
	font-size: 85%;
	color: #101010;
	text-align: left;
	text-indent: 0%;
	width: 96%;
	padding: 2%;
	margin: 0 auto;
	border-style: none;
	border-color: #000000 ;
	background-color: #B0A090 ;
}

/* Master navigation menu, common for each page */

.navbar ul li {
	display: inline;
	}

.navbar a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 110%;
	color: #000000;						/* text color */
	padding: 8px;
	border-style: outset ;
	background-color: #B0A090;
	}

.navbar a:hover {
	color: #AAAA88;						/* text color */
	background-color: #443322;
}

/* Outside container for each page's non-common content */

.master-wrap {
	font-family: sans-serif;
	font-size: 100%;
	text-align: center;
	height: 92%;
	width: 96%;
	padding: 12px ;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	border-width: 4px ;
	border-style: outset ;
	background-color: #B0A090;
}

/* Text styling for each page's common content */

/* box for separating content pieces */

.center-box {
	height: 92%;
	width: 96%;
	overflow: auto;
	margin: auto;
	/*
	margin-top: 4px;
	margin-bottom: 24px;
	margin-left: 4px;
	margin-right: 4px;
	*/
	padding: 12px;
	border-width: 2px ;
	border-style: outset;
	border-color: #664400 ;
	background-color: #DDCCBB;
}

.center-box-special {
	height: 92%;
	overflow: auto;
	margin: auto;
	padding: 12px;
	border-width: 4px ;
	border-style: outset;
	border-color: #20FF00 ;
	background-color: #808080;
}

.division-rule {
	border-width: 4px ;
	border-style: outset;
	border-color: #2000FF;
}

.scroll_area {
	overflow: scroll;
}

/* Various inside containers for any page's non-common content */

.one-up {
	width:  96%;
	margin: auto;
}

.two-up {
	width:  44%;
	margin: auto;
}

.three-up {
	width:  28%;
	margin: auto;
}

.four-up {
	width:  18%;
	margin: auto;
}

.five-up {
	width:  15%;
}

.columnar {
	height: 92%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
	margin-bottom: 4%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: left;
	overflow: auto;
	border-width: 4px;
	border-style: double;
	border-color: #101010;
	background-color: #DDCCBB;
}

.colfill-060 {
	padding: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	width: 60%;
	float: left ;
	overflow: auto;
	border-width: 4px ;
	border-style: double ;
	background-color: #B0A090;
}

/* Normal text for article content */
.reading-room {
	font-family: "Ariel, sans-serif";
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 24px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #DDCCBB ; /* url(images/alpha/bg.jpg) top center repeat-y; */	
}

/* Normal text for insert content */
.reading-room-medium {
	font-family: "Times, serif";
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 24px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #A0B0C0 ; /* url(images/alpha/bg.jpg) top center repeat-y; */	
}


/* Reduced text for footnotes */
.reading-room-small {
	font-family: "Times, serif";
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #C0C0C0 ; /* url(images/alpha/bg.jpg) top center repeat-y; */	
}

/* Smaller, clearer text for instructions, links */ 
.infolink {
	font-family: "Times New Roman, serif";
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-indent: 8%;
	text-transform: none;
	text-decoration: none;
	border-style: none;
	background: #C0C0C0 ; /* url(images/alpha/bg.jpg) top center repeat-y; */	
}

.infonotice p {
	font-family: serif;
	font-size: 75%;
	font-weight: normal;
	color: black;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

.infonotice {
	font-family: sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: black;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

.infolink a:link {color: blue; }
.infolink a:visited {color: purple; }