/*

Theme Name: WeeBee Jammin'

Theme URI: http://www.detroitbased.com

Description: Just for the jam of it.

Version: 1.0

Author: Detroit Based

Author URI: http://www.detroitbased.com

*/



/* ----------------------------------------------------------------------------------------------------------



    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

    

    Structure:

    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;



    Content:

    

        1) HTML tags, reset

        2) Universal styles (display, float, margin, text-align...)

        3) Layout

        4) Page: Home

        Z) Others

        

---------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------

1) HTML tags, reset

---------------------------------------------------------------------------------------------------------- */



* {margin:0; padding:0;}


body {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	padding-left: 0; 
	padding-right: 0; 
	text-align:center; 
	font-size: 16px; 
	background-image: url(images/plaid.gif); 
	background-repeat: repeat; color: #333333;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {margin:0px 0 10px 0;}

h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}

h2 {font-size:160%; font-weight:normal;}

h3 { color: black; margin-bottom: 8px; margin-top: 32px; font-size:140%; font-weight:normal;}

h4, h5 {font-size:100%;}



p, table, ul, ol, dl, fieldset { margin-right: 0; margin-bottom: 24px;}



table {border-collapse:collapse; border-spacing:0; font-size:100%;}

th {text-align:center; font-weight:bold;}

th, td {padding:8px 8px;}



dt {font-weight:bold;}

dd {margin-left:30px;}



fieldset {position:relative; padding:10px;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}



/* ----------------------------------------------------------------------------------------------------------

2) Universal styles (display, float, margin, text-align...)

---------------------------------------------------------------------------------------------------------- */



.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}



.relative {position:relative;}



.clear {clear:both;}



.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}

.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}



.t-left {text-align:left !important;}

.t-center {text-align:center !important;}

.t-right {text-align:right !important;}

.t-justify {text-align:justify !important;}



.va-top {vertical-align:top;}

.va-middle {vertical-align:middle;}

.va-bottom {vertical-align:bottom;}



.nom {margin:0 !important;}

.nomt {margin-top:0 !important;}

.nomb {margin-bottom:0 !important;}



.noscreen {display:none;}



    .bigger {font-size:110%;}

    .smaller {font-size:85%;}

    

/* ----------------------------------------------------------------------------------------------------------

3) LAYOUT

---------------------------------------------------------------------------------------------------------- */



#main { 
	margin: 0 auto;
	background-color: white; 
	width:760px; text-align:left;
}

    

	#header { height: 240px; background-repeat: no-repeat; background-image: url(images/header.gif); position:relative;}



        #logo {display: none; margin:0; font-weight:normal;}

        

        #slogan {display: none; margin:0;}

        

        #search {display: none; margin-right: 32px; position:absolute; bottom:15px; right:0;}

        #search #search-input {width:175px; padding:3px;}

        #search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}



    #nav { padding-left: 0; padding-bottom: 0px; padding-right: 0; padding-top: 0px; clear:both; border-left:0 !important; border-right:0 !important;}





    





	#content { padding-left: 0; padding-bottom: 30px; padding-right: 0; padding-top: 0px; background-image: url(images/background_ContentTop.gif); background-repeat: no-repeat; position:relative; overflow:hidden;}

	
.pageHeader {
	text-align: center;
}

	#footer {clear:both; font-size:85%;}



/* ----------------------------------------------------------------------------------------------------------

4) Page: Home

---------------------------------------------------------------------------------------------------------- */



#topstory {float:left; width:630px;}



    #topstory-title {padding:15px;}

    #topstory-title h2 {margin:0; margin-bottom:2px;}

    #topstory-title p.date {margin:0; font-size:85%;}

    

    #topstory-perex {display:block; padding:15px; font-size:110%;overflow:hidden;}

    #topstory-perex p {margin:0;}



#aside {
	float:right;
	width: 260px;
	margin-right: 16px;
	margin-top: 16px;
}



