/* -- This is the place to add your own style modifications without touching the original styles -- */

.maincontent { font-size: 14pt !important;}
.cat-posts-stacked img.thumbnail {
float: left;
margin: 0 10px 9px 0;
}

/* Adjust styling of gallery items */

.ngg-gallery-thumbnail img {
padding: 2px !important;
}

.ngg-gallery-thumbnail-box {
margin-right: 0 !important;
}

/*    Background gradient   */

#outer-wrap { 
padding: 10px 20px;
border: 10px solid #ddd;
}

/*   Fixing letterspacing      */

h1,h2,h3,h4,h5,h6,h7,#sitetitle .title  {
	font-family:arial,sans-serif;
	letter-spacing:2px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight:bold;
	color:#686868;
	line-height: 1.2em;
	}




/*-----Search Bar color modification----*/

#searchform #submitbutton,
p.email-form .subbutton {
    background: #6d7991;
    color: #fff;
    font-family:Helvetica,san-serif;
    font-size: 14px;
    padding: 4px 6px;
    margin: 0;
    border: 0;
    cursor:pointer;
    display:inline;
    }

#searchform #submitbutton:hover,
p.email-form .subbutton:hover {
    color:#fff;
    background:#333;
    }




/* ---------[ Top Navigation Adjustments ]--------- */

/*--------[ adding borders to nav bars; adding gradient to top bar; white text shadow ]-------------*/

#topnav {
	border-bottom: 3px solid;
border-bottom-color: #CAA198;
text-shadow:1px 1px 2px #000000;
}
	

#topnav {
background: rgb(87,107,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(87,107,132,1) 0%, rgba(147,160,187,1) 32%, rgba(147,160,187,1) 42%, rgba(87,107,132,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,107,132,1)), color-stop(32%,rgba(147,160,187,1)), color-stop(42%,rgba(147,160,187,1)), color-stop(99%,rgba(87,107,132,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(87,107,132,1) 0%,rgba(147,160,187,1) 32%,rgba(147,160,187,1) 42%,rgba(87,107,132,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(87,107,132,1) 0%,rgba(147,160,187,1) 32%,rgba(147,160,187,1) 42%,rgba(87,107,132,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(87,107,132,1) 0%,rgba(147,160,187,1) 32%,rgba(147,160,187,1) 42%,rgba(87,107,132,1) 99%); /* IE10+ */
background: linear-gradient(top,  rgba(87,107,132,1) 0%,rgba(147,160,187,1) 32%,rgba(147,160,187,1) 42%,rgba(87,107,132,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#576b84', endColorstr='#576b84',GradientType=0 ); /* IE6-9 */


}





#topnav ul a {
	line-height:35px; 
	height:35px; 
	padding: 5px 8px;
	}


#topnav ul { width:100%; }




/* Removing search bar in topnav  */




#topnav #topsearch { display:none; }






/* ---------[ Search Form Adjustments ]--------- */

#catnav ul li.search #searchform #searchfield { width:160px; }





/*  Navigation text font */

 #topnav
 {
	font-family:'Josefin Sans', sans-serif;
        letter-spacing:1px;
	text-transform: uppercase;
}

/* Trying to add more space between each category item in top nav bar  -- it worked at 25 px right*   BUT TEXT IS NOT CENTERED IN ITS SPACE/

#topnav ul a  {
	position:relative; 
	display:block; 
	z-index:100;
	padding:15px 20px 0px 10px; 
	line-height:21px; 
text-align:center
	text-decoration:none;
	color:#fff; 
	}



/*    Lower navigation (site pages) text font    */

#catnav
{
	font-family:'Josefin Sans', sans-serif;
letter-spacing:2px;

} 

#catnav ul {
	font-family:'Josefin Sans', sans-serif;
} 

#catnav {
border-top: 3px solid;
border-top-color: #A66c61;
}

/*-----footer-widgets background color, light gray-----*/
#footer-widgets {
	clear: both;
	margin: 0 auto;
	padding:30px 0 20px;
	
        background: #eee;
	border-top:2px dotted #8191b2;

	}


