/*
Theme Name: Jay Foonberg
Theme URI: http://wordpress.org/
Description: The original shopping cart theme for Jay Foonberg.
Version: 1.0
Author: Kristin Norris
Tags: 

Default WordPress by Kristin Norris || http://dezabulous.com
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


/*=== General ===*/
html{}
body{width:100%; height:100%; background:#eeeeee; font-family:arial, helvetica, sans-serif; margin:0;}
#container{width:855px; height:100%; margin: 0 auto}
html>body #container{width:850px}
.fr{float:right; *margin-top:-13px;}
.fl{float:left}
img{border:0}


/*=== Typography ===*/
h1{font: 52px georgia, times new roman, serif; color:#333; font-weight:bold; margin:0}

h1 a{color:#333}

h1 a:hover{text-decoration:none}

h2{font-size: 18px; font-weight: normal; font-family: georgia, times new roman, serif; color:#333}

h3{font: 22px georgia, times new roman, serif; font-weight:bold; color:#fff; font-variant:small-caps; letter-spacing:1px}

h4{font: 18px arial, helvetica, sans-serif; color:#333; margin:10px 0}

h5{font: 16px arial, helvetica, sans-serif; color:#333; margin:10px 0}

p{font: 13px/20px arial, helvetica, sans-serif; color:#333; margin:0}

a{color:#666; text-decoration:none}

a:hover{text-decoration:underline}

blockquote{display:inline-block; font-size:18px; font-family: georgia, times new roman, serif; font-style:italic; margin-bottom: 10px;  zoom:1; *display: inline; _height: 30px;}

.quotecredit{font-size:13px; line-height: 8px; text-align:right; margin:0 50px 0px 0;}

ol, ul{font-size:13px}




/*=== Header ===*/
#header{width:100%; height:70px; border-bottom: 3px double #333; margin:20px 0;}

#header h1, #header h2{display:inline-block; margin-top:22px; zoom:1; *display: inline; _height: 30px;}

#header h2{margin-top:53px; *margin-top:53px}
.info{display:block; width:450px; float:right}
.blogname{display:block; float:left; margin-left:-5px}

#navbox{height:220px; width:100%}

#topbar{position:fixed; top:0; height:25px; width:848px; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; background:#ccc url(images/glow.png) repeat-x top left; z-index:1000}
#social{display:block; float:left; margin-left:10px;}
#social img{margin:5px 3px 0 0;}
#social a:hover{text-decoration:none;}
#social p a{line-height:27px; vertical-align:top; margin-top:3px}
#minicart{display:absolute; float:right; margin-right:10px;}
#minicart a{color:#FF1F1C}
/*=== Navagation ===*/

#nav{position:relative; display:block; float:left; height:200px; width: 200px; margin: 10px 10px 10px 0; *width: 213px;}

#nav ul{list-style:none; margin-top:10px; padding:0}

#nav li{font: 14px/26px arial, helvetica, sans-serif; color:#333; font-variant: small-caps; text-align:right; margin-left:0px; padding:0px;}


/*=== Slider Box ===*/

#sliderbox{position: relative; display:block; float:right; height:200px; width:630px; margin: 10px 0; *width:617px}
#slider{position: relative; display: block; float:right; height: 202px; border:1px solid #333; background:#fff}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	}
#slider, #slider li{ 
	width:630px;
	height:200px;
	overflow:hidden; 
	}
span#prev{position:absolute; display:block; left:0; top:75px; height: 50px; width:25px; background: url(images/arr_left.png) no-repeat bottom left;}
span#next{position:absolute; display:block!important; right:0; top:75px; height: 50px; width:25px; background: url(images/arr_right.png) no-repeat bottom right; *right:-15px;}

#secondnav{height: 200px; margin-top:-3px; border-left:1px solid #333;}
#secondnav h3{color:#333; margin:0 20px}
#secondnav ul{list-style:none; margin:0; padding-left:20px}
#secondnav li{font-size:14px; line-height:23px}


/*=== Calendar ===*/
#calendar_wrap{margin-left:5px}


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

#otherprod{display:block; position:relative}

.entry{min-height:0px; margin-bottom: 15px}

#otherprod h2{margin-top:5px}

#contentbox{width:100%}

#otherprod .otherprodpost .entry .proddetails, #otherprod .otherprodpost .entry .singledetails{display:none;}

#otherprod .otherprodpost .entry .otherprodall{display:inline-block; width:700px; vertical-align:top; zoom:1; *display: inline; _height: 135px;}

#otherprod .otherprodpost .entry .prodimg{display:inline-block; width: 100px; height:135px; margin:10px; zoom:1; *display: inline; _height: 135px;}

#otherprod .otherprodpost .entry .otherproddetails{display:inline-block; width: 700px; height: 50px; vertical-align:top; margin-top:0px; zoom:1; *display: inline; _height: 50px;}

#otherprod .otherprodpost .entry .otherproddetails a{position:relative; display:block; float:right; width:90px; height:20px; vertical-align:top; *margin-top:-30px;}

#otherprod .otherprodpost .entry .otherproddetails h5{display:inline-block; margin:0; zoom:1; *display: inline; _height: 30px;}

#otherprod .otherprodpost .entry .proddescrip{float: right; display:inline-block; width: 700px; vertical-align:top; zoom:1; *display: inline; _height: 230px;}

#otherprod .otherprodpost .entry .proddescrip p{display:inline-block; zoom:1; *display: inline; _height: 230px;}

a.addtocart{display: block; float:right; vertical-align:top; height:20px}

#featuredbox .featuredentry .otherproddetails, #featuredbox .featuredentry .singledetails{display:none;}

#featuredtitle{min-height:30px; width:100%; margin: 10px 0; background: #333 url(images/glow.png) top left repeat-x;}

#featuredtitle h3{line-height:30px; margin-left:5px; letter-spacing:0.05em;}

#featuredbox{height:375px; width:100%; margin:0}

#featuredbox .featuredentry .prodimg{display:inline-block; width: 100px; height:135px; margin:10px; zoom:1; *display: inline; _height: 135px;}

.featuredprod{display:inline-block; height:362px; width:422px; padding: 10px; background:#fff; border: 1px solid #333; vertical-align:top; *margin-right:3px;  zoom:1; *display: inline; _height: 322px;}

html>body .featuredprod {width: 400px; height: 340px} 

#otherprod{min-height:500px; width:850px; background:#fff; border:1px solid #333; padding:10px}

html>body #otherprod{width:828px}

#otherprod h3{color:#333; margin:10px 0}

#otherprod p{margin-bottom:10px}

.proddetails{display:inline-block; vertical-align: top; width: 240px;  zoom:1; *display: inline; _height: 230px;}

.formats{display: block; height:20px; width: 100%; background:#666; margin:10px 0 5px 0px}

.formats p{ font:15px/20px arial, helvetica, sans-serif; color:#fff; margin:0 5px}

.proddescrip p{font:13px arial, helvetica, sans-serif; color:#333; margin:5px 0;}

.moretext{font-size:13px; color:#666}

.blogimg{float:left; margin-right:10px}

#otherprod .entry .blogimg{max-height:130px; max-width:90px; margin-right:10px}

#otherprod .single .entry .blogimg{max-height:260px; max-width:180px; margin-right:10px}

.listfix{display:block; margin-left:80px;}

.singledetails .formats{width:250px}

.singledetails p{margin:5px!important; width:240px}

.singledetails .formats p{margin:0 5px!important}

.singledetails .formats p span{*margin-top:-20px;}

.singledetails h5{margin:5px 0 2px 0}

.formatchart{display:inline-block; width:250px; zoom:1; *display: inline; _height: 135px;}

.blockquote{display: block; width:350px; float:right; vertical-align:top; *margin-top:-100px; margin-bottom:30px;}

#otherprod .blockquote p{margin:0; width:340px; *line-height:13px;}

a.cartbtn{display:block;}
img.cartsml{margin-left:2px; }
#featuredbox .proddetails a:hover{text-decoration:none}
#otherprod .formatchart a:hover{text-decoration:none}

.sectiontitle{cursor:pointer; text-decoration:underline; font-weight:bold}
.chapterlist{display:none;}

/*=== Single ===*/

#otherprod .single .entry .prodimg{display:inline-block; width: 200px; height:270px; margin:10px;  zoom:1; *display: inline; _height: 270px;}

#otherprod .single .entry .proddetails{display:none}

#otherprod .single .entry .otherproddetails{display:none}

#otherprod .single .entry .singledetails{display:inline-block; width:600px; vertical-align:top;  zoom:1; *display: inline; _height: 135px;}

.chapters p{display:block; width:665px}

#otherprod .smallnav{display: block; width: 100%; position:absolute; float:bottom; bottom:5px; text-align:center}


/*=== Sales Pages ===*/
#otherprod .single .entry .sales{float:right; display:block; margin:20px 40px 20px 0; position:relative; width: 500px; vertical-align:top; zoom:1; }

#otherprod .single .entry .sales p{font:15px arial, helvetica, sans-serif; color:#333}

#otherprod .salesdetails{margin:0px 20px 0 290px}

.salesdetails .singledetails .formats{width:400px}

.salesdetails .singledetails p{font-size:15px; margin:5px!important; width:380px}

.salesdetails .singledetails .formatchart .formats p{font-size:15px; margin:0 5px!important}

.salesdetails .singledetails .formats p span{*margin-top:-20px;}

.salesdetails .singledetails h5{margin:5px 0 2px 0}

.salesdetails .formatchart{display:inline-block; width:400px; zoom:1; *display: inline; _height: 135px;}



/*=== Footer ===*/

#footer{height:175px}

#credit{display:inline-block; float:right; text-align:right; height:75px; width:550px; padding:10px 10px 0 0; border-right: 1px solid #333; margin: 10px;  zoom:1; *display: inline; _height: 75px;}

#credit p{margin:0; line-height:20px}

#logopic{display:inline-block; float:right; height: 75px; width: 131px; background: url(images/nalemlogo.png) no-repeat; margin:10px;  zoom:1; *display: inline; _height: 75px;}