/* =============================================================================
   Base
   ========================================================================== */

/* GREEN = #51c73c */

/* fix bootstrap.css */

body.media-spannabis-2011,
body.media-spannabis-2012 {
	margin: 0;
	width: 100%;
}

a {
	color: #51c73c;
	font-weight: bold;
}

a:hover {
	color: black;
	font-weight: bold;
}

.img {
	border: 3px solid white;
	box-shadow: 0px 0px 3px rgba(0,0,0,.5);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a,
h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'MuseoSans500';
	font-weight: normal;
}

blockquote {
	background: #51c73c;
	padding: 15px;
	margin: 10px 0 10px 0;
	border-left: 0;
}

blockquote p { 
	font-family: 'MuseoSans500';
	line-height: 1.2;
	color: white;
	font-size: 22px;
}


blockquote {

}

input:focus,textarea:focus{
	border-color:rgba(81, 199, 60, 0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(81, 199, 60, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(81, 199, 60, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(81, 199, 60, 0.6);
	outline:0;outline:thin dotted \9;
}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

input, textarea {
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}

.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-dark.active{color:rgba(255, 255, 255, 0.75);}
.btn-primary{background-color:#51c73c;background-image:-moz-linear-gradient(top, #51c73c, #3aad26);background-image:-ms-linear-gradient(top, #51c73c, #3aad26);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#51c73c), to(#3aad26));background-image:-webkit-linear-gradient(top, #51c73c, #3aad26);background-image:-o-linear-gradient(top, #51c73c, #3aad26);background-image:linear-gradient(top, #51c73c, #3aad26);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51c73c', endColorstr='#3aad26', GradientType=0);border-color:#3aad26 #3aad26 #002a80;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);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#3aad26;}
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}


p.error {
	font-weight: bold;
	color: red;	
}

p.success {
	font-weight: bold;
	color: #51c73c;
}

/* honey pot */
#test_grow_form .lb,
#contact_form .lb {
	display: none;
}


/* =============================================================================
   Header
   ========================================================================== */

#banner .cbd-navbar {
	width: 100%;
	background: black;	
}

#banner nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#banner nav ul li {
	padding: 0;
	margin: 0;
	float: left;
}

#banner .nav {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}

body.parent-pageid-240 .menu-media a,
body.single-post .menu-news a,
body.tag .menu-news a,
body.date .menu-news a,
body.single-varieties .menu-cbd-rich-varieties a,
body.tax-types .menu-cbd-rich-varieties a,
#banner .nav .current-menu-item {
	background-color: black;
	background: #51c73c;
	color: white;	
}

#banner .nav>li>a {
	font-weight: bold;
	display: table-cell;
	padding: 10px 12px 10px 12px;
	color: white;
	text-align: center;
	height: 37px;
	vertical-align: middle;
}

#banner .nav>li>a:hover{
	text-decoration: none;
	background-color: black;
	background: #51c73c;
	color: white;
}

#banner .cbd-collaboration {
	float: right;
	text-align: right;
	font-size: 18px;
	line-height: 1.4;
	padding-top: 55px;
}

/* Fixed Topbar Navigation */
/* body { padding-top: 60px; } */
/* body.admin-bar .navbar-fixed-top { top: 28px; } */



/* =============================================================================
   Content
   ========================================================================== */

#content { }

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

ul.arrowed li {
	background: url('../img/arrow.png') no-repeat;
	padding-left: 40px;
}


/* =============================================================================
   Primary Content
   ========================================================================== */

#main { }

/* Front Page */

.cbd-launch-container {
	
}

.cbd-launch {
	width: 100%;
	height: 320px;
	background: white url('../img/cbd-launch-bg.png');
	margin-top: 30px;
	margin-bottom: 30px;
}

.cbd-launch .howard {
	float: left;
	margin-left: 60px;
}

.cbd-launch .cbd-launch-info {
	float: left;
	width: 640px;
	padding-left: 30px;
}

.cbd-launch p {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.4;
}


.cbd-launch p.subtitle {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
}

.cbd-launch .cbd-launch-info .w {
	float: left;
	padding-right: 5px;
}

