@import url("library/css/bootstrap.min.css");

/******************************************************************
Theme Name: 23andMe Blog
Theme URI: http://blog.23andme.com
Description: Blog site for 23andme.com
Author: Immersus Media
Author URI: http://www.immersus.com/
Version: 2.0
Template: genesis
Template Version: 1.8
******************************************************************/

/******************************************************************
TABLE OF CONTENTS

01 - Normalize.css
	1a - Clearing Floats
	
02 - Commonly Used Elements (buttons, alerts, ect.)
	2a - Links
	2b - Selection Text
	2c - Buttons
	2h - Search Inputs		

03 - Desktop View
	3a - Wordpress Body Classes
		3a1 - Links & Text Selection
		3a2 - Text Selection
	3b1 - Wraps & Inner
	3d - Title & Headlines
	3c - Default Header & Custom #Header-Blog
		3c1 - Image Header (PARTIAL)
		3c4 - Header Search
	3d - Navigation
		3d1 - Nav Extras
		3d2 - SubNav
		3d3 - Nav Search
	3e - Posts & Content
		3e1 - Breadcrumbs
		3e2 - Descriptions
		3e3 - Post Classes
		3e4 - Post Info
		3e5 - Entry Content
		3e6 - Lists
		3e7 - Blockquotes
		3e8 - Datalists
		3e9 - Post Images
		3e10 - Post Videos
		3e11 - Wp-Caption
		3e12 - Post Galleries
		3e13 - Post Meta
		3e14 - Author Box
		3e15 - Featured Posts
	3f - Post Navigation
	3g - Sidebars & Asides
		3g1 - Sidebar 1
		3g2 - Sidebar 2
		3g3 - Widgets
	3h - Comments
		3h1 - Ping List
	3i - Comment Form
		3i1 - Form Validation
		3i2 - No Comments
	3j - Footer
		3j1 - Footer Widgets
	3k - Gravity Form Styles
		
04 - IE Fixes

05 - Print Stylesheet

******************************************************************/

/******************************************************************
=01 GENERAL NORMALIZE (http://necolas.github.com/normalize.css/)
******************************************************************/

/* clearing floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both; }

/*********************
=1a CLEARFIXING GENESIS
What's this? Fixing floats is one
of the oldest headaches in web design.
Instead of using overflow:hidden, we
are going to clear them using a cool
trick used in the HTML5 Boilerplate:
http://nicolasgallagher.com/micro-clearfix-hack/
To do this though, we have to manually add
the items we want to clearfix here.
Kind of a pain, yes, but it's a much more
natural solution.
*********************/
#inner:before,
#inner:after,
#title-area:before,
#title-area:after,
.entry-content:before, 
.entry-content:after,
.author-box:before,
.author-box:after,
.navigation:before,
.navigation:after,
.user-profile:before,
.user-profile:after,
.featuredpage:before,
.featuredpost:before,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:before,
.featuredpost .post:before,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:before,
#footer:after,
#footer-widgets:before,
#footer-widgets:after,
.wrap:before,
.wrap:after,
#comments:before,
#respond:before,
#comments:after,
#respond:after,
.menu:before,
.menu:after,
.breadcrumb:before,
.breadcrumb:after { content: ""; display: table; }
#inner:after,
#title-area:after,
.entry-content:after,
.author-box:after,
.navigation:after,
.user-profile:after,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:after,
.wrap:after,
#comments:after,
#respond:after,
#footer-widgets:after,
.menu:after,
.breadcrumb:after { clear: both; }
#inner,
#title-area,
.entry-content,
.author-box,
.navigation,
.user-profile,
.featuredpage,
.featuredpost,
.featuredpage .page,
.featuredpost .post,
#footer,
.wrap,
#comments,
#respond,
#footer-widgets,
.menu,
.breadcrumb { zoom: 1; }
				
/******************************************************************
=02 COMMONLY USED ELEMENTS
******************************************************************/

/* Misc and Overrides
------------------------------------------------------------ */
.container {
	z-index: 1;
}

.full-width {
	background:  #efefef;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:  20px 0;
	margin-bottom: 1.5em;
}

.btn-wide, button.btn-wide {
    display: block; text-align: center;
}

.well blockquote{
	border-color:#ddd;
	border-color:rgba(0, 0, 0, 0.15);
}

.modal {
    max-height:600px;
    width:662px;
}

.relative {
	position:  relative;
}

.center {
	text-align: center;
}

img.center {
	display: block;
	margin:  0 auto;
	text-align: center;
}

img.pull-right {
	margin: 0 0 10px 10px;
}

