/* -----------------------------------------------------------
Site Name: Soy Foods
Author: Mack Richardson

Stylesheet: Normalization                                                                                                                  
@Normalization

I use Eric Meyer's Reset Stylesheet to fix most cross browser
inconsistencies. However, use this section to normalize the
appearance of elements without regard to the specific design.

A WORD OF WARNING: It's very easy to overdo it here. Be 
careful and remember less is more. 
----------------------------------------------------------- */

/* @Tools & Browser Fixes --------------------------------- */

/* Paul Irish's Padding Fix: 
This prevents padding from ADDING to the width/height of 
any element 
----------------------------------------------------------- */
* { 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* @HTML & Body Tags -------------------------------------- */
body {
	line-height: 150%;
}

/* @Text Accents ------------------------------------------ */
b { font-weight: bold; }
i	{ font-style: italic; }

/* @Lists ------------------------------------------------- */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 2.500em;
}

menu,
ol,
ul {
  padding: 0 0 0 2.500em;
}

/* Corrects list images handled incorrectly in IE7.
----------------------------------------------------------- */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }

/* @Blockquotes & Citations ------------------------------- */
blockquote {
	border-left: 0.313em solid #afafaf;
	clear: both;
	font-size: 2.250em;
	line-height: 125%;
	margin: 0 auto 0.625em auto;
	padding: 0.625em 0 0.625em 0.625em;
	width: 90%;
}

blockquote cite {
	display: block;
	line-height: 100%;
	margin: 0.313em 0;
}

/* @Links ------------------------------------------------- */
a { text-decoration: none; }
	
a:focus,
a:active,
a:hover { text-decoration: underline; }
		
a.more-link { display: inline-block; }
	
/* @Forms - 
Corrects margin displayed oddly in IE6/7.
----------------------------------------------------------- */
form {
  margin: 0;
}

/* Define consistent border, margin, and padding ---------- */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
1. Corrects color not being inherited in IE6/7/8/9.
2. Corrects text not wrapping in FF3.
3. Corrects alignment displayed oddly in IE6/7.
----------------------------------------------------------- */
legend {
  border: 0;
  /* 1*/

  padding: 0;
  white-space: normal;
  /* 2*/

 margin-left: -7px;
  /* 3*/

}

/*
1. Corrects font size not being inherited in all browsers.
2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
3. Improves appearance and consistency in all browsers.
----------------------------------------------------------- */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1*/

  margin: 0;
  /* 2*/

  vertical-align: baseline;
 *vertical-align: middle;
  /* 3*/
}

/*
Addresses FF3/4 setting `line-height` on `input` using 
`!important` in the UA stylesheet.
----------------------------------------------------------- */
button,
input { line-height: normal; }

/*
1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   and `video` controls.
2. Corrects inability to style clickable `input` types in iOS.
3. Improves usability and consistency of cursor style between image-type
   `input` and others.
4. Removes inner spacing in IE7 without affecting normal text inputs.
   Known issue: inner spacing remains in IE6.
----------------------------------------------------------- */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2*/

  cursor: pointer;
  /* 3*/

 *overflow: visible;
  /* 4*/
}

/* Re-set default cursor for disabled elements. ----------- */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
1. Addresses box sizing set to content-box in IE8/9.
2. Removes excess padding in IE8/9.
3. Removes excess padding in IE7.
	 
	 Known issue: excess padding remains in IE6.
----------------------------------------------------------- */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1*/

  padding: 0;
  /* 2*/

 *height: 13px;
 *width: 13px;
  /* 3*/
}

/*
1. Addresses `appearance` set to `searchfield` in S5, Chrome.
2. Addresses `box-sizing` set to `border-box` in S5, Chrome 
	 (include `-moz` to future-proof).
----------------------------------------------------------- */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1*/

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2*/

  box-sizing: content-box;
}

/* Removes inner padding and search cancel button in S5, 
	 Chrome on OS X.
----------------------------------------------------------- */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Removes inner padding and border in FF3+. -------------- */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
1. Removes default vertical scrollbar in IE6/7/8/9.
2. Improves readability and alignment in all browsers.
----------------------------------------------------------- */
textarea {
  overflow: auto;
  /* 1*/

  vertical-align: top;
  /* 2*/
}