#aside .halfleft {

	display: none;

	width: 138px;

	padding: 10px 0 0 0;

	margin-left: 0;

	margin-bottom: 20px;

	}

	

#aside .halfright {

	display: none;

	float: right;

	clear: none;

	margin-left: 20px;

	width: 138px;

	padding: 10px 0 0 0;

	margin-bottom: 20px;

	}



#photos {margin:0; font-size:0; line-height:0;}

#photos a {border:0;}

#photos img {display:block; float:left; width:150px; height:110px; margin-left:8px; border:0;}



.col30 {float:left; width:310px;}

.col30.margin {margin:0 15px;}



    .col30 h4 {margin-bottom:3px;}

    .col30 ul {margin:20px 0 !important;}

    .col30 p.date {margin:0; font-size:85%;}

    .col30 p.bb {padding-bottom:20px; background:url("images/dot-02.gif") 0 100% repeat-x;}

    .col30 p img.f-left {margin-right:10px;}

    .col30 p {position:relative;}

/* ----------------------------------------------------------------------------------------------------------

5) Page: Article

---------------------------------------------------------------------------------------------------------- */



#page {
	margin-right: 30px;
	float:left;
	margin-left: 30px;
}

	.pageItem{
		padding-bottom: 24px;
		margin-bottom: 24px;
	}
	
	.recipeItem{
		margin-bottom: 24px;
		margin-top: 24px;
	}

	.recipeCard{
		margin-top: 32px;
	}

	.SmallText {
		font-size: .8em;
		margin: 0px 0px 12px 12px;
	}

    #page-title {}
    
/*     Remove Page titles for main menu pages */
    
    #Recipes {display:none;}
    
    #page-title.page-42 {display:none}
    #page-title.page-2 {display:none}
    #page-title.page-23 {display: none}

    #page-title h2 {margin:0; margin-bottom:2px;}

    #page-title p.date {margin:0; font-size:85%;}



    #page-content {display:block; padding:5px 12px; overflow: hidden;}
    #page-content.page-42 {display:none}
    #page-content.page-2 {display:none}
    #page-content.page-23 {display: none}


#page-title {}

#page-title h2 { color:#000;}

#page-title h2 a{padding-left: 12px; padding-right: 12px; color:#000; text-decoration: none}

#page-title h2 a:hover {}

#page-title p.date {display: none; color:#000;}

#page-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}

#page-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}



/* ----------------------------------------------------------------------------------------------------------

Z) Others

---------------------------------------------------------------------------------------------------------- */






#recipeList #page-title {display: inline}




.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%;}

.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}



a.ico-more {padding:5px 7px; border:0 !important;}



.alignright {float:right;}

.alignleft {float:left;}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/



.nocomments {

	display: none;

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



img.avatar {float:left; margin-right:5px;}



.aboutPage {
	margin-left: 8px;
	text-align: left;	
}


.recipeSub {
	color: #191919;
	font-size: 14px;
}

#content #hBreak {
	border-color: #e5e5e5;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
	height: 1px;
}




#footerTop {
	margin-left: 45px;
	margin-top: 24px;
	width: 670px;
	overflow: hidden;
}

#splitPage{
	overflow: hidden;
}

#splitPage h3{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 24px;
}

#splitPage a{
	font-weight: bold;
	border-width: 0px;	
}

#splitPage a:hover{
	border-width: 0px;	
}

#splitRight {
	float: left;
	width: 222px;
}

#splitCenter {
	float: left;
	width: 222px;
}

#splitLeft {
	float: left;
	width: 222px;
}

.splitPageContent {
	font-size: 18px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 4px;
}

.fullPage{
	font-size: 12px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 4px;
	width: 666px;
	overflow: hidden;
}

#fullPage h3{
	margin-top: 2px;
	margin-bottom: 2px;
}

#content a{
	text-decoration:none;
	color: #333333;
	overflow: hidden;
}

#content a:hover{
	color: black;
	background-color: #fff000;
}





