/* CSS FOR ESPRESSO ELEMENTS BY CHARLES ELENA DESIGN www.charleselenadesign.com */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }


/* == UNIVERSAL (SETTING SITE-WIDE CONVENTIONS FIRST) ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 62.5%;
color: #fff;
/* background: url(../images/body-bg.jpg) fixed 50% 0 #070707;*/
background: #000;
text-align: center;
}
body.alt2
{
/* background: url(../images/body-bg-3.png) no-repeat 70% 0 #090909; */
}

a
{
color: #efebbc;
text-decoration: underline;
}

.fancy
{
display: block;
text-indent: -10000em;
}

/* == BUILDING BLOCKS (DIV's, ETC. BY ORDER OF APPEARANCE) ======================================================= */
div#wrapper
{
padding: 28px 0;
min-height: 388px;
background: url(../images/wrapper-bg-5.png) no-repeat 50% 0;
}
/*body#inner div#wrapper
{
background: url(../images/wrapper-bg-inner.jpg) no-repeat 50% -10px;
}*/
body#home div#wrapper
{
background: url(../images/wrapper-bg-4.png) no-repeat 50% 0;
}

div#container
{
width: 830px;
margin: 0 auto;
text-align: left;
}

div#col-1
{
float: left;
width: 640px;
}

div#col-2
{
float: left;
width: 120px;
margin-left: 60px;
padding: 175px 0 30px 0;
}

div.verbose
{
padding: 45px 0 30px 0;
}

div.intro
{
width: 375px;
float: left;
}

div.listing
{
clear: both;
padding: 10px 0 30px 0;
min-height: 180px;
/*background: url(../images/listing-bg.gif) no-repeat 46% 100%;*/
}
div.listing.nodivider
{
background: none;
}

div.ticks
{
float: right;
width: 27%;
margin-left: 20px;
}

div.post
{
margin: 30px 0;
}

div.entry
{
padding: 10px 0 0 0;
}

/* == UNIQUE ELEMENTS =================================================== */
h1#logo a
{
margin: 0 auto 12px auto;
width: 460px;
height: 23px;
/*background: url(../images/espressoelements-logo.png);*/
}

/* ==== */
ul#mainnav
{
margin: 0 auto;
padding: 0 39px;
width: 743px;
min-height: 30px;
background: url(../images/mainnav-bg.png) no-repeat 0 50%;
}
ul#mainnav li
{
float: left;
margin: 0;
font-size: 1.5em;
}
ul#mainnav li a
{
display: block;
padding: 3px 10px;
color: #fff;
text-decoration: none;
}
ul#mainnav li a:hover
{
color: #3f1d0c;
background-repeat: no-repeat;
}
ul#mainnav li#nav1 a:hover
{
background-image: url(../images/nav-home.gif);
}
ul#mainnav li#nav2 a:hover
{
background-image: url(../images/nav-blog.gif);
}
ul#mainnav li#nav3 a:hover
{
background-image: url(../images/nav-store.gif);
}
ul#mainnav li#nav4 a:hover
{
background-image: url(../images/nav-equipment.gif);
}
ul#mainnav li#nav5 a:hover
{
background-image: url(../images/nav-service.gif);
}
ul#mainnav li#nav6 a:hover
{
background-image: url(../images/nav-classes.gif);
}
ul#mainnav li#nav7 a:hover
{
background-image: url(../images/nav-contact.gif);
}
ul#mainnav li#nav8 a:hover
{
background-image: url(../images/nav-links.gif);
}
/* ==== */

ul#subnav1
{
position: absolute;
top:-999em;
/*margin-left: 0;*/
padding-top: 2px;
padding-left: 2px;
width: 660px;
min-height: 26px;
background: url(../images/subnav1-bg.png);
background-repeat:no-repeat; /* NOTE: FOR EACH SUBNAV WE NEED TO MAKE A CRISPY *GIF* VERSION FOR IE6 ONLY IN ORDER TO COMBAT A BUG WITH THE PNG REPLACEMENT STUFF */
}
/* THIS IS THE SUPERFISH MAGIC BIT: */#mainnav li:hover ul#subnav1, ul#mainnav li.sfHover ul#subnav1
{
top: 100px;
}
ul#subnav1 li
{
float: left;
/*padding: 0 0 0 0;
margin: 1px 4px 0 0;*/
font-size: 0.8em;
}
ul#subnav1 li a
{
background-image: none;
/*padding-top: 3px;
padding-bottom: 5px;*/
color: #3f1d0c;
}
ul#mainnav li ul#subnav1 li a:hover
{
background-image: none;
background-color: #b8a476;
}

/* ==== */

