/* 
Document   : bakemestyle
Created on : Apr 1, 2010, 11:35:45 AM
Author     : Steve
Description:
    Purpose of the stylesheet follows.

colors: grey: #777;
        pink in header: #E14390
        blog item seperater: #ddd
*/

* {
    padding: 0;
    margin: 0;
}
img {
    padding: 0;
    margin: 0;
    border: 0;
}
html { 
}
body {
    background: #a5c8e6 url('../images/BGBlueStripes.jpg') repeat scroll;
    font-size: 16px;
    font-family: Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: justify;
    color: #111;
}
H1 {
    padding-bottom: 1em;
    color: black;
    font-size: 1.6em;
}
H2 {
    padding-bottom: 1em;
    color: black;
    font-size: 1.4em;
}
H3 {
    color: black;
    font-size: 1.2em;
}


a:link, a:visited, a:hover, a:active {
    color: white;
    font: normal 1em 'Times New Roman', Times, serif;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
p {
    padding-bottom: 1.2em;
}
ul, li {
    list-style: none;
}
hr {
    margin: 15px 0 15px 0;
    clear: both;
}

/*
// IDs begin
*/
#wrapper {
    width: 100%;
    height: 100%;
}
#TopHolder {
}

#NavStrip {   
    height: 40px; /*Original 47px*/
    background: #2f2a29 url('../images/BGNavBarRepeater.jpg') repeat-x bottom left;
}
#NavStrip div div{
    width: 1025px;
    margin: 0 auto;
    padding: 10px 0 0 40px;
}
#NavStrip a:link, #NavStrip a:visited, #NavStrip a:hover, #NavStrip a:active {
    color: white;
    padding-left: 40px;
    font-size: 1.5em;
}
#NavStrip .menu li {
    display: inline;
    padding-right: 20px;
}
#HeaderHoldAll {
    width: 100%;
    height: 219px;
    background: #2f2a29 url('../images/BGPinkSwirlRepeater.jpg') repeat-x;
}
#Header {
    width: 1025px;
    height: 219px;
    margin: 0 auto;
}
#HeaderLogo {
    position: absolute;
    margin: 0 0 0 0;
}
#HeaderCake {
    position: absolute;
    margin: -49px 0 0 798px;
}
#HeaderFrills {
    height: 9px;
    background: transparent url('../images/BGHeaderFrillRepeater.png') repeat-x scroll top left;
}

#ContentHoldAll {
    width: 1025px;
    margin: 0 auto;
}
#ContentColumn {
}
#SweetJarBackgroundTop {
    height: 39px;
}
#SweetJarBackgroundBottom {
    height: 51px;
}
#Footer {
    background-color: #d290ab;
    text-align: center;
}
#Footer p {
    padding:0;
    margin: 0;
    font-size: 0.8em;
}
#ActualContent {
}
#ActualContent #LeftColumn {
}
#ActualContent #RightColumn {
    position: absolute;
    margin: 0 0 0 720px;
}


/*
// START OF PINK BOX CSS
*/
.PinkBoxHoldAll img{
    border: 2px solid white;
}
.PinkBoxContent {
    width: 657px;
    padding: 10px;
    background-color: #d290ab;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.PinkBoxContent h1 {
    text-align: left;
}
/* STYLING MOVED TO standardVartiation.css STYLE CHEET
.PinkBoxTop {
    height: 24px;
    width: 679px;
    background: transparent url('../images/BGPinkBoxTop.png') no-repeat scroll top left;
}
*/
.PinkBoxBottom {
    height: 24px;
    width: 679px;
    background: transparent url('../images/BGPinkBoxBottom.png') no-repeat scroll top left;
}
/* END OF PINK BOX */




/*
// START OF YELLOW BOX
*/
.YellowBoxHoldAll {
    width: 268px;
    margin-bottom: 30px;
    font-size: 0.9em;
}
.YellowBoxContent {
    padding: 0 25px 0px 35px;
    background-color: #fcf49b;
}
.YellowBoxContent a {
    color: #777;
}
.YellowBoxContent li {
    padding-bottom: 5px;
}
.YellowBoxContent H3 {
    color: gray;
    
    padding-bottom: 10px;
    text-align: center;
    text-decoration: underline;
}
/* STYLING MOVED TO standardVartiation.css STYLE CHEET
.YellowBoxTop {
    height: 33px;
    width: 268px;
    background: transparent url('../images/BGYellowBoxTop.png') no-repeat scroll top left;
}

.YellowBoxBottom {
    height: 33px;
    width: 268px;
    background: transparent url('../images/BGYellowBoxBottom.png') no-repeat scroll top left;
}
*/
/* END OF YELLOW BOX */



/* Now redundant due to joomla styling
// BEGIN BLOG STYLES

.BlogItem {
    border-bottom: 6px dotted #ddd;
    padding: 4px;
    margin: 0 0 2px 7px;
}
.BlogItemHeader {

}
.BlogItem img {
    width: 260px;
    float: right;
    margin-left: 20px;
    
}
.BlogText {
    
}
*/
/* END BEGIN BLOG STYLES */



/*
// SPECIFIC PAGE STYLES
*/
#Gallery .PinkBoxContent{
    width: 1000px;
}
#GalleryHolder {
    margin: 0 auto;
    text-align: center;
}
#Contact {
    text-align: left;
}
.YellowBoxContent #Testimonials span
{
    display: block;
    font-style: italic;
}

/*
// General Classes
*/
.bold {
    font-weight: bold;
}
.yellow {
    color: #fcf49b;
}
.css_table {width:100%;text-align:center;border:none;margin:0;padding:0;}
.css_table {display:table;}
.css_table span{ display: table-row;}
.css_table li {display: table-cell;list-style:none; padding-bottom: 10px;}
.css_table li span{display:block; list-style:none; padding-bottom: 10px;}
.css_table caption {height:0;line-height:0;padding:0;overflow:hidden;visibility:hidden/*FF*/; }