img.pull-left {
	margin: 0 10px 10px 0;
}

.well {
	border: none;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 15px;
	background: #ffffff;  
}

.well h3 {
	line-height: 1.1em;
	padding: 0;
	margin:  0;
	margin-bottom: .5em;
	font-size: 25px;
	color: #00a5d9;
}

/*********************
=2a LINKS
*********************/
a:link 		{color:#00a5d9;}
a:visited 	{color:#00a5d9;}
a:hover 	{color:#00a5d9;}
a:active 	{color:#00a5d9;}

/*********************
=2b SELECTION TEXT
*********************/
::-moz-selection {
	background-color: #0d72c7;
	color: #fff;
}

::selection {
	background-color: #0d72c7;
	color: #fff;
}

/* making sure buttons on the sidebar aren't tiny */
.sidebar input[type=button], .sidebar input[type=submit], .button{
	font-size: inherit;
}

input[type=submit] {
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type=submit]:hover,
input[type=submit]:active,
input[type=submit].active,
input[type=submit].disabled,
input[type=submit][disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

input[type=submit]:active,
input[type=submit].active {
  background-color: #cccccc \9;
}

input[type=submit]:first-child {
  *margin-left: 0;
}

input[type=submit]:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type=submit].active,
input[type=submit]:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type=submit].disabled,
input[type=submit][disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

input[type=submit]-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

input[type=submit]-large [class^="icon-"] {
  margin-top: 2px;
}

input[type=submit]-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px;
}

input[type=submit]-small [class^="icon-"] {
  margin-top: 0;
}

input[type=submit]-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 17px;
}

input[type=submit]-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=submit]-block + input[type=submit]-block {
  margin-top: 5px;
}

input[type="submit"]input[type=submit]-block,
input[type="reset"]input[type=submit]-block,
input[type="input[type=submit]"]input[type=submit]-block {
  width: 100%;
}

input[type=submit]-primary.active,
input[type=submit]-warning.active,
input[type=submit]-danger.active,
input[type=submit]-success.active,
input[type=submit]-info.active,
input[type=submit]-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

input[type=submit] {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

/*********************
=2h SEARCH INPUTS
*********************/
.s {
	margin: 10px -7px 0 0;
	padding: 6px 5px;
	width: 180px;
}

/*********************
=3a BODY CLASSES
*********************/
body {
	background-color: #f0f0f0;;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #707070;
	line-height: 22px;
}

.home #inner {
	padding: 0px 20px;
}

.catwidget .well {
	min-height: 310px;
	position: relative;
	margin-bottom: 18px;
}

.catwidget .well-bottom {
	margin-bottom: 25px;
}

.catwidget h4 {
	margin-top: 0;
}

.post-info {
	color: #707070;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: .6em;
	margin-top: 0px;
	line-height: 15px;
	display: inline-block;
}

.post-info a {
	font-weight: normal;
}

.slider {
	margin-bottom: 0px !important;	
}

.slider .well {
	border: none;	
	min-height: 20px;
	padding: 0px;
	margin-bottom: 25px;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	background: #ffffff;  
}

.slide-content-wrap {
	padding: 25px;
}

.page .slider h4 {
	color: #707070;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 15px;
	line-height: 15px;
}


/*********************
=3b1 WRAPS & INNER
*********************/
#wrap {
	height: auto;
	min-height: 100%;
	position: relative;
}

#shim {
	padding-bottom: 290px;
}

#content-sidebar-wrap {
	width: 750px;
	float: left;
}

.content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap {
	width: 100%;
}

.home #content-sidebar-wrap #content{
	width: 690px!important;
	padding: 0px;
	background: none;
	border-radius: none;
	margin-bottom: 0px;
}

.sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
}

#inner {
	padding: 0 20px 20px 20px;
	margin: 0 auto;
	width: 980px;
}

/*********************
=3c DEFAULT WP HEADER, CUSTOM #HEADER-BLOG
*********************/

#header {
	background-color: #ffffff;
}

#header-blog {
    position: relative;
    *z-index: 2;
}

#header .widget-area {
	margin-top: 12px;
}

.top-right {
	text-align: right;
	margin-top: 0px;
}

a.goto23andmeBtn {
	display: inline-block;
	font-size: 13px;
	color: #FFF;
	border: 1px solid #999999;
	padding: 0 12px 2px;
	background: #999999;
	border-radius: 16px;
	font-weight: 400;
	font-family:'AvenirNextLTW01-Regular',"Avenir Next", "Lucida Grande", Tahoma, Arial, sans-serif;
}

