/*
THEME NAME: Fertile Minds
THEME URI: http://www.fertilemindsmedia.com
DESCRIPTION: A graphic design and web development firm.
VERSION: version 0.1
AUTHOR: <a href="http://www.fertilemindsmedia.com">Fertile Minds</a>, a graphic design and web development firm.
AUTHOR URI: http://www.fertilemindsmedia.com
TAGS: design, graphicdesign, webdesign, webdevelopment, san luis obispo, fertileminds
*/

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/

body {
	font: normal 13px Helvetica, Arial, Sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #78a22f;
	}
	
a {
	color: #527020;
	}
	
a:hover {
	color: #000;
	}
	
a:visited {
	color: #808080;
	}

table, form {
	margin: 0;
	padding: 0;
	}

div#outline {
	width: 100%;
	text-align: center;
	background-image: url('images/header_background.gif');
	background-repeat: repeat-x;
	}	


div#wrapper, div#headwrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 950px;
	text-align: left;
	}
	
div#bodyoutline {
	width: 100%;
	text-align: center;
	background-color: #fff;
	background-image: url('images/body_background.gif');
	background-repeat: repeat-x;
	text-align: left;
	padding-top: 35px;
	}	

div#container {
	float: right;
	width: 950px;
	}
	
div#whitebox {
	width: 950px;
	background-color: #fff;
	margin-bottom: 40px;
	}
	
* html div#whitebox {
	border: 1px solid #bababa;
	}
	
		
div#introtext {
	float: right;
	width: 334px;
	padding-top: 30px;
	}
	
div#introtext p {
	font: normal 15px Georgia, Times, 'Times New Roman', serif;
	line-height: 24px;
	color: #454545;
	padding-left: 12px;
	}
	
div#latestnews {
	width: 582px;
	padding-left: 40px;
	margin-bottom: 80px;
	}


div#content {
	padding: 50px 60px;
	}
	
div#content.pages {
	padding: 46px 76px;
	}
	
div.sidebar {
	background-color: #fff;
	padding: 27px 0 0 14px;
	margin-bottom: 35px;
	}

div#primary {
	width: 194px;
	}
	
* html div#primary {
	border: 1px solid #bababa;
	}
	
div#search {
	padding: 17px 25px 0 7px;
	}
	
div#subscribe {
	padding: 0;
	}
	
div#subscribe p {
	font: normal 11px Helvetica, Arial, Sans-serif;
	padding: 0;
	margin: 0;
	color: #454545;
	}
	
div#issues ul {
	margin: 0;
	padding: 0 0 0 10px;
	}

div#issues ul li {
	margin: 0;
	list-style: none;
	padding: 0 0 6px 0;
	}
	
li.page_item a {
	font: bold 12px Helvetica, Arial, Sans-serif;
	color: #454545;
	text-decoration: none;
	list-style: none;
	margin: 0;
	}
	
li.page_item a:hover {
	text-decoration: underline;
	color: #162a31;
	}


/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin: 0 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
	
div#footerwrapper {
	clear: both;
	width: 100%;
	background-color: #78a22f;
	background-image: url('images/footer_background.gif');
	background-repeat: repeat-x;
	text-align: center;
	}

div#footer a {
	color: #fff;
	}
	
div#footer {
	margin-left: auto; 
	margin-right: auto;
	width: 882px;
	height: 70px
	text-align: right;
	padding-top: 20px;
	background-color: #78a22f;
	background-image: url('images/footer_background.gif');
	background-repeat: repeat-x;
	}
	
div#footer p {
	padding-bottom: 20px;
	}
	
div#telephone {
	float: right;
	height: 20px;
	padding: 38px 15px 0 0;
	margin: 0;
	}
	
div#telephone p {
	font: 13px Helvetica, Arial, Sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	}

div#header {
	height: 126px;
	}
	
div#header a {
	color: #fff;
	text-decoration: none;
	}
	
img, a {
	border-style: none;
	}

p.copyright {
	font: 11px Helvetica, Arial, Sans-serif;
	color: #dce6cb;
	text-align: center;
	}
	
h2.entry-title, h2.entry-title a {
	font: normal 25px Helvetica, Arial, Sans-serif;
	color: #78a22f;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
h3.entry-title, h3.entry-title a {
	font: bold 13px Helvetica, Arial, Sans-serif;
	color: #78a22f;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 23px;
	}
	
h3.entry-title a:hover {
	text-decoration: underline;
	}
	
div.entry-content p {
	line-height: 24px;
	color: #454545;
	margin: 5px 0;
	}
	
div.entry-content {
	padding-bottom: 12px;
	}
	
div#bodysidebar div.entry-content {
	padding: 0;
	}
	
div#introtext {
	float: right;
	}
	
div#logo {
	float: left;
	margin: 0;
	padding: 33px 0 0 15px;
	}
	
	
/* GLOBALHEADER */
div#menu {
	margin: 0;
	padding: 60px 0 0 265px;
	}
	
/* target IE7 and below */
*:first-child+html div#menu {padding: 57px 0 0 250px}
* html div#menu {padding: 57px 0 0 250px; }
	
