/* @override 
	http://localhost:3000/stylesheets/dramatech.css
	http://localhost:3000/stylesheets/dramatech.css?1188023855
*/

/*
This file is organized as follows:
	- Tag restyling (i.e. body, h1) 
	- General use classes (i.e. .hilightBox)
	- Specific element styles (i.e. #pageBody)

Things are generalled ordered such that the further up in a section a style
appears, the higher level a tag it will be used in. For example, the hilightBox
class appears before the label and text classes that fill such a box.

Ordering within styles is handled in the following order:
	- Location, size, margins, padding
	- Borders, backgrounds, colors
	- Fonts (ordered according to the X font naming convention)
	- Other styling

I would appreciate it if future editors kept to this organizational
convention. I happen to think it's a good one and at a minimum it keeps things
a bit more consistent than they might otherwise be. Questions or comments, as
well as alternative proposals for organization may be directed to me (Jon Olson)
by e-mail: jsolson@dramatech.org
*/

/* @group Tag Restyling */

/* Generalized tag restyling */

h2 {
	padding: 1px;
	
	margin: 0px;
	margin-top: 1em;

	font-size: 13pt;	
}

h1 {
	margin-top: 1em;
	
	border-bottom: 1px solid #7777aa;
	
	font-size: 15pt;
}

h3 {
	padding: 1px;
	margin: 0px;

	font-size: 8pt;
}

dl dt {
	font-weight: bold;
}

a {
	color: #7777aa;
	
	text-decoration: none;
}

a:hover {
	color: red;
}

th {
	text-align: left;
	font-weight: bold;
	padding-right: 2em;
}

p {
	margin-top: 0px;
}

/* @end */

/* @group Layout */

/* Defines core document layout */

/* Actual page body */
body {
	bottom: 0px;
	height: 100%;

	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px;

	background-color: #9999cc;

	font-family: "Trebuchet MS", sans-serif;
	font-size: 11pt;
	
	text-align: center;
}

/* Top level style, used to center content on page */
#pageBody {
	width: 800px;
	max-width: 800px;
	min-height: 95%;

	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding-bottom: .5em;
	
	border-left: 2px solid #7777aa;
	border-right: 2px solid #7777aa;
	border-bottom: 2px solid #7777aa; 
	background-color: #ffffff;
	
	text-align: left;
}

#pageHeader {
	width: 100%;
	height: 175px;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: #b6b6f2;
}

#bodyContent {
	padding-left: 5px;
	padding-right: 5px;

	background-color: #ffffff;
}

#finePrint {
	width: 640px;
	
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	
	font-size: 8pt;
	
	text-align: center;
}

/* @end */

/* @group Navigation */

/* Navigation related styles */
/* Navigation link style */
.navigationLink {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;

	color: #ff6666;
}

.activeNavigationLink {
	padding-left: 10px;
	padding-right: 10px;

	color: #ffff99;
	background-color: #ff6666;
	
}

.sectionLink {
	font-weight: bold;
}	

#navigation {
	width: 100%; 
	display: block;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background-color: #fffc76;

	text-align: center;
}

#navigation > li {
	display: inline;
}

#sectionNavigation {
	width: 800px;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background-color: #fffc36;

	text-align: center;
}


#userNavigation {
	width: 800px;

	padding-right: 0.5em;	

	font-size: 8pt;
	text-align: right;
}

#adminNavigation {
	width: 800px;

	padding-right: 0.5em;	

	font-size: 8pt;
	
	text-align: right;
}



/* @end */

/* @group Boxes */

/* Boxes for various types of hilighting/encapsulation */

.errorBox {
	margin: .5em;
	padding-left: 3px;
	padding-right: 3px;

	border: 1px solid #7f0000;

	color: #ffffff;
	background-color: #ff4444;

	font-size: 14pt;
}

.noticeBox {
	margin: .5em;
	padding-left: 3px;
	padding-right: 3px;

	color: #000000;

	font-size: 14pt;
}

.fieldWithErrors {
	background-color: #ff4444;
}

.detailBox {
	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: .5em;
	
	border: 1px solid #7777aa;
	
	background-color: #b6b6f2;
}

.detailForm {
    width: 50%;
    margin-left: 1em;
}

.detailHeader {
	padding: 3px 1px 3px 3px;
	margin: 0px 0px 0px 0px;

	color: #ffffff;
	background-color: #7777aa;
	
	font-size: 14pt;
}

.detailHeader a {
	color: #ffffff;
}

.detailHeader a:hover {
	color: red;
}

.detailContent {
	margin-top: 0.25em;
	margin-left: 2px;
	margin-right: 2px;
}

.detailContent a {
	color: #ffffff;
}

.detailContent a:hover {
	color: #ff0000;
}

.detailTable {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    table-layout: auto;
    border-collapse: collapse;
    
    width: 100%;
}

.detailSection {
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px;
    
    background-color: #7777aa;
    color: #ffffff;
    
    width: 100%;
    
    font-weight: bold;
}

.detailLabelCell {
    text-align: right;
    vertical-align: top;
    
    width: 45%;
}

.detailFieldCell {
    vertical-align: top;
    
    color: #ffffff;
    background-color: #7777aa;
    
    width: 55%;
}

