/* Confectionery Designs
 by Anuragdesign.com
 http://anuragdesign.com
 ---------------------------------------------*/

/*
 * General
 *
 -------------------------------------------------------------*/

body {
    margin: 0;
    padding: 0;
    background: url("../images/logos/background_full.gif") top right no-repeat;
    
	font-family: Georgia, "Times New Roman", Times, sans-serif;
    font-size: 90%;
	
	background-color:RGB(139,0,0);
	color:#000; 
}

.clear { clear:both;}

.hide { display:none; }

a:link, a:visited { color:#777; }
a:hover, a:active { 
  /* text-decoration:none; */
  color:#aaa; 
}

.spacer { 
	margin: .5em 0;
  	border-top-color:#111;
}

/*  Header
 -------------------------------------------------------------*/
#header {
    margin: 2em 0;
    padding: 2em 0 2em 2em;
  	
	/* text-align:right; */
}

/*  Footer 
-------------------------------------------------------------*/
#footer {
  clear: both;  
  margin: 5em auto 2em auto;
  width: 400px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:.85em;
  text-align:left;  
}

#footer a:link, #footer a:visited { color: #000; }
#footer a:hover, #footer a:active { color: #fff; }


/*  Liquid Layout
 -------------------------------------------------------------*/
#container {
    float: left;
    width: 80%;
    margin-right: -200px; /* this is to keep the sidenav next to the text, when minimizing the window (rather then pusihin it down) */
}

#sidenav {
    float: right;
    width: 20%;
}

#maincontent {
    padding: 0 2em 2em 8%;
    overflow: hidden;
}

/* 
 *  Sidenav
 *-------------------------------------------------------------*/
#sidenav ul {
    width: 200px;
    margin: 0;
    padding: 0;	
	
    list-style-type: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: normal;
}

#sidenav ul li {
    border-bottom: 1px solid #ccc;
}

#sidenav ul li.last {
    border-bottom: none;
}

#sidenav ul li a {
    display: block;
}
/* Background image for hover links */
#sidenav ul li a:link, 
#sidenav ul li a:visited {
    padding-left: 20px;	
    text-decoration: none;
	color: #000;
}

#sidenav ul li a:hover, 
#sidenav ul li a:active {
    padding-left: 20px;
    background: url("../images/logos/link_selector.png") no-repeat left 50%;	
    text-decoration: none;
}

/* Color for current, active and hover links */
#sidenav ul li.active a:link, 
#sidenav ul li.active a:visited,
#sidenav ul li a:hover, 
#sidenav ul li a:active {
    color: #7700AA;
}

/*  Maincontent
 -------------------------------------------------------------*/
.img_float {
    float: left;
    margin: 0 10px 1em 0;
    padding: 5px;
    border: 1px solid;
    border-top-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #999;
    border-bottom-color: #999;
    background-color: #fff;
}

#maincontent table ul {
    margin-left: 0;
}

h1 {
    margin: 0 0 1em 0;
    font-size: 1.75em;
    font-weight: normal;
}

h2, #maincontent table th {
    font-size: 1.3em;
    font-weight: normal;
}

h3 {
	margin: 1.2em 0;
	font-size:1.2em;
	font-weight: normal;
}


#contactform {
  width:75%;
  margin-left:10em;
}

#contactform fieldset {
  border:none;
}

#contactform legend {
  margin-left:0;
  padding-left:0;
  font-size:1.6em; 
  font-weight:normal;
  color:#000;
}

#contactform label {
  width:200px;
  margin-right: 3em;
}

#contactform span {
  color:#FF0000;
}

#littledetails {
  margin-top:3em;
}

#maincontent blockquote {
 margin: .5em 2em;
}

#maincontent blockquote p.comment { 
  text-align:right; 
  font-style:italic;
}

#littledetails {
  line-height:2em;
  font-size:.85em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Center the home page */
#maincontent table#home {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/*  Cake Gallery
-------------------------------------------------------------*/
#gallery {
	width: 600px;
	margin-left: auto;
	margin-right: auto;  
}

#gallery table { 
  margin-top:2em;
  text-align:center
}

#gallery table tr td img {
  margin: 0 3px;
}

#gallery table td a:link img, 
#gallery table td a:visited img {
  border:1px solid;
  border-color: #000; 
}

#gallery table td a:hover img, #gallery table td a:active img {
  border:1px solid;
  border-color: #fff;
}

/*
 * Slideshow
 */
div.slideshow p.footnote {
	color: #fff;
	text-align: right;
}