/*
Theme Name: Twentyeleven Child
Description: RLT Child theme for the twentyeleven theme 
Author: Emily Fagan
Template: twentyeleven
note - Firebug...
Basic Font: #454545
Highlight Font: #565656
Link Font: #0066cc
Link 'been to' Font: #1982D1
*/

/* to insert a blank line in a post add this html: <p><code><br/></code></p> */

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

/* 	Blog posts use body classes .single, .single-post and .singular
	.single is a single blog post of the type "post"
	.singular is single posts of all post types (post, page & attachment) and controls layouts with sidebars
*/

/* FIRST - Locate Website in the Background and SET UP MARGINS
---------------------------------------------------------------------------------------------------------------- */

/* Location of the website within the background */
#page {
	margin: 0 auto;	
	max-width: 1000px; 
}
/* Makes width of Page, Post and Showcase Page 1000px. (=auto goes skinny, =100% goes full width of screen...) */
.one-column #page {
	max-width: 1000px; 
}
/* Start VERTICAL MARGIN and PADDING fixes - aim to get title at standard height w/ no padding */
/* Remove 1.65em margin that was on top of main content area in regular PAGES and POSTS*/
/* PAGES it was "page main" and just one line high.  POSTS it was "page main" and full height of window */
/* SHOWCASE PAGE did not show the 1.65em top white space and unaffected by this change. */
/* SHUTTERBUG POST didn't either show 1.65em white space but after this had big backgrnd space top & shifted left */
#main {
    clear: both;
    padding: 0;
}
/* FIRST VERTICAL FIX - Remove white space between Image/Menus and the Title */
/* Now SHOWCASE has padding 4.875em... remove it */
.singular .hentry {
    padding: 0;
}
/* Regular PAGE unaffected.  Regular POST shifts up. SHUTTERBUG post shifts up (but not right). SHOWCASE unaffected */
/* Now remove padding: 3.5em from top of regular PAGE.  But this shoves content under menu and image for regular PAGE. So make top margin 24px so top of title matches that of regular POST.  SB POST and SHOWCASE unaffected */
/* This fixes Regular PAGE but SHOWCASE PAGE now has title shoved under menus. */
.singular.page .hentry {
	padding: 0;
	margin-top: 24px;
}
/* Now fix SHOWCASE PAGE (title/content is shoved under menu). */
body.page .hentry {
	padding: 0;
	margin-top: 24px;
} 
/* SECOND VERTICAL FIX - All Titles/Contents touch - put some white space above the start of the content */
/* This affects regular POSTS, regular PAGES and SHOWCASE PAGE, but not SHUTTERBUG PAGE. */
.hentry .entry-content {
	margin: 30px 0 0; /* was 20px 0 0 */
}

/* Now set L/R MARGINS of ALL POSTS and PAGES to 50px */
.one-column #content {
	margin: 0 50px;
/*	margin-left: 50px;
	margin-right: 50px; */
	padding: 0; 
}

/* MARGINS of SHUTTERBUG posts. Place the content so it lines up */
.one-column.post-template-single-sb-type-php #content {
	margin: -10px 0 0 0;
/*	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: -10px; */
/*	padding: 0; */
}
/* Remove padding:1.65em from bottom of page on regular POSTS */
.entry-content {
	padding: 0;
}
/* Now tackle the FOOTER which is split in the 3 parts at bottom of page */
#supplementary {
	padding-top: 25px;
	margin: 0 -25px; 
}

/*----------- Make HEADER IMAGE narrower & cover white background w/ true background color -------*/
#branding img {
	height: 90.278%;
/*	margin: 0 0 -8px 0;  These settings worked for 18 months...01/6/14 Firefox put img off screen to right */
    margin: 66px 0 0;
	padding: 0 10px; 
	width: 98%; 
	background: #D8D8D8;
}
/*-----------------------------------------------*/

/* Draw BORDER line around everything - as it is, just puts around edge... 
---------------------------------------
#page {
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	border-left:2px solid #6D6D6B;
	border-right:2px solid #6D6D6B;
	border-bottom:2px solid #6D6D6B;
}
*/

/*-----------  REMOVE POST DATA and POST AUTHOR & remove EDIT button for pages & posts -----------*/
.entry-meta {
    display:none;
}

/*-----------  REMOVE TAG TITLE for TAG ARCHIVE POSTS -----------*/

.page-title {
    color: #fff;
}


