/* l a  y  o  u  t */


* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}


body {
 background: url("../img/bg.gif");
 background-repeat: repeat;
}

#wrapper { 
 margin: 0 auto;
 width: 910px;
 background: #fff;
 padding: 10px;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
}

#header {
 color: #222;
 width: 910px;
 float: left;
 padding: 0px;
 border-top: 20px solid #777270;
 height: 82px;
 margin: 0px 0px 5px 0px;
 text-align: right;
 background: #fff url("../img/ourtimes_masthead.gif") no-repeat;
 font-family: trebuchet ms,Helvetica, sans-serif;
 font-size: 10px;
}

#randomquote {
 color: #222;
 width: 400px;
 float: left;
 padding: 4px;
 border: 0px dotted #222;
 margin: 10px 0px 0px 500px;
 font-family: trebuchet ms,Helvetica, sans-serif;
 font-size: 10px;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 20px 5px 25px 0px;
 padding: 0px;
 height: auto;
 width: 560px;
 float: left;
 background: #fff;
}

#content {padding-left: 10px; border: 1px solid #eee; padding-right: 10px;}

#content p {
font: 12px Verdana, helvetica, sans-serif; 
line-height: 1.6; 
color: #333;
padding: 10px;
background: #fff;
}

#content h3 {
font: bold 1.3em Georgia, "Times New Roman", serif; letter-spacing: 1px;
font-weight: bold;
color: #902a1f;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#content h4 {
font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;
font-weight: bold;
color: #222;
padding-left: 10px;
}

#content h5 {
font: 11px vera, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px;
font-weight: bold;
color: #222;
padding-left: 10px;
padding-bottom: 12px;
}

.date {
font: 11px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
padding-left: 10px;
padding-top: 7px;
}

#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 margin: 20px 0px 15px 0px;
 padding: 0px;
 width: 290px;
 display: inline;
 background: #fff;
}

#footer { 
 width: 870px;
 clear: both;
 color: #eee;
 border-top: 10px solid #902a1f;
 border-bottom: 2px solid #902a1f;
 background: #777270;
 margin: 0px 0px 10px 0px;
 padding: 20px;
 font-family: trebuchet ms,Helvetica, sans-serif;
 font-size: 10px;
}



/* l i n k s */

a:link {color: #FF5F00; text-decoration: none;}
a:visited {color: #FF5F00; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a:active {color: #333; text-decoration: underline;}		
        
.banner a:link {color: #EEE;  text-decoration: none;} 
.banner a:visited {color: #EEE;} 
.banner a:hover {color: #444;} 
.banner a:active {color: #FF5F00;}

.nav a:link {color: #444; text-decoration: none;}
.nav a:visited {color: #DDD;}
.nav a:hover {color: #FFF; text-decoration: none;}
.nav a:active {color: #DDD;}

.subscribe a:link {color: #eee; text-decoration: none; }
.subscribe a:visited {color: #eee;}
.subscribe a:hover {color: #222; text-decoration: none;}
.subscribe a:active {color: #333;}

.renew a:link {color: #eee; text-decoration: none; }
.renew a:visited {color: #eee;}
.renew a:hover {color: #222; text-decoration: none;}
.renew a:active {color: #333;}

.newsletter a:link {color: #eee; text-decoration: none; }
.newsletter a:visited {color: #eee;}
.newsletter a:hover {color: #222; text-decoration: none;}
.newsletter a:active {color: #333;}

.magazine a:link {color: #eee; text-decoration: none; }
.magazine a:visited {color: #eee;}
.magazine a:hover {color: #222; text-decoration: none;}
.magazine a:active {color: #333;}



/* f e a t u r e s */

 				
#featuretext  {
 border: 0px dotted #ccc;
 margin: 5px 0px 0px 10px;
 padding: 0px;
 width: 545px;
 background: #fff;
 font: 0.9em arial, Verdana, helvetica, sans-serif; 
 line-height: 1.7;}
  				
#featuretext p  {   
}

#featuretext h2  { 	font: 1.2em arial, verdana, helvetica, sans-serif; 
line-height: 1.4; font-weight: bold;
  }
  
#featuretext h3  { 	font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 0px;
  }

#featurebox {top: 0;
			left: 0;
			height: 340px;
			width: 545px;
			padding: 0px;
			border: 0;
			position: relative; 
			z-index: 1; 
			visibility: show;
}				

#featuretext a:link {color: #a51e22;; text-decoration: none; font-weight: bold;}
#featuretext a:visited {color: #a51e22;font-weight: bold;}
#featuretext a:hover {color: #222; text-decoration: none; font-weight: bold;}
#featuretext a:active {color: #DDD; font-weight: bold;}


/* c o l u m n s */

#twocolumn {
 border: 0px dotted #ccc;
 margin: 20px 0px 5px 0px;
 padding: 0px;
 width: 556px;
 background: #fff;
 font: 0.9em arial, Verdana, helvetica, sans-serif; 
 line-height: 1.7;}
 
.headline {
font: 1.2em arial, verdana, helvetica, sans-serif; 
line-height: 1.4; font-weight: bold;}

#twocolumn h3 { font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 0px;
}


#column1 {
border: 1px solid #ddd;
margin: 0;
padding: 10px;
width: 250px;
height: auto;
float: left;
background: #fff url("../img/column_background.jpg") no-repeat;}

#column2 {
border: 1px solid #ddd;
margin: 0;
padding: 10px;
height: auto;
width: 250px;
float: right;
background: #fff url("../img/column_background.jpg") no-repeat;}



/* navigation bar
==============================================================================*/

#nav {
	height: 35px;
	margin-bottom: 0px;
	list-style: none;
	padding: 0px;
	}
#nav li {
	float: left;
	margin: 0px;
	height: 35px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 35px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 65px;
		background: url(../menu/home_menu.gif) no-repeat;
		}
	#navAbout {
		width: 100px;
		background: url(../menu/about_menu.gif) no-repeat;
		}
	#navFeatures {
		width: 95px;
		background: url(../menu/feature_menu.gif) no-repeat;
		}
	#navBackissues {
		width: 92px;
		background: url(../menu/backissues_menu.gif) no-repeat;
		}
	#navOrganizing {
		width: 135px;
		background: url(../menu/talking_menu.gif) no-repeat;
		}
	#navHistory {
		width: 106px;
		background: url(../menu/betweentimes_menu.gif) no-repeat;
		}
	#navWrite {
		width: 107px;
		background: url(../menu/write_menu.gif) no-repeat;
		}
	#navSupport {
		width: 102px;
		background: url(../menu/support_menu.gif) no-repeat;
		}
	#navAdvertise {
		width: 108px;
		background: url(../menu/advertise_menu.gif) no-repeat;
		}
	#nav li a:hover {
	background-position: 50% -35px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -50px;
		}
		


#subNav {
	list-style: none;
	min-height: 30px;
	}

#subNav li {
		float: left;
		padding: 0 15px;
		height: 30px;
		background: url(../images/divider-subnav_v.gif) right bottom no-repeat;
		}

#subNav .last {
			background: none;
			}

#subNav li a {
			display: block;
			font: normal 1.1em/2.7em 'lucida grande',tahoma, sans-serif;
			color: #7a6c5f;
			}

#subNav li a:hover {
			text-decoration: underline;
			color: #005D7E;
			}

 



/* m i s c */

.featurephoto {	border: 5px solid #ddd;
}


div.hr hr {
  display: none;
}

 div.hr {
  height: 1px;
  width: 216px;
  background: #ddd url(hr1.gif) no-repeat scroll center;
  margin: 10px 0px 5px 0px;
  
}

.clearHack {
display: block;
visibility: hidden;
clear: both;
height: 10px;
}

.toplinks {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

 
#search input {
margin-left: 10px;
width: 150px; 
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-color: #dcedef;
padding: 3px;
color: #102135; 
border: 1px solid #4e4e4e; 
} 

.button { 
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-color: #ddd; 
color: #102132; 
margin-top: 2px; 
margin-bottom: 5px;
}

#table {
		border: 1px dotted #666666; margin-left:10px; margin-bottom: 8px; width: 480px;
	}

#table tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		background-color: #fff;
		font-size: 11px;
		padding: 8px;
		border: 1px solid #D9D9D9;
	}
	
#table tbody tr.selected td {
		background-color: #e6e6dd;
		color: #222;
		font-weight: bold;
	}
	
#table h4 {
		font-weight: bold; font-size: 12px;
	}
	
	dd.date {
		font-size: .85em;
		}
		
.caption {border: 0px solid #eee;
padding: 6;
font: 10px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin-top: 8px;
}

.authorinfo {border: 1px solid #ccc;
background: #e6e6dd;
padding: 10px;
font: 11px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin-top: 8px;
}

.photocredit {border: 0;
padding: 2px;
font: 9px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
}



/* b u t t o n s */

.subscribe {border: 1px solid #eee;
background: #acc261;
padding: 10px;
font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
}

.renew {border: 1px solid #eee;
background: #bb202b;
padding: 10px;
font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin: 10px 0px 0px 0px;
}

.newsletter {border: 1px solid #eee;
background: #639492;
padding: 10px;
font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin: 10px 0px 0px 0px;
}

.magazine {border: 1px solid #eee;
background: #c1842a;
padding: 10px;
font: 14px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin: 10px 0px 20px 0px;
}


.quotes {border: 0px solid #eee;
padding: 0;
font: 11px vera, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
margin: 0;
}

#searchbar {
	float: right;
	background: #fff;
	height: 25px;
	padding: 10px 15px 15px 15px;
	font-size: .7em;
	font-family: "lucida grande", tahoma, verdana, sans-serif;
}

#searchbar ul { display: block; float: left; color: #d76623; }

#searchbar ul li { float: left; margin-left: 6px; }
#searchbar a { margin-right: 5px; }

#searchbar li a, #searchbar li a:visited { color: #222; }
#search li a:hover, #searchbar li a:focus { color: #ff8400; text-decoration: none; }

#search { float: left; }

#searchbar ul { list-style: none; }

 				
.postertext {
 font: 0.9em arial, Verdana, helvetica, sans-serif; 
 line-height: 1.7;}