/*
Theme Name: Reusable Shipping Boxes
Theme URI: http://www.reusableshippingboxes.com
Description: A custom Wordpress theme built on the Thematic Theme
Author: Jonah West
Author URI: http://www.jonahcoyote.com/
Template: thematic
Version: 1.0
.
All Rights Reserved
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =General
-----------------------------------------------------------------------------*/
body {
	background: url(images/body-bg.gif) repeat;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
a {
	color: #00408B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#header {
	position: relative;
}
#branding, .menu, #main, #siteinfo {
	margin: 0 auto;
	width: 960px;
}
#container {
	position: relative;
}
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* =Branding
-----------------------------------------------------------------------------*/
#branding {
	height: 200px;
}
#blog-title span a {
	background: url(images/logo.png) no-repeat 0 5px;
	color: #323232;
	display: block;
	height: 190px;
	text-indent: -9999px;
}
#blog-description {
	float: left;
	text-indent: -9999px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#access {
	background: url(images/nav-bg.gif) repeat-x top left;
	height: 38px;
}
.skip-link {
	float: left;
	text-indent: -9999px;
}
body.chrome .menu, body.safari .menu, body.ie8 .menu {
	position: relative;
	left: -100px;
}
.menu ul {
	margin: 0;
}
.menu li {
	float: left;
	list-style: none;
}
.menu li a {
	border: 1px solid #cdcdcd;
	border-left: none; 
	color: #000;
	display: block;
	font-size: 1.1em;
	padding: 9px 12px;
	text-decoration: none;
}
.menu li a:hover {
	background: #e7e7e7;
	text-decoration: underline;
}
.menu li.first a {
	border-left: 1px solid #cdcdcd;
}
#contact-us {
	background: url(images/contact-bg.png) repeat;
	height: 60px;
	position: relative;
	left: 470px;
	top: -75px;
	width: 488px;
}
#contact-us p {
	background: url(images/bubble.png) no-repeat 0 7px;
	display: block;
	height: 36px;
	margin: 15px 0 0 15px;
	padding: 0 0 0 35px;
	position: relative;
	top: 10px;
}
body.opera #contact-us p {
	margin: 10px 0 0 15px !important;
	top: 0 !important;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/
#container {
	background: url(images/contact-bg.png) repeat;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	width: 940px;
}
body.home #container {
	background: none;
	float: left;
	padding: 0;
	width: 500px;
}
body.pageid-126 #container {
	margin: 10px auto 0 auto;
	text-align: center;
	width: 600px;
}
body.home.ie7 #container {
	float: left;
	width: 500px;
}
body.pageid-5 #container, body.single #container, body.category #container, body.search #container {
	float: left;
	width: 658px;
}
#content {
	background: #fff;
}
body.home #content {
	background: none;
	float: left;
	width: 500px;
}
.post.list {
	
}
.entry-title, .page-title {
	left: 20px;
	position: relative;
	top: 15px;
}
h2.entry-title {
	width: 640px;
	margin: 0 0 20px !important;
	line-height: 1.2em;
}
.entry-content {
	margin: 20px 0 0;
	padding: 0 20px 30px;
}
body.pageid-5 .entry-content {
	padding: 0 20px 0;
}
body.home .entry-content {
	padding: 0 10px 10px;
}
body.home.ie7 .entry-content {
	padding: 0 10px 0;
}
.entry-content.sub {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 20px;
	padding: 0 0 25px !important;
}
.entry-content.sub.last {
	border: 0;
}
.entry-content h2, .entry-content h3, .entry-content h4, h2.entry-title {
	clear: none;
	font-size: 20px;
	margin: 0 0 10px;
}
.post.list h2.entry-title {
	margin: 0 0 20px;
}
.entry-content h3 {
	font-size: 16px;
}
.entry-content h4 {
	font-size: 14px;
}
.wp-post-image {
	border: 1px solid #e7e7e7;
	float: left;
	margin: 5px 10px 0 0 !important;
	padding: 3px;
}
span.pgee-read-more {
	float: right;
	margin: 15px 0 0;
}
body.home .youtube {
	background: url(images/contact-bg.png) repeat;
	display: block;
	padding: 10px;
	width: 480px;
}
body.ie7 .youtube {
	padding: 10px 10px 0;
}
.entry-content .video-tagline, .entry-content .video-tagline-caption {
	left: 100px;
	margin: 0 !important;
	position: relative;
	top: -10px;
	width: 290px;
}
.entry-content .video-tagline-caption {
	color: #999;
	left: 90px;
	text-align: center;
	width: 300px;
}
p.home-wp-caption-text {
	margin:0;
	padding:5px;
}
body.ff2 p.home-wp-caption-text {
	display: block;
	position: relative;
	margin: 0 auto;
}
.edit-link {
	display: none;
}
#testimonials-wrapper {
	background: #79b410;
	border-bottom: 1px solid #3f6704;
	border-top: 1px solid #3f6704;
	clear: both;
	padding: 0 0 10px;
}
body.ie7 #testimonials-wrapper {
	padding: 0 0 20px;
}
#testimonials-wrapper h3 {
	background: url(images/testimonials-bubble.png) no-repeat 0 5px;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 35px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 320px;
}
#testimonials-wrapper ul {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 7px;
	width: 960px;
}
#testimonials-wrapper ul li {
	background: #fff;
	float: left;
	font-size: 1.4em;
	list-style: none;
	margin: 0 5px 10px 5px;
	min-height: 110px;
	padding: 15px;
	position: relative;
	width: 428px;
}
#testimonials-wrapper ul li blockquote {
	background: url(images/quote.gif) no-repeat top left;
	margin: 0 !important;
}
#testimonials-wrapper ul li p {
	margin-bottom: 10px;
	min-height: 60px;
	padding: 0 0 0 3em;
}
#testimonials-wrapper .testimonial-meta {
	color: #333;
	font-size: .8em;
	font-style: normal;
	margin: 0;
	position: absolute;
	right: 15px;
	text-align: right;
}