/*----- changing the footer container from black to dark mauve-----*/
#footer {
	clear: both;
	margin: 0 auto;
	padding: 10 px 0;
        border-top:2px solid #eee;
	background: #5c4e5f;
position:relative;
	font-size:8pt;
	}


/


/* ---------[ Main Page Elements Adjustments Body Text leading ]--------- */

body { line-height:2em; }


/* ---------[ Body Text darker shade ]--------- */
body {
	color:#212121;
}


/* -------- [ Footer Widget widths ORIGINALLY THEY WERE: 290 290 160 160 px; 4/12: now restored to orig. } ---- */

#footer-widgets .footer-widget1 {
	float:left;
	width:270px;


	margin: 0 20px 0 0;
	overflow:hidden;
	}

#footer-widgets .footer-widget2 {
	float:left;
	width:270px;

	margin: 0 20px 0 0;
	overflow:hidden;
	}

#footer-widgets .footer-widget3 {
	float:left;
	width:210px;

	margin: 0;
	overflow:hidden;
	}

#footer-widgets .footer-widget4 {
	float:right;
	width:150px;
	margin: 0;
	overflow:hidden;
	}


/*    Widgets and other text---ALL CAPS      */


h2.feature-title,
h3.widgettitle,
h2.feat-title {
	font-size:16pt;
	margin-bottom:14px;
	padding:0;
	border-bottom:1px dotted #ddd;
	height:30px;
	line-height:30px;
text-transform:UPPERCASE;
	}


/* MAKE TEXT IN SLIDER NOT ALL CAPS   */
#home-top-narrow #slideshow .full-width h2.post-title, #home-top-narrow #slideshow .full-width h2.post-title a, #home-top-narrow #slideshow .full-width h2.post-title a:link, #home-top-narrow #slideshow .full-width h2.post-title a:visited, #home-top-narrow #slideshow .full-width h2.post-title a:hover, #home-top-narrow #slideshow .full-width h2.post-title a:active {

text-transform:none;}

/* ---------[ Main Page Elements Adjustments Josefin typeface]--------- */


h1 { font-family: 'Josefin Sans', sans-serif; }
h1,h2,h3,h4,h5,h6,h7,#sitetitle .title  {
	font-family:'Josefin Sans', sans-serif;
	letter-spacing:1px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight:600;
	color:#000;
	line-height: 1.2em;
	}

/*Adjusted font sizes for Josefin*/


h1,h2,h3,h4,h5,h6,h7,#sitetitle .title  {
	font-family:'Josefin Sans', sans-serif;
	letter-spacing:1px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight:600;
	color:#000;
	line-height: 1.2em;
	}

h1 {
	font-family: 'Josefin Sans', sans-serif;
font-size: 26pt;
	margin: 0;
	}

h2 {
	font-family: 'Josefin Sans', sans-serif;
font-size: 22pt;
	}

h3 {
	font-family: 'Raleway', sans-serif;
font-size: 16pt;
font-weight: 600;
letter-spacing: 2px;
	}

/*New fonts for H4 and H5 as of 9/30/13*/

h4 {
	font-family: 'Georgia', serif;
font-size: 12pt;
font-style:italic;
font-weight:bold;
	letter-spacing:0;
	}

h5 {
	font-family: 'Arial', sans-serif;
font-size: 12pt;
font-weight:bold;
	letter-spacing:0;
	}

h6,h7 {
	font-family: 'Josefin Sans', sans-serif;
font-size: 11pt;
	letter-spacing:0;
	}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin-bottom: 15px;
	}

h3#postinfo, h3#comments, h3#respond, h3#trackbacks, #respond h3  {
	margin: 0;
	}

h3#comments  {
	margin: 0 0 5px;
	}

h3.post-title, h2.post-title {
	font-family: 'Arial', sans-serif;
font-size: 22pt;
font-weight: 600;
	margin:0 0 5px;
	}

h1.post-title {
	font-family: 'Josefin Sans', sans-serif;
margin:0 0 10px;
	}