.cbd-launch .cbd-launch-info  h1 {
	font-size: 62px;
	color: white;
	padding: 63px 0 55px 0;
}

img.cbd-launch-variety {
	margin: 15px 0 15px 0;
}

.interview .cbd-crew-above {
	float: right;
	padding-right: 30px;
}

.interview .cbd-crew-below {
	float: right;
}

/* Pages */

.page-header {
	width: 100%;
	height: 100px;
	background: white url('../img/page-title-bg.png');
	margin-top: 10px;
	border: 0;	
}

.page-header img {
	float: left;
	margin-right: 30px;
}

.page-header h1 {
	font-size: 48px;
	color: #51c73c;
	padding: 39px 0 0;
}

.home-gallery {
	position: relative;
}

.home-gallery .home-gallery-link {
	position: absolute; 
	margin-top: 305px; 
	z-index: 101;
}

.home-gallery .slideshow {
	width: 620px; 
	height: 390px; 
	z-index: 99;
}

.page-header-home {
	margin-top: 10px;
	background: white url('../img/page-title-bg-home.png');
}

.page-header-home h1 {
	color: white;
	text-align: center;
}

.cbd-home-spacer {
	height: 40px;
}


.page-header-featured-image {
	margin-top: 30px;
}

.page-header-varieties h1 {
	float: left;
}

.page-header-varieties a {
	float: right;
	display: block;
	height: 82px;
	margin-top: 22px;
	line-height: 3.1;
	font-family: 'MuseoSans500';
	font-weight: normal;	
	font-size: 26px;
	background: #ecf7e6;
	padding: 0 30px 0 30px;
}

.page-header-varieties a.active,
.page-header-varieties a:hover {
	background: #d8eecd;
	color: black;
}

.page-header-varieties a.feminized {
	background: url('../img/varieties-feminized.png');
	padding: 0 30px 0 60px;
}

.page-header-varieties a.feminized-active,
.page-header-varieties a.feminized:hover {
	background: url('../img/varieties-feminized-active.png');
	color: black;	
}

.page-header-varieties a.regular {
	background: url('../img/varieties-regular.png');
	padding: 0 30px 0 60px;
}

.page-header-varieties a.regular-active,
.page-header-varieties a.regular:hover {
	background: url('../img/varieties-regular-active.png');
	color: black;
}

.variety-list .variety {
	padding: 0 0 10px 0;
}

.variety-list .variety img {
	margin: 0 0 10px 0;
}

.variety-container {
	margin-top: 30px;
}

.variety-container-feminized {
	background: url('../img/sex-feminized.png') no-repeat;
	background-position: top right;
}

.variety-container-regular {
	background: url('../img/sex-regular.png') no-repeat;
	background-position: top right;
}

.variety-container .variety-specs {
	padding: 20px;
	box-shadow: 0px 0px 25px rgba(0,0,0,.2);
}

.no-boxshadow .variety-container .variety-specs,
.lt-ie9 .variety-container .variety-specs {
	border: 1px solid #e5e5e5;
}

.variety-container .variety-specs .variety-image {
	float: left;
}

.variety-container .variety-specs .variety-image .buy-now {
	text-align: center; padding: 10px 0 10px 0; clear: both;	
}

.variety-container .variety-list {
	margin-top: 20px;
}

.variety-container .variety-menu {
	list-style: none;
	padding: 0;
	margin: 10px 0 10px 0;
}

.variety-container span.variety-type {
	padding: 0 0 0 15px;
	font-weight: bold;
	text-align: left;
	display: block;
	text-transform: uppercase;
}

.variety-container .variety-menu a {
	display: block;
	line-height: 2;
	padding: 5px 0 5px 15px;
	width: 225px; 	
	text-align: left;
}

.variety-container .variety-menu a:hover {
	background: #eaf5e3;
}


.variety-container .variety-menu a.active {
	background: #51c73c;
	color: white;
}

.variety-container .img {
	float: left;
}

.variety-container .variety-description {
	float: left;
	width: 410px;
	padding: 0 0 0 20px;
}

.variety-container .variety-description h1 {
	padding-right: 60px;
}