/* =Sidebar Content
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	margin: 0 0 0 20px;
}
body.pageid-5 #sidebar, body.single #sidebar, body.category #sidebar, body.search #sidebar {
	background: url(images/contact-bg.png) repeat;
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 250px;
}
body.home #sidebar .box.wp-caption {
	border: 0 !important;
	float: left;
	padding: 0;
	position: relative;
	top: 40px;
}
body.home #sidebar #box2 {
	margin: 0 0 0 10px;
}
body.home #sidebar .box img {
	background: url(images/contact-bg.png) repeat;
	border: 0 !important;
	padding: 10px;
}
#sidebar .xoxo {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 15px;
}
#sidebar .widgetcontainer {
	margin: 0 0 15px;
}
#short-video-button {
	background: url(images/contact-bg.png) repeat;
	height: 50px;
	clear: both;
	left: 7px;
	position: relative;
	top: 50px;
	width: 425px;
}
#short-video-button p {
	background: url(images/play.png) no-repeat 100% -3px;
	display: block;
	height: 36px;
	margin: 10px 0 0 18px;
	padding: 0 30px 0 0;
	position: relative;
	top: 12px;
	width: 360px;
}
body.opera #short-video-button p {
	margin: 10px 0 0 15px !important;
	top: 0 !important;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 0 auto;
	min-height: 100px;
	padding: 10px 0;
	text-align: center;
	width: 960px;
}
#footer .xoxo {
	margin: 0;
}
#footer .widgetcontainer {
	list-style: none;
}
#footer .SimpleSideNav {
	display: table;
	margin: 0 auto;
}
#footer .SimpleSideNav ul {display:inline-block;}
#footer .SimpleSideNav ul {display:inline;}
#footer .SimpleSideNav ul {display:table-row;}
#footer .SimpleSideNav li {
	border-left: 1px solid #ccc;
	display: inline;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}
#footer .SimpleSideNav li.first {
	border-left: 0;
}
#footer .SimpleSideNav li a {
	color: #999;
	text-decoration: none;
}
#footer .SimpleSideNav li a:hover {
	color: #333;
	text-decoration: underline;
}
#footer-logos {
	display: block;
	left: 132px;
	list-style: none;
	margin: 0 auto;
	position: relative;
	top: 20px;
	width: 960px;
}
#footer .footer-logo {
	float: left;
	position: relative;
}
#footer a#globe {
	background: url(images/globe-logo.png) no-repeat top left;
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 227px;
}
#footer a#salazar {
	background: url(images/salazar-logo.png) no-repeat top left;
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 202px;
}
#footer a#green-america {
	background: url(images/sp-ga-hor-banner.png) no-repeat top left;
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 253px;
}

/* =Misc
-----------------------------------------------------------------------------*/
.gform_wrapper { max-width: none !important; }
.gform_wrapper .gsection{ margin:40px 0 16px 0 !important; clear: both; }
.name, .loc_city, #field_2_60, #field_2_61, #field_2_63, #field_2_64 { float: left; }
#field_2_3, #field_2_4, #field_2_5, #field_2_6 { float: left; margin: 0 15px 40px 0; }
#field_2_2 input, #field_2_3 input, #field_2_4 input, #field_2_5 input, #field_2_6 input { width: 180px !important; }
.prod_shipped, .box_size, .box_weight, .board_grade, .order_qty, .order_freq { float: left; width: 140px; }
#field_2_60, #field_2_61, #field_2_63, #field_2_64 { width: 180px !important; }
#field_2_62 { clear: both; }
#field_2_16, #field_2_31 { padding: 40px 0 8px !important; }
.prod_shipped label, .box_size label, .box_weight label, .board_grade label, .order_qty label, .order_freq label { height: 35px; width: 120px; }
.prod_shipped input, .box_size input, .box_weight input, .board_grade input, .order_qty input, .order_freq input { width: 120px !important; }
.loc_state, .loc_zip { float: left; margin: 0 0 40px 15px; }
.loc_city input, .loc_state select {width:130px !important;}
.loc_zip input {width:60px !important;}
.inside_colors, .inside_panels, .outside_colors, .outside_panels { float: left; margin: 0 0 40px 0; }
.gfield_checkbox li { float: left; margin: 0 20px 0 0 !important; }