/* Screen Stylesheet for Wedding Template - Created by www.designkindle.com */

/* =Imports
============================================================================== */

	@import url("resets.css");

/* =Base
============================================================================== */

	/* General
	-------------------------------------------------------------------------- */
		
		body {
			min-width: 1068px;
			font: 13px/1.6 Georgia, Palatino, "Palatino Linotype", serif;
			background: #f5f2e9 url(../images/main-bg.gif) top center repeat;
			color: #665e57;
			}
		
/* =Header
============================================================================== */

	/* General
	-------------------------------------------------------------------------- */

		#header {
			background: url(../images/header-bg.gif) top center repeat-x;
			}
			
		#header .content {
			margin: 0 auto;
			width: 980px;
			height: 200px;
			position: relative;
			}
			
	/* Logo
	-------------------------------------------------------------------------- */
	
		#logo {
			width: 670px;
			height: 288px;
			background: url(../images/logo.png) top left no-repeat;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			left: 155px;
			}
			
	/* Main Nav
	-------------------------------------------------------------------------- */
	
		#nav {
			margin: 0 auto;
			width: 980px;
			height: 53px;
			position: absolute;
			bottom: 0;
			left: 0;
			}
			
		#nav li {
			line-height: 54px;
			}
			
		#nav strong {
			padding: 0 17px;
			}
			
		#nav a, #nav a:visited, #nav strong {
			color: #7f7367;
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 2px;
			}
			
		#nav a:hover {
			text-decoration: underline;
			}
			
		#nav .left {
			float: left;
			}
			
		#nav .left li {
			float: left;
			}
			
		#nav .right {
			float: right;
			}
			
		#nav .right li {
			float: left;
			}
			
/* =Content
============================================================================== */

	/* Page Layout
	-------------------------------------------------------------------------- */
		
		#pageTop {
			margin: 18px auto 0 auto;
			padding-top: 50px;
			width: 1068px;
			background: url(../images/page-top.png) top left no-repeat;
			}
			
		#pageMid {
			width: 1068px;
			background: url(../images/page-mid.png) top left repeat-y;
			}
			
		#pageBtm {
			padding-bottom: 30px;
			width: 1068px;
			min-height: 36px;
			background: url(../images/page-btm.png) bottom left no-repeat;
			position: relative;
			top: 66px;
			}
			
	/* Main Content
	-------------------------------------------------------------------------- */
	
		#pageTop .content {
			margin: 0 auto;
			width: 930px;
			position: relative;
			bottom: 50px;
			}
			
	/* Home
	-------------------------------------------------------------------------- */
		
		/* slideshow */
			
		#slideshow {
			margin: auto auto 10px auto;
			width: 631px;
			height: 415px;
			background: url(../images/slideshow-bg.jpg) top left no-repeat;
			position: relative;
			}
		
		#slideshow img { position: absolute; left: 19px; top: 18px; }
	
	/* Ceremony & Reception
	-------------------------------------------------------------------------- */
			
		/* schedule */
		
		#schedule {
			padding: 0 150px 0 150px;
			}
		
		#schedule li {
			padding: 15px 0;
			width: 100%;
			float: left;
			}
		
		#schedule strong {
			width: 140px;
			font-size: 30px;
			line-height: 30px;
			color: #dededd;
			text-align: right;
			float: left;
			position: relative;
			bottom: 12px;
			}
			
		#schedule p {
			margin: 0;
			width: 470px;
			float: right;
			}
			
	/* Hotels & Directions
	-------------------------------------------------------------------------- */
	
		#hotelDescriptions {
			margin-bottom: 40px;
			}
	
		#hotelDescriptions .left {
			width: 450px;
			float: left;
			}
			
		#hotelDescriptions .right {
			width: 450px;
			float: right;
			}
		
		#hotelDescriptions ul {
			padding: 10px 0 0 0;
			}
			
		#hotelDescriptions li {
			width: 450px;
			background: url(../images/dotted-underline.gif) 0 17px repeat-x;
			float: left;
			}
			
		#hotelDescriptions strong {
			padding: 5px 5px 0 0;
			background: #fff;
			float: left;
			}
			
		#hotelDescriptions span {
			padding: 5px 0 0 5px;
			background: #fff;
			float: right;
			}
			
		#hotelDescriptions p {
			margin: 0;
			padding-top: 40px;
			float: left;
			}
			
	/* Buffet
	-------------------------------------------------------------------------- */
	
		#buffetList {
			margin-bottom: 10px;
			}
	
		#buffetList .left {
			width: 450px;
			float: left;
			margin-bottom: 20px;
			}
			
		#buffetList .right {
			width: 450px;
			float: right;
			margin-bottom: 20px;
			}
			
/* =Common
============================================================================== */	

	/* Headings, Paragraphs, Lists, Links
	-------------------------------------------------------------------------- */
		
		p, ul, ol, dl, pre {
			margin-bottom: 15px;
			font-size: 13px;
			}
			
		h1, h2, h3, h4 {
			margin-bottom: 15px;
			font-weight: normal;
			color: #857a71;
			}
						
		h1 {
			font-size: 26px;
			line-height: 1.1;
			}
			
		h2 {
			font-size: 22px;
			line-height: 1.2;
			}
			
		h3 {
			font-size: 18px;
			line-height: 1.3;
			}
			
		h4 {
			font-size: 14px;
			line-height: 1.4;
			}
			
		ul {
			list-style: none;
			}
			
		ol {
			margin-left: 15px;
			list-style: decimal;
			}
			
		/* quotes */
		
		blockquote {
			font-size: 27px;
			font-weight: bold;
			font-style: italic;
			color: #e4e0dc;
			text-align: center;
			}
			
		/* main title */
		
		.mainTitle {
			margin-bottom: 30px;
			text-align: center;
			background: url(../images/main-title.gif) center center no-repeat;
			}
			
		.mainTitle strong {
			padding: 10px;
			font-weight: normal;
			background: #fff;
			}
			
		/* centered text */
		
		.centeredText {
			padding: 0 160px;
			}
			
		/* links */
			
		a, a:visited {
			color: #a15141;
			text-decoration: underline;
			}
			
		a:hover {
			text-decoration: none;
			}
			
	/* Misc
	-------------------------------------------------------------------------- */
			
		/* hide */
		
		.displayNone {
			display: none;
			}	
			
			
			
			
			
fieldset        {background:#fff;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:250px;}
input,
textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
input:focus,
textarea:focus  {background:#ffc;}
textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:90px;}
label:after     {content:": ";}
button          {display:block;float:left;clear:both;margin:1em 0 1em 90px;height:40px;width:100px; background:#eee;font-family:Century Gothyc, Arial, Helvetica, sans-serif;font-size:18px;}

/*
 * User feedback
 -----------------------*/
.yay, .oops     {font-size:32px;text-align:center;padding:10px;color:#222;height:150px;}
div.error       {font-size:32px;padding:5px 0 0;color:#f30;}