input[type=text],
input[type=email],
input[type=url],
textarea {
	background-color: #f0f3f3;
	border: 1px solid; 
	border-color: #c2c0c0 #cccaca #d1cfcf; 
	box-shadow: 0 -1px #808080, inset 0 1px rgba(34,25,25,0.05); 
	-moz-box-shadow: 0 -1px #808080, inset 0 1px rgba(34,25,25,0.05); 
	-webkit-box-shadow: 0 -1px #808080, inset 0 1px rgba(34,25,25,0.05); 
	padding: 0.313em;
	text-indent: 0.313em;
	width: 100%;
}

input[type=text]:focus { 
	background: #ffffff; 
}

label {
	display: block;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}

/* @Embedded content

1. Removes border when inside `a` element in IE6/7/8/9, FF3.
2. Improves image quality when scaled in IE7. 
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
----------------------------------------------------------- */
img {
  border: 0;
  /* 1*/

  -ms-interpolation-mode: bicubic;
  /* 2*/

}

/* Corrects overflow displayed oddly in IE9. -------------- */
svg:not(:root) {
  overflow: hidden;
}
		
/* @Tables

Remove most spacing between table cells.
----------------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* @CUSTOMIZED RESET VALUES

I added these extra styles as a more personalized reset. Feel 
free to remove them if you like or add your own. If you want 
to update the normalize styles, make sure to edit from this 
point up.
----------------------------------------------------------- */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

b,
strong,
.strong { font-weight: bold; }

dfn,
em,
.em { font-style: italic; }

small,
.small { font-size: 75%; }

ul,
ol {
	margin-left: 1.250em;
  padding: 0.625em 0.313em;
}

