/*
Theme Name: Jackson Coffee Company
Theme URI: http://jacksoncoffeeco.com/
Description: Custom skin built for Jackson Coffee Company by <a href="http://iaminternetmarketing.com">I Am Internet Marketing</a>.
Version: 1.0
Author: Nathaniel Taintor
Author URI: http://goldenapplesdesign.com/

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
	background: #330e02 url('images/background-pattern.jpg');
	color: #120a01;
	text-align: center;
	}

#page {
	background: #330e02 url(images/header-bg.png) top right repeat-y;
	width: 1000px;
	margin: 12px auto 24px auto;
	padding: 1px;
	border: 6px solid #ffce6d;
	text-align: left;
	}
	
#header {
	width: 1000px;
	height: 182px;
	position: relative;
	margin: 0;
}

#headerlogo {
	width: 174px;
	height: 170px;
	margin: 6px;
	float: left;
	background: url(images/JacksonCoffee-logo.png);
}

#headerlogo h1 {
	display: none;
	text-indent: -2000px;
}

#featured-images-rotator-wrapper {
	float: left;
	margin: 12px 0 0 0;
	position: relative;
}

a img { border: none; }
a, a:link, a:visited { 
	color: #8b0a04;
	text-decoration: underline;
}
a:hover {
	color: #d81006;
}

/* Begin Navigation */
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	font-size: 18px;
	width: 1000px;
	clear: left;
	margin: 0;
	padding: 0;
}

#navigation li {
	margin: 0;
	position: relative;
	float: left;
	padding: 0;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	background-position:top left;
	background-repeat: no-repeat;
}

#navigation li ul {
	position: absolute;
	z-index: 10000;
	left: 0;
	top: 45px;
	width: 180px;
	font-size: 13px;
	list-style:none;
	padding: 6px 10px;
	margin: 0;
	background: url(images/dropdown-bg.png) bottom no-repeat;
	}

#navigation li a.drops {
	display: block;
	text-decoration: none;
	padding: 0;
	width: 200px;
	height: 45px;
	position: relative;
}

a.drops span {
	font-size: 0;
	display:none;
}

#navigation li a:hover {
	background: url(images/transpx.png);
	position: relative;
}

#navigation li a.drops:hover {
	background: none;
	color: #d00101;
}

#navigation ul li {
	position: relative;
	float: none;
	padding: 4px;
	border-top:1px dotted #330e02;
	margin: 0;
}

#navigation ul li a {
	color: #000;
	display: block;
	font-weight: normal;
	text-decoration: none;
	width: 164px;
	padding: 8px 10px;
}

#navigation ul li a:hover {
	text-decoration: underline;
}

#navigation .page-item-212 {
	background: url(images/nav_1.png);
}
#navigation .page-item-212:hover {
	background: url(images/nav_O1.png);
}


#navigation .page-item-13 {
	background: url(images/nav_2.png);
}
#navigation .page-item-13:hover {
	background: url(images/nav_O2.png);
}

#navigation .page-item-21 {
	background: url(images/nav_3.png);
}
#navigation .page-item-21:hover {
	background: url(images/nav_O3.png);
}

#navigation .page-item-34 {
	background: url(images/nav_4.png);
}
#navigation .page-item-34:hover {
	background: url(images/nav_O4.png);
}

#navigation .page-item-54 {
	background: url(images/nav_5.png);
}
#navigation .page-item-54:hover {
	background: url(images/nav_O5.png);
}
/* End Navigation */

/* Begin Content Stylings */

#content {
	margin: 46px 0 0 0;
	width: 1000px;
	background: #fff0d2 url(images/contentbg.png) top repeat-x;
	position: relative;
}

#pagecontent {
	width: 568px;
	float: left;
	margin: 0;
	padding: 16px;
	font-size: 1.3em;
	line-height: 1.6;
}

body.home #pagecontent {
	padding-top: 8px;
}

#pagecontent.fullwidth {
	width: 960px;
	float: none;
}

#sidebar {
	width: 400px;
	float: right;
}

.page-template-page-front-php #sidebar  {
	width: 200px;
}

ul.sidebar {
	width: 180px;
	padding: 10px;
	margin: 10px 0;
	border: 0;
	float: right;
	list-style: none;
	overflow: hidden;
}

li.widget {
	margin-bottom: 24px;
}

#linkcat-3 li {
	float: left;
	width: 78px;
	margin: 0 2px 4px 0;
}

ul.sidebar ul {
	list-style: none;
	margin: 0 10px 9px 10px;
	padding: 0;
}

h2,h3,h4 {
	font-family: Rockwell, Baskerville, Bodoni MT, Georgia, sans-serif;
	font-weight: normal;
	color: #330e02;
	text-transform: uppercase;
	line-height: 0.85;
	padding: 0;
	margin: 0;
}

img.post-image {
	float: left;
	margin: 0 12px 12px 0;
}

h2.pagetitle { 
	font-size: 36px; 
	line-height: 30px;
	margin: 0;
	padding: 15px 0;
	}

div.infoboxframe { min-width: 280px; min-height: 160px; }
h2.infobox { padding: 0; }
p.infobox { line-height: 1.125; }

#sidebar h2 {
	font-size: 18px;
	border-bottom: 3px solid #8b0a04;
	margin-bottom: 9px;
	padding: 6px 10px;
}

#af-form-61052672 {
	width: 161px;
	height: 278px;
	padding: 60px 10px 10px 10px;
	background: url(images/signup-form.jpg) top left no-repeat;
	line-height: 1.15;
	font-family: Arial, Helvetica, sans-serif;
}