fieldset {border:1px solid #DFDFDF;}

legend {background:#FFF; color:#eae200;}



.low, .low a {color:#7F7F7F;}

.low a:hover {color:#000;}



/* ----------------------------------------------------------------------------------------------------------

Layout

---------------------------------------------------------------------------------------------------------- */

#main {
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 10px;
	-moz-box-shadow: #666666 0px 0px 10px;
}

#footer {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	background-repeat: repeat-x;
	background-image: url(http://www.weebeejammin.com/images/footerBackground_96px.gif);
	text-align: center;
	border-top:1px solid #DFDFDF;
	color: #262626;
	height: 96px;
}

.footerRow {
	color: #c2ad00;
	margin-top: 12px;
}
.footerLink {
	color: #948804;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 13px;	
}

.footerLink a{
	color: #948804;
	font-size: 13px;	
}

.footerLink a:hover{
	color: #595000;
	text-decoration: underline;	
}


#myNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	border-color: #ebebeb;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(http://www.weebeejammin.com/images/NAV_Background_yellow.gif);
	height: 39px;
	overflow: hidden;
}

#myNav ul {
	margin-left: 8px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	height: 39px;
	width: 580px;
	float: left;

}

#myNav li {
	border-width: 0px;
	margin: 0px;
	top: 10px;
	position: relative;
	padding: 0px;
	display: inline;
	color: #666666;
	font-size: 18px;

}

#myNav li a{
	margin-right: 24px;
	margin-left: 0px;
	color: #948804;
	text-transform: none;
	text-decoration: none;
	border-width: 0px;
	margin-top: 8px;
	text-transform: uppercase;
}

#myNav li a:hover{
	color: #4d4200;
}

#myNav ul li.current_page {
	color: #660000;
}

li {
	list-style-type: none;
}


/* Find Us Page */


.retailerMap {
	border-color: black;
	border-style: solid;
	border-width: 2px;
	margin: 0px 0px 0px 12px;
	
}

.googleMapsLink {
	text-align: center;
	color: gray;
	font-size: 80%;
	margin: 12px 0px 24px 12px;
}



.storeCategoryTitle{
	margin: 0px 0px 0px 0px;
}


/* Single Product Page */

#buttonCartCheckout{
}

#buttonCartCheckout a{
	
}

#buttonCartCheckout a:hover{
	display: none;
}


/* Store Landing Page */

#storeCategories {
	width: 700px;
	overflow: hidden;
}

.category {
	margin: 21px;
	float: left;

}

.category a{
	display: block;
	width: 300px;
	height: 300px;
	border: white 4px solid;	
}

.category a:hover{
	border: yellow 4px solid;	
}

/* Product Category List Page */

.productListAdditional{
	margin: 0px 0px 12px 0px;
}

.pricedisplay {
	font-size: 1.5em;
	color: black;
}

#checkoutForms {
	width: 660px;
}

.required {
	font-style: italic;
	font-size: 12px;
	color: #666666;
}

#wpsc_shopping_cart_container h2 {
	margin: 64px 0 4px 0;
	font-size: 36px;
	text-transform: uppercase;		
}


.wpsc_checkout_table {
	
}

.wpsc_checkout_table h4 {
	margin: 32px 0 8px 0;
	font-size: 28px;		
}

.wpsc_checkout_table label {
	font-size: 14px;
	font-weight: normal;	
}

.wpsc_checkout_table input {
	width: 160px;	

}

.fieldTitle {
	width: 96px;
}

.fieldInput {
	text-align: left;	
}

#navCheckout {
	float: right;
}




/* Mug Shots Page */

#gridGallery{
	overflow: hidden;
	width: 710px;
	margin: 0 auto;
	padding: 4px 0 25px 0;
}

#gridGallery li{
	float: left;
	border: 4px white solid;
	margin: 0 5px 5px 0;
}

#gridGallery li:hover{
	float: left;
	border: 4px #fff000 solid;
}

#gridGallery li a{
	width: 75px;
	height: 75px;
	display: block;
}