dd { margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist { list-style: none; }

/* @Clear Fixes ---------------------------------------------- */
.clearfix:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html > body .clearfix  {
	display: inline-block; 
	width: 100%;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; } 

/* NORMALIZATION STYLESHEET ENDS */

/* -----------------------------------------------------------
Stylesheet: Typography Styles
@Typography

For convenience all font/type related styles are gathered
here. Basically, if the property begins with font- or text-
you'll find it here.

If you wish to override these settings, just write a rule 
in the appropriate section below.
----------------------------------------------------------- */

/* @Font-Families ----------------------------------------- */
body {
  font-family: Montserrat, sans-serif; 
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code, 
pre { font-family: 'Panic Sans', Monaco, monospace; } 

blockquote, 
blockquote cite {	font-family: Cambria, 'Times New Roman', Times, serif;	} 

nav.site button i,
.dingbat { font-family: 'Pictos'; }

h1,
h2,
h3,
h4,
h5,
h6 { 
	font-size: x-large;
	font-weight: 400; 
}

/* @Font-Sizes -------------------------------------------- */
body,
h5 { font-size: 1.000em; } /* In most browsers this is 16px*/

h6 { font-size: 0.875em; }

.small { font-size: small; }

h3.dateline,
.smaller { font-size: smaller;	}

.commentlist .comment p.byline { font-size: 0.750em; }

h4,
blockquote cite { font-size: 1.250em; }

h3,
h6.title,
blockquote,
aside.site h4.widgettitle { font-size: 1.500em; }

h1,
h2 { font-size: 2.000em; }	

.dingbat { font-size: 2.500em; }

/* @Font-Styles ------------------------------------------- */
blockquote,
.normal { font-style: normal; }

cite,
.italic { font-style: italic; }

/* @Font-Weights ------------------------------------------ */
.normal { font-weight: normal; } 

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
.bold  {
	font-weight: 700;
}

/* @Text-Decoration --------------------------------------- */
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a,
a:hover,
a:focus,
a:active,
nav.site a { text-decoration: none; }

.over { text-decoration: overline; }

.thru { text-decoration: line-through; }

.under { text-decoration: underline; }

/* @Text-Align -------------------------------------------- */
.center,
.commentform h5 { text-align: center; }

.left { text-align: left; }

nav.wp-prev-next div.next,
nav.wp-prev-next div.next,
.right { text-align: right; }

/* @Text-Transform --------------------------------------- */
p.byline,
.upper { text-transform: uppercase; }

.lower { text-transform: lowercase; }

.caps { text-transform: capitalize; }

/* @Text-Indent ----------------------------------------- */
#searchform #s { text-indent: 0.313em; }

.image-replacement { text-indent: 100%; }

/* @Text-Shadows ---------------------------------------- */

/* @Multi-Property Overrides ---------------------------- */
nav.site button {
	text-align: left;
	text-transform: uppercase;
}

nav.site button i {
	font-size: 1.250em;
	font-style: normal;
	text-transform: lowercase;
}

article .wp-caption-text {
	font-size: smaller;
	text-align: center;
}

aside.site .widget ul li a {
	text-decoration: none;
	text-transform: uppercase;
}

.nopassword,
.nocomments {
	font-size: 1.500em;
	text-align: center;
}

/* @Bold, Italic & Emphasis Styles - 

For use with the BPreplay font Downlowd the @font-face kit 
at http://www.fontsquirrel.com/fonts/BPreplay
----------------------------------------------------------- */
/* 
b, strong { 
	font-family: 'BPreplayBold'; 
	font-weight: normal; 
} 

i, em { 
	font-family: 'BPreplayItalic'; 
	font-style: normal; 
}
	 
b i, i b, strong em, em strong, strong i, i strong, b em, em b { 
	font-family: 'BPreplayBoldItalic'; 
	font-style: normal; 
} 
*/

/* @Ampersand - 

use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
----------------------------------------------------------- */
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}

/* TYPOGRAPHY STYLESHEET ENDS */

/* -----------------------------------------------------------
Stylesheet: Default Color Schemes
@Colors
                                                                                                               
This is where our basic color schemes are defined. If it
has the color in the property tag, it's here. If you wish to
override these colors, just write a rule in the appropriate
section below.
----------------------------------------------------------- */

/* @Text Colors ------------------------------------------- */
body { color: #f2f2f2; }

a { color: #7ea138; }

a:hover,
a:focus,
a:active { color: #677d2a; }

.alert,
.nopassword,
.nocomments { color: #ab3a3a; }

#focus { color: #555555; }

/* COLORS STYLESHEET ENDS */

/* -----------------------------------------------------------
@Buttons

I love well styled buttons. Unfortunately, it would be
ineffecient to break these styles in to their component
colors, borders, fonts, etc. so I've kept them all
together here.
----------------------------------------------------------- */                                                        
.button,
aside.site #mc_embed_signup .button,
.button:visited,
.pushbutton-wide,
.pushbutton-wide:visited {
	text-align: center;
	padding: 0.500em 1.000em;
	background-color: #FF8000;
	color: #fff;
	display: inline-block;
	height: auto;
	text-shadow: 0 1px 0 #af3000;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 0 #af3000,0 7px 2px rgba(0,0,0,0.25);
	box-shadow: 0 5px 0 #af3000,0 7px 2px rgba(0,0,0,0.25);
	transition: text-shadow ease-in 0.4s;
}

.button:hover,
aside.site #mc_embed_signup .button:hover,
.button:visited:hover,
.pushbutton-wide:hover,
.pushbutton-wide:visited:hover {
	text-shadow: 0 3px 0 #af3000, 0 2px 0 #af3000, 0 1px 0 #af3000;
}

.button:active,
aside.site #mc_embed_signup .button:active,
.button:visited:active,
.pushbutton-wide:active,
.pushbutton-wide:visited:active  {
	-webkit-box-shadow: 0 1px 0 #af3000,0 1px 2px rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 #af3000,0 1px 2px rgba(0,0,0,0.25);
	position: relative;
		top: 4px;
}

.button.blue,
.button.blue:visited {
  border-color: #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  -webkit-box-shadow: inset 0 0 3px #59b3ec;
  -moz-box-shadow: inset 0 0 3px #59b3ec;
  box-shadow: inset 0 0 3px #59b3ec;
	text-shadow: 0 1px 1px #1472ad;
}

.button.blue:hover,
.button.blue:visited:hover {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}

.button.blue:active,
.button.blue:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

/* -----------------------------------------------------------
Stylesheet: Default Design Styles
@Default Stylesheet
                                                                                                               
This is where we start designing our theme. Most of your 
styling will take place from here to the end of the file. 
These styles setup our basic design.
----------------------------------------------------------- */

/* @General Styles -
Need help choosing your colors? 
Try this site out: http://0to255.com/

Need help with lightening or darkening a Hex Color?
Try this site out: http://hexcolortool.com/
----------------------------------------------------------- */

/* @Headlines & Paragraphs ------------------------------- */
h1, h2, h3, h4, h5, h6, p { margin-bottom: 0.800em; } 

h1, h2, h3, h4, h5, h6 { 	line-height: 150%; } 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { padding-top: 0.188em; } 

h2.title { margin-bottom: 0.300em; }

body.home h2.title { display: none; }

body.home h2.title.alt { display: block ;}

h3.dateline { color: #cccccc; } 

h6.title {
	border-bottom: 4px solid #dddddd;
	padding-bottom: 0.625em; 
}

/* @Anchors - 
Hover effects begin in the 620px section since
mobile devices don't need them.
----------------------------------------------------------- */
a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* this creates a nice "click" effect when users select a link */
a:active {
	position: relative;
	top: 1px;
}

/* @Page Wrapper -
This area contains most of the "meat" of the site.
Generally contains the header, content area and sidebar.
----------------------------------------------------------- */
#wrap { margin-bottom: 1.250em; } 

/* @Focus Area -------------------------------------------- */
#focus { background-color: #f2f2f2; }

#focus-inner { 
	margin: 0 auto; 
	padding: 0.625em 0;
	width: 60.000em;
	}

/* @Header - Site ----------------------------------------- */
header.site {
	margin-bottom: 0;
}

header.site hgroup {
	float: left;
	margin: 0 0 1.000em 0;
	padding-top: 0;
	width: 50%;
}

header.site hgroup h1 {
	background: url('../images/logo.png') no-repeat 0 50%;
	background-size: cover;
	height: 2.500em;
	margin: 0 0 0.150em 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 7.250em;
}

header.site hgroup h1 a {
	display: block;
	height: 100%;
}

header.site hgroup p {	
	display: block;	
	padding: 0;
	text-align: left;
	}

header.site a.menu {	display: none;	}

header.site #searchform {
	float: right;
	margin-top: 3.000em;
	width: 30%;
}

header.site #revival {
	clear: none;
	float: right;
	margin: 0.938em 0 0 0;
	width: 13.000em;
}

header.site #revival p {
	font-size: smaller;
	margin-bottom: 0.616em;
}

header.site #revival img {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 13.000em;
}

/* @Navigation - Site
Site Navigation menu styling is in the 620px section
since moble devices don't need them.
----------------------------------------------------------- */
nav.site {
	border-bottom: 5px solid #bdc3c7;
	border-top: 5px solid #bdc3c7;
	display: block;
	margin: 0 0 1.250em 0;
	width: 100%;
}

nav.site button { display: none }

nav.site ul {
	background: transparent;
	clear: both;
	display: block;
	list-style: none;
	margin: 0 auto;
	max-height: 30.000em;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: center;
}

nav.site ul.nav li {
	display: inline-block;
	margin-right: -0.313em;
}

nav.site li {
	position: relative;
}

nav.site a {
	display: block;
	font-size: smaller;
	margin: 0;
	padding: 0.625em 1.250em;
	text-align: center;
}

nav.site a:hover,
nav.site .current-menu-item > a,
nav.site .current-menu-ancestor > a,
nav.site .current_page_item > a,
nav.site .current_page_ancestor > a {
	background-color: #7ea138;
	color: #ffffff;
}

/*nav.site ul ul {
	background-color: #eae8d9;
	background-color: rgba(53, 7, 92, 0.40);
	display: none;
	float: left;
	margin: 0;
	max-height: 30.000em;
	position: absolute;
	top: 100%;
	left: 1px;
	width: 100%;
	z-index: 99999;
}

nav.site ul ul li {
	float: none;
	width: 100%;
}

nav.site ul ul ul {
	left: 0;
	top: 100%;
}

nav.site ul ul a {
	font-weight: normal;
	height: auto;
	line-height: 150%;
	white-space: nowrap;
	min-width: 11.250em;
}
*/

nav.site ul li:hover > ul {	display: block;	}
	
.nav ul {	overflow: visible;	}

/* @Content Area ------------------------------------------------ */
#content {}

/* @Main Subarea ------------------------------------------------ */
#main {	
	float: left;
	margin-bottom: 2.000em;
	padding-right: 2.000em;
	position: relative;
	width: 70%;
}

