/*
Theme Name: William B & Friends
Author: Something Massive
Theme URI: http://www.somethingmassive.com
	
*/
	
/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }							
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
.space								{margin: 5px 0 3px 0;}
.strike								{text-decoration: line-through; color: #717070; font-size: 14px;}
.bigger								{font-size: 16px;}
.blue						{background-color: #2d95a8;}


/*
STRUCTURE
*/

body 					{font: 14px  Helvetica, Arial, sans-serif; color: #4f4f4f; text-align: center; background-color: #cdcdcd; margin: 0; padding: 0; line-height: 1.4em;}
#container 				{margin: 0 auto;  text-align:left; width:900px;background-color: #e3e3e3; min-height: 100%; border-left: 1px solid #969696; border-right: 1px solid #969696;}
#header					{padding: 20px 10px 15px 10px;}
#nav 					{height: 20px; padding: 8px 15px; background-image: url(http://www.williambandfriends.com/wp-content/images/nav-bg.jpg); background-repeat: no-repeat; margin: 0 0 20px 0;}
#main-nav li			{float: left; font-size: 16px; margin-right: 20px; }
#main-nav a				{color: #ffffff;}
#main-nav a:hover		{color: #4fe4ff;}
#content				{padding: 0 15px;}
#sub-nav				{float: right;}
#sub-nav li 			{text-transform: uppercase; font-size: 13px; float: left; margin-left: 15px;}
#sub-nav a				{color: #4fe4ff;}
#sub-nav a:hover		{color: #ffffff;}
a						{color: #2d95a8;}

.cat-thumb img			{border: 1px solid #777777;}
#product-gallery img	{border: 1px solid #777777;}
#shopp .gallery .previews li {width: 340px !important;}
#product-gallery		{float: left; width: 340px; margin-right: 10px;}
#product-details		{float: left; width: 420px;}
.eighteen				{font-size: 18px;}

#product-list li		{float: left; background-color: #7a7a7a; color: #ffffff; padding: 5px; font-size: 18px; margin: 0 35px 20px 35px;}
#product-list img		{width: 210px; height: 280px; padding-bottom: 10px;}
#product-list a			{text-transform: uppercase; color: #4fe4ff; font-size: 14px; font-weight: bold;}
h3						{font-size: 18px; margin-bottom: 20px;}
#home-page				{padding-top: 30px; text-align: center;}
#home-page img			{max-width: 800px; max-height: 600px; border: 1px solid #777777;}
#custom-page p			{margin-bottom: 20px; width: 850px; font-size: 14px;}
#custom-page img		{float: right; padding: 0 20px 20px 20px;}
#shopp .gallery .thumbnails li img {margin: 0 0 5px 0 !important;}
#shopp .gallery .thumbnails li {margin: 0 5px 0 0 !important;}
p.error					{background-color: yellow;}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	font-size: 9px;
	font-family: Verdana;
	clear:both;}
	
#footer a {color: #878787;}
#footer a:hover {text-decoration: underline;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

th {width: 150px;}

.mem-column {width: 600px; margin-bottom: 30px;}
.mem-column h4 {margin-bottom: 20px;}