#af-form-61052672 label { margin-top: 4px; }
#af-form-61052672 input { margin-bottom: 8px; }
#af-form-61052672 .buttonContainer * { margin-bottom: 0; } 
#af-form-61052672 .af-checkWrap {padding: 9px 0 6px 0; display: block;}
#af-form-61052672 .af-checkWrap label {margin: 0 0 0 18px; display: block; }
#af-form-61052672 .af-checkWrap input { margin: 3px 3px 3px 0; float: left; }

.sidebarwide {
	width: 340px;
	margin: 20px 20px 0 0;
	list-style:none;
}

.sidebarwide form {
	background: #f6d791;
	padding: 24px;
	font-size: 1.2em;
	border: 1px solid #330e02;
}

.sidebarwide form input.text, .sidebarwide form select, .sidebarwide form textarea {
	width: 292px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #120a01;
	font-size: 13px;
}

.sidebarwide form label.previewLabel {
	display: block;
	margin: 6px 0 3px 0;
}

h2.prodtitles a {
	text-decoration: none;
}

#content h3, #content .entry h2 {
	font-size: 18px;
	margin: 10px 0 5px 0;
}

.alignleft {
	float: left;
	margin: 6px 12px 6px 0;
}

.alignright {
	float: right;
	margin: 12px;
}

.wp-caption-text {
	font-size: .9em;
	font-style: italic;
	margin: 0;
}

#footer {
	margin: 24px 0 0 0;
	width: 1000px;
	border-top: 3px solid #8b0a04;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.15;
	position: relative;
	height: 100px;
}

.footerblock {
	width: 160px;
	padding: 12px 16px 12px 24px;
	float: left;
}

.footerblock-highlight {
	background-color: #900;
	color: #ff9;
	margin: 0;
	padding: 6px;
}

.footerblockwide {
	width: 360px;
	padding: 12px 16px 12px 24px;
	float: left;
}

a.largebutton { 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

a.largebutton:hover { 
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

a#wholesaler-signup{ display: block; background: url(images/wholesale-signup-button.jpg); width: 568px; height: 128px; margin-bottom: 6px;}
/* a#wholesaler-signup:hover { background: url(images/wholesale-signup-button-ove.png); } */

#mediaspace {
	width: 568px;
	height: 358px;
	margin: 0;
	background: url(images/video-box.jpg) top left no-repeat;
}
	
#longtail { 
	margin: 19px 71px;
	}


#shopping-cart {
	width: 156px;
	min-height: 348px;
	padding: 98px 12px 24px 12px;
	background: #fff url(images/your-cart.jpg) top left no-repeat;
	font-size: 1.1em;
	border-bottom: 2px solid #330e02;
}

#shopping-cart h2 {
	display: none;
	font-size: 0;
	text-indent: -2000px;
	border: 0;
}

.category-upcoming-events {
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid #330e02;
}

.thedate {
	float: left;
	margin-right: 12px;
	padding: 4px;
	background: #330e02;
	color: #ffce6d;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.thedate span {
	font-size: .6em;
	font-weight: normal;
	line-height: 1;
}

/* New stuff for front page 11-10 */

#pagecontent-front {
	width: 780px;
	height: 520px;
	margin: 10px 0 10px 10px;
	padding-top: 10px;
	background: url(images/we-want-to-be-your-roaster.jpg) 0 10px no-repeat;
	position: relative;
}

#pagecontent-front a{
	display: block;
	border: none;
}

#pagecontent-front a span { display: none; }

#orderonline-front, #wholesaleorder-front {
	width: 311px;
	float: right;
	position: relative;
}

 a#orderonlinelink {
	 width: 311px;
	 height: 211px;
	 background: url(images/images/new-front-page-links_03.jpg);
 }
 a#orderonlinelink:hover { background: url(images/images/new-front-page-links-hov_03.jpg); }
  a#blendslink {
	 width: 311px;
	 height: 26px;
	 background: url(images/images/new-front-page-links_04.jpg);
 }
  a#blendslink:hover { background: url(images/images/new-front-page-links-hov_04.jpg);  }
   a#singleoriginslink {
	 width: 311px;
	 height: 26px;
	 background: url(images/images/new-front-page-links_06.jpg);
 }
 a#singleoriginslink:hover { background: url(images/images/new-front-page-links-hov_06.jpg); }
   a#flavoredlink {
	 width: 311px;
	 height: 23px;
	 background: url(images/images/new-front-page-links_07.jpg);
 }
 a#flavoredlink:hover { background: url(images/images/new-front-page-links-hov_07.jpg); }
  a#decaflink {
	 width: 311px;
	 height: 25px;
	 background: url(images/images/new-front-page-links_08.jpg);
 }
 a#decaflink:hover { background: url(images/images/new-front-page-links-hov_08.jpg); }
  a#wholesaleorderlink {
	 width: 311px;
	 height: 237px;
	 background: url(images/images/new-front-page-links_02.jpg);
 }
 a#wholesaleorderlink:hover { background: url(images/images/new-front-page-links-hov_02.jpg); }
  a#espressoclublink {
	 width: 311px;
	 height: 169px;
	 background: url(images/images/new-front-page-links_05.jpg);
 }
 a#espressoclublink:hover { background: url(images/images/new-front-page-links-hov_05.jpg); }
 
 #one-time-modal { display: none; }
 #espressocup { position: absolute; width: 450px; height: 450px; background: transparent url(images/espresso-program-modal-pop.png); }
  a#link_espressoprogram { display: block; width:300px; height: 300px; margin: 75px; }
 /* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container { width: 450px; height: 450px; background: transparent url(images/espresso-program-modal-pop.png); } 
#simplemodal-container a.modalCloseImg { background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:60px; right:60px; cursor:pointer;}