a.goto23andmeBtn:hover {
  text-decoration: none;
  color: #FFF;
  background: #808080;
}

/*Logo
-------------------------------------------------- */
li.logo {
	position: absolute;
	z-index: 500;
	top: -52px;
	left: 0px
}
li.logo a{ background: url('library/images/logo_blog.png') no-repeat; width: 193px; height: 96px!important; } 
li.logo a{ top: 12px; left: 0px; overflow: hidden; text-indent: -9999px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
       li.logo a {
       		background-image:url('library/images/logo_blog_2x.png');
            -moz-background-size: 193px 96px;
             -ie-background-size: 193px 96px;
              -o-background-size: 193px 96px;
	     -webkit-background-size: 193px 96px;
                 background-size: 193px 96px;
      }
}

/*********************
=3c1 IMAGE HEADER
*********************/
.header-image #title-area {
	float: left;
	width: 400px;
}
					
/*********************
=3c4 HEADER SEARCH
*********************/
#header .searchform {
	float: right;
	padding: 12px 0 0;
}

#header .s {
	margin: 10px -7px 0 0;
}

/*********************
=3d TITLES & HEADLINES
*********************/
h1,h2,h3,h4,h5,h6 {
	font-family:'Avenir Next LT W01 Demi',"Avenir Next", "Lucida Grande", Tahoma, Arial, sans-serif;
	font-weight: normal;
}

h1.underline {
    border-bottom-color: #B6B6B6;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: .5em;
    padding-bottom: .15em;
}

h1 em,h2 em,h3 em,h4 em,h5 em,h6 em {
    font-style:italic;
    }
    
h2 small {
	color:  #444;
}

h4, h4 a {
	color: #707070;
	font-size: 15px;
	line-height: 15px;
}
h4 a {
	color: #707070!important;
}
h5 {
	color:  #444;
	font-size: 13px;
}

/*********************
=3d NAVIGATION
*********************/
#navbar {
	background: #ffffff;
}

#navbar-inner {
	width: 980px;
    margin: 0 auto 40px;
    position: relative;
    z-index: 100;
    padding-bottom: 5px;
}
.navbar-heading {
    margin-left: 54px;
    font-size: 18px;
    line-height: 36px;
    text-shadow: 0 1px 0 #EEE;
}
.navbar-menu {
	float: right;
}
.navbar-menu li {
    display: inline;
    float: left;
    margin: 0px 17px;
    height: 19px;
}
.navbar-menu li a {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    color: #888888;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0px;
    position: relative;
    font-weight: 400;
    font-family:'AvenirNextLTW01-Regular',"Avenir Next", "Lucida Grande", Tahoma, Arial, sans-serif;

}
.navbar-menu li a:hover,
.navbar-menu li a:active,
.navbar-menu .current-menu-item a,
.navbar-menu .current-page-item a,
.navbar-menu .current-cat a,
.navbar-menu .current-menu-item a{
    color: #8bc355;
    text-decoration: none;
    position: relative;
}

.navbar-menu .current-menu-item a:before,
.navbar-menu li a:hover:before,
.navbar-menu .current-menu-parent a:before {
	position: absolute;
	content: "";
	height: 9px;
	bottom: -11px;
	width: 109%;
	left: -4%;
	z-index: 500;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
	border-radius: 18px;
	background: #8bc355;
}

.navbar-menu li ul li.current-menu-item a:before,
.navbar-menu li.current-menu-parent ul li a:before,
.navbar-menu li ul li.current-post-ancestor a:before,
.navbar-menu li.menu-categories a:before,
.archive .navbar-menu li.menu-categories li a:before{
	content: none;
}

.archive .navbar-menu li.menu-categories a:before {
	content: "";
}


#searchform {
    margin-top: 6px;
    margin-bottom: 0;
    text-align: right;
}
.navbar-search-input {
    display: inline-block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    font-size: 12px;
    color: #fff;
    padding: 3px 3px 3px 8px;
    margin: 0;
    width: 150px;
    height: 17px;
    border: none;
    background: #333;
    background-image: linear-gradient(bottom, rgb(128,130,133) 23%, rgb(88,89,88) 60%);
    background-image: -o-linear-gradient(bottom, rgb(128,130,133) 23%, rgb(88,89,88) 60%);
    background-image: -moz-linear-gradient(bottom, rgb(128,130,133) 23%, rgb(88,89,88) 60%);
    background-image: -webkit-linear-gradient(bottom, rgb(128,130,133) 23%, rgb(88,89,88) 60%);
    background-image: -ms-linear-gradient(bottom, rgb(128,130,133) 23%, rgb(88,89,88) 60%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(128,130,133)), color-stop(0.6, rgb(88,89,88)));
}

