/*
Theme Name:		JavaJan
Theme URI:      http://www.javajangourmetcoffee.com/
Description:	Custom theme for JavaJanGourmetCoffee.com
Author:			Mark Czerniec
Author URI:		http://www.markcz.com/
*/


@charset "UTF-8";

/* Eric Meyer reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;
} 
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* end of Eric Meyer reset */

/* Font combos stashed for copy & paste:

Palatino,"Palatino Linotype","Book Antiqua",serif;color:#572700
Tahoma,Geneva,sans-serif;
"Arial Black",Gadget,sans-serif;
Arial,Helvetica,sans-serif;

*/


body  {background: #572700 url(/parts/dublin-ohio-coffee-bg.jpg) fixed;}

.clear {clear:both;}

h1,h2,h3,h4,h5,h6 {font-family:Tahoma,Geneva,sans-serif;line-height:1.25em;}

h1 {font-size:24px;margin-bottom:16px;}

h2 {font-size:18px;margin-bottom:8px;}

h3 {font-size:16px;margin-bottom:8px;}


#page-wrap {background-color:#9B5F0E;border:8px double #572700;margin:10px auto 20px auto;width:973px;font:14px/125% Arial,Helvetica,sans-serif;color:#572700;}

#header {display:block;background:url(/parts/dublin-coffee-gradient.jpg);width:973px;height:196px;}

#logo {display:block;float:left;background:#FFF url(/parts/java-jan-gourmet-coffee.jpg) no-repeat 0px 0px;width:263px;height:150px;}

#logo a:hover {display:block;background:#FFF url(/parts/java-jan-gourmet-coffee.jpg) no-repeat 0px -150px;width:263px;height:150px;}

#address-phone {display:block;width:300px;padding: 40px 8px 0 8px;float:right;color:#FFF;font:italic 22px/28px Arial,Helvetica,sans-serif;text-align:center;}

#address-phone a {color:#FFF;text-decoration:none;}
#address-phone a:hover {color:#E8BF89;text-decoration:underline;}


.phone {margin-top:8px;}
.email {margin-top:25px;font-size:18px;font-style:normal;}
.search-form {margin-top:40px;}

#nav-main {display:block;clear:left;margin-left:4px;}

#nav-main li {display:block;float:left;width:125px;height:46px;margin-left:4px;text-align:center;color:#FFF;font:14px/16px Arial,Helvetica,sans-serif;}

#nav-main a {display:block;width:125px;height:38px;padding-top:8px;text-decoration:none;}
#nav-main a:hover {text-decoration:underline;}

.nav1 a {background:#461f00 url(/parts/nav-main.jpg) no-repeat -8px 0px;color:#EEE;}
.nav1 a:hover {background:#461f00 url(/parts/nav-main.jpg) no-repeat -8px -46px;color:#FFF;}
.current1 a {color:#572700;font-weight:bold;background:#FFF url(/parts/nav-main.jpg) no-repeat -8px -92px;}
.current1 a:hover {background:#FFF url(/parts/nav-main.jpg) no-repeat -8px -92px;color:#572700;font-weight:bold;text-decoration:underline;}

.nav2 a {background:#501004 url(/parts/nav-main.jpg) no-repeat -137px 0px;color:#EEE;}
.nav2 a:hover {background:#501004 url(/parts/nav-main.jpg) no-repeat -137px -46px;color:#FFF;}
.current2 a {background:#FFF url(/parts/nav-main.jpg) no-repeat -137px -92px;color:#572700;font-weight:bold;}
.current2 a:hover {background:#FFF url(/parts/nav-main.jpg) no-repeat -137px -92px;color:#572700;font-weight:bold;text-decoration:underline;}

.nav3 a {background:#59562A url(/parts/nav-main.jpg) no-repeat -266px 0px;color:#EEE;}
.nav3 a:hover {background:#59562A url(/parts/nav-main.jpg) no-repeat -266px -46px;color:#FFF;}
.current3 a {background:#FFF url(/parts/nav-main.jpg) no-repeat -266px -92px;color:#572700;font-weight:bold;}
.current3 a:hover {background:#FFF url(/parts/nav-main.jpg) no-repeat -266px -92px;color:#572700;font-weight:bold;text-decoration:underline;}

.nav4 a {background:#6D5104 url(/parts/nav-main.jpg) no-repeat -395px 0px;color:#EEE;}
.nav4 a:hover {background:#6D5104 url(/parts/nav-main.jpg) no-repeat -395px -46px;color:#FFF;}
.current4 a {background:#FFF url(/parts/nav-main.jpg) no-repeat -395px -92px;color:#572700;font-weight:bold;}
.current4 a:hover {background:#FFF url(/parts/nav-main.jpg) no-repeat -395px -92px;color:#572700;font-weight:bold;text-decoration:underline;}

.nav5 a {background:#7C4C0B url(/parts/nav-main.jpg) no-repeat -524px 0px;color:#EEE;}
.nav5 a:hover {background:#7C4C0B url(/parts/nav-main.jpg) no-repeat -524px -46px;color:#FFF;}
.current5 a {background:#FFF url(/parts/nav-main.jpg) no-repeat -524px -92px;color:#572700;font-weight:bold;}
.current5 a:hover {background:#FFF url(/parts/nav-main.jpg) no-repeat -524px -92px;color:#572700;font-weight:bold;text-decoration:underline;}

#search_form { }

#body-wrap {min-height:640px;background: #FFF url(/parts/page-bg.jpg) repeat-y;}

#main-content {display:block;clear:both;float:left;width:632px;padding:16px 8px 16px 14px;}

.cupcake-crumbs {margin-bottom:16px;font-style:italic;}
.cupcake-crumbs a {color:#572700;text-decoration:none;}
.cupcake-crumbs a:visited {color:#572700;text-decoration:none;}
.cupcake-crumbs a:hover {color:#991F08;text-decoration:underline;}

#sidebar {display:block;float:left;width:300px;height:100%;padding:16px 8px 16px 8px;}

#text-3 {display:block;padding:8px;background-color:#2B1200;color:#FFF;margin-bottom:8px;text-align:center;line-height:1.75em;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #000;}


.widget_recent_entries {display:block;padding:8px;background-color:#641405;color:#FFF;margin-bottom:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #000;}
.widget_recent_entries h2 {text-align:center;}
.widget_recent_entries a {color:#E8BF89;text-decoration:underline;}
.widget_recent_entries li {margin-bottom:8px;}

.page-news .widget_recent_entries {display:none;}


.widget_links {display:block;padding:8px;background-color:#DFC78F;-moz-border-radius:8px;-webkit-border-radius:10px;border:1px solid #572700;margin-bottom:8px;}
.widget_links h2 {display:block;text-align:center;}
.widget_links li {margin-bottom:8px;}
.widget_links a {display:block;font-weight:bold;margin-bottom:2px;}

#footer {display:block;width:973px;background-color:#572700;padding:32px 0 32px 0;text-align:center;font:14px/16px Arial,Helvetica,sans-serif;color:#FFF;line-height:130%;}


#footer a {color:#D59F0F;text-decoration:none;}
#footer a:visited {color:#D59F0F;text-decoration:none;}

#footer a:hover{color:#D59F0F;text-decoration:underline;}

.post {display:block;padding:8px;background-color:#F8F8F2;-moz-border-radius:8px;-webkit-border-radius:10px;margin-bottom:16px;border:1px solid #572700;}

.post-timestamp {font-style:italic;margin-bottom:.5em;}

.post-body p {margin-bottom:1em;}

.post-body ul {list-style:disc;padding-left:20px;padding-bottom:1em;}
.post-body ol {list-style:decimal;padding-left:20px;padding-bottom:1em;}
.post-body li {padding-bottom:.5em;}

.alignleft {display:block;float:left;margin: 0 16px 16px 0;}
.alignright {display:block;float:right;margin: 0 0 16px 16px;}
.aligncenter {display:block;margin: 0 0 16px 0;}
.float-right {display:block;float:right;margin: 0 0 16px 16px;}

.thumblist {clear:both;}
.thumblist td {vertical-align:top;}
/*.thumblist img {border: 1px solid #333;}*/

.menu {background-color:#FBF8F2;-moz-border-radius:10px;-webkit-border-radius:10px;border:4px double #572700;margin-top:1em;padding:16px 40px 16px 40px;}
.menu h1 {margin-left:-24px;font:italic bold 24px/125% Tahoma,Geneva,sans-serif;}

.map {display:block;margin: 16px 0 2em 0;}
.directions {display:block;margin: 16px 0 2em 0;}

#comments {
	display: block;
	width: 635px;
	margin: 20px 0 0 0;
}
.comment-count, .comment-form-head {
	margin: 20px 0 20px 0;
	padding: 0;
}
#comment-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#comment-list li {
	margin: 0 0 10px 0;
	padding: 10px 20px 20px 20px;
}
.oddcomment {
	background-color: #F6F0E2;
	margin: 0 0 10px 0;
}
.evencomment {
	background-color: #F9F5C8;
	margin: 0 0 10px 0;
}
.comment-source {
	border-top: 2px dotted #CCCCCC;
	padding: 5px 0 0 0;
}
.comment-author {
	font-weight: bold;
	padding: 0 10px 0 0;
}
.comment-timestamp {
	font-size: 14px;
	font-style: italic;
}
.archive-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
}
.post-footer {
	padding: 5px 0 0 0;
}
.post-permalink {
	display: block;
	float: left;
	padding: 5px 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #008599;
}
.post-commentslink {
	display: block;
	padding: 5px 0 0 0;
}


/* ========= COMMENT FORM ========= */

#comment-form {width:602px;padding: 10px 0;float: left;}

#comment-form label {padding-left: 10px;font-size: .9em;
}
#comment-form .text_input {width:300px;padding:5px;background-color: #EEEEEE;font: normal 1em Arial, Helvetica, sans-serif;border: 1px solid #000000;margin-bottom:8px;}

#comment-form .text_area {background-color: #EEEEEE;
	width: 622px;
	padding: 5px;
	font: normal 1em Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}
#comment-form .text_input:focus, #comment_form .text_area:focus {
	border: 1px solid #000000;
	margin-bottom: 5px;
}

/* ========= EMAIL FORM ========= */

#email-form {
	display:block;
	width: 580px;
	margin: 17px 0 16px 0;
	padding:16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#email-form form {
	display:block;
	width: 580px;
	margin:0 0 16px 0;
	padding: 0 0 0 0;
	text-align:left;
}

fieldset {
	border:1px solid #666
}
.contact-field {
	display:block;
	clear: both;
	width: 550px;
	padding:8px 0 8px 0;

}
.contact-field input {
	display: block;
	float: left;
	font-size: 15px;
}
.contact-field label {
	display:block;
	float: left;
	width: 150px;
	padding:5px 0 0 8px;
}
.contact-field textarea {
	width: 550px;
	padding: 4px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.contact-submit {
	display: block;
	width: 550px;
	text-align:right;
	padding:0 0 0 0;
}
.contact-submit input {
	font-size: 130%;
	color: #0000EE;
	background-color: #DFC78F;
}