/* Global site-wide styles */
body, html { margin: 0; padding: 0; background:#F3F2E7 url(../img/bg_pattern.png) repeat-x; color:#212121; }
body { min-height:100.1%; min-width: 600px; font: normal 12px Arial, Helvetica, sans-serif; }
pre								{font-family:courier new; font-size:12px; background:#000000; color:#33ff00;}
a								{color: #616161; font-weight:bold; text-decoration: none; -moz-outline:none; }
a:hover							{color: #772C31; }
img								{border: none; }
input							{font: normal 11px Arial, Helvetica, sans-serif; padding: 2px 0 2px 4px;}
h2								{font-size:18px; color:#5B1D20; }
h3								{font-size:16px; color:#5B1D20; margin-bottom:0;}
.rj								{text-align:right;}
.stamp							{font-style:italic;}
/* Site structure */
#prewrap { margin:0 auto; width:800px; height:40px; padding: 30px 0 10px 0px;}
#prewrap #search { margin-top: 20px; text-align:right; }
#prewrap #search input {width:100px;}

#wrap { background:#F3F2E7; margin:0 auto; width: 800px; border: 8px solid #fff; padding:12px; }
#wrap #header { margin: 0; padding-bottom: 8px; height: 150px; text-align:center;}

#wrap #nav { background: #E6E4D6; height:32px; }
#wrap #nav ul { margin: 0; padding: 8px 0 8px 10px; list-style:none; font-size: 115%; font-weight:bold;}
#wrap #nav li { display:inline; margin:0; padding:3px 8px 3px 8px;}
#wrap #nav li.active { border:1px solid #000; background: #F3F2E9;}

#wrap #centerstage_gallery {margin-top: 8px; margin-bottom:8px;}
#wrap #centerstage_gallery div.body{height: 401px; text-align:center; background-color:#F3F2E9; padding:0 !important; margin:0 !important; }
#wrap #centerstage_specials {margin-top: 8px; margin-bottom:8px;}
#wrap #centerstage_specials div.body{height: 401px; background-color:#F3F2E9; }
#wrap #centerstage_story {margin-top: 8px; margin-bottom:8px;}
#wrap #leftstage {float:left; margin-bottom:8px;}
#wrap #rightstage {float:right; display:inline;}
#wrap #laststage {clear:both; }

#footer { margin:0 auto; width:600px; padding-top: 5px; text-align:center;}
#footer div.copyright {font-size:90%; color:#D6D3BB;}

.ftr_smugmug { width: 100%; padding:4px; background: #E6E4D6; min-height:105px; }
.ftr_album {width:150px; }
.ftr_text {text-align: center;}

/* Site Content */
/* Upside-down polaroid box model; To re-use, do #polaroid.[classname]. See example below: */
#polaroid {background:#FDFDFB;}
#polaroid .header {width: 100%; background:#FDFDFB; margin:0; padding:0px; }
#polaroid .header .title {background:transparent url(../img/cam_transparent.png) 16px 10px no-repeat; float:left;}
#polaroid .header .text {float:right; font-size:11px; padding-top: 11px; padding-right:20px;}
#polaroid h2	{margin:0; padding-left: 40px; padding-top:7px; }

#polaroid .body {margin:0; padding: 8px; clear:both; border: 8px solid #FDFDFB; background:#F3F2E9;}

/* Custom boxes */
#polaroid.small {width: 395px;}
#polaroid.small div.body { min-height:130px;}
#polaroid.large {width: 100%;}


/* Kwicks - http://demos.mootools.net/Fx.Elements */
#kwicks_container {
	background-color: transparent;
	height: 50px;
	float:left;
}

#kwicks_container ul { margin: 0; padding: 0; list-style:none;}


#kwicks {
	position:relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 130px;
	height: 50px;
	color:#efefef;
	font-size:105%;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}

#kwicks .kwick div { 
	margin-top: 28px;
	margin-left: 3px;
}

#kwicks .kwick:hover {
	background-color: #78272A;
	text-align:center;
}


#kwick_home { border-right: 1px solid #78272A;}
#kwick_bio {border-right: 1px solid #78272A;}
#kwick_galleries {border-right: 1px solid #78272A;}
#kwick_calendar {border-right: 1px solid #78272A;}
#kwick_contact {}

/* Contact Form */
.form input[type='text'],
.form input[type='password'],
.form select,
.form textarea					{border:1px solid #7f9db9; background-color:#FBFBFB; padding: 3px; width:300px; margin-bottom: 10px; }
.form input.btn					{padding: 3px 10px 3px 10px; }
.form label, .form input		{display: block; }
.form label span				{color: #FF0000; }
.form .dates select 			{width: auto; }
.form input.error, 
.form select.error,
.form textarea.error			{color:#000000; font-weight:normal; border:1px solid #bb8b8b; background:#fef9f9; }
.form input.error:focus, 
.form select.error:focus,
.form textarea.error:focus		{background:#ffffee; }