/* @Article ----------------------------------------------------- */
article {
	border-bottom: 1px dotted #cfd7dc;
	margin-bottom: 1.500em;
	overflow: hidden;
	padding-bottom: 1.500em;
}

article:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

article video {
	display: block;
	float: none;
	margin: 0 auto 1.250em auto;
}

article img.alignleft {
	float: left;
	margin: 0 1.250em 1.250em 0;
}

article img.alignright {
	float:right;
	margin: 0 0 1.250em 1.250em;
}

article img,
article img.aligncenter,
article img.alignnone {
	display: block;
	margin: 0 auto 1.250em auto;
}

article img.no-border {
	background: none;
	border: none;
	padding: 0;
}

article .wp-caption {
	background-color: #fafafa;
	margin: 0 0 1.250em 0;
	padding: 0.313em;
}
	
article .wp-caption img {
	display: block;
	margin: 0 auto;
}

article .wp-caption-text {
	font-size: smaller;
	margin-bottom: 0;
}

article table.tbl {
	font-size: small;
	margin: 1.250 0;
	width: 100%;
}

article table.tbl td {	
	border: 1px solid #ccc; 
	padding: 0.313em;
}

/* Exceptions */
article .entry img { display: none; }
body.single article img {	display: inherit;	}
	
/* @Featured Image - 

The featured image you set in WordPress will be rendered as 
a background image so it will have a nice zoom in/out
effect when the user hovers over it.
	
Hover effects are in the 620px section since moble devices 
don't need them.
----------------------------------------------------------- */
.h_bgdiv {
	margin: 0 0 1.125em 0;
  overflow:hidden;
  position:relative;
  width: 100%;
}