/*	SECOND - Setup FONTS & COLORS
------------------------------------------------------------------------------------------------------------- */

/* Font stack for entire website - become font for content text */
body, input, textarea {
	color: #000000; //was #454545 changed 4/1/23 (was #240000)
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 24px;
}

/* Font for POST (not Showcase page) titles (no- slightly redder color & standardarize title size */
.singular .entry-title {
	color: #000000; //was #454545
/*	font-size: 19px; */
	font-weight: bold;
/*	line-height: 0px; */
	line-height: 1em;
}

/* SHUTTERBUG title - leave it out */
.post-template-single-sb-type-php .entry-title {
	display: none;
}

/* Font for Page (Showcase page) titles, same changes as for Post above. Affects PAGES too. */
.entry-title,
.entry-title a {
	color: #000000; //was #454545
	font-size: 19px; //doesn't seem to do anything
	font-weight: bold;
/*	line-height: 0; */
	line-height: 1em;
}

/* Added the two font sizes below on 4/21/23 when post titles suddenly got really big 
 * after adding Ivory Search and messing with the Search Results display. Had messed
 * with the font sizes and line heights above but didn't have any effect...
 * needed '.singular' in front so it would affect the POSTS */

.singular .entry-title {
	font-size: 150%; 
}

.singular .entry-content h1 {
	font-size: 150%;
}

/* Change color when link is visited */

#content .hentry a:visited {
	color: #66A3E0;
}


/* THIRD - Clean up MESSY STUFF that this theme leaves lying around
----------------------------------------------------------------------------------------------------------------*/

/*  Search - Remove Search option 
----------------------------------------------------*/
#branding #searchform {
	display: none;
}

/*  Remove PREVIOUS and NEXT arrows from Single Posts  
----------------------------------------------------*/
#nav-single .nav-previous,
#nav-single .nav-next {
	display: none; 
}

/* Disable display of comments and "Comments Closed" on Posts and Showcase Page
----------------------------------------------------*/
/*
#comments {
    display: none; 
}
*/


/* =Footer.php - Disable "Powered by WordPress"
-------------------------------------------------------------- */
#site-generator {
	display:none;
}

/* 	FOURTH - Set up MENUS.  There are three:  Destination & Topic above image, Contact below image
---------------------------------------------------------------------------------------------------------------- */
/* MARGINS for menu texts */ 
#access div {
	margin: 0 1%;
}
#access2 div {
	margin: 0 1%;
}
#access3 div {
	margin: 0 1%;
}

/* FIRST MENU - DESTINATIONS 
-------------------------------------------------------------- */
/* Middle:#828280 Light:#939390 Dark:#626260 Font:#F2F2F2 */
/* Sea Green: #006B6B */
/* Burnt Orange: #993300 */
/* Darker Burnt Orange: #7A2900 */
/* Gold #B88A00 */
/* More Gold #B28F47 */
/* Nearly Black #020202 */
/* Dark Sea Green #005252 */
/* One shade lighter Sea Green #004747 */
/* Darker Sea Green #003333 */
/* Dark Grey #353738 */
/* 2 shades lighter Grey #4F5355 */
/* 1 shade lighter grey #424546 */

/* This is what's in use */
/* Greyscale chart generated from #848A8D */
/* Central Grey: #424546, Lighter side: 5C6163, Darker side: 424546 */


