/* Stylesheet for R&R Coffee Cafe, 2010 Site Design.

     Copyright (C) 2010 by RS Ideas, LLC unless otherwise noted in the file

     Permission to use any of the elements in this stylesheet is granted with acknowledgement.

*/



* {margin: 0; padding: 0;}



body {margin: 0 auto; width: 800px; background: rgb(104,30,19); color: #000; font: 1em Garamond, Georgia, Times, serif;}

img {border: 0;}

div#content {width: 100%; background: #ccc; padding-bottom: 40px; /*-webkit-box-shadow: 10px 0 10px rgba(0,0,0,.3);

-moz-box-shadow: 10px 0 10px rgba(0,0,0,.3); box-shadow: 10px 0 10px rgba(0,0,0,.3); */}

a {text-decoration: none; font-weight: bold; color: rgb(104,30,19);}\

a:hover {color: rgb(48,48,48); background: rgb(104,30,19);} 

h1#home, h1#bakery, h1#gpr, h1#cafe, h1#community {text-indent: -2000px; display: block; height: 200px; width: 100%; /*-webkit-box-shadow: 10px 0 10px rgba(0,0,0,.3);

-moz-box-shadow: 10px 0 10px rgba(0,0,0,.3); box-shadow: 10px 0 10px rgba(0,0,0,.3);*/}

h1#home { background: url(pics/header.jpg);}

h1#bakery {background: url(pics/bakeryheader.jpg);}

h1#gpr {background: url(pics/coffeeheader.jpg);}

h1#cafe {background: url(pics/cafeheader.jpg);}

h1#community {background: url(pics/commheader.jpg);}

h3.escape {background: url(pics/escape.jpg) no-repeat top left; text-indent: -2000px; display: block; height:40px; width: 100%; clear: both;}

h3.socoffee {background: url(pics/socoffee.jpg) no-repeat top left; text-indent: -2000px; display: block; height: 40px; width: 100%;}

h3.blcoffee {background: url(pics/blcoffee.jpg) no-repeat top left; text-indent: -2000px; display: block; height: 40px; width: 100%; clear: both;}



ul#navigation {background: url(pics/navtopbkgd.jpg) repeat-x top left; list-style-type: none; height: 30px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

ul#navigation li {display: block; width: 14.25%; float: left; background: transparent;}

ul#navigation li a {display: block; width: 100%; text-align: center; background: transparent; height: 30px; font-weight: bold; text-decoration: none; font-size: 1em; color: #fff;}

ul#navigation li a:hover, ul#navigation li a#here {background: url(pics/navtopbkgdhvr.jpg) repeat-x top left;}



ul#navigation2 {list-style-type: none; height: 25px; display: block; background: rgb(48,48,48); width: 100%; }

ul#navigation2 li {display: block; float: right; background: transparent; padding: 0 .5em; height: 28px;}

ul#navigation2 li a {display: block; width: 100%; text-align: center; background: transparent; text-decoration: none; font-size: 1em; color: #eee; height: 100%;}

ul#navigation2 li a:hover, ul#navigation2 li a#here {background: rgb(104,30,19);}



ul.hours {margin-left: 3em; margin-top: 2em; margin-bottom: 1em;}



div#fixeddiv {p\osition: absolute; width: 5px; bottom: 40px; right: 5px; height: 50px; background: transparent; border: 0;}

body>div#fixeddiv {position: fixed;}

div#footer {display: block; width: 100%; p\osition: absolute; bottom: 0; left: 0; height: 40px; background: url(pics/footerbkgd.jpg) repeat-x top left; color: #fff;}

body>div#footer {position: fixed;}



div#footer p {margin-top: .5em; margin-left: .5em; font: 1em Garamond, Georgia, Times, serif;}

div#follow {float: right; margin-top: 3px;}

div#follow p {margin: 0;}

div#follow img {border: 0;}



div#scrollup {position: relative; overflow: hidden; height: 38px;}

.headline {position: absolute; top: 45px; left: 40px; height: 35px; }

div#scrollup a {text-decoration: underline; font-weight: bold; color: #ccc;}

div#scrollup a:hover {color: rgb(104,30,19); background: #ccc;}

div#blogposts {display: none; position: absolute; bottom: 0px; right: 70px; border-style: none; background: url(pics/popupback.png) no-repeat bottom right; color: #000; height: 420px; width: 310px; z-index: 1;}

div#twitterposts {display: none; position: absolute; bottom: 0px; right: 5px; border-style: none; background: transparent; color: #000; height: 355px; width: 250px; overflow: hidden;}

div#facebook {display: none; position: absolute; bottom: 0px; right: 35px; border-style: none; background: rgb(104,30,19); color: #333; height: 236px; width: 120px; overflow: hidden;}