div#menu li#home a {width: 62px; }
div#menu li#print a {width: 120px}
div#menu li#web a {width: 138px}
div#menu li#people a {width: 67px}
div#menu li#quote a {width: 129px}
div#menu li#contact a {width: 75px}
div#menu li#blog a {width: 54px}
div#menu li { display: inline; }
div#menu li a { float: left; padding: 0, margin: 0; height: 0; padding-top: 40px; overflow: hidden; }
div#menu li a { background-image: url('images/menu.gif'); background-repeat: no-repeat; }

/* BUTTONS */
div#menu li#home a { background-position: 0 0; }
div#menu li#print a { background-position: -62px 0; }
div#menu li#web a { background-position: -182px 0; }
div#menu li#people a { background-position: -320px 0; }
div#menu li#quote a { background-position: -387px 0; }
div#menu li#contact a { background-position: -516px 0; }
div#menu li#blog a { background-position: -591px 0; }

/* OVER AND PRESSED STATES */
div#menu li#home a:hover, div#menu li#home a:active { background-position: 0 -40px; }
div#menu li#print a:hover, div#menu li#print a:active { background-position: -62px -40px; }
div#menu li#web a:hover, div#menu li#web a:active { background-position: -182px -40px; }
div#menu li#people a:hover, div#menu li#people a:active { background-position: -320px -40px; }
div#menu li#quote a:hover, div#menu li#quote a:active { background-position: -387px -40px; }
div#menu li#contact a:hover, div#menu li#contact a:active { background-position: -516px -40px; }
div#menu li#blog a:hover, div#menu li#blog a:active { background-position: -591px -40px; }

/* ON STATES */
div#menu li#home.current a { background-position: 0 -80px; }
div#menu li#print.current a { background-position: -62px -80px; }
div#menu li#web.current a { background-position: -182px -80px; }
div#menu li#people.current a { background-position: -320px -80px; }
div#menu li#quote.current a { background-position: -387px -80px; }
div#menu li#contact.current a { background-position: -516px -80px; }
div#menu li#blog.current a { background-position: -591px -80px; }
	
div#content ul {
	font: normal 14px Georgia, Times, 'Times New Roman', serif;
	color: #454545;
	padding-left: 20px;
	margin: 0;
	}


div#content li {
	padding: 0 0 10px 0;
	}
	



	
div.breadcrumb {
	font: normal 11px Helvetica, Arial, Sans-serif;
	padding-bottom: 20px;
	color: #454545;
	}
	
div.breadcrumb a {
	color: #454545;
	}
	
	
	
/*-------Test-----------*/


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
	background: url('images/upperrightfade.png') right top no-repeat;
	float: left;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url('images/lowerleftfade.png') left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url('images/shadow2.png') bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox {
border: 1px solid #ccc;
background: #e8e8e8;
width: 330px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to
div.inner, div.outerpair1, or an external wrapper element. */

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox {
display: block;
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}

h3.searchtitles a {
	text-decoration: underline;
	}


div.entry-content p.wp-caption-text {
	font: italic 12px Georgia, Times, 'Times New Roman', serif;
	margin: 0 0 0 10px;
	}
	

div#bodysidebar {
	float: right;
	width: 255px;
	}
	
div#contactsidebar {
	float: right;
	width: 255px;
	}
	
div#bodymain {
	margin: 0;
	padding: 0;
	width: 510px;
	}
	
div#contactmain {
	margin: 0;
	padding: 0;
	width: 510px;
	overflow: hidden;
	}
	
div#content p {
	font: normal 13px Helvetica, Arial, Sans-serif;
	color: #454545;
	line-height: 23px;
	padding: 3px 0;
	margin: 0;
	}
	

	
img.border {
	margin: 20px 0;
	padding: 0;
	border: dotted 1px #78a22f;
	}
	
img.headline {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div#hireus {
	background-color: #eaf0e1;
	padding: 20px 25px;
	margin: 20px 0;
	border: dotted 1px #78a22f;
	}
	
div.bloghome {
	margin: 10px 0 0 0;
	}
	
div#mailinglist {
	margin: 35px 0;
	padding: 0;
	}

input.greyinput {
	color: #454545;
	}
	
div#contactsidebar {
	padding-top: 26px;
	}
	
div#contactsidebar p.contact {
	margin: 10px 0;
	}
	
div#content div.post p.blog-date {
	font-size: 10px;
	margin: 18px 0 0 0;
	padding: 0;
	}
	
div#content div.post h2.blog-title a, div#content div.post h2.blog-title {
	font: bold 16px Helvetica, Arial, Sans-serif;
	text-decoration: none;
	color: #43494a;
	padding: 5px 0 0 0;
	margin: 0;
	}

div#content div.post div.entry {
	margin: 0;
	padding: 3px 0 0 0;
	}	

div#content p.postmetadata {
	font-size: 10px;
	}
	
div#content div.post {
	margin: 0 0 40px 0;
	padding: 0;
	}

div#bodysidebar div.post {
	margin: 10px 0;
	}
	
div#content p.greensub {
	color: #78a22f;
	font-weight: bold;
	padding: 8px 0 -5px 0;
	}
	
div#content h3.gray {
	color: #454545;
	padding: 16px 0 0 0;
	}