#access {
	background: #424546; /* Initial backgrounddisplay. Show a solid color for older browsers */
	background: -moz-linear-gradient(#5C6163, #424546);
	background: -o-linear-gradient(#5C6163, #424546);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5C6163), to(#424546)); /* older webkit syntax */
	background: -webkit-linear-gradient(#5C6163, #424546);
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
	box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px; 
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px; 
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
/* Left justification of top menu is this margin: */
	margin: 0 0 0 16px;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #F2F2F2;  /* Font color in initial display  */
	display: block;
	line-height: 32px;
	padding: 0 18px; 
	text-decoration: none;
	text-transform: uppercase;
/* 	border-right: 1px dotted #bbb; */
/* 	border-left: 1px dotted #bbb; */
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 32px;
	left: 0;
	width: 120px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
/*  The elements that drop down  */
/*  Initial colors for drop-down list display: background:E6E6E6; font:444444  */
#access ul ul a {
	background: #E6E6E6;
	border-bottom: 1px dotted #ccc;
	color: #444444;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	height: auto;
	line-height: 19px;
	padding: 3px 0 3px 18px; 
	width: 180px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
/* Hover colors for drop down menu items during hover: background:5A5A59 text:f8f8f7 */
	background: #5A5A59;  
}
#access li:hover > a,
#access a:focus {
/* Hover colors for top menu items during hover: background:676765 text:f8f8f7 */
	background: #676765; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#676765, #676765);
	background: -o-linear-gradient(#676765, #676765);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676765), to(#676765)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#81817E, #676765);
	color: #f8f8f7; 
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* SECOND Menu - TOPICS 
-------------------------------------------------------------- */
/* Light:#BCC5CA (base color for W3 Color Picker), Dark:#A9B1B6, Font:222526 */
/* New Darker Grey #848A8D and goes to darker #5C6163 */
/* Gold #B88A00 */
/* More Gold #B28F47 */
/* Light Burgundy #993300 */
/* Dark Burgundy #7A2900 */
/* Lighter Sea Green #006666 */

/* Light Sea Green #338585 */
#access2 {
	background: #848A8D; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#848A8D, #848A8D);
	background: -o-linear-gradient(#848A8D, #848A8D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#848A8D), to(#848A8D)); /* older webkit syntax */
	background: -webkit-linear-gradient(#848A8D, #848A8D);
/*	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px; 
	box-shadow: rgba(0, 0, 0, 0.3) 0px -7px 10px ; */
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px; 
	width: 100%;
}
#access2 ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 14px; /* Left margin of the whole menu */
	padding-left: 0;
}
#access2 li {
	float: left;
	position: relative;
}
#access2 a {
	color: white;  /* Font color in initial display was #222526 #F2F2F2*/
	display: block;
	line-height: 26px;
	padding: 4px 21px 4px 21px;  
	text-decoration: none;
/*	border-right: 1px dotted #ddd; */
/*	border-left: 1px dotted #ddd; */
}
#access2 ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 32px;
	left: 0;
	width: 180px;
	z-index: 99999;
}
#access2 ul ul ul {
	left: 100%;
	top: 0;
}	
/*  The elements that drop down  */
/*  Hover colors:  hover background:899297; drop-down display background:EEF1F2; font:same as normal  */
#access2 ul ul a {
	background: #D6D9DA;
	color: #444; 
	border-bottom: 1px dotted #aaa;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: auto;
	width: 190px;
}
#access2 ul ul ul a {
	background: #EEF1F2;
	border-bottom: 1px dotted #bbb;
}
#access2 li:hover > a,
#access2 ul ul :hover > a,
#access2 a:focus {
	background: #899297;
}
#access2 li:hover > a,
#access2 a:focus {
/* Hover colors for top menu items during hover: background:899297 text:?? */
	background: #a0a7ab; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#a0a7ab, #a0a7ab);
	background: -o-linear-gradient(#a0a7ab, #a0a7ab);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a0a7ab), to(#a0a7ab)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#a0a7ab, #a0a7ab);
/*	color: EEF1F2; */
}
#access2 ul li:hover > ul {
	display: block;
}
#access2 .current-menu-item > a,
#access2 .current-menu-ancestor > a,
#access2 .current_page_item > a,
#access2 .current_page_ancestor > a {
	font-weight: bold;
}

/* THIRD Menu = CONTACT INFO  
-------------------------------------------------------------- */
/* Brown Middle:#828280 Light:#939390 Dark:#626260  Font:#F2F2F2*/
/* Sea Green: 009999 */
/* Light Burgundy #993300 */
/* Dark Burgundy #7A2900 */
/* Gold #B88A00 */
/* Nearly Black #020202 */
/* Dark Grey #353738*/
/* Grey between black/grey and light grey #5C6163 */

/* This is what's in use */
/* Greyscale chart generated from #848A8D */
/* Central Grey: #5C6163, Lighter side: 777C7F, Darker side: 5C6163 */