.h_bgdiv a {
	display: block;
	margin: 0;
	padding: 0;
}

.h_bgdiv .ratio {
  display:block;
  opacity: 0;
  width:100%;
  height:auto;
}

.h_bgdiv div.feature {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:100%; 
  height:100%;
}

body.single .h_bgdiv {
	float: none;
	margin-left: 0;
	width: 100%;	
}

/* @Responsive iFrame for Video -

Use a transparent image to make videos in iframes (ala YouTube)
to keep the correct aspect ratio when being resized
Visit http://jsfiddle.net/Masau/7WRHM/ 
----------------------------------------------------------- */
.h_iframe {
	margin: 0 auto 1.250em auto;
	position: relative;
	width: 100%;
}

.h_iframe .ratio {
	background-color: none;
	border: none;
	display: block;
	height: auto;
	padding: 0;
	width: 100%;
}

.h_iframe iframe {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

body.home .h_iframe,
body.archive .h_iframe,
body.search .h_iframe {
	background-color: none;
	border: 0;
	display: block;
	float: right;
	height: auto;
	margin: 0 0 1.500em 0.625em;
	padding: 0;
	width: 45%;	
}

/* @Ad Areas ------------------------------------------------ */
.ads {
	position: relative;
}

.ads a {
	display: inline-block;
}

.ads a:nth-of-type(odd) {
	margin: 0 0.626em 0.313em 0.626em;	
}

.ads a:nth-of-type(even) {
	margin: 0 0 0.313em 0;
}

/* @Page Navigation -

These styles affect the navigation at the bottom of each list
of published posts and navigation between individual posts.
----------------------------------------------------------- */
nav.page-navigation {}

nav.page-navigation ol.panacea_page_navi {
	margin: 0 0 2.000em 0;
	padding: 0;	
}

nav.page-navigation ol.panacea_page_navi li {	float: left;	}

li.bpn-current {	padding: 0.625em;	}

nav.page-navigation ol.panacea_page_navi li a {
	display: block;
	padding: 0.625em;
}

nav.page-navigation ol.panacea_page_navi li a:hover {	background-color: #efefef;	}

nav.wp-prev-next {	margin: 0 0 2.000em 0;	}

nav.wp-prev-next div {
	float: left;
	width: 49%;
}

nav.wp-prev-next div.next {
	float: right;
}

/* @Footer - Site -------------------------------------------- */
footer.site {
	margin: 0 auto;
	padding: 1.250em 0;
	width: 90%;
	max-width: 75.000em;
}

footer.site .colophon {	
	clear: both;	
	text-align: center;
}

/* @Sidebar (Aside) - Site ----------------------------------- */
aside.site {
	float: right;
	font-size: smaller;
	padding: 1.125em 0 0 0;
	width: 30%;
}

aside.site .widget {
	float: none;
	margin-bottom: 1.250em;
	padding: 0;
	width: 100%;
}

aside .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

aside .widget ul li {
	margin-right: 0.750em;
}

aside .widget ul li a {
	display: block;
	padding: 0.625em 0.313em;
}

aside h4.widgettitle {
	border-bottom: 0.125em solid #677d2a;
	color: #677d2a;
	font-size: 1.250em;
	margin-bottom: 0.313em;
	padding-bottom: 0.313em;
}

/* @Sidebar Exceptions --------------------------------------- */
aside.site .widget_nav_menu.widget { display: block; }

aside.site .widget_twitter h4.widgettitle a { color: inherit; }

aside.site .widget_twitter ul li {
	margin-right: 0;
	padding: 0.625em 0.313em;
}

aside.site .widget_twitter ul li a {
	display: inline;
	padding: 0;
}

aside.site .widget_recent_comments ul li { padding: 0.625em 0.313em; }

aside.site .widget_recent_comments ul li a {
	display: inline;
	padding: 0;
}

aside.site .widget #mc_embed_signup {
	background-color: transparent;
	position: relative;
}

aside.site .widget #mc_embed_signup form {
}

