/* Global HTML tag definitions */

body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
	
/* Section definitions, in order in which they appear in HTML, nested as appropriate; and section-specific HTML tags and classes */
	
#container { 
	position: relative; 
	width: 1000px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 
	
	#header { 
		width: 775px;
		height: 95px;
		padding: 0;
		border-bottom: 1px solid #CCC;
		} 
		
		#header #flag {
			position:absolute;
			left:0px;
			width:575px;
			padding-left:10px;
			}
			
		#header #logo {	
			margin-left:590px;	
			width:180px;
			}
	
	#left_sidebar {
		position: absolute;
		top: 95px;
		left: 0;
		width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
		padding: 0px 20px 20px 20px; /* padding keeps the content of the div away from the edges */
		margin-top: 20px;
		border-right: 1px solid #CCC;
		text-align:center;
		line-height:90%; 
		}
			
		#left_sidebar a:link {
			text-decoration:none;
			color: #003366;
			}
			
		#left_sidebar a:visited {
			color: #003366;
			text-decoration:none;
			}
		
		#left_sidebar a:hover {
			color: #006699;
			text-decoration: underline;
			}
			
		#left_sidebar a:active {  
			color: #006699;
			text-decoration: underline;
			}
		
		#left_sidebar h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.75em;
			font-weight:normal;
			color:#000000;
			margin-top:3px;
			margin-bottom:9px;
			}
	
		#left_sidebar p {
			font-family:Verdana, Geneva, sans-serif;
			font-size:0.688em;
			color:#666;
			margin-bottom:12px;
			margin-top:9px;		
			}
		
		#nav_bar_left {
			padding-bottom:10px;
			line-height:normal;
			}
			
			#nav_bar_left, #nav_bar_bottom .nav_bar { 
				font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
				font-size:0.688em;
				color: #666666;
				text-align: center; 
				}	
			
	#main_content { 
		line-height:140%;
		margin: 0 200px; /*the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
		margin-right:225px;
		margin-top:20px;
		padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		}

		#main_content a:link {
			text-decoration:none;
			color: #003366;
			}
			
		#main_content a:visited {
			text-decoration:none;
			color: #666666;
			}
			
		#main_content a:active {  
			color: #006699;
			text-decoration: underline;
			}
		
		#main_content a:hover {
			color: #006699;
			text-decoration: underline;
			}
			
		#main_content p.justify {
			text-align:justify;
			}

		#main_content div.chronicle {
			}

			#main_content div.chronicle_event {
				vertical-align:top;
				}
				
				#main_content div.chronicle_event p {
					margin-top:0;
					}
				
				#main_content div.chron_date {
					float:left;
					width:55px;
					padding:0;
					}
									
				#main_content div.chron_event_detail {
					margin-left:60px;
					}
					
		#main_content div.pull_quote {
			text-align:center;
			vertical-align:middle;
			display:table-cell;
			width:243px;
			float:right;
			padding-left:20px;
			padding-top:0px;
			padding-right:0px;
			padding-bottom:0px;
			margin-bottom:20px;
			margin-left:20px;
			margin-top:0px;
			border:0;
			}
			
			#main_content div.pull_quote p {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
				font-size:1.25em;
				font-weight:bold;
				color:#036;
				color:#7B5A15;
				}

		#main_content div.script {
			}

			#main_content div.dialogue {
				vertical-align:top;
				}
					
				#main_content div.dialogue p {
					margin-top:0;
					}
				
				#main_content div.dialogue_speaker {
					float:left;
					width:95px;
					padding:0;
					vertical-align:top;
					}
									
				#main_content div.dialogue_line {
					margin-left:100px;
					}

		/*
		#main_content span.first_line {
			font-size:1.25em;
			line-height:150%;
			}
		*/
		#piece_data_display {
			line-height:120%;
			}
			
			#preface p {
				font-size:0.688em;
				}
			
			#breadcrumb_trail {
				line-height:normal;
				}
				
				#breadcrumb_trail a:link {
					text-decoration:none;
					}
					
				#breadcrumb_trail a:visited {
					text-decoration:none;
					}
				
				#breadcrumb_trail a:hover {
					text-decoration:underline;
					}
					
				#breadcrumb_trail a:active {
					text-decoration:underline;
					}
					
				#breadcrumb_trail p {/* Note that all values are same as .NavBar, save that "margin-bottom: 10pt" has been added, and text-align: center" removed, and font-size set to 7 pt. */
					margin-top: 0px;
					margin-bottom:10px;
					font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
					font-size: 	0.688em;
					font-weight: normal;
					color: #000000;
					}
					
			#share_menu {
				text-align:left;
				font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
				font-size: 	0.563em;
				font-weight: normal;
				color: #000000;
				}
		
		/* This <div> wraps content on all Dadamail pages */
		#main_content #subscription_page_content {
			}
		
			/* Hides unattractive Dadamail auto-styling */
			#main_content #subscription_page_content #breadcrumbs {
				display:none;
				}
	
			/* Hides unattractive Dadamail auto-styling */
			#main_content #subscription_page_content #list_information {
				display:none;
				}
				
			#main_content #subscription_page_content fieldset {
				margin-left:15px;
				margin-right:15px;
				margin-top:0;
					color:#666;
				}
				
			/* Hides unattractive Dadamail auto-styling */
			#main_content #subscription_page_content hr {
				display:none;
				}
			
			#main_content #subscription_page_content input {			
				padding:5px;
				margin-left:5px;
				clear:right;
				}
				
				/* Adapted from code at http://css-tricks.com/examples/ButtonMaker/ */
				#main_content #subscription_page_content input.processing {
					padding: 5px 10px;
					font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
					font-size:0.813em;
					/*
					-webkit-border-radius: 12px;
					-moz-border-radius: 12px;
					border-radius: 12px;
					-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
					-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
					box-shadow: rgba(0,0,0,1) 0 1px 0;
					text-shadow: rgba(0,0,0,.4) 0 1px 0;
					/*
					border-top: 1px solid #96d1f8;
					background: #ffffff;
					background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
					background: -webkit-linear-gradient(top, #ffffff, #ffffff);
					background: -moz-linear-gradient(top, #ffffff, #ffffff);
					background: -ms-linear-gradient(top, #ffffff, #ffffff);
					background: -o-linear-gradient(top, #ffffff, #ffffff);
					color: #000000;
					font-family: Helvetica, Arial, Sans-Serif;
					text-decoration: none;
					vertical-align: middle;
					*/
					}
					
					#main_content #subscription_page_content input.processing:hover {
						border-top-color: #dba10d; 
						background: #dba10d;
						color: #030203;
						}
					#main_content #subscription_page_content input.processing:active {
						border-top-color: #bf8c26;
						background: #bf8c26;
						}					
			
			/* Use of [style] overrides Dadamail's ugly inline auto-styling - trick borrowed from http://css-tricks.com/2708-override-inline-styles-with-css/ */ 
			#main_content #subscription_page_content label[style] {
				width:75px !important;
				text-align:left !important;
				font-size:0.813em !important;
				}
				
			/* Hides unattractive Dadamail auto-styling */
			#main_content #subscription_page_content span.error {
				display:none;
				}
				
			#main_content #subscription_page_content ul li {
				margin-top:0;
				margin-bottom:16px;
				list-style:none;
				}

		#author_bio {
			line-height:100%;
			}
			
		#main_content .section_subhead {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.813em;
			font-weight: normal;
			color: #000000;
			}
			
		#poet_bio  {
			line-height:100%;
			}

		#nav_bar_bottom {
			text-align:center;;
			line-height:normal;
			}

	#right_sidebar {
		position: absolute;
		top: 20px;
		left: 795px;
		width: 200px; 
		border: 1px solid #E9E9E9; 
		padding:0;
		line-height:95%; 
		}
	
		#right_sidebar a:link {
			text-decoration:none;
			color: #003366;
			}
			
		#right_sidebar a:visited {
			color: #003366;
			text-decoration:none;
			}
			
		#right_sidebar a:active {  
			color: #006699;
			text-decoration: underline;
			}
		
		#right_sidebar a:hover {
			color: #006699;
			text-decoration: underline;
			}
		
		#right_sidebar form {
			margin-bottom:3px;
			}
			
		#right_sidebar hr {
			color:#E9E9E9;
			}
			
		#right_sidebar input {
			margin-right:2px;
			}
	
		#right_sidebar h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.688em;
			font-weight:normal;
			color:#000000;
			margin-bottom:6px;
			margin-top:9px;
			}
			
		#right_sidebar hr {
			margin-top:12px;
			margin-bottom:9px;
			}
			
		#right_sidebar p {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.688em;
			color:#666; 
			margin-top:3px;
			margin-bottom:9px;
			}
			
		#right_sidebar .author_name {
			font-weight: normal; 
			}
			
		#right_sidebar .title  { 
			font-weight: normal; 
			color:#000000;
			}
			
		#right_sidebar .byline { 
			font-size:1em;
			color:#333333; 
			}
			
		#right_sidebar .posted_date {
			}
			
		#right_sidebar_content {
			margin:10px;
			margin-left:15px;
			margin-right:15px;
			text-align:left;
			padding:0;
			}
		
		#search_form {	
			width:170px;
			display:block;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:0px;
			margin-top:0px;
			}
			
			/* - xxx - if you go to Google custom search, use these classes to style the input box and search button
			.gsc-input {
				font-size:36px !important;
				size:55 !important;
				value:'Search' !important;
				}
			
			.gsc-search-button {
				background-image:url(../Images/RecurringUse/mag_glass.png) !important;
				background-repeat:no-repeat;
				padding:0 !important;
				}
			*/ 
			
		#accordion {
			}
	
		#right_sidebar_ad {
			width:170px;
			margin:0;
			margin-top:15px;
			margin-bottom:15px;
			padding:0;
			}
		
			#right_sidebar_ad .ad {
				display:block;
				margin-left:auto;
				margin-right:auto;
				padding-top:10px;
				padding-bottom:15px;
				border:0;
				}
				
/* xxx - Move to Interviews.css */

#interview_intro p {
	line-height:135%;
	}			
			
/* xxx - Move to News.css */	
#news_page_content {
	}
	
	/* xxx - can you get rid of former, in favor of latter?  make sure former's not used anywhere*/
	#news_page_content .AuthorName, .author_name {	
		color:inherit;
		font-size:100%;
		font-weight: bold;
		}
		
	#news_page_content p {
		line-height:135%;
		}