div#blog {margin: 1em; margin-top: 60px;overflow: hidden;}

div#tweet {margin: 0; overflow: hidden;}
/*div#tweet ul li {font: 1em Garamond, Georgia, Times, serif; padding-bottom: .3em;}

div #tweet ul li a {color: #000; text-decoration: none; font-size: .7em;}

div#twitterposts h3 {text-indent: -3000px;}
*/
div#map {display: block; float: right; margin: .2em; padding-right: .2em; border: 5px solid #fff; background: #fff;}



span.twitterstatus {font: .5em Arial, Helvetica, sans-serif;}



h2 {clear: both; text-indent: -2000px; height: 30px;}

h2#welcome {background: url(pics/welcome.jpg) no-repeat top left;}

h2#hours {background: url(pics/hours.jpg) no-repeat top left;}

h2#location {background: url(pics/location.jpg) no-repeat top left;}

h2#contact {background: url(pics/contact.jpg) no-repeat top left;}

h2#about {background: url(pics/about.jpg) no-repeat top left;}

h2#events {background: url(pics/events.jpg) no-repeat top left;}

h2#bakery {background: url(pics/bakery.jpg) no-repeat top left;}

h2#gpr {background: url(pics/gpr.jpg) no-repeat top left;}

h2#cafe {background: url(pics/cafe.jpg) no-repeat top left;}

h2#community {background: url(pics/comm.jpg) no-repeat top left;}

h2#qualcuppa {background: url(pics/qualcuppa.jpg) no-repeat top left;}

h2#coffeesel {background: url(pics/coffeesel.jpg) no-repeat top left;}

h2#cakes {background: url(pics/cakes.jpg) no-repeat top left;}

h2#pastries {background: url(pics/pastries.jpg) no-repeat top left;}

h2#gfbaking {background: url(pics/gfbaking.jpg) no-repeat top left;}

h2#wholesale {background: url(pics/wholesale.jpg) no-repeat top left;}

h2#cupatatime {background: url(pics/cupatatime.jpg) no-repeat top left;}

h2#careers {background: url(pics/careers.jpg) no-repeat top left;}

h2#tips {background: url(pics/tips.jpg) no-repeat top left;}

h2#online {background: url(pics/online.jpg) no-repeat top left;}

h2#brewcoffee {background: url(pics/brewcoffee.jpg) no-repeat top left;}

h2#hcspro {background: url(pics/hcspro.jpg) no-repeat top left;}

h2#froufrou {background: url(pics/froufrou.jpg) no-repeat top left;}

h2#nojoe {background: url(pics/nojoe.jpg) no-repeat top left;}

h2#icblend {background: url(pics/icblend.jpg) no-repeat top left;}

h2#classicbrk {background: url(pics/classicbrk.jpg) no-repeat top left;}

h2#grill {background: url(pics/grill.jpg) no-repeat top left;}

h2#omelet {background: url(pics/omelet.jpg) no-repeat top left;}

h2#burrito {background: url(pics/burrito.jpg) no-repeat top left;}

h2#sammich {background: url(pics/sammich.jpg) no-repeat top left;}

h2#notquite {background: url(pics/notquite.jpg) no-repeat top left;}

h2#soup {background: url(pics/soup.jpg) no-repeat top left;}

h2#cater {background: url(pics/cater.jpg) no-repeat top left;}

h2#seek {background: url(pics/seek.jpg) no-repeat top left;}

h2#kyj {background: url(pics/kyj.jpg) no-repeat top left;}

img.pagepict {float: right; margin: .2em; padding-right: .2em; clear: both;}

ul.farm, table.farmspecs {list-style-type: none; margin: 1em; border-bottom: 1px solid black;}

ul.farm {width: 50%;}

ul.farm li {font: 1.2em Garamond, Times, serif; margin: 0 auto; text-align: center;}



div#text p {line-height: 1.5; padding: .5em; text-indent: 1em;}

div#disclaim p {line-height: 1; text-align: right; font-size: .7em;}

div.bio {clear: both; overflow: auto; width: 100%; border-bottom: 1px solid rgb(48,48,48);}



blockquote {display: block; float: right; width: 250px; height: auto; overflow: auto; font: 2em 'Vladimir Script', 'Brush Script', script; padding: .5em; border: 4px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: rgb(48,48,48); color: #ccc; margin-right: 2em; font-weight: normal; text-align: center;}



dl {padding: 0 4em;}

dt {display: block; width: 100%; text-align: left; border-bottom: 1px solid rgb(48,48,48); font-weight: bold; clear: both;}

dt#rmpick {background: rgb(48,48,48); color: #ccc;}

dd {margin-bottom: 1em; clear: both;}

p.noindent {text-indent: 0; margin-left: 0;}

span.coffeedescript {font-size: .8em; font-weight: bold;}