/*Shannon by Hand CSS */
/* Created 1/11/2006 */

/* -- colors 
E7E0D1 dark cream
F0E9D9 medium cream for bkg
FDFBF5 light cream
3E616C mediterranean blue
C55225 burnt orange
724D35 chocolate
AF9C90 light mocha
ABC2C6 baby blue
C9D8D8 light baby blue
*/

body {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: small;
	color: #523421;
	text-align: left;
	margin:0 auto;
	padding:0;
	background-position: 0 0;
	background-image: url(../i/img_97.gif);
	}

/* ---- LINKS
--------------------------------------------*/
a:link {color: #3E616C;}
a:visited {color: #724D35;}

/* ---- LAYOUT
--------------------------------------------*/
#container {
    text-align:left;
	margin:0 auto;
	padding: 0;
	width:765px;
	/* horizontal border img at top of page */
	background: #F0E9D9; url(../i/border-top-bg.gif)0 0 repeat-x;
	border-top:0;
	border-right:1px solid #AF9C90;
	border-left:1px solid #AF9C90;
	border-bottom:6px solid #ABC2C6;
    }

#wrap {
    margin: 0;
	padding: 0;
    text-align:left;
	/* horizontal border img at top of page */
	background: url(../i/border-top-bg.gif)0 0 repeat-x;
	}
	
/***************************** START NEW SIDEBAR CODE *****************************************/
#contentRight {
	float: left;
	width: 510px;
	font-size: 95%;
	line-height: 1.5em;
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 20px;
		}
		
#contentRight h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
    font-weight: strong;
	color: #663;
	font-weight: normal;
	}
#sidebarLeft {
	float: left;
	width: 180px;
	background-color: #D9E5E7;
	border: 1px solid #abc2c6;
	padding: 10px;
	margin-top: 25px;
}
#sidebarLeft h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
    font-weight: strong;
	color: #663;
	font-weight: normal;
	}
/***************************** END SIDEBAR CODE *****************************************/
#content {
	/* add general content stuff here like text color */
	}
	
	/* home page */
	body#home #content {
		float: right;
		padding: 0;
		margin: 0;
		width: 60%;
		}
	body#home #content img, 
	body#home #sidebar img {
		margin: 0;
		padding: 0;
		border: 0;
		}
	body#home h2 {
		padding-bottom:20px;
		}
	body#home #sidebar {
		float: left;
		width: 40%;
		font-size: 95%;
		line-height: 1.5em;
		color: #724D35;
		}
	
	/* 2 column with right sidebar */
	body#tots-home #content,
	body#mums #content,
	body#friends #content,
	body#custom #content,
	body#details #content,
	body#contact #content {
		float: left;
		width: 70%;
		font-size: 95%;
		line-height: 1.5em;
		}
	body#tots-home #sidebar,
	body#mums #sidebar,
	body#friends #sidebar,
	body#custom #sidebar,
	body#details #sidebar,
	body#contact #sidebar {
		float: right;
		width: 30%;
		}
	
	/* product page - no sidebar */
	#content {
		float: left;
		width: 99%;
		font-size: 95%;
		line-height: 1.5em;
		}
	#sidebar {
		width: 0;
		}
	
/* footer */
#footer {
	clear: both;
	background: #F0E9D9;
	margin: 0;
	padding: 0;
	}

/* gutters */
#content .gutter {
	padding: 25px;
	}
	
#sidebar .gutter, #footer .gutter {
	padding: 15px;
	}


/* ---- HEADER / Logo image
--------------------------------------------*/
h1 {
	margin: 0;
	padding: 0;
	}
h1 img {
	border:0;
	padding-top: 20px;}
h1 a {text-decoration:none;}

/* ---- NAVIGATION
--------------------------------------------*/
#nav-wrap {
	margin: 0;
	padding: 0;
	height: 23px;
	width: 765px;
	text-align: right;
	background: #ABC2C6;
	border-top: 1px solid #724D35;
	border-bottom: 1px solid #724D35;
	clear: both;
	}
	
#nav, #nav ul {
	float: right;
	text-align:left;
	margin: 0;
	padding: 0;
	list-style: none;
    line-height: 1;
	font-size: 82%;
	background: #ABC2C6 url(i/border-bg.gif) bottom left repeat-x;
	}
#nav li {
	float: left;
	text-align: left;
    margin:0;
	padding: 0;
	}
#nav a {
	display: block;
	width: 6em;
	text-decoration: none;
    margin:0;
	padding:6px 4px;
	}
	
#nav a:hover {
	color:#E7E0D1;
	}
	
#nav a:visited {
	color: #3E616C;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 9.3em;
	font-weight: normal;
	margin: 0;
	font-size: 100%;
	background:#ABC2C6;
	}

#nav li li {
	/*padding-right: .2em;*/
	}

/* this controls wrapping of text in 2ndary nav */
#nav li ul a {
	width: 8.5em;
	}

/* this displays the 2ndary nav. without it, drops don't appear */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	color: #E7E0D1;
	}

/* hover bkg for 2ndary nav */
#nav li:hover, #nav li.sfhover {
	background:#C55225;
	color: #E7E0D1;
	}

.active {
	font-weight: bold;
	background: #C55225;
	color: #E7E0D1;
	}


/* ---- CONTENT
--------------------------------------------*/
#content {
	clear: left;
	}

#content a {
	color: #7C6240;
	}

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

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
    font-weight: strong;
	color: #663;
	font-weight: normal;
	}

dl.feature {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
	
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
	}
	
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	}
	
dl.feature dd {
	margin-left: 169px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}

/* ---- SIDEBAR
--------------------------------------------*/
.box { 
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	background:#eae9e7;
	color: #666;
	}
	
.box h2 {
	margin: 0;
	padding:6px;
	font-family: Verdana, serif;
	font-size: 120%;
	background:#b6b3b1;
	font-weight: normal;
	color: #fff;
	}
	
.box p, .box ul {
	margin: 0;
	padding: 12px;
	}
	
.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(img/li-bullet.gif) no-repeat 0 3px;
	}

/* ---- FOOTER
--------------------------------------------*/
#footer {
	/* footer border image and bg color */
	background:#ABC2C6 url(../i/border-footer-bg.gif) repeat-x;
	width:100%;
	}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: left;
	color: #3E616C; 
	}

/* ---- IE FIXES
--------------------------------------------*/

#content, #sidebar {
	height: 1%;
	}

.feature { 
	display: inline-table; 
	}
	
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
	
.feature { 
	display: block; 
	}
	
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */