/*
Theme Name: Our First Loves
Theme URI: http://ourfirstloves.org/
Description: Theme designed by 
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
*/

/* Change log: */
/* Fixing misc. bugs - 10:50PM - TOM - DONE */
/* Fixing Tell a story - 9:53PM - TOM - DONE */
/* Fixing Tell a story - 7:03PM - JEREMY - DONE */
/* Fixing Browser bugs - 3:13PM - TOM - DONE */
/* Adding About Us Name/Title Style - 10:23AM - Jeremy - DONE */
/* Fixing Multimedia styles - 11:03PM - Tom - DONE */
/* Fixing typography style kinks - 10:45PM - Jen - DONE */
/* Adding Multimedia Styles - 9:55PM - Tom - DONE */
/* Adding About Page Styles - 6:49PM - Jeremy - DONE */

body { font-family: Georgia, 'Times New Roman', Times, serif; color:#666; line-height: 20px; font-size: 14px;}
h1, h2, h3 { margin: 0; padding: 0; }
 
/* Head - #headline */
h1 {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 20px; color: black; font-weight: normal; padding-bottom: 4px;}


h2 {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 20px; color: black; font-weight: normal;}
 
/* Subhead - #subhead */
h3 {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; color: black; }
h3 a { color: black; font-weight: normal; }

/* Headline Container */
#HeadlineContainer { border-bottom: 1px solid #ccc; padding-bottom: 14px; padding-top: 50px; }
	#HeadlineContainer h3, .VotingLabels { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: 12px; margin-top: 2px; margin-bottom: 7px; text-transform: uppercase; }
	
/* Links */
a {font-weight: bold; text-decoration: none; color:#666; border: none;}
a:hover { color: black; }
 
/* Interactive */
.InteractiveLabel { font-size: 12px;}
 
/* Result_names  */
.result_headlines
h2 {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; color: black; }
 
/* Storyteller_box */
.storyteller_box { font-size: 12px; }
 
/* Menu_link */
.MenuLink {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 15 px; font-weight:normal; }
.MenuLink a {color: #666;}
.MenuLink a:hover {color: #000;}
.MenuLink a:active {color: #000;}
.MenuLink a:visited {color: #000;}

/* Below is the left nav choice that is active at the moment (ie: You're in archive) */
.MenuLink_active a {color: #000;}

#Wrapper {margin: 44px auto 0 auto; width: 1000px; }
#MenuColumn { width: 130px;  float: left; padding: 0 20px 0 0;}
	#Logo { text-align: right; }
	#SearchContainer { padding: 20px 0; text-align: right;}
		#search { padding: 2px; font-family: Georgia, 'Times New Roman', Times, serif; color:#666; line-height: 20px; font-size: 14px;  }
		#SearchContainer form {  margin: 0; }
	#TopNav { padding: 20px O; text-align: right;}
	#BottomNav {padding: 20px 0; text-align: right;}
		#AddThis { margin-top: 3px; }
#ContentColumn { width: 580px; float: left; padding: 20px; border-left: 1px solid #ccc; min-height: 400px; } 
	.navigation { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #333; font-weight: none; margin: 20px 0px; float: left; }
	#MainContent { margin-top: 21px; } 
		#MainContent p { margin: 0 0 13px 0 }
		.BodyTextSubhead { margin-bottom: 13px; text-transform: lowercase; font-size: 14px; font-family: arial;  font-weight: bold; }
	#NoResults { clear: both; float: left; font-size: 14px; #666; } 
#HeadlineContainer { text-transform: lowercase; }
	.navigation a { color: #333; }
	.navigation a:hover { color: black; }
	#ListingResultBox {margin-top: 20px; }
			.ListingBigBox {margin-bottom: 20px; float: left; clear: both; width: 580px; }
				.ListingHeadline h3 { font-weight: bold; } 
				.ListingPhoto {float:left; width: 60px; height: 60px; border: none;}
					.ListingPhoto img { border: none; width: 60px; }
				.ListingText {float: left; width: 505px; margin-left: 10px}	
					.ListingText p { margin:0 }
.alignleft { float: left; width: 200px;  }
.alignmiddle { float: left; width: 200px; text-align: center; color: #666; }
.alignright { float: left; width: 180px; text-align: right; }

#PostLinks { float: left; margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px;  }
.PreviousPostLink { float: left; width: 290px; }
.NextPostLink { float: left; width: 290px; text-align: right; }

/* Sidebar styles */
#Sidebar {width: 150px; float: left; margin: 20px; padding-top: 65px; }
#Filter { border: 1px solid #ccc; padding:10px; float:left; width: 128px; border-bottom: none;}
.FilterHeadline { font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 15px; text-transform: uppercase; margin: 0 0 10px 0; }
.FilterField {margin-bottom: 10px; padding:5px 5px; border: 1px solid #ccc; width: 130px;} 
.FilterGo {float:right; border: 1px solid #ccc; background-color:#999; color:#ccc;}

#StoryPhoto { }
#StoryPhoto img { width: 150px; border: none; }

#StorytellerInfo { padding: 10px 0 20px 0; font-family: Georgia, 'Times New Roman', Times, serif; color: #666; text-align: left; font-size: 12px; line-height: 14px; } 
		.AuthorInfo { padding: 7px 0 7px 0; font-family: Arial, Helvetica, sans-serif; color: #666; text-align: left; font-size: 14px; }
#RelatedStories { border: 1px solid #ccc; padding: 0px 0px 9px 0px; text-align: center; font-size: 14px; width: 148px; float:left;}  
		#RelatedStories img { padding-left: 6px; padding-bottom: 7px; border: none; }
		#RelatedStories .RelatedImageLeft { padding-left: 0px; }
		.MenuLink { padding: 10px 0px 10px 10px ; text-align: left; }
	#AboutNav {padding: 20px O; text-align: left; border: 1px solid #ccc;padding: 9px 0px 9px 0px; width: 150px; border-bottom: none;}

	
/* Staff Photos */

/* Staff Photos */

#StaffPhotos { width: 610px; float:left; margin-top:10px; }
.StaffPhoto	{ width: 186px; height: 196px; margin: 0 11px 11px 0; float:left; }
.StaffPhotoRight { margin: 0 0 11px 0; }

	.StaffBox { width: 580px; float: left; margin-bottom: 40px;} 
	.StaffBioBox { width: 180px; float: left; margin-left: 20px; } 
	.StaffBioBoxFirst { width: 180px; float: left; margin-left: 0px;} 

		.StaffBox strong { display:block; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; line-height: 13px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
		.StaffBox strong a { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; line-height: 13px; text-transform: uppercase; }
		.StaffBox strong a:visited { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; line-height: 13px; text-transform: uppercase; }
		.StaffBox strong a:hover { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 11px; line-height: 13px; text-transform: uppercase; }
		.StaffBox img .StaffPic { width: 180px; float: left; }
		.StaffBio { width: 180px; float: left;}
		.StaffPic { width: 180px; border: 0; margin-bottom: 5px;}
	
	#StaffThumbnail { margin-bottom: 40px;}
	  #StaffThumbnail .StaffThumbnailLast {  width: 48px; height: 48px; border: 0; margin-right: 0px; }
	  #StaffThumbnail .StaffThumbnail { width: 48px; height: 48px; border: 0; margin-right: 5px; border: 0; }
	  
	#FromProfessors { border-top: 1px solid #ccc; margin-top: 20px; }

/* Vote Column */

#Voting {border-top: 1px solid #ccc; font-family: arial; font-size: 12px; margin-top: 20px; float: left; }
	#Voting a { font-weight: normal; color: #333; }
	#Voting a:hover { color: black; }
	.VotingHeader { margin-top: 20px; float: left; width: 580px; margin-bottom: 10px; }
	#VotingResults { clear: both; float: left; margin-top: 5px; }
	.VoteColumn { width: 100px; float: left; padding-right: 20px; } 
	.VoteColumnSecond { width: 180px; float: left; padding-right: 20px;  }
	.VoteColumnLast { width: 210px; float: left; padding-right: 0px;  }
	#status { clear: both; margin-top: 10px; float: left;  }
	.VoteOption { margin: 0; }

/* Transcript */

#MultimediaPlayer { margin-top: 21px; z-index: -100; }
#MultimediaCredit { margin-top: 20px; float: left;}

#TranscriptHeader { border: 1px solid #ccc; float: left; margin: 20px 0 0 0; padding: 5px;}
#TranscriptHeaderLabel { width: 490px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
	#TranscriptShowLink img { border: none;  }
#TranscriptHeaderButton { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #666; text-transform: uppercase; width: 78px; float: left;  text-align: right; }
	.TranscriptHeaderButton a { color: #666; font-weight: normal; }
#Transcript { border: 1px solid #ccc; clear: both; padding: 10px; border-top: none; }

.pagetitle { text-transform: lowercase; }

/* Footer */
#footer {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: normal; float: left; clear: both; border-top: 1px solid #ccc; width: 950px; text-align: center; margin-top: 20px; }
#footer ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
#footer .FirstFooterLink {border-left:0;}
#footer ul li {border-left:1px solid #666; display:inline;padding:0 5px 0 9px;}
#footer ul li a {color: #666; font-weight: normal; text-decoration:underline;}
#footer ul li a:visited {color: #666; font-weight: normal; text-decoration:underline;}
#footer ul li a:hover {color: #000; font-weight: normal; text-decoration:underline;}

/* POPULAR POSTS */
.wppp_list { list-style-image:none;list-style-position:outside;list-style-type:none; display: inline;  }
.wppp_list li { list-style: none; margin: 0; float: left; width: 60px; list-style-position:inside; display: inline; margin-right: 7px; margin-left: 3px; }
.wppp_list .right { margin-right: 0 }

/* TELL A STORY */
#survey {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; color: #666; font-weight: normal;}
#survey tr td {border-bottom: 1px dotted #ccc; margin-right: 10px;}
#survey select { margin-bottom: 10px; padding: 3px; font-size: 14px; color: #666; font-family: arial; max-width: 250px; width: 150px; }
#survey input , #survey option{ font-size: 14px; color: #666; padding: 3px; } 
.FormInputCaption { font-size: 10px; }
textarea { margin-bottom: 10px; padding: 5px; font-size: 14px; color: #666; font-family: arial; }
#city { width: 100px; }
#country { width: 250px; }
#state { width: 150px; }
#customfields-s-list-10[] { width: 250px; }

/* STATS COUNTER */
img#wpstats{width:0px;height:0px;overflow:hidden}