/*  
Theme Name: Donuts911
Theme URI: http://www.donuts911.com/
Description: Custom theme for www.donuts911.com
Version: 0.1.0
Author: Scott A Beyer
Author URI: http://www.appleseedsolutions.com/
*/

body  { font-size: 62.5%; background-image: url(images/donuts911/bg.jpg); background-repeat: repeat; background-position: -10px -10px; text-align: center; }
p, h1, h2, h3, h4, h5, h6, li, small { color: black ; font-size: 1.2em; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica; font-weight: normal; text-decoration: none; margin: 0; padding: 0; }
a { color: #8b0000; font-weight: bold; text-decoration: none; }
a:hover { color: #8b0000; font-weight: bold; text-decoration: underline; }
/*Layout*/
#page { background-color: #fff9c3; background-image: url(images/donuts911/container_mid.gif); text-align: left; position: relative; width: 900px; margin: 50px auto; padding: 0; }
#banner { background-image: url(images/donuts911/container_top.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 15px !important; margin: 0; padding: 0; }
#content { position: relative; margin: 0; padding: 0; width: 100%; }
#col1 { position: relative; margin: 0; padding: 30px 20px 0 35px; width: 173px; z-index: 2; float: left; }
#col2 { position: relative; margin: 0; width: 173px; z-index: 3; float: right; padding: 224px 35px 0 20px; }
#col3 { position: relative; z-index: 1; margin: 0; padding: 230px 240px 0; }
#footer { background-image: url(images/donuts911/container_btm.gif); background-repeat: no-repeat; background-position: left bottom; text-align: center; position: relative; margin: 0; padding: 1em 0 2em; width: 100%; }
#logo { text-align: center; position: absolute; top: 40px; left: 50%; width: 246px; height: 150px; z-index: 15; margin: 0 0 0 -123px; padding: 0; }
#donut { background-image: url(images/donuts911/donut.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0; padding: 0; position: absolute; top: 9px; left: 635px; width: 247px; height: 259px; z-index: 10; }
#coffee-wrapper  { position: relative; top: 0; left: 0; width: 100px; height: 250px     ; margin: 0; padding: 0; }
#coffee { background: url(images/donuts911/coffee.jpg) no-repeat; position: absolute; top: -20px; left: -35px; width: 236px; height: 270px; }
/*Box Structure*/
.box { background-image: url(images/donuts911/box_mid.gif); background-repeat: repeat-y; width: 173px; margin: 0 0 20px; padding: 0; }
.box-btm { background-color: #ffc; background-image: url(images/donuts911/box_btm.gif); background-repeat: no-repeat; background-position: left bottom; position: relative; width: 173px; height: 15px; display: block; }
.box h3 { background-color: #8b0000; background-repeat: no-repeat; background-position: 0 0; width: 173px; height: 28px; margin: 0; padding: 0; }
.box-title-specials { background-image: url(images/donuts911/box_title_specials.gif); }
.box-title-community { background-image: url(images/donuts911/box_title_community.gif); }
.box-title-contact { background-image: url(images/donuts911/box_title_contact.gif); }
.box-title-dayold { background-image: url(images/donuts911/box_title_dayold.gif); }
/*Text Formatting*/
small { font-size: 0.9em; }
.main h1 { color: #004c22; font-size: 1.7em; font-weight: bold; text-transform: capitalize; margin-top: 0.2em; margin-bottom: 0.5em; padding: 1em 0 0; }
.main h2 { color: #004c22; font-size: 1.2em; font-weight: bold; text-transform: capitalize; margin-top: 0.2em; margin-bottom: 0.5em; padding: 1em 0 0; }
.main h1 a { color: #004c22; }
.main h1 a:hover { color: #004c22; border-bottom-color: #004d22; }
.main p { line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.8em; }
.sidebar p, .sidebar ul { margin: 1em; padding: 0; }
.sidebar li { line-height: 1.4em; text-align: center; list-style-type: none; margin: 0; padding: 0; }
#footer p { font-size: 1em; margin: 0; padding: 0.2em 1em; }
.buttons { font-size: 1em; }
.commentbody { margin-top: 1em; padding-top: 0.5em; padding-left: 3em; border-top: 2px solid #8b0000; }
/*Logo*/
#logo a.logo { background-image: url(images/donuts911/logo.gif); background-repeat: no-repeat; background-position: 0 0; width: 246px; height: 148px; display: block; }
/*Misc*/
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.hide { margin-left: -9999px; }
/*MSIE 5\*/
* html #col1, * html #col2 {width: 228px ; w\idth: 173px}
/*End MSIE 5*/