aside.site .widget #mc_embed_signup .indicates-required {
	position: absolute;
		bottom: 2.500em;
		right: 0;		
}


/* @Sidebar 2 ------------------------------------------------ */
aside.sidebar2 { margin-bottom: 2.500em; }

aside.sidebar2 .widget {
	float: left;
	font-size: small;
	padding: 0 1.500em;
	width: 24.5%;
}

aside.sidebar2 .widget:first-of-type {
	width: 50%;	
}

/* @Comment List --------------------------------------------- */
commentlist {
	display: none;
	list-style: none;
	width: 100%;
}

.commentlist .author {
	display: block;
	float: left;
	width: 10%;
}
	
.commentlist .comment {
	float: right;
	padding: 0 0.625em 0.625em 0.625em;
	width: 88%;
}

.commentlist .comment p { margin-bottom: 0.313em; }

#content .commentlist article.singlecomment { 
	margin-bottom: 0.625em;
	padding-bottom: 0;
	position: relative; 
}

.commentlist .author img {
	background-color: none;
	border: 0;
	display: block;
	height: auto;
	padding: 0;
	width: 100%
}	

/* @Form - Comment ------------------------------------------- */
.commentform {
	background-color: #ffffff;
	border: 10px solid #fafafa;
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	display: none;
	margin: 1.250em 0;
	padding: 0.625em;
}

.commentform h5 {
	background-color: #fafafa;
	display: inline-block;
	margin-left: -0.625em;
	margin-top: -1.250em;
	padding: 0.625em 1.250em;
}

.commentform p.guidelines {
	margin-bottom: 0;
	font-size: 0.688em;
}

.commentform .button {
	border: none;
	display: block;
	margin: 0.625em 0;
}

/* @Form - Search -------------------------------------------- */
#searchform { margin-bottom: 1.250em; }

#searchform #s {
	display: block;
}

#searchform #s:focus {
	outline: none;
  box-shadow: 
    inset 0 0.125em 0 rgba(0,0,0,.2), 
    0 0 0.250em rgba(0,0,0,0.1),
    0 0 0.313em 0.063em #7ea138;
}

#searchform #searchsubmit {	display: none;	}

/* @Form - Contact -------------------------------------------- */
.contact-form {
	background-color: #ffffff;
	border: 10px solid #fafafa;
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	margin: 1.250em 0;
	padding: 0.625em;	
}

.contact-form div {	margin-bottom: 1.250em;	}

.contact-form div:last-of-type {	margin-bottom: 0;	}

.contact-form div br,
.contact-form p br {	display: none;	}

section.entry .contact-form input[type=text],
section.entry .contact-form input[type=email],
section.entry .contact-form input[type=url],
section.entry .contact-form div input,
section.entry .contact-form textarea {
	max-width: 100%;
	width: 100%;
}

.contact-form p.contact-submit {	display: inline-block;	}

.comment-subscription-form {
	float: left;
	margin-bottom: 0;
	margin-top: 1.125em;
	width: 50%;
}

.comment-subscription-form label {	font-weight: normal;	}


/* @Share with Friends - 

This styling is used for the Jetpack Sharing module. If 
you're not using Jetpack, you can delete this code.
http://wordpress.org/extend/plugins/jetpack/
----------------------------------------------------------- */
#content section.entry div.sharedaddy h3.sd-title {
	margin-right: 0.625em;
	padding-top: 0.188em;
	width: auto;	
}

section.entry div.sharedaddy .sd-content {
	float: left;
	width: auto;
}
				
/* @Classes ----------------------------------------------- */
.hide { display: none; }