#access3 {
	background: #5C6163; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#777C7F, #5C6163);
	background: -o-linear-gradient(#777C7F, #5C6163);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777C7F), to(#5C6163)); /* older webkit syntax */
	background: -webkit-linear-gradient(#777C7F, #5C6163);
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 10px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px; 
	width: 100%;
}
#access3 ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access3 li {
	float: left;
	position: relative;
}
#access3 a {
	color: #F2F2F2;
	display: block;
	line-height: 32px;
	padding: 6px 10px 2px 10px;
	text-decoration: none;
}
#access3 ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	width: 150px;
	z-index: 99999;
}
#access3 ul ul ul {
	left: 100%;
	top: 0;
}
/*  The elements that drop down - these get boxed here */
#access3 ul ul a {
	background: #C0C0C0;
	border-bottom: 1px dotted #ddd;
	color: #F2F2F2;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 18px;
	padding: 8px 17px;
	width: 150px;
}
#access3 li:hover > a,
#access3 ul ul :hover > a,
#access3 a:focus {
/*	Not a block display - only text changes color, so this code not used except color 
	background: #5A5A59;  
	font-weight: normal;
*/ 
	color: #222526;
}
#access3 li:hover > a,
#access3 a:focus {
/*	Not a block display - only text changes color - ignoring this block all together
	background: #5A5A59; 
	background: -moz-linear-gradient(#5A5A59, #5A5A59);
	background: -o-linear-gradient(#5A5A59, #5A5A59);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5A5A59), to(#5A5A59)); 
	background: -webkit-linear-gradient(#5A5A59, #5A5A59);  
	color: #f8f8f7;
*/ 
}
/*
#access3 ul li:hover > ul {
	display: block;
}
*/
/* Keep font dark on selected menu item when its page appears */
#access3 .current-menu-item > a,
#access3 .current-menu-ancestor > a,
#access3 .current_page_item > a,
#access3 .current_page_ancestor > a {
	color: #222526;
	font-weight: bold; 
}

/* Puts shadows around image - but this version puts shadow below image into 3rd menu 
#branding img {
	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
	box-shadow: rgba(0, 0, 0, 0.7) 0px 7px 10px;
}
*/

/* Remove horizontal 1px line at bottom of pages (but not on posts - so it appears on streaming post content) */
body.page .hentry { border: none; }
			


/* ===================== LIST CATEGORY POSTS ======================= */
/* For listing POSTS on Posts or Pages, with or without full content.  Used now on Marina Chiapas Waypoints. 

IF CHANGES HERE DON'T TAKE EFFECT, EMPTY ALL CACHES !!!!!!!
*/ 


/* Show post title links in bold face */
ul.lcp_catlist li > a {
	font-weight: bold;
}

/* For Posts listed in a Page or Post - REMOVE BULLETS and set margins & line height, etc. */
#content ul.lcp_catlist li {
	list-style-type: none;
	margin-left: -38px; 
}

/* The following are all classes that modify how each component of the list looks.
These classes must be specificed in the shortcode by first adding a tag around the component
i.e. excerpt_tag=span and then adding the class i.e. excerpt_class=lcp_excerptclass */

span.lcp_dateclass {
	font-style: italic;
	margin-left: 1em;
}

span.lcp_dateclass1 {
	font-style: italic;
	margin-left: 1em;
}


span.lcp_dateclass2 {
	font-style: italic;
	margin-left: 0.5em;
}

/* This excerpt class is used with the template file "list-posts" to indent the excerpt 
The STATE pages could use it but don't at the moment... Only the HOME page Most Popular Post
uses it right now.  */

span.lcp_excerptclass {
	display: block;
	margin-left: 1.2em;
	margin-bottom: 2.2em;
}

/* This excerpt class (2) is used for LATEST POSTS and HOME PAGE post lists 
with the template file "list-posts-home" to left-justify the excerpt with the title*/
			  
span.lcp_excerptclass2 {
	display: block;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 2.2em;
}


/* ===========================  FOOTERS and WIDGETS ======================================================== */
.widget-title {
	color: #666666;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 8px;
}
			

/* ================== POST BY TAGS ("Latest" and "Our Route" and "Home" and "Inland Mexico") =================== */

/* For Post by Tags list - this plugin has its own LEFT MARGIN but this makes it almost match others */
ul.posts-by-tag-list li {
	margin: 0 0 0 -20px;
}

/* "REMOVE bullets" was here but I think its left margin got overwritten by "show links in bold face" */

/* For Posts by Tag list, shows links in bold face */
ul.posts-by-tag-list li > a {
    	font-weight: bold;
	margin: 0 0 0 -20px;
}

/* For Post by Tags list, REMOVE bullets and improve SPACING BETWEEN LINES */
#content ul.posts-by-tag-list li {
	line-height: 24px; 
	list-style-type: none;
	margin: 0; 
}

small {
	margin: 0 0 0 10px;
	font-style: italic;
}