#navbar .navbar-menu, #navbar .navbar-menu li:first-child {
	margin: 0; padding-left:  0;
}

.navbar-search-input:-moz-placeholder {
    color: #fff;
}
.navbar-search-input::-webkit-input-placeholder {
    color: #fff;
}
#searchform .placeholder {
    color: #fff; 
}


.navbar li a.sf-with-ul, 
#subnav li a.sf-with-ul {

	}

	li a .sf-sub-indicator {
		display: none;
	}
	
	li li a .sf-sub-indicator {}



.menu {
	clear: both;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	color: #333;
}

.menu-primary {
	border-top: 1px solid #ddd;
}

.menu-secondary {
	border-top: 0;
}

.menu li {
	float: left;
}
			
.menu li a {
	border-right: 1px solid #ddd;
	display: block;
	padding: 5px 15px 4px;
	border-bottom: 0;
	color: #333;
	font-size: 0.87em;
}

/* hover & current page highlight */
.menu li a:hover,
.menu li a:active,
.menu .current_page_item a,
.menu .current-cat a,
.menu .current-menu-item a {
	background-color: #fff;
	color: #333;
}
			
/* drop downs & sub menus */
#navbar li ul {
	display: block;
	position: absolute;
	height: auto;
	left: -9999em;
	margin: 0px;
	/*width: 275px;*/
	z-index: 8999;
	background: #ffffff;
	box-shadow: 0px 3px 0px 1px #d4d4d4;
	-webkit-box-shadow: 0px 3px 0px 1px #d4d4d4;
	-moz-box-shadow: 0px 3px 0px 1px #d4d4d4;
    padding-top: 12px;
    top: 19px;
}


#navbar li ul:before {
	position: absolute;
	content: "";
	height: 9px;
	top: 1px;
	width: 102%;
	/*left: -1.2%;*/
	left: -3px;
	z-index: 500;
	border-radius: 18px;
	background: #8bc355;
}

#navbar li ul li, 
#navbar li ul li:first-child {
	/*width: 249px;*/
	padding: 2px 0px;
}

#navbar li ul li:first-child {
	height: 27px;
	margin-top: -3px;
}

#navbar li ul li {
	height: 27px;
	margin-left: 0px!important;
}

/* show sub-menu on hover */
#navbar li:hover > ul {
	left: auto;
}

#navbar li li a, 
#navbar li li a:link,
#navbar li li a:visited {
	font-size: 16px;
	line-height: 27px;
	height: 27px;
	color: #707070;
	text-decoration: none;
	display: inline-block;
	padding: 0 14px 0px 12px;
	margin-top: 0px;
	width: 100%;
	text-align: left;
	border-radius: 0px;
}

#navbar li li a:hover, 
#navbar li li a:focus,
#navbar li li.current-menu-item a {
	color: #ffffff;
	width: 100%;
	text-decoration: none;
	text-align: left!important;
	background-color: #8bc355;
}

#navbar li li a:hover:before {
	content: none;
}

#navbar li li:last-child {
	margin-bottom: 7px;
}
	
/*-- Nav dropdown transition --*/							
#navbar li ul li {
    width: 90px;
    overflow: hidden;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

#navbar li:hover ul li {
    width: 275px;
    overflow: hidden;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

#navbar li ul {
    width: 90px;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    transition: width .2s ease-in;
}

#navbar li:hover ul {
    width: 275px;
    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    transition: width .2s ease-in;
}
			
/*********************
=3d1 NAV EXTRAS
*********************/
.menu li.right {
    display: inherit;
    float: right;
    font-size: 0.875em;
    padding: 5px 15px 4px;
}
.menu li.right a {
	background: none;
	border: 0;
	display: inline;
	font-size: inherit;
}
.menu li.right a:hover {
	color: #0d72c7;
}
							
/*********************
=3d3 NAV SEARCH
*********************/
#navbar li.search {
	float: right;
	margin-right: 0px!important;
}

#navbar .s {
	font-size: 13px;
	width: 129px;
	height: 18px;
	margin: 0;
	border: solid 1px #888888;
	border-radius: 10px;
	background: transparent;
	vertical-align: bottom;
	display: inline-block;
	padding: 0 8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #888888;
}

#navbar .searchsubmit {
	display: none;
}
			
/*********************
=3e POSTS & CONTENT
*********************/
#content {
	float: left;
	width: 510px;	
}

