/*
Title: Gilded Cage Design
Copyright: (c) 2007
Author: Dennis J. Fesemyer
Description: Main Site Controls
*/

/* basics
-------------------------------------------------------- */

a  {
   color: #f7d95d;
   text-decoration: none;
   background-color: transparent;
   }

   a:hover {
      color: #600;
      text-decoration: none;
      background-color: #f7d95d;
      }

      a:visited {
         text-decoration: none;
         }

p {
   margin: 0 0 10px 0;
   }


strong {
   font-weight: bold;
   }

em {
   font-style: italic;
   }

img {
   display: block;
   border: 0;
   }

hr {
   display: block;
	width: 100%;
	height: 1px;
   border: 0; border-top: 1px dotted #af012a;
   }
   
.floatbreaker {
   clear: both;
   line-height: 1px;
   height: 1px;
   }

/* afters
-------------------------------------------------------- */

#cream:after,
#jelly:after,
#logo:after,
.modules:after,
.int-module:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}


/* layout
-------------------------------------------------------- */


body {
   background: #6a001e url(/images/bg/bg2.gif) top left repeat-y;
   font: normal 11px/15px  "Lucida Grande", verdana, sans-serif; color: #5f3100;    
   margin: 0; padding: 0;
   text-align: left;
   height:100%; overflow-y:auto;
   }

#container {
   margin: 0;
   padding: 0;
   text-align: left;
   width: 960px;
   }
   

    #cream {
      background: transparent url(/images/bg/cream-bg390.gif) top left no-repeat;
      margin: 0;
      padding: 50px 0 400px 20px;
      width: 390px;
		width/**/:/**/ 370px;
		position: fixed; top: 0; left: 0;
      }
      
   * html #cream {position:absolute;}
      
   #jelly {
      background: transparent url(/images/bg/jelly-bg.gif) top left no-repeat;
      float: right;
      margin: 0;
      padding: 50px 0;
      width: 570px;
      color: #fff;
      }
      



      
 /* cream styles
-------------------------------------------------------- */ 

#logo {
      float: right;
      font-size: 1em;
      height: 180px;
      margin: 0;
      padding: 0;
      width: 220px;
      display: block;
      }
      
   	#logo a {
			background: url(/images/logo2.gif) top left no-repeat;
			color: #333;
			display: block;
			height: 180px;
			outline: none;
			text-decoration: none;
			text-indent: -9999px;
			width: 220px;
			}

      #logo a:hover {
         text-decoration: none;
         }
         

#right {
   float: left;
   width: 200px;
   margin: 30px 0; padding: 20px 0;
   border-top: 2px solid #5f3100;
   background-color: transparent;
   }
   
   #right a{
      text-decoration: underline;
      color: #900;
      }
   
   .breadcrumb {
   	font: normal 10px georgia, serif; color: #5f3100;
   	display: block;
   	}
   	
   	.breadcrumb a {
   	   color: #a68b67;
   	   text-decoration: none;
   	   }
   
   .quote {
   	font: normal 16px/20px georgia, serif; color: #a68b67;
   	font-style: italic;
   	}
   
   .credit {
   	display: block;
   	padding: 10px 0 0 0;
   	font: normal 11px/14px "Lucida Grande" sans-serif; color: #5f3100;
   	text-transform: uppercase;
   	letter-spacing: .05em;
   	}
   
 
 /* jelly styles
-------------------------------------------------------- */   

.modules {
 	clear: both;
 	width: 570px;
	display: block;
	margin-bottom: 30px;
	font: normal 12px/17px georgia, serif;
	}
   	
   	.promo-img {
   		display: block;
   		width: 231px;
   		float: left;
   		margin: 0;
   		}
   		
   	.promo-text {
   		float: left;
   		padding: 0 0 0 20px;
   		width: 330px;
			width/**/:/**/ 310px;
   		}

#jelly h2 {
	color: #f7d95d;
	font: normal 15px/20px georgia, serif;
	border-bottom: 1px dotted #f7d95d;
	margin: 0 0 10px 0;
	font-style: italic;
	}

#jelly h3 {
	color: #f7d95d;
	font: normal 11px/15px georgia, serif;
	margin: 15px 0 0 0;
	letter-spacing: .2em;
   text-transform: uppercase;
	}
	
	#content {
		padding: 0 0 50px 30px;
		font: normal 13px/19px georgia, serif;
		}
		
		.yellow {
		   color: #f7d95d;
		   }
		   
		
	#content h1 {
		border-top: 2px solid #ebdc87;
		border-bottom: 1px dotted #ebdc87;
		font: normal 18px/30px georgia, serif; color: #fff;
		margin: 0 0 20px 0;
		padding: 0 0 0 5px;
		}
		
	.dropcap {
		float:left;
		color: #ebdc87;
		font-size: 60px;
		line-height: 44px;
		padding-top: 2px;
		margin-right: 4px;
		font-family: georgia, "Times new roman", serif;
		}
		
	.cost {
		font: normal 14px/20px georgia, serif; color: #ebdc87;
		padding: 10px 0;
		text-align: right
		}
		
	.content-photo {
			float: right;
			margin: 0 0 20px 20px;
			}
			
			
   .content-photo-left {
			float: left;
			margin: 0 20px 10px 0;
			}
			
		.content-photo-full {
			margin: 0 0 31px 0;
			display: block;
			}
			
			.border {
				border: 1px solid #d9c9a3;
				}

.int-module {
   margin: 0;
   border-bottom: 1px dotted #af012a;
   padding: 10px 0 0 0;
   font-size: 1.2em;
   }

/* form
-------------------------------------------------------- */

			
dl { 
	padding: 20px 0; 
	margin: 0;
	clear: both;
}

dt { 
   font-size: 10px;
   text-transform: uppercase;
   letter-spacing: .2em;
	width: 200px;
	text-align: left;
	float: left; 
	padding: 0; margin: 0;
}

dd { 
	width: 330px;
	float: left; 
	text-align:left;
	margin: 0px;
	padding: 0 0 12px 0;
}

dd input.text, dd textarea, dd input.image {
   padding: 4px; 
	text-align:left;
   vertical-align:top;
	width: 330px;
   width/**/:/**/ 320px;
	border: 1px solid #ffffcc;
	outline: none;
	background: #d9c9a3;
	font: 10px Arial, Verdana, sans-serif; color: #5f3100;
}				
				
/* gallerytable
-------------------------------------------------------- */

#gallerytable {
	margin: 10px 0;
   border-collapse: collapse;
	padding: 0;
	}
	
	#gallerytable td {
		width: 175px;
		text-align: center;
		padding: 10px 22px;
		margin: 0;
		border: 1px solid #d9c9a3;
   	background-color: transparent;
		}

		#gallerytable td:hover {
         background-color: #af012a;
         }	
         
         #gallerytable a {
            padding: 0;
            background-color: transparent;
            }

/* footer
-------------------------------------------------------- */

#footer {
   background: transparent url(/images/cream-rule.gif) top left repeat-x;
   clear: both;
   font: normal 10px georgia, serif; color: #d9c9a3;
   margin-top: 25px;   
   padding-top: 8px;
   text-align: left;   
   }