@charset "UTF-8";


@import "reset.css";
@import "base.css";
@import "typography.css";

body {
	border-top: 5px solid #ffad00;
	background: url(../images/bg-tile.gif) top left repeat;
	padding-bottom: 15px;
}
a, a:visited { color: #773f1b; }
a:hover { color: #ac602f; }

#container { 
	width: 800px;
	margin: 0 auto;
	padding-right: 0;
	}

#sidebar {
	width: 240px;
	float: left;
	margin-right: 12px;
}
.mailing-list {
	border-top: 3px double #75423b;
	border-bottom: 3px double #75423b;
	padding: 6px 0 8px;
	margin-bottom: 10px;
	overflow: hidden;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.mailing-list h3 {
	width: 240px;
	height: 11px;
	background-image: url(../images/mailing_list-hdr.gif);
	margin-bottom: 8px;
}
.mailing-list .status {
	display: block;
	background-color: #930;
	padding: 5px 8px;
	color: #fff;
	font-size: 11px;
	margin-bottom: 7px;
}
	
.mailing-list .txt-input {
	float: left;
	height: 16px;
	width: 162px;
	padding: 3px 2px 1px 4px;
	vertical-align: top;
	border: 0;
}
#signup-btn {
	float: right;
	width: 64px;
	height: 20px;
	padding-top: 20px;
	overflow: hidden;
	background-image: url(../images/sign-up-btn.gif);
	border: none;
	cursor: pointer;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
}

h1#logo {
	display: block;
	width: 244px;
	height: 343px;
	margin: 0 -2px 10px;
	background-image: url(../images/mama-o-mark.gif);
}


#pageBody {
	width: 540px;
	padding: 0 4px;
	float: left;
	background: url(../images/main-bg.gif) top left repeat-y;
	font-size: 12px;
	color: #300;
	margin-bottom: 15px; 
	margin-top: 15px;
}


#pageBody .main {
	background: url(../images/header-bg.gif) top left no-repeat;
	width: 500px;
	margin-left: -4px;
	padding: 25px 24px 0;
	min-height: 155px;
}

#pageBody h2 { 
	background-image: url(../images/mama_os-hdr.gif);
	background-position: left 3px;
	width: 500px;
	height: 20px;
	border-top: 3px double #ccb9a5;
	border-bottom: 3px double #ccb9a5;
	padding: 4px 0;
	margin-bottom: 7px;
}

/*================================================================ CODA SLIDER
*/

#slider {
  width: 540px;
  margin: 0 auto;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
}

.navigation { 
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
	padding-left: 20px;
}
.navigation ul { overflow: hidden; }
.navigation li { float: left; }
.navigation li a { 
	display: block; 
	line-height: 1.3;
	float: left; 
	margin-right: 6px; 
	background-color: #5a1e15;
	padding: 3px 5px 1px;
	text-decoration: none;
	color: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.navigation li a:hover {
	background-color: #AC602F;
	color: #5a1e15;
}


.scroll-window {
  width: 540px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scroll-container div.panel {
	padding: 0 20px;
  width: 500px; /* change to 560px if not using JS to remove rh.scroll */
}


/*================================================================ SUMMARY PAGE 
*/

.main .box {
	float: right;
	width: 255px;
	margin: 0 0 10px 5px;
}
.box img {
	margin-bottom: 10px;
}
.contact {
	background: #daccbc url(../images/contact-bg.gif) top left no-repeat;
	border: 1px solid #cbbdac;
	padding: 7px 6px 10px;
	overflow: hidden;
}
.contact h3 { background-image: url(../images/contact_us-hdr.gif); width: 91px; height: 11px; margin-bottom: 6px; }
.contact a { 
	display: block;
	float: left;
	padding: 1px 2px 2px 12px; 
	color: #773f1b; 
	text-decoration: none; 
	background: url(../images/link-carrot.gif) left 60% no-repeat; 
	}
.contact a:hover { color: #ac602f; background: url(../images/link-carrot.gif) 2px 60% no-repeat; }


/*================================================================ LINKS PAGE 
*/
#n-press li { margin-bottom: 5px; }


#footer {
	background: url(../images/footer-bg.gif) bottom left no-repeat;
	margin: 5px -4px 0;
	width: 500px;
	padding: 5px 24px 10px;
	min-height: 36px;
	font-size: 10px;
}

#footer .hr {
	display: block;
	width: 500px;
	height: 22px;
	background: url(../images/footer-hr.gif) left top no-repeat;
	border: 0;
	margin: 5px 0 -5px;
}