/* layout options */
.content-sidebar #content, .sidebar-content #content {
	width: 640px;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 15px;
	background: #ffffff; 	
}
.sidebar-content #content, .sidebar-sidebar-content #content {
	float: right;
}
.full-width-content #content {
	width: 910px;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 15px;
	background: #ffffff;
}
.home .span9 .inner, .slider .span9 .inner, #inside_footer .span9 .inner {
	padding-right: 10px;
}
.home #inner {padding-bottom:20px!important;}


/*********************
=3e1 BREADCRUMBS
*********************/
.breadcrumb {
	margin: -10px 0 30px;
	font-size: 0.875em;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

/*********************
=3e2 DESCRIPTIONS
*********************/
.taxonomy-description {
	margin: -10px 0 30px;
	background-color: #fff;
}

.first {margin-left:0px}

/*********************
=3e3 POST CLASSES
*********************/
.post {
	padding: 0;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.single .post {
	border-bottom: none;
}

.single hr {
	margin: 20px 0px 30px;
}

.page {
	padding: 0;
}

.sticky {
	background-color: #f5f5f5;
	margin: -10px 0 40px;
	padding: 20px;
} /* sticky post style */
	
/*********************
=3e5 ENTRY CONTENT
*********************/
/*general or shared clases for interior pages */
h2 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 35px;
	color: #707070;
	line-height: 35px;
}
h2 span {
	color: #8bc355;
	font-size: 35px;
}
.single div.post-info,
.archive div.post-info,
.search div.post-info,
.blog div.post-info {
	margin-bottom: 1em;
	margin-top: 0px;
	color:  #858585;
}
.single div.post-info {
	margin-bottom: 0px;
}
h2.entry-title {
	margin-bottom: 5px;
	color:  #00a5d9;
	font-size: 25px;
	line-height: 25px;
}
.single h2.entry-title {
	margin-bottom: 20px;
	font-size: 35px;
	color: #8bc355;
	line-height: 35px;
}
.entry p.post-info {
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: normal;
}
.tags {
	font-size: 13px;
}

.rightside {
	width: 115px;
	margin-left: 10px;
}

.rightside .commentlink {
	float: right;
	color: #707070;
	text-decoration: none;
	font-size: 13px;
	
}

.rightside .commentlink:hover {
	text-decoration: underline;
}

.single .post-meta {
    margin-top: 15px;
	margin-bottom: 20px;
}

.single .flare-horizontal.enablecounters.flare-position-bottom,
.single .flare-horizontal.enablecounters.flare-position-bottom-left {
/* 	margin-top: 40px!important; */
}

/*search page*/
.search h1 {
	margin-top: 0px;
}

/*basic pages*/
.page h1.entry-title {
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 35px;
	color: #8bc355;
	line-height: 35px;
}
.page h4 {
	color: #8bc355;
	font-size: 18px;
	line-height: 18px;
}
.page .profile-wrap {
	padding-left: 10px;
	padding-top: 5px;
}

.page-template-template-sitemap-php h4 {
	color: #707070;
}

.sitemap-wrap {
	margin-bottom: 20px;
}

/*search page*/


/*archive / category pages */
.archive .meta {
    max-width: 500px;
}
	
/*********************
=3e6 LISTS
*********************/

.entry-content ul {
	margin-left: 0px!important;
}

.entry-content ul li {
	list-style-type: none!important;
}

.entry-content ul ul,
.entry-content ol ol {
    padding-bottom: 0;
}

/*********************
=3e7 BLOCKQUOTES
*********************/
.entry-content blockquote {
    margin: 5px 5px 20px;
    padding: 25px 30px 5px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
} 

blockquote p {
    color: #999;
    font-style: italic;
}

/*********************
=3e9 POST IMAGES
*********************/
.entry-content img {
    height: auto;
    max-width: 100%;
}

.post-image {
    margin: 0 10px 10px 0;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 4px;
}

.alignnone, 
img.alignnone {
    display: inline;
    margin: 0 0 10px;
}

.alignleft, 
img.alignleft {
    display: inline;
    float: left;
    margin: 0 15px 10px 0;
}

.alignright, 
img.alignright {
    display: inline;
    float: right;
    margin: 0 0 10px 15px;
}

.aligncenter, 
img.aligncenter, 
.entry_content .centered {
    display: block;
    margin: 0 auto 10px;
}

.fillerimg {
	width: 200px;
	height: 200px;
}


a.post-link img, .catfeatured, .avatar {
	margin: 0 0 10px 15px;
	float: right;
	position:relative;
}

.home a.post-link img {
	float: left;
	margin: 0 25px 0 0;
	border: 0px;
}

.page .profilepic {
	margin-top: 10px;
}
    
/*********************
=3e10 POST VIDEOS
*********************/
.entry-content pre, 
.entry-content code {
    font-size: 0.875em;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.entry-content iframe {
	margin: 30px 0px;
}

/*********************
=3e11 WP-CAPTION
*********************/
.wp-caption {
    padding: 0px;
    text-align: center;
}

.wp-caption img {}
.wp-caption .wp-caption-text {
    font-size: 13px;
    padding: 5px;
    text-align: left;
}

/*********************
=3e13 POST META
*********************/
.post-meta {
	margin-bottom: 10px;
}

/*********************
=3e14 AUTHOR BOX
*********************/
.author-box {
	margin: 0 0 40px;
	background-color: #f5f5f5;
	padding: 10px;
}

.author-box p {
		font-size: 0.875em;
	}
	
.author-box .avatar { 
	background-color: #fff;
	float: left;
	margin: 0 10px 0 0;
}

/*********************
=3e15 FEATURED POSTS
*********************/
.genesis-grid-even, 
.genesis-grid-odd {
	margin: 0 0 20px;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even {
	float: left;
}

.genesis-grid-odd {
	float: right;
	clear: both;
}

.featuredpage,
.featuredpost {
	clear: both;
	margin: 0 0 15px;
}

.featuredpage img,
.featuredpost img {
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.featuredpage .page,
.featuredpost .post {
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px;
	padding: 5px 15px 10px;
}

.more-from-category {
	padding: 5px 15px 0;
}

/*********************
=3f POST NAVIGATION
*********************/
.pagination,.navigation {
	height: 40px;
	margin: 20px 0;
}

.pagination ul,.navigation ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: -3px;
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	      border-radius: 3px;
	list-style: none;
	*zoom: 1;
}

.pagination ul > li, .navigation ul > li {
	display: inline-block;
	float: left;
	margin: 0 3px;
	line-height: 36px;
}

.pagination ul > li > a,
.pagination ul > li > span,
.navigation ul > li > a,
.navigation ul > li > span{
	padding: 8px 13px;
	line-height: 38px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.navigation ul > li > a:hover,
.navigation ul > .active > a,
.navigation ul > .active > span {
	background-color: #f3f3f3;
}

.pagination ul > .active > a,
.pagination ul > .active > span,
.navigation ul > .active > a,
.navigation ul > .active > span {
	color: #999999;
	cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.navigation ul > .disabled > span,
.navigation ul > .disabled > a,
.navigation ul > .disabled > a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.navigation ul > li:first-child > a,
.navigation ul > li:first-child > span {
	  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
	 -moz-border-radius: 3px 0 0 3px;
	      border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.navigation ul > li:last-child > a,
.navigation ul > li:last-child > span {
	-webkit-border-radius: 0 3px 3px 0;
	   -moz-border-radius: 0 3px 3px 0;
	        border-radius: 0 3px 3px 0;
}

.pagination-centered,
.navigation-centered {
	text-align: center;
}

.pagination-right,
.navigation-right {
	text-align: right;
}


/*********************
=3g1 SIDEBAR
*********************/
#sidebar {
	float: right;
	display: inline;
	width: 226px;
	padding-right: 20px;
}

.sidebar-content #sidebar, 
.sidebar-sidebar-content #sidebar {
	float: left;
}

/* maybe, we'll use this later :)
.cta-box {
	background: #26acc9;
	color: white;
	padding:  10px;
	
}
.cta-box img {
	max-width: 100%;
	margin-bottom: 10px;
}

.cta-box h3, .cta-box h4 {
	color:  #fff;
	font-family: 'Signika Negative', Georgia, serif;
	margin-top: 0; padding-top: 0; line-height: 1em;
	letter-spacing: .5px;
}
.cta-box h3 span {
	color: #454545; font-size:  .8em;
}
.cta-box h3 span em {
	font-style: normal;
	text-decoration: line-through;
}

.cta-box .btn {
	padding:  8px 24px;
	display: block;
	width:  100%;
	margin-bottom: none;
}

.cta-box a.btn {
	width: 150px;	
}

.cta-box form {
	margin:  0;
}

form.purchase {
	border: 4px solid #a6dfee; background: #a6dfee;
	-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
}

.rounded-corners {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.btn-primary {
	background-color:#d90a61;
	background-image:-moz-linear-gradient(top, #d90a61, #b91359);
	background-image:-ms-linear-gradient(top, #d90a61, #b91359);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d90a61), to(#b91359));
	background-image:-webkit-linear-gradient(top, #d90a61, #b91359);
	background-image:-o-linear-gradient(top, #d90a61, #b91359);
	background-image:linear-gradient(top, #d90a61, #b91359);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d90a61', endColorstr='#b91359', GradientType=0);
	border-color:#b91359 #b91359 #b91359;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.45);
	font-size: 16px;
}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{
	background-color:#b91359;
	color: #fff;
}
.btn-primary:active,.btn-primary.active{
	background-color:#b91359 \9;
}
*/

/* Tooltip */
.tooltip-inner {
	background-color: #454545;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #454545;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #454545;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #454545;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #454545;
}

/*********************
=3g3 WIDGET STYLES
- general styles
- find us on
- subscribe
- recent comments
- additional info.
*********************/

/*general styles*/
.widget {
    margin-bottom: 40px;
}
.widget-area h4 {
    color: #7ac144;
    font-size: 25px;
}
.widget ul, .widget ol {
	padding: 0px;
	margin: 0 0 0 20px;
	list-style-type: none;
}
.widgettitle {
	padding-bottom:  5px;
}

/******** AD UNIT ***********/
a.adunit {
	background: url('library/images/adUnit_blog.png') no-repeat 0px 0px;
	width: 226px;
	height: 170px;
	display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
       a.adunit {
       		background-image:url('library/images/adUnit_blog_2x.png');
            -moz-background-size: 226px 170px;
             -ie-background-size: 226px 170px;
              -o-background-size: 226px 170px;
	     -webkit-background-size: 226px 170px;
                 background-size: 226px 170px;
      }
}

/******** FIND US ON ********/

.social-icons {
	background: url('library/images/social_icons.png') no-repeat 0px 0px transparent;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin: 0 7px 0 0;
	position: relative;	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
       .social-icons, .twitter-icon, .google-icon, .youtube-icon, .linkedin-icon, .rss-icon, .facebook-icon {
       		background-image:url('library/images/social_icons_2x.png');
            -moz-background-size: 224px 30px;
             -ie-background-size: 224px 30px;
              -o-background-size: 224px 30px;
	     -webkit-background-size: 224px 30px;
                 background-size: 224px 30px;
      }
}
.twitter-icon {
	background-position: -39px 0;
}
.google-icon {
	background-position: -78px 0;
}
.youtube-icon {
	background-position: -116px 0;
}
.linkedin-icon {
	background-position: -155px 0;
}
.rss-icon {
	background-position: -194px 0;
}
.social-icons:hover {
	opacity: .7;
}


/******** SUBSCRIBE ********/
.gform_widget ul {
	margin: 0;	
}

.gform_widget ul li {
	padding-left: 0;
	background: none;
}

.subscribe ul li{
	list-style-type: none;
}
.subscribe input {
	border-radius: 0px;
	width: 211px;
	color: #707070;
	box-shadow: none;
}
.subscribe label {
	display: none;
}
.subscribe .gform_footer {
	text-align: right;
}
.subscribe .btn {
	border-radius: 24px;
	background: #db0962;
	padding: 7px 19px;
	font-size: 16px;
	color: #ffffff;
	text-shadow: none;
	border: 0px;
	font-weight: 400;
	font-family:'AvenirNextLTW01-Regular',"Avenir Next", "Lucida Grande", Tahoma, Arial, sans-serif;
}
.subscribe .btn:hover, .subscribe .btn:focus {
  	background-color: #b30558;
}
.subscribe .validation_message {
	color: #db0962;
	font-style: italic;
	font-size: 13px;	
}


/******** RECENT COMMENTS & ADDITIONAL INFO ********/
.widget_pages ul {
	margin-left:  0px;
	padding-left: 0px;
}
.widget_pages ul li, .widget_recent_comments ul li {
	margin-bottom: 5px;
}
.widget_recent_comments ul li {
	list-style-type: disc;
}


/******** RECENT, RANDOM, & POPULAR POSTS ********/
/*ACCORDION*/
.accordion-content h3 {
	margin-bottom: 0px;
	color: #707070;
	font-size: 18px;
}

.accordion-content dt {
	padding: 20px 0px;
}

.accordion-content.well {
	padding-top: 0px;
	padding-bottom: 0px;
}



.accordion-content dl {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	margin-bottom: 0px;
	margin-top: 0px;
}

.accordion-content dd {
	margin-left: 0px;
}

.accordion-content ul {
	margin: 0px;
	padding: 0 0 25px 0;
	display: block;
	clear: both;
}

.accordion-content #recent ul li, .accordion-content #random ul li, .accordion-content #popular ul li {
	margin-bottom: 10px;
	list-style-type: none;
	line-height: 16px;
}

.accordion-content hr {
	margin: 0px;
}

.plus {
    content: "";
    background: url('library/images/down.png') no-repeat 0px 0px transparent;
    display: inline-block;
    position: relative;
    bottom: -2px;
    right: 0px;
    width: 20px;
    height: 15px;
    float: right;
    z-index: 1;
}
.minus{
    content: "";
    background: url('library/images/up.png') no-repeat 0px 0px transparent;
    display: inline-block;
    position: relative;
    bottom: -2px;
    right: 0px;
    width: 20px;
    height: 15px;
    float: right;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
       .plus {
			background: url('library/images/down_2x.png') no-repeat 0px 0px transparent;
            -moz-background-size: 20px 15px;
             -ie-background-size: 20px 15px;
              -o-background-size: 20px 15px;
	     -webkit-background-size: 20px 15px;
                 background-size: 20px 15px;
		}
		.minus {
		    background: url('library/images/up_2x.png') no-repeat 0px 0px transparent;
            -moz-background-size: 20px 15px;
             -ie-background-size: 20px 15px;
              -o-background-size: 20px 15px;
	     -webkit-background-size: 20px 15px;
                 background-size: 20px 15px;
		}
}

.accordion-content .post-info {
	margin: 0px;
	font-weight: normal;
}

.popular-posts {
	margin-bottom: 0px;
}

.wpp-date {
	display: inline-block;
}

.wpp-date:first-letter {
	text-transform: capitalize;
}				
					
/*********************
=3j FOOTER STYLES
*********************/

#inside_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 290px;
    background: #ffffff;
}

#footlegal {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	color: #999;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 0;
	width: 940px;
	height: 259px;
}	

#footlegal a {
	text-decoration: none;
}