/* ==================== WP CATEGORIES POST (Post Footer Widget - On All Posts) =================== */

/* The WIDGET part of this plugin has a "light" theme but it is disabled in settings...  */
/* MOST OF THE IMPORTANT CSS FOR THE WIDGET IS HANDLED IN THE PLUGIN DIRECTORY */
/*     WP CATEGORY POST LIST > STATIC > CSS > WP-CATLIST-THEME.CSS  */
/* Need to override the theme default setting for LINK COLOR (grey in theme, blue here) */

/* Not sure why this next is needed, but without it the .widget a {} call after it doesn't have an effect. */
ul.wp-cpl-widget, ul.wp-cpl-widget * {
}
.widget ul {
	font-size: 14px;
	padding: 0;
	margin: 0;
	list-style: none;
}
/* Set font size for the lines when they span to 2 lines */
/* line-height=0 Keep lines together when title spans two lines */
/* margin-bottom=10px Spaces multiple line situations for RECENT POSTS */
.widget ul li {
	font-size: 14px;
	line-height: 0; 
	margin: 0 0 10px 0; // Can't use "margin-bottom" 'cause it doesn't get read!
}
/* Set line spacing for RECENT POSTS when titles span two lines... need space between titles */
/* margin-bottom=10px Spaces multiple line situations for RECENT POSTS */
/*
.widget-recent-entries ul li {
	margin-bottom: 10px; 
}
*/
/* ---------------Keep the two calls above this line together-------------- */
/* Set font size & color for the links */ 
.widget a {
	font-weight: bold;
	text-decoration: none;
	color: #0066cc;
	font-size: 14px;
	line-height: 16px; // If you make this 0 the lines squish on top of each other
	margin: 0; 
	padding: 0; 
}

/* ===================== WP CATEGORIES POST ("State" Pages) ===================== */


.wp-cpl-sc-wrap, .wp-cpl-sc-wrap * {
    margin: -15px 0 7px 20px;
    padding: 0 !important;
}

/* ================================ IMAGE CAPTIONS =================================== */
.wp-caption .wp-caption-text:before {
	content: ''; /* remove the TwentyEleven hyphen symbol that's before the caption text */
}
/* Basic border comes from grey background with image not in center of the background... */
/* Need to clear out weird padding and margins from TwentyEleven (offcenter, etc.) */
.wp-caption {
	background: none;
	margin: 0;
	padding: 0;
	max-width: 100%;
}
p img, .wp-caption {
	margin: 0;
}
/* For a LEFT ALIGNED image center the caption text but put the content text 30px away on right side */
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0;
}
/* For a RIGHT ALIGNED image center the caption text but put the content text 30px away on left side */
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0;
}
/* For a CENTER ALIGNED image put the IMAGE in full 100% width and then "auto" the L/R margins...
Not sure what "clear: both;" and "display: block;" do - got those from internet search */
.aligncenter { 
	clear: both; 
	display: block;
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
}
/* Now it's centered with a 1px light grey border (#EEEEEE) with 6px padding on all sides. Now darken the border */
.wp-caption img {
    border-color: #BBBBBB;
}/* See file Image Border Shadow to put in shadow code */

/* Now fix the CAPTION LOCATION & FONT: make it centered and with correct MARGIN top and bottom */

.wp-caption .wp-caption-text {
    margin: 0;
    padding: 0;
    position: relative;
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666666;
	font-family: helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 15px;
}
/* Get Facebook Comments a little below the last image if there's one on the bottom line */
.fbcomments {
	margin-top: 20px;
}
/* Put some white space between bottom of Twitter/Google+/FB Like and top of comments */
.bottomcontainerBox {
	margin-bottom: 20px;
}

/* Remove yellow background from Google Ads */
ins {
	background: #FFFFFF;
}

/* ===================  Fixes for WordPress Comments ================== */

/* Make the comment box shorter */
#respond textarea#comment {
	height:80px;
}

#respond p {
	margin: 0;
}

/* The default input text is too big at 24px  */
#respond input[type="text"] {
	height: 16px;
}

/* The Post Comment button isn't centered or lined up with the right side of the comment box */
#respond input#submit {
	margin: 30px 44px 30px 0;
	padding: 5px 33px;
}


/* The title for the comment area (Share your thoughts) is too big at 24px size and 30px height */
#reply-title {
	font-size: 18px;
	line-height: 22px;
}