/*
Theme Name: Courage Garden
Theme URI: http://andrewthewebguy.com
Description: A custom responsive style for CourageGardenPlants.com
Theme Author: Andrew Simms
Author URI: http://andrewthewebguy.com
Version: 0.3
*/

/* ----------------------------------------FONT FACES--------------------------------------------- */


/* ----------------------------------------CSS RESET--------------------------------------------- */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* ----------------------------------------CLEAR FIX--------------------------------------------- */

	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}

/* ----------------------------------------TYPOGRAPHY 15PX BASE FONT 1.5 TIMES GRID--------------------------------------------- */

	body{
		font-size: 12px;
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #333;
		line-height: 1.5em;
	}
	
	h1{
		font-size: 3.3333333333em; /* 75/15 */
		font-weight: bold;
		line-height: 1em;
		font-family: 'Open Sans Condensed';
        text-transform: uppercase;
	}
	
	h2{
		font-size: 3.333333333em; /* 50/15 */
		font-weight: bold;
		line-height: 1em;
		font-family: 'Open Sans Condensed';
        text-transform: uppercase;
	}
	
	h3{
		font-size: 2.2em; /* 33/15 */
		font-weight: bold;
		line-height: 1.2em;
        /*text-transform: uppercase;*/
	}
	
	h4,h5,h6{
		font-size: 1.466666667em; /* 22/15 */
		font-weight: bold;
		line-height: 1.5em;
        /*text-transform: uppercase;*/
	}
	
	p{
		margin-bottom: 7px;
		padding: 0px 15px;
		line-height: 1.5em;
	}
	
	a{
		text-decoration: none;
		color: #333;
	}
	
	img{
		max-width: 100%;
	}
	
	strong{
		font-weight: bold;
	}
	
	em{
		font-style: italic;
	}

/* ----------------------------------------ALIGNMENT CLASSES--------------------------------------------- */

	.left{
		float: left;
		clear: none;
	}
	
	.right{
		float: right;
		clear: none;
	}
	
	.center{
		margin: 0 auto;
	}
	

/* ----------------------------------------UNIVERSAL CLASSES--------------------------------------------- */


/* ----------------------------------------GRID SYSTEM, 1140PX MAX-WIDTH, 15PX BASE FONT, 12 COLUMNS--------------------------------------------- */

	.full-width{
		width: 100%;
		overflow: auto;
		float: left;
		height: 100%;
		clear: both;
		margin: 0;
	}

	.container{
		overflow: auto;
		height: 100%;
		clear: both;
		margin: 0;
	}
	
	.row{
		width: 100%;
		overflow: auto;
		float: left;
		height: 100%;
		clear: both;
		margin: 0;
	}
	
	.first{
		margin-left: 2%;
	}
	
.container {
    overflow: hidden;
    height: 100%;
    clear: both;
    margin: 0;
    position: relative;
    z-index: 10;
}

.row {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 100%;
    clear: both;
    margin: 0;
}