#footlegal .btn-info {
	color:  #fff;
}

.footer .widget {
	margin-bottom: 1em;
}

.btn-wide, button.btn-wide {
	display: block!important;
	text-align: center!important;
}

.sidebar #mc_embed_signup .btn {
	display: inline-block;
	float: right;
	width: auto;
	text-transform: lowercase;
}

.sidebar #mc_embed_signup .btn:hover {
	color: #ffffff;
}

/*********************
RELATED POST PLUGIN STYLES
*********************/
h3.related-posts-title {
	color: #8bc355;
	font-size: 18px;
	line-height: 18px;
	margin-top: 0px;
}
ul#related_posts_thumbnails {
	list-style: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
}
ul#related_posts_thumbnails li {
	float: left;
	padding: 0;
	margin: 0;
	padding: 3px;
	padding-top: 0;
	display: block;
	background-color: #fff;
}
ul#related_posts_thumbnails li a {
	display: block;
	width:  100px;
	overflow: hidden;
	height: 100px;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.1em;
	margin-top:  7px;
	color: #707070;
}
ul#related_posts_thumbnails li:hover, ul#related_posts_thumbnails li a:hover {
	background: #f0f0f0;
}

/*********************
Po.st social share overrides
*********************/

.single .entry-content .pw-widget {
	margin-top: 20px;
	margin-bottom: 30px;
}


/*********************
MISC. STYLES
*********************/
#disqus_thread {
	margin-bottom: 20px;
}

/*-- Pager --*/
.pager a,.single .pager span {
	background: #8bc355 !important;  
	border: 0px solid #ececec;
	color: #ffffff;
}
.pager a:hover {
	background: #49aa49 !important;
}


/******************************************************************
=04 IE FIXES
******************************************************************/
/*
These fixes are outside of any media query so be careful. You have to
use the modernizr classes to style them. For examples on how to do this, 
check out this link:
http://www.modernizr.com/docs/
You can use something like:  .no-textshadow .class { ... }
You can also target specific versions by using something like: .ie7 .class { ... }
*/

/* drop downs & sub menus */
.ie7 #navbar li ul {
	display: block;
	position: absolute;
	height: auto;
	left: -9999em;
	margin: 9px 0 0 -13px;
	width: 214px;
	z-index: 8999;
	background: blue;
    zoom: 1;
}
.row-fluid .first {
  margin-left: 0;
}

.ie8 #navbar li ul {
	background: #e3e3e3;
}


/******************************************************************
=05 PRINT STYLESHEET
******************************************************************/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
    @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
} /* end of print stylesheet (DO NOT DELETE) */