/* External Style Sheet for screen: The Cake Artist */
/* Site Design: Black Cap Design */
* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies */
img {border: none;} /* removes border on all images */
body
{
padding: 0;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 11px;
background: #483858;
min-width: 770px; /* prevents design collapse (header) on small window resize */
}
/* ===================================== */
#middle
{
background: transparent url('../images/middle_bg.gif') repeat-y;
width: 770px;
margin: 0 auto;
padding: 0;
}
/* ------------------ */
#top
{
background: white url('../images/banner.gif') no-repeat;
margin: 0 auto;
width: 770px;
height: 134px;
}
/* ------------------ */
#bottom
{
background: transparent url('../images/bottom_img.gif') no-repeat;
width: 770px;
height: 8px;
margin: 0 auto;
clear: both;
}
/* ===================================== */
#content_container
{
margin: 0 auto;
width: 762px;
}
/* ======================== */
#nav
{
margin: 8px auto 0 auto;
width: 762px;
height: 32px;
float:left;
font-size: 14px;
font-weight: bold;
}
#nav ul
{
margin: 0;
padding: 0 10px 0 46px;
list-style:none;
}
#nav li
{
display: inline;
margin: 0;
padding: 0;
line-height: 150%;
}
#nav a
{
float:left;
margin: 0 2px;
padding: 0 0 0 44px;
text-decoration: none;
}
#nav a span
{
float: left;
display: block;
padding: 0 54px 6px 10px;
color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav li#active a, #nav li#active a:visited
{
color: black;
background: white url('../images/tab_left.gif') no-repeat;
background-position: top left;
}
#nav li#active a span
{
color: black;
background: white url('../images/tab_right.gif') no-repeat ;
background-position: top right;
}
#nav a:hover
{
background: white url('../images/tab_left.gif') no-repeat;
background-position: top left;
color: black;
}
#nav a:hover span
{
background: white url('../images/tab_right.gif') no-repeat;
background-position: top right;
color: black;
}
#nav li#active a:hover
{
background: white url('../images/tab_left.gif') no-repeat;
background-position: top left;
color: black;
}
#nav li#active a:hover span
{
color: black;
}
/* ======================== */
/* ================================ */
.content
{
float: right;
width: 440px;
padding: 20px 0 10px 0;
color: #373839;
background: transparent;
}
.content p
{
padding: 6px 62px 6px 30px;
line-height: 175%;
}
.content h1
{
font-size: 1.4em;
padding: 16px 22px 12px 30px;
color: #483858;
}
.content h2
{
font-size: 1.2em;
padding: 0px 22px 6px 30px;
color: #483858;
}
/* ---- */
.replace_img /* accessible method for hiding text (see http://www.webaim.org/techniques/css/invisiblecontent/) */
{
position:absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
.h1_img_w /* image replacement method used in conjunction with .replace_img */
{
display: inline;
width: 37px;
height: 25px;
background-image: url('../images/w.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding: 10px 0 0 0;
}
.h1_img_a
{
display: inline;
width: 26px;
height: 26px;
background-image: url('../images/a.gif');
background-repeat: no-repeat;
background-position: left 0px;
padding: 10px 3px 0 0;
}
.h1_img_p
{
display: inline;
width: 19px;
height: 25px;
background-image: url('../images/p.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding: 10px 0 0 0;
}
.h1_img_c
{
display: inline;
width: 23px;
height: 26px;
background-image: url('../images/c.gif');
background-repeat: no-repeat;
background-position: left 0px;
padding: 10px 3px 0 0;
}
/* --
-- */
.content ul
{
padding: 6px 22px 6px 40px;
line-height: 130%;
}
.content ol
{
padding: 6px 22px 6px 60px;
line-height: 130%;
}
#cake_img
{
display: block;
width: 96px;
height: 116px;
float: right;
margin: 0 60px 0 30px;
}
.clear_both /* NECESSARY TO PREVENT IE6 RENDERING BUG */
{
display: block;
height: 1px;
clear: both;
}
/* ================================ */
/* ======================== */
.content a:link, #footer a:link
{
color: #987322;
background: white;
text-decoration: underline;
}
.content a:visited, #footer a:visited
{
color: #987322;
background: white;
text-decoration: underline;
}
.content a:hover, #footer a:hover
{
color: #987322;
background: white;
text-decoration: none;
}
#design_cred a:link, #design_cred a:hover, #design_cred a:visited
{
color: #999999;
}
/* ======================== */
/* ======================================= */
.sidebar
{
float: left;
width: 300px;
color: #c9c5c6;
}
.sidebar p
{
line-height: 175%;
color: #373839;
margin: 2px 0 8px 0;
}
.sidebar h2
{
font-size: 1.3em;
text-align: center;
margin-left: -10px;
padding: 0 0 12px 0;
color: #483858;
}
.sidebar h3
{
font-size: 1.2em;
text-align: center;
margin-left: -10px;
padding: 0 0 6px 0;
color: #483858;
}
.h_vine_left
{
background: url('../images/vine_left.gif') no-repeat;
background-position: left -1px;
margin: 0 4px 4px 0;
width: 26px;
height: 17px;
display: inline;
}
.h_vine_right
{
background: url('../images/vine_right.gif') no-repeat;
background-position: left -1px;
margin: 0 0 4px 4px;
width: 26px;
height: 17px;
display: inline;
}
#slideshow
{
margin: 20px 0 0 32px;
padding: 38px 0 0 36px;
background: url('../images/transition_bg.jpg') no-repeat;
width: 280px;
height: 348px;
display: block;
}
.thumbnail_block
{
margin: 0 22px 0 22px;
}
.thumb
{
padding: 1px;
}
#content_group1
{
margin: 56px 0px 10px 60px;
padding: 6px;
background-color: silver;
border: 1px solid gray;
}
#content_group2
{
margin: 20px 0px 10px 60px;
}
/* ======================================== */
/* ================================== */
ul.standard
{
padding-right: 76px;
list-style-type: none;
margin-top: -6px;
}
ul.standard li
{
background: transparent url('../images/bullet.gif') no-repeat;
background-position: 0 2px;
margin-left: 2px;
padding-left: 24px;
line-height: 150%;
}
/* ================================= */
/* ================================== */
/* =================== */
#skip
{
display: none;
}
/* -------------------------------- */