.onecol {
    width: 6.9078947368%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.first {
    margin-left: 1.3157894737%}

.twocol {
    width: 15.1315789474%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.threecol {
    width: 23.35526316%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.fourcol {
    width: 31.5789474%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.fivecol {
    width: 39.8026315789%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.sixcol {
    width: 48.0263157895%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.sevencol {
    width: 56.2500000000%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.eightcol {
    width: 64.4736842105%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.ninecol {
    width: 72.6973684211%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.tencol {
    width: 80.9210526316%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.elevencol {
    width: 89.1447368421%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}

.twelvecol {
    width: 97.3684210526%;
    margin-right: 1.3157894737%;
    float: left;
    clear: none;
    height: 100%}


/* ----------------------------------------UNIVERSAL STYLE--------------------------------------------- */

/* --------------------ALL WIDTHS STYLING----------------- */

	body{
		background-color: #fff;
	}

	#noscript{
		text-align: center;
		background-color: #aa0000;
		border: 1px solid #d80000;
		color: #fff;
		text-shadow: 0px -1px 0px #333;
		display: none;
	}
	
	#noscript h2{
		text-transform: uppercase;
	}
	
	#noscript h3{
		padding: 15px;
	}
	
	#print-box{
		display: none;
	}
	
	header{
		padding: 15px;
		background-color: #333;
		border-bottom: 1px solid #2da65d;
		color: #fff;
		text-shadow: 0px -1px 0px #000;
		display: none;
	}

	#more-nav-box{
		display: none;
	}
	
	header.active{
		border-bottom: none;
		padding-bottom: 0px;
	}
	
	nav ul li a{
		color: #fff;
		font-size: 1.8em; /* 33/15 */
		font-weight: bold;
		text-transform: uppercase;
		border: 1px solid #333;
		padding: 4px 4px 4px 0px;
		font-family: "Open Sans Condensed", 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	nav ul li{
		float: left;
		padding: 4px .6em; /* ((22-4)/15)/2 */
		margin-top: 45px;
	}
	
	nav ul li.current-menu-item a{
		color: #58b638;
		border-bottom: 2px solid #58b638;
	}
	
	nav ul li a:hover{
		color: #2da65d;
		border-bottom: 2px solid #2da65d;
	}
	
	footer{
		background-color: #fff;
		color: #000;
		text-align: center;
		position: absolute;
		top: 900px;
		z-index: 100;
	}
	
	#sidebar{
		position: absolute;
		top: 0px;
		left: 630px;
		z-index: 100;
	}
	
	table, tr, td{
		border: 1px solid #58b638;
	}
	
	table{
		width: 100%;
	}

    table a{
        text-decoration: none;
    }
	
	td{
		padding: 3px;
	}
	
	th{
		font-size: 1.4666666667em;
		font-weight: bold;
		padding: 4px;
		background-color: #58b638;
		color: #fff;
		-webkit-print-color-adjust: exact;
	}
	
	tr:nth-child(even){
		background-color: #bdffb7;
		-webkit-print-color-adjust: exact;
	}
	
	tr{
		background-color: #fff;
		-webkit-print-color-adjust: exact;
	}
	
	tr td:first-child{
		width: 165px;
	}
	
	tr.fact-sheet{
		display: none;
	}

	.picture-1, .picture-2{
		margin-bottom: 15px;
		max-height: 400px;
		
	}

	table{
		margin-bottom: 15px;
	}
	
	.bottom-text{
		margin-bottom: 7px;
	}
	
	.latin-name h3 a p{
		color: #58b638;
		margin: 0;
		padding-left: 0px;
		width: auto;
		font-size: 18px;
	}
	
	.latin-name p{
		padding: 0;
		width: auto;
	}
	
	.plant-title{
		border-bottom: 1px solid #58b638;
		margin-bottom: 15px;
	}
	
	.blog-post{
		margin-bottom: 15px;
	}
	
	.author{
		display: none;
	}
	
	.blog-post h2{
		text-transform: uppercase;
	}
	
	p.bottom-title{
		background-color: #58b638;
		color: #fff;
		padding: 4px;
		width: 95%;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		-webkit-print-color-adjust: exact;
		margin: 0;
	}
	
	.bottom-text p{
		padding-left: 4px;
		margin: 0;
	}
	
	.bottom text p.bottom-title{
		padding: 4px;
		margin: 0;
	}

	.menu-item-49.active a{
		border: 1px solid #2da65d;
		border-bottom: 1px solid #bdffb7;
		padding-bottom: 74px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		color: #333;
		background-color: #bdffb7;  
		text-shadow: 0px -1px 0px #ddd;
		position: relative;
		z-index: 100;
	}
	
	#header-search{
		position: relative;
		top: -1px;
		background-color: #bdffb7;
		border: 1px solid #2da65d;
		padding: 15px 15px 7px 15px;
		z-index: 1;
	}
	
	.normal-search label{
		font-size: 1.46666667em;
		font-weight: bold;
	}
	
	.normal-search input.field{
		padding: 4px;
		font-family: 'Open Sans' 'Helvetica Neue', Helvetica, Arial, sans-serif;
		box-shadow: 0px 0px 3px #333;
		font-size: 22px;
	}
	
	.normal-search input.submit, .searchform-controls input{
        
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
        background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);        
        background-color:#74ad5a;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        border:1px solid #3b6e22;
        display:inline-block;
        color:#ffffff;
        font-family: 'Open Sans Condensed', 'Open Sans' 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.4666666667em;
        text-transform: uppercase;
        font-weight:bold;
        padding:6px 12px;
        text-decoration:none;
        text-shadow: 0px -1px 0px #333;
        cursor: pointer;
    }
    
    .normal-search input.submit:hover, .searchform-controls input:hover{ 
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
        background-color:#68a54b;
    }
    
    .normal-search input.submit:active, .searchform-controls input:active{
	    position: relative;
	    top: 1px;
    }
    
    .normal-search form{
	    width: 420px;
	    margin: 0 auto;
    }
  
    #advanced-click-container{
	    margin: 7px auto;
	    width: 210px;
    }
    
    .searchform-controls input{
	    float: right;
	    
    }
    
    .searchform-params .fourcol{
	    margin-bottom: 15px;
    }
    
    .advanced-search label{
	    width: 170px;
	    margin-right: 15px;
	    color: #fff;
	    font-size: 1em;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    text-shadow: 0px -1px 0px #000;
    }
    
    .advanced-search .sixcol{
	    border-bottom: 1px solid #2da65d;
	    margin-bottom: 10px;
    }
    
    .advanced-search{
	    background-color: #333;
	    border-radius: 5px;
	    border: 1px solid #2da65d;
	    overflow: auto;
	    padding: 15px;
    }
    
    .DropDownField select{
	    width: 200px;
	    font-family: 'Open Sans' 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 1.4666666667em;
	    float: right;
	    margin-right: 15px;
    }
    
    .DropDownField{
	    padding-bottom: 7px;
    }
  
    .TextField input{
		font-family: 'Open Sans' 'Helvetica Neue', Helvetica, Arial, sans-serif;
		box-shadow: 0px 0px 3px #333;
		font-size: 1em; 
		float: right;
		margin-right: 15px;
		width: 195px;
    }
    
    .TextField{
	    padding-bottom: 3px;
    }

    .no-print{
    	display: none;
    }

    .map .page-title{
    	font-size: 2.2em;
    	text-transform: uppercase;
    	border-bottom: 1px solid #58b638;
    	padding-bottom: 3px;
    }

	.map .step-desc{
	    display: block;
	    float: left;
	    clear: none;
	    padding-top: 5px;
	    /*margin-bottom: 5px;*/
	    padding-bottom: 0;
	    /*border: 1px solid #000;*/
	    margin: 0;
	}

	.map .directions, .map .birds-eye{
		border: none;
	}

	.map-tabs{
		display: none;
	}

	.map .step-num{
		color: #333;
		padding: 15px;
		padding-bottom: 25px;
	}

	@media print {
	    * {
	        /*background: transparent !important;*/
	        /*color: #000 !important; */
	        box-shadow: none !important;
	        text-shadow: none !important;
	    }

	    

	    pre,
	    blockquote {
	        border: 1px solid #999;
	        page-break-inside: avoid;
	    }

	    thead {
	        display: table-header-group; /* h5bp.com/t */
	    }

	    tr,
	    img {
	        page-break-inside: avoid;
	    }

	    img {
	        max-width: 100% !important;
	    }

	    p,
	    h2,
	    h3 {
	        orphans: 3;
	        widows: 3;
	    }

	    h2,
	    h3 {
	        page-break-after: avoid;
	    }
	}

/*body, html {
	height: 99%;
	page-break-inside: avoid;
	border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

footer{
	max-height: 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}