h1.archive-title {
	font-family: 'Josefin Sans', sans-serif;
padding:0 0 10px;
	margin:0 0 15px;
	border-bottom:1px dotted #ddd;
	}

h1.page-title {
	font-family: 'Josefin Sans', sans-serif;
padding:0 0 10px;
	margin:0 0 15px;
	border-bottom:1px dotted #ddd;
	}

.sitemap h2 {
	font-family: 'Josefin Sans', sans-serif;
font-size:22pt;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #ddd;
	letter-spacing:0;
	}

.auth-bio h1 {
	margin:0 0 10px;
	}

h2.feature-title,
h3.widgettitle,
h2.feat-title {
	font-family: 'Josefin Sans', sans-serif;
font-size:14pt;
	margin-bottom:14px;
	padding:0;
	border-bottom:1px dotted #ddd;
font-weight: 600;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
letter-spacing:3px;
	}

h3.widgettitle,
h2.feat-title {
	height:auto;
	}

h2.feature-title span, 
h3.widgettitle span {
	}

.post-by-2 h2.post-title,
.cats-by-2 h3.post-title,
.cats-by-2 .cat-posts-stacked .cats-by-2 h3.post-title {
	font-family: 'Josefin Sans', sans-serif;
font-size:18pt;
	letter-spacing:0;
	margin-bottom:5px;
	}



/*  Q: Where can I change the font size of category headings 1) on the home page and on 2) archive pages?
Open custom.css and add this to the bottom:  */

/* ---------[ Title Adjustments ]--------- */

ul.home-right li.title h2.feat-title,
ul.home-left li.title h2.feat-title {
font-family: 'Josefin Sans', sans-serif;
	font-size: 20pt; font-weight: 600;
	}

h3.archive-title {
	font-family: 'Arial', sans-serif;
font-size: 24pt; font-weight: 600;
	}


/* TRYING TO CHANGE CATEGORY WIDGET POST TITLE TO JOSEFIN */

.cat-posts-widget p.post-title {
	font-family:'Josefin Sans', sans-serif;
font-size: 20px;
font-weight:600;
	margin-bottom: 0;
	}

/* Changing Widget title size was 15, now 14 pt    */
h3.widgettitle span {
font-size: 14pt;
}


.widget.sidetabs ul.tabs li.ui-tabs-selected a, .widget.sidetabs ul.tabs li.ui-tabs-selected a:link, .widget.sidetabs ul.tabs li.ui-tabs-selected a:visited {
border-width:1px;	
border-style:dotted;
border-color: #000000;
background: #c9c9c9;
}

/* Changed category posts widget font size from 20 to 16 so reads better in Arial face on other computers   */
.cat-posts-widget p.post-title {
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}

/* Changed slider title size from to 24px so reads better in Arial face on other computers   */
#home-top-narrow #slideshow .full-width h2.post-title, #home-top-narrow #slideshow .full-width h2.post-title a, #home-top-narrow #slideshow .full-width h2.post-title a:link, #home-top-narrow #slideshow .full-width h2.post-title a:visited, #home-top-narrow #slideshow .full-width h2.post-title a:hover, #home-top-narrow #slideshow .full-width h2.post-title a:active {
text-transform: none;
font-size: 24px;
font-weight: 400;
letter-spacing:1px;
line-height: 1.0em;
}


h7 {
	font-family:'Georgia', serif;
	letter-spacing:0px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:10pt;
font-weight: 400;
	line-height: 2em;	
	}

/* ---------[ Top Navigation Adjustments ]--------- */

#topnav .limit { z-index:99; }


/* ---------[ Search form make darker, larger text ]--------- */

#searchform #searchfield {
	color: #556f8c;
	font-size: 11pt;
font-weight: 600;
	margin: 0 3px 0 0;
	display:inline;
	padding: 4px 6px;
	border: 0;
	width:160px;
	text-transform:none;
	font-family:arial, Helvetica, sans-serif;
	border:1px solid #7c7c7c;
	background:#fff;
	}

/* ---------[ Caption, larger text ]--------- */


.wp-caption p.wp-caption-text {
	font-size: 11.5pt;
	padding: 5px;
	margin: 0;
	}