.variety-container .variety-description p {
	padding: 10px 60px 10px 0;
}

.variety-container .variety-description table td {
	width: 205px;
	background: #51c73c;
	color: white;
	border-bottom: 1px solid #8fe380;
}
.variety-container .variety-description table td.last {
	border-bottom: 0;
}

.variety-container .variety-description table td.feature {
	text-align: right;
	padding: 4px 8px 4px 8px;	
}

.variety-container .variety-description table td.value {
	background: #65d850;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
}

.variety-container table.report {
	margin: auto;
}

.variety-container table.report .c {
	background: url('../img/colors.png') no-repeat;
	padding-left: 20px;	
}

.variety-container table.report .c1 {
	background-position: 3px 3px;
}

.variety-container table.report .c2 {
	background-position: 3px -15px;
}

.variety-container table.report .c3 {
	background-position: 3px -33px;
}

.variety-container table.report .c4 {
	background-position: 3px -51px;
}

.variety-container table.report td {
	border: 1px solid #d1d1d1;
	padding: 10px 30px 10px 15px;
}

.variety-container .variety-analysis {
	margin-top: 20px;
	margin-bottom: 20px;
}

.variety-container .variety-gallery h1 {
	padding: 0 0 20px 0;
}

.variety-container .variety-gallery img {
	margin: 0 11px 11px 0;
}

body.page .container .row img.img {
	margin: 10px 20px 10px 0;
}



/* =============================================================================
   Sidebar
   ========================================================================== */

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f4f9f0;
	border: 1px solid #eaf5e3;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


aside#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 10px 0;
}



/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }


article.post header h1 {
	padding-bottom: 10px;
}

article.post header p {
	font-style: italic;
}

.blog-post {
	margin-top: 30px;
}


.article-unordered-list li {
	padding-bottom: 15px;
}

.separator {
	padding: 0 0 25px 0;
	clear: both;
	margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}


/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }

#comments h3 {
	padding: 10px 0 0 0;
}

ol.commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol.commentlist li {
	margin: 15px 0 15px 0;
}

ol.commentlist ul.children {
	list-style: none;
	padding: 0 0 0 30px;
	margin: 0;	
}

ol.commentlist ul.children  li {
	margin: 15px 0 15px 0;
}

ol.commentlist img.avatar {
	float: left;
	margin-right: 10px;
	border: 3px solid white;
	box-shadow: 0px 0px 3px rgba(0,0,0,.5);	
}

#comments .comment {
	padding-top: 10px;
}

#comments article header {
	border: 1px dotted #cccccc;
	padding: 10px 10px 12px 10px;
}

#respond {
	padding: 20px 0 0 0;
	clear: both;
	margin-top: 30px;
  border-top: 1px solid #e5e5e5;
}

#respond input.text {
	width: 500px;	
}

#respond textarea {
	width: 500px;
	height: 100px;
}

#respond h3 {
	padding: 10px 0 10px 0;
}

#comments .alert {
	margin: 10px 0 0 0;
}

/* =============================================================================
   Contact
   ========================================================================== */

.contact-page {
	margin-top: 30px;
}

.contact-page h1 {
	padding-bottom: 10px;
}


.contact-page #contact_form textarea,
.contact-page #contact_form input.text {
	width: 500px;
}

.contact-page #contact_form textarea {
	width: 500px;
	height: 100px;
}

label.error {
	color: red;
	padding-bottom: 5px;
	width: 500px;
	text-align: right;
}

/* =============================================================================
   Test Growers
   ========================================================================== */

#test_grow_form select {
	width: 510px;
}
#test_grow_form input.text {
	width: 500px;
}

/* =============================================================================
   Newsletter
   ========================================================================== */

#signup_form {
	padding-top: 10px;
}

#signup_form input.text {
	width: 250px;
}

#signup_form label.error {
	color: red;
	padding-bottom: 5px;
	width: 250px;
	text-align: right;
}


/* =============================================================================
   Footer
   ========================================================================== */

#content-info {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5;
}

#content-info p small { font-size: 13px; }



/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }



/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 980px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body {
    padding-top: 0;
  }
}