.image-replacement {
  white-space: nowrap;
  overflow: hidden;
}

.no-margin { margin: 0; }

.nopassword,
.nocomments {
	margin: 26px 0;
}

.question { 
	background-color: #7ea138; 
	color: #ffffff;
	display: block;
	padding: 5px;
}

.special-p.postmetadata {
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
}

/* @WooSlider (#home-slider) ------------------------------ */
#home-slider {
	margin: 0 auto 1.000em auto;
	position: relative;
	width: 100%;	
	z-index: 0;
}

#home-slider img.spacer {
	border: 1px solid red;
	display: block;
	opacity: 0;
	position: relative;
	height: auto;
	width: 100%;
	z-index: -1;
}
#home-slider .wooslider {
	background: transparent;
	border: none;
	box-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 1;
}

#home-slider .slides {
	position: relative;
	width: 100%;
}

#home-slider .wooslider .slides > li {
	width: 100%;
}

#home-slider .wooslider .slide-content {
	margin: 0;
	width: 100%;	
}

#home-slider .wooslider .slide-content p {
	margin: 0;
}

#home-slider .wooslider .slide-content img {
	height: auto;
	margin: 0;
	width: 100%;
}

#home-slider .wooslider .wooslider-control-nav {
	top: auto !important;
	bottom: 0 !important;
}

#home-slider .wooslider .wooslider-control-paging li a.wooslider-active {
	background-color: #cc2357;
}

#home-slider .wooslider .layout-text-left {
}

#home-slider .wooslider .layout-text-left .slide-excerpt {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 0.625em;
	position: absolute;
	left: 0;
	bottom: 0;
}

#home-slider .wooslider .slide-excerpt {
	display: block;
	width: 35%;
}

#home-slider .wooslider .slide-excerpt .slide-title,
#home-slider .wooslider .slide-excerpt p {
	background: transparent;
	font-size: smaller;
	color: #333333;
}

#home-slider .wooslider .slide-excerpt p {
	font-size: x-small;
}

#home-slider .wooslider .slide-excerpt h2.slide-title { 
	font-size: 1.000em; 
	font-weight: bold;
}

#home-slider .wp-post-image {
	width: 100%;	
}

#home-slider .slide-excerpt { display: none; }


@media only print {
/* -----------------------------------------------------------
#  $$$$$$$\            $$\            $$\     
#  $$  __$$\           \__|           $$ |    
#  $$ |  $$ | $$$$$$\  $$\ $$$$$$$\ $$$$$$\   
#  $$$$$$$  |$$  __$$\ $$ |$$  __$$\\_$$  _|  
#  $$  ____/ $$ |  \__|$$ |$$ |  $$ | $$ |    
#  $$ |      $$ |      $$ |$$ |  $$ | $$ |$$\ 
#  $$ |      $$ |      $$ |$$ |  $$ | \$$$$  |
#  \__|      \__|      \__|\__|  \__|  \____/ 
#                                             
#                                             
#                                             
Stylesheet: Print
@Print

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.
----------------------------------------------------------- */
html {
  width:100%;
  }

body {
  margin:0;
  padding:0;
  font-size:12pt;
  line-height:16pt;
  background-color:#fff;
  color:#000;
  }

/* expand out abbreviations */
#bd abbr[title]:after, acronym[title]:after {
  content:"(" attr(title) ")"; 
  background-color:#fff; 
  color:#cccccc;
  }

/* Images ------------------------------------------------- */
img {
  display: block;
  border: 0;
  }

iframe,
.h_iframe,
video {
  display: none;
}

/* Layout ------------------------------------------------- */
#wrap {
  width:auto !important;
  }

#focus {
  color: #000;
  margin: 0 auto;
  padding: 0;
  width: auto;
  }
  
/* Suppressed divs for printing --------------------------- */
nav, 
aside.site, 
form, 
.commentlist .author {
  display:none !important;
  }

/* Headers ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  color: #000;
  }

/* Links -------------------------------------------------- */
a, a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  }

/* reveal link URLs or use the neater 
http://alistapart.textdrive.com/articles/improvingprint
----------------------------------------------------------- */
a:after, a:visited:after {
  content:" ("attr(href)")"; 
  font-size: 80%; 
  color: #303030;
  }

h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after {
  display: block;
  }

a img {
  border-width:0;
  }

.byline a {
  display: none;
  }
}/* DON'T DELETE THIS BRACKET */