/* General purpose hilight box, label, and text classes used for indicating interesting things */
.hilightBox {
	margin-top: 0.5em;
	margin-left: 20px;
	margin-right: 20px;

	border: 1px solid #7777aa;
	
	background-color: #b6b6f2;
}

.hilightLabel {
	font-weight: bold;

	padding-left: 3px;
	padding-right: 3px;

	color: #ffffff;
	background-color: #7777aa;
}

.hilightText {
}

.hilightText a {
	color: #ffffff;
}

.hilightText a:hover {
	color: #ff0000;
}



/* @end */

/* @group Forms */

.formTable {
	width: 95%;
}

.formLabel {
   /* width: 20%;
    
	padding-right: 1em;
	
	vertical-align: top;	
	text-align: right;
	
	font-weight: bold;
*/
	/*float: left;*/
}

.formField {
	/* vertical-align: top; */
	/* float: left; */
}

.formFieldDescription {
	width: 30%;

	color: #7f7f7f;
	
	font-size: 10pt;
	
	vertical-align: top;
}


.fieldLabel {
    width: 100%; 
    font-weight: bold; 
    margin-top: 0.5em;
}

.fieldBody {
    
}

.fieldNotes {
    
}

label {
    display: block;
    
    font-weight: bold;
    font-size: 1.1em;
    
    margin-top: 0.5em;
}

input[type="submit"] {
	display: block;
	
	margin-top: 1em;
}

/* Styles used for form layouts */



/* @end */

/* @group News */

/* Styles used for the news page */

.newsItem {
	width: 95%;
	
	margin: 0px 0px .5em 0px;
	
	border: 1px solid #7f3333;
	background-color: #ffff99;
}

.newsHeadline {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0.25em;

	margin-top: 0px;
	margin-bottom: 5px;

	font-size: 14pt;
	
	color: #ffffff;
	background-color: #ff6666;
}

.newsDate {
	padding-left: 5px;
	padding-right: 5px;

	font-size: 10pt;

	text-align: right;
}

.newsDetails {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}

.meetingMinutes {
	font-family: monospace;
}



/* @end */

/* @group Calendar */

/* Styles used on the event calendar */

.calendarTable {
	margin-left: auto;
	margin-right: auto;

	border-collapse: collapse;
}

.dayName {
	color: #ffffff;
	background-color: #7777aa;
	
	border: 1px solid #7777aa;

	font-size: 10pt;
}

.dayCell {
	width: 100px;
	height: 100px;
	
	margin: 0px 0px 0px 0px;
	
	border: 1px solid #7777aa;
	
	background-color: #ffffff;
	
	vertical-align: top;
}

.dayCell a {
	color: #7777aa;
}

.dayCell a:hover {
	color: #ff0000;
}

.todayCell {
	color: #ffffff;
	background-color: #b6b6f2;
}

.todayCell a {
	color: #ffffff;
}

.todayCell a:hover {
	color: #ff0000;
}

.dayLabel {
	width: 100%;
	padding-top: 1px;

	text-align: right;
}

.calendarEvent {
	font-size: 8pt;
	
	text-align: right;
}

#navigationLinks {
	width: 723px;
	margin-left: auto;
	margin-right: auto;
	height: 1.5em;
	border-collapse: collapse;
}

.previousLink {
	float: left;
}

.nextLink {
	float:right;
}



/* @end */

/* @group Show Specific Styles */

#showDescription blockquote {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #7777aa;
}

/* Shows page stylesheet */



/* @end */

/* @group Special Links */

/* Specialized link tags */

.editLink {
    float: right;
    
    color: white;
    
    font-size: 10pt;
    
    text-align: right;
}



/* @end */

/* @group Other Random Bits */

.showName {
	font-style: italic;
}

.showTable {
	width: 95%;
}

.showColumn {
	width: 50%;
}

.preformat {
	white-space: pre;
}

.fixedPreformat {
	white-space: pre;
	font-family: monospace;
}

.errorMessage {
	font-weight: bold;
	color: red;
}

.noticeMessage {
	font-weight: bold;
	color: white;
}

/* Catchall for things that don't fit elsewhere and don't need their own file */



/* @end */

/* @group Mailing Lists */

#moderators {
	list-style: none;
}

#subscribers {
	list-style: none;
}

/* @end */

/* @group Events */

/* events.css */

.eventType {
	font-size: 16pt;
	font-weight: bold;
}

.eventTime {
	font-time: 8pt;
}

.eventDescriptionLabel {
	font-weight: bold;
	padding-top: 0.5em;
}

.eventDescription {
	padding-left: 1em;
}



/* @end */

/* @group Upcoming Events */

/* upcoming.css */

#quickBox {
  float: right;
  background-color: #b6b6f2;

  padding: 0.5em;
  
  margin-top: 2.5em;
  margin-right: 0.5em;
  margin-left: 0.5em;

  border: 1px dotted #7777aa;
  
  display: inline;
}

#quickBox h1 {
  font-size: 12pt;
  
  border: none;

  margin: 0em;
  
  text-align: center;
}

#quickBox a {
  color: white;
}

#quickLinks {
  margin-left: 2em;
  padding-left:  0em;
  list-style-type: square;
}

#upcomingEvents {
  margin-left: 0em;
  padding-left: 0em;
  list-style: none; 
}

#upcomingEvents li {
  text-align: left;
}

#upcomingEventsCalendarLink {
  font-size: 0.8em;
}



/* @end */