/* CSS STYLE SHEET for HONDON VALLEY CAKES
written by Digital Idiom Web Design - Copyright c2009
www.hondonvalleycakes.com / www.digitalidiom.co.uk
#######################################################
*/


html, *, div, body, table, td, p, ul, li, object {
margin:0; padding:0; border:0;
}

body {
font:normal 0.76em/1.4em Verdana, Arial, Helvetica, sans-serif;
color:#444;
background:#940D23 url('/images/bg-body.gif');
}


/* #### MAIN DIVS ######################################################### */

#container {
width: 940px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background:#FFF url('/images/bg-masthead.jpg') no-repeat;
}

#masthead {
height:190px;
background-color: transparent;
}

#menu {
float:right;
width:220px;
margin-top:44px;
margin-right:40px;
background-color: transparent;
color:#940D23;
}

#logo {

}

#search {
height:50px;
padding: 0px 10px;
background-color: #92CCEC;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}

#splash {
height:140px;
padding: 0px 10px;
background-color: #ECE;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}

#content { /* for 2 col template */
width:540px;
color:#444;
float:right;
margin-right:30px;
padding:30px 0px 0px 0px;
background:transparent url('/images/bg-content.jpg') -380px 0px no-repeat;
}

#content.gallery { /* for 2 col template */
width:840px;
color:#444;
float:right;
margin:0px 30px 20px 0px;
padding:30px 0px 0px 0px;
background:transparent url('') 0px 0px no-repeat;
}


#sidebarR {
float: left;
width: 280px;
margin: 0px 0px 20px 50px;
padding: 22px 0px 0px 3px;
background:transparent url('/images/bg-content.jpg') -50px 0px no-repeat;
}

#footer {
clear: both;
padding: 7px 0px 8px 0px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
color:#EEE;
text-align:center;
background:#FFF url('/images/bg-footer.jpg') no-repeat;
}

/* LIST MENU & LINK STYLES ####### */

a:link, a:visited {color:#A78721; text-decoration: none;}
a:hover {color:#C30; text-decoration: underline;}

#footer a:link, #footer a:visited {color:#999; text-decoration: none;}
#footer a:hover {color:#333; text-decoration: underline;}


#navlist li
{
list-style:none;
padding-left: 14px;
background-image: url('/images/bullet-arrow-gold.gif');
background-repeat: no-repeat;
background-position: 0em 0.2em;
font-weight:bold;
}

#navlist a:link  {color:#940D23; text-decoration: none;}
#navlist a:visited {color:#940D23; text-decoration: none;}
#navlist a:focus {color:#940D23; text-decoration: none;}
#navlist a:hover {color:#A78721; text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Text and Headings */

.printOnly {display:none;}
img {border:0px;}

h1 {
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#B89832;
margin:4px 0px 16px 0px;
padding:0px;
}

h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#940D23;
margin:0px 0px 2px 0px;
padding:0px;
}

h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#C30;
margin:0px 0px 2px 0px;
}

p {margin:0px 0px 16px 0px;}

.note {color:#999; font-size:80%;}

hr {height:1px; color:#940D23;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM STYLES ########################## */
form {margin:0px; padding:4px; border-top:1px solid #999; border-bottom:1px solid #999;}
input, textarea, select {border:1px solid #666; margin:3px;}
.submit {background-color:#940D23; color:#FFF; font-weight:bold; border:0px solid #000;}