/*
Theme Name: Bobs 2012 Child Theme
Version: 1.0
Description: A child theme of Twenty Twelve
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");

/* ===============	COLOR THE SITE HEADER DARK BLUE ========== */
.site-header h1 a {
	color: #000080;
}
.site-header h2 a {
	color: #757575;
}

/* ===============	COLOR THE PAGE TITLES DARK BLUE ========== */
.entry-header {
	color: #000080;
	}

/* ================ REMOVE THE HOME PAGE TITLE =================
	& tighten up the vertical spacing */
body.home .entry-header {
	display: none;
	margin-bottom: 0px
	margin-bottom: 0rem;
	}

/* ============== SET THE COLORS FOR LINKS	 ==========================
	Changes the color of links & the hover color (from #21759b and #0f3647 respectively)
	 #2a5db0 is the blue used in Gmail & hover is #990000
	 #77CC00 is a pleasing blue used by many sites  
	 #2200CC is a darker blue used on Google search results */	
a {
	color: #0077cc;
	}
a:hover {
	color: #cc5500;
	}

/* REMOVE THE STANDARD 2012 THEME BOX SHADOW AROUND ALL IMAGES ===========*/
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	box-shadow: none;
	}

/*============ RIGHTHAND "FAMILY FILES" MENU TITLE  ================= */
.widget-area .widget h3 {
    margin-bottom: 0.71429rem; /* this was 1.71429rem */
    font-size: 16px;
    text-decoration: normal;
    color: #000080;
    background-color: #f1f1f1;
    padding-left: 15px;
    text-transform: uppercase;
	}

/*===========  RIGHTHAND "FAMILY FILES" MENU ITEMS  ================= 
This sets the size and color of the individual menu items
and adds right and left padding of 15px  */
.menu-family-files-container a {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 15px;	
	}
.widget-area .widget a {
	color: #404040;
	}
.widget-area .widget a:hover {
	color: #990000;
	}

/* ================ SET MAIN FONT SIZE AND LINE SPACING =============== */	
/* This does two things 
(1)	This prepares to set the main text size to 12px (was 14px) without changing any 
	other text or margins and retaining the $rembase of 14
	BUT ONLY IF YOU INSERT THE BODY ITEMS !!!!!
(2) Change the line height and bottom margin from 1.714290 to 1.5rem  
	This changes line height from 24px to 21px  
*/
body {
	font-size: 12px
	font-size: 0.857rem;
	}
.entry-content p {
	margin: 0 0 21px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	}

/* ===============  TOP NAVIGATION MENU =====================
This sets the background color for the navigation menu & adds padding on the left */
.menu-topnav-container{
	background-color: #f1f1f1;
	padding-left: 10px;
	}
/* Reduce the vertical spacing of child menu items -- was 2.181818182 */
.main-navigation li ul li a {
	line-height: 1.2;
	}
	
/* ==============  SET COLOR OF HEADERS ================= */
.entry-content h1 {
	color: #000080;
	}
.entry-content h2 {
	color: #990000; 
	}
.entry-content h3 {
	color: #990000; 
	}
.entry-content h4 {
	color: #990000;
	}
	
/* Create a special class of table for displaying photo thumbnails & descriptions 
    In the webpage, use <table class="pictures"> ---- </table>        */
table.pictures {
	border-bottom: 1px solid #ededed; 
	}
.pictures td, th {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
	vertical-align: middle;
	}
	
/* ============  CLASS FOR TEXT INSIDE A CENTERED GRAY BOX ======================= */
/* 	Create a special class for displaying old letters and documents in a centered box
	In the webpage, use <div class="box"> ...... </div>        
	And a second category for a wider box with less padding used for explanatory notes */
.box {
	width: 80%;
	margin: auto;
	border: 1px solid black;
	padding: 20px 20px 0 20px;
	background-color: #f9f9f9;
	}
.boxsmall {
	width: 90%;
	margin: auto;
	border: 1px solid black;
	padding: 10px;
	background-color: #f9f9f9;
	}
		
/*  =================  SPACING BETWEEN LIST ITEMS ============================ */
/*  All this adds extra spacing between list items to improve clarity -- but it does not  
	affect the unordered list on the home page.  
	The space between footnotes is not quite as much
	It also adjusts the line-height for ordered lists to match the text line-height */ 
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 20px 36px;  /* changed from 0 0 0 36px */
	margin: 0 0 1.428572rem 2.571428571rem;
	line-height: 1.5;
	}
body.home .entry-content li {
	margin: 0 0 0 36px; 
	margin: 0 0 0 2.571428571rem;
	}
ol.footnotes li {
	margin: 0 0 5px 36px;  /* changed from 0 0 0 36px */
	margin: 0 0 0 0.33214rem 2.571428571rem;
	}


/* ===================  PDF ICON ADDED TO LINKS ==================================
This inserts a 16x16 pdf image to the right of every hyperlink to a pdf file ===== */
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url('http://www.genfiles.com/wp-content/uploads/2013/11/pdficon_small.png') no-repeat center right;
}

/* ====================  CHANGE COLOR OF "SHARE THIS" H3 ====================== */
div.sharedaddy h3 {
	color: #404040;
	}