/* universal layout/positioning */

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

h1 {
	position: absolute;
	top: 48px;
	margin: 0;
}

#wrapper {
	position: relative;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

#contentWrapper {
	margin: 0 0 0 290px;
}

#footer {
	margin: 20px 0 0 0;
	clear: both;
}

#content {
	position: relative;
	width: 470px;
	padding: 105px 0 0 5px;
}

#back {
	position: absolute;
	top: 92px;
	left: 230px;
	padding: 0 0 0 7px;
	background: url(../images/arrow_link.gif) left center no-repeat;
}

img.photoLeft {
	float: left;
	margin: 0 10px 40px 0 !important;
}

img.photoLeftSm {
	float: left;
	margin: 3px 10px 10px 0 !important;
}

.clearLeft {
	clear: left;
}



/* copy layout/positioning */

#copy {
	width: 260px;
	padding-right: 55px;
	min-height: 433px;
	height: 433px;
/* min-height hack for IE \*/
	height: auto !important;
	height: 433px;
/* end hack */
	background: url(../images/vertical_banner.gif) 280px 0 no-repeat;
}

#copy h2 {
	margin: 0;
}

#copy h3 {
	margin: 20px 0 0 0;
}

#copy p {
	margin: 0 0 12px 0;
}

#copy img {
	margin-bottom: 10px;
}

#copy ul {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

#copy ul.tight {
	margin: 0 0 10px 0;
}

#copy .tight li {
	margin: 2px 0 2px 0;
}

#copy li {
	margin: 10px 0 10px 0;
}



/* sideBar layout/positioning */

#sideBar {
	position: absolute;
	top: 78px;
	left: 325px;
	width: 145px;
	min-height: 463px;
/* min-height hack for IE */
	height: auto !important;
	height: 463px;
/* end hack */
	background: #f5f5f5;
}

#sideBar h2 {
	margin: 0 0 8px 0;
	padding: 14px 0 3px 0;
	background: #fff;
}

#sideBar h3 {
	background: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#sideBar p {
	margin: 10px;
}

#sideBar ul {
	list-style-type: none;
	margin: 10px 0 10px 10px;
	padding: 0;
}

#sideBar .tight li {
	margin: 2px 0 2px 0;
}

#sideBar li {
	margin: 10px 0 10px 0;
}



/* user options layout/positioning */

ul#userOptions {
	list-style-type: none;
	margin: 6px 4px 10px 4px;
	padding: 0;
	text-align: left;
}

ul#userOptions li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 4px;
	background: url(../images/userOptions-divider.gif) bottom right no-repeat;
}

ul#userOptions li.last {
	padding: 0 4px 0 4px;
	background: none;
	}

ul#userOptions li img {
	position: relative;
	top: 5px;
	border: 0;
}



/* navigation */

ul#nav {
	position: absolute;
	top: 30px;
	left: 0;
	width: 278px;
	height: 430px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(../images/nav-bg.gif) no-repeat;
}

ul#nav li a:link img, ul#nav li a:visited img, ul#nav li a:active img {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
	height: 30px;
}

ul#nav li a:hover img, ul#nav li a.current:link img, ul#nav li a.current:visited img, ul#nav li a.current:active img {
	background-position: 0 -30px;
}

li#nav-crikey img {
	top: 220px;
	left: 35px;
	width: 69px;
	background-image: url(../images/nav-crikey.gif);
}

li#nav-aboutus img {
	top: 240px;
	left: 36px;
	width: 80px;
	background-image: url(../images/nav-aboutus.gif);
}

li#nav-qanda img {
	top: 263px;
	left: 38px;
	width: 46px;
	background-image: url(../images/nav-qanda.gif);
}

li#nav-calendar img {
	top: 281px;
	left: 40px;
	width: 84px;
	background-image: url(../images/nav-calendar.gif);
}

li#nav-recipes img {
	top: 302px;
	left: 41px;
	width: 66px;
	background-image: url(../images/nav-recipes.gif);
}

li#nav-testimonials img {
	top: 321px;
	left: 42px;
	width: 115px;
	background-image: url(../images/nav-testimonials.gif);
}

li#nav-bridalregistry img {
	top: 340px;
	left: 44px;
	width: 137px;
	background-image: url(../images/nav-bridalregistry.gif);
}

li#nav-shop img {
	top: 364px;
	left: 45px;
	width: 49px;
	background-image: url(../images/nav-shop.gif);
}

li#nav-home img {
	top: 385px;
	left: 48px;
	width: 48px;
	background-image: url(../images/nav-home.gif);
}



/* copy typography */

#copy h2 {
	font: bold 15px/18px Arial, sans-serif;
	color: #930;
	text-align: left;
}

#copy h3 {
	font: bold 10px/12px Arial, sans-serif;
	color: #930;
	text-align: left;
	text-transform: uppercase;
}

#copy h2 em {
	font: 10px/12px Arial, sans-serif;
}

#copy, #sideBar {
	font: 10px/11px Arial, sans-serif;
	color: #930;
	text-align: left;
}



/* sidebar typography */

#sideBar h2 {
	font: bold 10px/10px Arial, sans-serif;
	color: #930;
	text-transform: uppercase;
}

#sideBar h3 {
	font: bold 15px/18px Arial, sans-serif;
	color: #930;
	text-align: left;
}



/* user options typography */

ul#userOptions { text-align: right; }

ul#userOptions a:link, ul#userOptions a:visited {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

ul#userOptions a:hover { color: #e57d11; }

ul#userOptions a:active {	color: #000; }



/* footer typography */

#footer {
	font: 10px/15px Arial, sans-serif;
	color: #000;
}

#footer a:link, #footer a:visited {
	color: #e57d11;
	text-decoration: none;
	}

#footer a:hover {	color: #999; }

#footer a:active { color: #000; }



/* universal typography */

body {
	font: 10px/12px Arial, sans-serif;
	color: #000;
}

strong {	font-weight: bold; }

em { font-style: italic; }

h1 {
	font: 16px/18px Arial, sans-serif;
	color: #fff;
}

a:link, a:visited {
	color: #e57d11;
	text-decoration: underline;
}

a:hover { color: #999; }

a:active { color: #000; }

.caps { text-transform: uppercase; }