ul#subnav2
{
position: absolute;
top:-999em;
/*margin-left: 0px;
padding: 0 0 0 0;*/
padding-top: 2px;
padding-left: 2px;
width: 440px;
min-height: 26px;
background: url(../images/subnav2-bg.png);
background-repeat:no-repeat;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */#mainnav li:hover ul#subnav2, ul#mainnav li.sfHover ul#subnav2
{
top: 100px;
}
ul#subnav2 li
{
float: left;
/*padding: 0 0 0 0;
margin: 1px 1px 0 0;*/
font-size: 0.8em;
}
ul#subnav2 li a
{
background-image: none;
/*padding-top: 3px;
padding-bottom: 5px;*/
color: #3f1d0c;
}
ul#mainnav li ul#subnav2 li a:hover
{
background-image: none;
background-color: #b8a476;
}

/* ==== */
ul#subsubnav1
{
position: absolute;
top:-999em;
margin-left: 0;
padding: 0 5px;
width: 142px;
background-color: #b8a476;
background-image: none;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */ul#subnav1 li:hover ul#subsubnav1, ul#subnav1 li.sfHover ul#subsubnav1
{
top: 26px;
}
li#sub4 ul#subsubnav1 li
{
width: 142px;
text-align: left;
font-size: 1em;
}
li#sub4 ul#subsubnav1 li a, li#sub4 ul#subsubnav1 li a:hover
{
display: block;
text-indent: 0;
width: auto;
height: auto;
margin: 0 -5px;
/*padding: 5px 10px;*/
background-image: none;
color: #713b0c;
text-decoration: none;
cursor: hand;
}
li#sub4 ul#subsubnav1 li a:hover
{
background-color: #dfd1b2;
}

/* ==== */
ul#subsubnav2
{
position: absolute;
top:-999em;
margin-left: 0;
padding: 0 5px;
width: 120px;
background-color: #b8a476;
background-image: none;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */ul#subnav2 li:hover ul#subsubnav2, ul#subnav2 li.sfHover ul#subsubnav2
{
top: 26px;
}
li#sub1 ul#subsubnav2 li
{
width: auto;
text-align: left;
font-size: 1em;
}
li#sub1 ul#subsubnav2 li a, li#sub1 ul#subsubnav2 li a:hover
{
display: block;
text-indent: 0;
width: 110px;
height: auto;
margin: 0 0 0 -5px;
padding: 5px 10px;
background-image: none;
color: #713b0c;
text-decoration: none;
cursor: hand;
}
li#sub1 ul#subsubnav2 li a:hover
{
background-color: #dfd1b2;
}

/* ==== */
ul#subsubnav3
{
position: absolute;
top:-999em;
margin-left: 0;
padding: 0 5px;
width: 120px;
background-color: #b8a476;
background-image: none;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */ul#subnav2 li:hover ul#subsubnav3, ul#subnav2 li.sfHover ul#subsubnav3
{
top: 26px;
}
li#sub2 ul#subsubnav3 li
{
width: auto;
text-align: left;
font-size: 1em;
}
li#sub2 ul#subsubnav3 li a, li#sub2 ul#subsubnav3 li a:hover
{
display: block;
text-indent: 0;
width: 110px;
height: auto;
margin: 0 0 0 -5px;
padding: 5px 10px;
background-image: none;
color: #713b0c;
text-decoration: none;
cursor: hand;
}
li#sub2 ul#subsubnav3 li a:hover
{
background-color: #dfd1b2;
}

/* ==== */
ul#subsubnav4
{
position: absolute;
top:-999em;
margin-left: 0;
padding: 0 5px;
width: 120px;
background-color: #b8a476;
background-image: none;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */ul#subnav2 li:hover ul#subsubnav4, ul#subnav2 li.sfHover ul#subsubnav4
{
top: 26px;
}
li#sub3 ul#subsubnav4 li
{
width: auto;
text-align: left;
font-size: 1em;
}
li#sub3 ul#subsubnav4 li a, li#sub3 ul#subsubnav4 li a:hover
{
display: block;
text-indent: 0;
width: 110px;
height: auto;
margin: 0 0 0 -5px;
padding: 5px 10px;
background-image: none;
color: #713b0c;
text-decoration: none;
cursor: hand;
}
li#sub3 ul#subsubnav4 li a:hover
{
background-color: #dfd1b2;
}

/* ==== */
ul#subsubnav5
{
position: absolute;
top:-999em;
margin-left: 0;
padding: 0 5px;
width: 120px;
background-color: #b8a476;
background-image: none;
}
/* THIS IS THE SUPERFISH MAGIC BIT: */ul#subnav2 li:hover ul#subsubnav5, ul#subnav2 li.sfHover ul#subsubnav5
{
top: 26px;
}
li#sub4 ul#subsubnav5 li
{
width: auto;
text-align: left;
font-size: 1em;
}
li#sub4 ul#subsubnav5 li a, li#sub4 ul#subsubnav5 li a:hover
{
display: block;
text-indent: 0;
width: 110px;
height: auto;
margin: 0 0 0 -5px;
padding: 5px 10px;
background-image: none;
color: #713b0c;
text-decoration: none;
cursor: hand;
}
li#sub4 ul#subsubnav5 li a:hover
{
background-color: #dfd1b2;
}

/* ==== */

a#banner
{
display: block;
clear: both;
margin: 18px auto 35px auto;
width: 826px;
height: 303px;
text-indent: -10000em;
background: url(../images/banner-home-1.jpg) #000;
}
a#banner:hover
{
background-position: 0 -303px;
}
/* div#banner
{
clear: both;
margin: 0 auto;
width: 826px;
padding: 18px 0 30px 0;
}*/

/* ==== */
dl.feature
{
float: left;
width: 405px;
margin-right: 10px;
}
dl.feature dt
{
float: left;
width: 267px;
margin-right: 10px;
}
dl.feature dt a
{
display: block;
width: 266px;
height: 159px;
text-indent: -10000em;
}
dl.feature.one dt a
{
background: url(http://www.espressoelements.com.au/images/feature-espressobar.png);
}
dl.feature.one dt a:hover
{
background-position: 0 -161px;
}
dl.feature.two dt a
{
background: url(http://www.espressoelements.com.au/images/feature-coffeehouse.png);
}
dl.feature.two dt a:hover
{
background-position: 0 -161px;
}
dl.feature dd
{
float: left;
width: 127px;
color: #efebbc;
}
dl.feature dd p
{
font-family: georgia, "times new roman", times, serif;
font-size: 1.1em;
line-height: 1.3em;
font-style: italic;
}
dl.feature dd p em
{
font-size: 1.25em;
line-height: 1.3em;
color: #fff;
}

/* ==== */

dl.blog-excerpt
{
float: left;
width: 460px;
margin: 40px 20px;
}
dl.blog-excerpt dt.fancy
{
margin-bottom: 2px;
width: 40px;
height: 18px;
background: url(../images/title-blog.png);
}
dl.blog-excerpt dd h1, dl.blog-excerpt dd ul li span.headline
{
font-size: 2em;
line-height: 1.4em;
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
}
dl.blog-excerpt dd ul li span.headline
{
display: block;
margin: 0.3em 0 -10px 0;
}
dl.blog-excerpt dd /*p*/
{
margin-top: 10px;
font-size: 1.2em;
line-height: 1.6em;
}
dl.blog-excerpt dd div
{
margin-top: 10px;
}
dl.blog-excerpt dd p small
{
font-size: 0.95em;
color: #9c9c9c;
}

dl.blog-excerpt div#creditfooter
{
display: none;
}

/* ==== */
dl.findus
{
float: left;
width: 300px;
margin: 40px 0;
}
dl.findus dt.fancy
{
margin-bottom: 12px;
width: 62px;
height: 14px;
background: url(../images/title-findus.png);
}
dl.findus dd img
{
float: left;
width: 150px;
margin-right: 10px;
}
dl.findus dd p
{
float: left;
width: 140px;
font-size: 1.1em;
line-height: 1.4em;
}
dl.findus dd p strong
{
font-weight: normal;
color: #efebbc;
}

/* ==== */

ul#footernav
{
clear: both;
width: 820px;
margin: 0 auto;
padding-top: 40px;
text-align: center;
font-size: 1.1em;
background: url(../images/footernav-bg.png) no-repeat 50% 0;
}
body#inner ul#footernav
{
margin-top: 80px;
}
ul#footernav li
{
display: inline;
}
ul#footernav li a
{
padding-right: 0.4em;
color: #fff;
text-decoration: none;
}
ul#footernav li a:hover
{
text-decoration: underline;
}

/* ==== */

p#copyright-etc
{
clear: both;
width: 820px;
margin: 20px auto;
text-align: center;
color: #9c9c9c;
}
p#copyright-etc small
{
font-size: 1em;
}
p#copyright-etc span
{
font-family: georgia, "times new roman", times, serif;
font-style: italic;
}
p#copyright-etc a
{
color: #713b0c;
}

/* == SPECIFIC FORMATTING BY BUILDING BLOCK =================================================== */
div.verbose h1
{
font-size: 3.6em;
line-height: 1.4em;
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
}

div.verbose h2
{
margin-top: 1em;
font-size: 2.6em;
line-height: 1.4em;
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
}

div.verbose h3, div.verbose h4, div.verbose h5
{
margin-top: 1em;
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
font-size: 1.8em;
line-height: 1.4em;
color: #a96100;
}

div.verbose p
{
margin-top: 10px;
font-size: 1.1em;
line-height: 1.6em;
}
/*div.verbose p.summary
{
font-family: georgia, "times new roman", times, serif;
font-size: 1.4em;
line-height: 1.4em;
}*/
div.verbose p.caption
{
width: 550px;
margin-top: -10px;
text-align: right;
color: #a96100;
}

div.verbose p em
{
font-family: georgia, "times new roman", times, serif;
font-size: 1.4em;
line-height: 1.4em;
color: #efebbc;
}

div.verbose p small
{
color: #9c9c9c;
font-size: 1em;
}

div.verbose ul
{
list-style-type: disc;
margin: 10px 15px;
font-size: 1.1em;
line-height: 1.6em;
}
div.verbose ul ul
{
margin: 0 15px;
font-size: 1em;
}

div.verbose p span.fancy.acc
{
display: block;
float: left;
width: 78px;
height: 11px;
margin: 3px 10px 0 0;
background: url(../images/title-acc.png);
}

/* ==== */
div.listing dl
{
float: left;
width: 370px;
margin: 10px 35px 10px 0;
}
div.listing dl dt
{
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
font-size: 1.8em;
line-height: 1.4em;
color: #a96100;
}
div.listing dl dd p
{
margin-top: 5px;
font-size: 1.1em;
line-height: 1.6em;
}
div.listing dl dd p.recc
{
margin-top: 10px;
font-family: georgia, "times new roman", times, serif;
font-size: 1.4em;
line-height: 1.2em;
font-style: italic;
color: #efebbc;
}
div.listing dl dd p.recc span.fancy
{
float: left;
width: 98px;
height: 11px;
margin: 4px 10px 0 0;
background: url(../images/title-recc.png);
}
div.listing dl dd p.recc img
{
margin-right: 10px;
}
div.listing dl dd ul
{
list-style-type: disc;
margin: 5px 45px;
font-size: 1.1em;
line-height: 1.6em;
}
div.listing dl dd img.alignleft
{
float: left;
margin: 3px 10px 40px 0;
}

/* ==== */
div.key p
{
margin-top: 10px;
font-family: georgia, "times new roman", times, serif;
font-size: 1.4em;
line-height: 1.2em;
font-style: italic;
color: #efebbc;
}

div.key img
{
padding-right: 5px;
}
div.key img.wp-image-56
{
margin-left: -5px;
}

div.key table
{
margin: 15px 0;
}

/* ==== */
div.ticks dl
{
float: left;
width: 100%;
margin: 0 0 20px 10px;
}
div.ticks dl dt
{
padding-left: 21px;
font-family: "helvetica neue", helvetica, "lucida sans", sans-serif;
font-size: 1.8em;
line-height: 1.4em;
color: #a96100;
background: url(../images/tick.png) no-repeat 0 50%;
}
div.ticks dl dd p
{
margin-top: 5px;
padding-left: 21px;
font-size: 1.1em;
line-height: 1.6em;
}
div.ticks dl dd ul
{
list-style-type: disc;
margin: 5px 15px;
font-size: 1.1em;
line-height: 1.6em;
}

/* ==== */
table.stats
{
width: 520px;
margin: 20px 0;
font-size: 1.1em;
border-collapse: collapse;
padding: 1px;
border: 4px solid #222;
background: #000;
}
table.stats th
{
padding: 5px 20px 5px 8px;
font-family: georgia, "times new roman", times, serif;
font-size: 1.3em;
font-weight: normal;
color: #efebbc;
border: 1px solid #333;
}
table.stats th.nowrap
{
white-space: nowrap;
}
table.stats td
{
padding: 5px 8px;
border: 1px solid #333;
background: #111;
}

/* ==== */
ol.commentlist
{
list-style-type: none;
}
ol.commentlist li
{
margin: 20px 0;
padding: 0 0 20px 0;
line-height: 1.6em;
border-bottom: 1px solid #222;
}
ol.commentlist li p
{
line-height: 1.3em;
}
ol.commentlist li cite
{
display: block;
padding: 8px 0 0 0;
font-size: 1.2em;
font-style: normal;
}
ol.commentlist li small
{
display: block;
margin: 10px 0 0 0;
font-size: 1em;
}
ol.commentlist li small a
{
color: #9c9c9c;
}
ol.commentlist li span
{
display: block;
}

img.avatar
{
/* float: left;
margin: 0 10px 10px 0; */
display: none;
}

/* ==== */
div#col-2 ul
{
text-align: left;
font-size: 1.1em;
line-height: 1.6em;
color: #9c9c9c;
}

/* == EXTRAS: ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

img.rightpic, img.alignright
{
float: right;
margin: 0 0 20px 20px;
}

img.leftpic
{
float: left;
margin: 0 20px 20px 0;
}