/**
 * Washington Wine Road Trip 2009
 * Primary Layout CSS
 * @browsers: ALL
 **/

	/* General / Elements */

		body {
			background-color: #FAEDA7;
			margin-bottom: 30px !important;
		}
	
		h1, 
		h2, 
		h3 {
			margin: 16px 0;
		}
		
		h4,
		p,
		*.itinerary {
			margin: 10px 0;
		}
	
		h1,
		h2,
		h3,
		h4 {
			color: #780030;
		}
	
			h1 {
				font-size: 3.16666667em; /* 29pt ~= 38px 38 / 12 = 3.166..7em */
				line-height: 1;
				color: #ABABAB;
				font-weight: normal;
			}

			h2 {
				font-size: 2em; /* 24px / 12px = 2em; */
				line-height: 1.166667; /* 28 / 24 */
			}

			h3 {
				font-size: 1.5em; /* 18px / 12px = 1.5em */
				line-height: 1.111111; /* 20 / 18 */
			}
		
			h4 {
				line-height: 1.5;
			}

				h4.rule {
					border-bottom: 1px solid #780030;
				}
				
				h4.eventHeader {
					margin-top: 20px;
				}
				
					h4.eventHeader.first {
						margin-top: 0px;
					}
				
			/* Styles to safeguard against CMS added styles within headers */
			h1 p,
			h2 p,
			h3 p,
			h4 p {
				padding: 0 !important;
				margin: 0 !important;
			}
			

		a {
			color: #E26919;
			text-decoration: underline;
			font-weight: bold;
		}
	
			a:hover {
				color: #FF862E;
			}
		
		
		ul.goblets li {
			padding: 4px 0 4px 35px;
			background: transparent url(../media/images/layout/goblet.gif) no-repeat scroll 15px center;
		}
	
		dl dt {
			font-weight: bold;
			padding: 4px 0;
			line-height: 1.25;
		}
		
	/* Layout */

		div#wrapper {
			width: 892px;
			background: transparent url(../media/images/layout/bottom.gif) no-repeat scroll left bottom;
			padding-bottom: 90px;
		}
	
		div#contentBox {
			background: transparent url(../media/images/layout/stretch.gif) repeat-y scroll left top;
		}
	
			div#contentBox div#content {
				margin: 0 85px 0 102px;
				font-family: Arial, Tahoma, Helvetica, Sans-Serif;
				color: #000;
				font-size: 0.75em; /* 12px / 16px = 0.75em */
				line-height: 1.5;
			}
		
		
			div#contentBox div#content div#colLeft {
				width: 502px;
				margin: 0 35px 0 0;
				padding-bottom: 52px;
			}
		
			div#contentBox div#content div#colRight {
				margin: 0 0 0 18px;
				width: 150px;
				padding-top: 42px;
			}
	
		div.bodyCopy {
			margin: 28px 0;
		}
		
	/* Primary Navigation and Buttons */
	
		div#nav {
			padding-bottom: 24px;
		}
	
			div#nav a,
			a.button {
				line-height: 19px;
				background-color: #E26919;
				color: #ffffff;
				font-weight: normal;
				margin: 0 6px 0 0;
				padding: 0 15px;
				text-decoration: none;
				cursor: pointer;
				font-size: 0.91666667em; /* 11 / 12 */
			}
		
				a.button {
					padding: 0 4px 0 0;
				}
			
					a.button span.icon {
						width: 18px;
						text-align: center;
						border-right: 1px solid #EC9A65;
						margin-right: 4px;
						display: block;
						float: left;
						font-size: 1.5em;
					}
				
					a.button.active span.icon {
						border-right: 1px solid #C7C7C7;
					}
				
				div#nav a:hover,
				a.button:hover {
					background-color: #FF862E;
				}
		
				div#nav a.active,
				a.button.active {
					background-color: #ABABAB;
					cursor: default;
				}
			
					a.button.active {
						cursor: pointer;
					}
					
					a.button.active:hover {
						background-color: #C6C6C6;
					}
			
					div#nav a.active:hover {
						background-color: #ABABAB;
					}
	
	/* Image Frame */
			
		div.imageBox {
			margin: 0 26px 16px;
			width: 151px;
			background: transparent url(../media/images/layout/bgShadowBottom.gif) repeat-x scroll left bottom;
		}
	
			div.imageBox.floatRight {
				margin-right: 0px;
			}
		
			div.imageBox.floatLeft {
				margin-left: 0px;
			}
	
			div.imageBox div.inner {
				padding-right: 2px;
				background: transparent url(../media/images/layout/bgShadowRight.gif) repeat-y scroll right top;
			}
		
				div.imageBox div.inner img {
					border: 1px solid #780030;
				}
		
			div.imageBox div.floatLeft,
			div.imageBox div.floatRight {
				height: 3px;
				overflow: hidden;
			}
		
			div.imageBox div.floatLeft {
				width: 3px;
				background: transparent url(../media/images/layout/bgShadowBottomLeft.gif) no-repeat scroll left top;
			}
		
			div.imageBox div.floatRight {
				width: 2px;
				background: transparent url(../media/images/layout/bgShadowBottomRight.gif) no-repeat scroll left top;
			}
			
			/* Protection against user-added markup (CMS) */
				
				div.imageBox div.inner p {
					margin: 0 !important;
					padding: 0 !important;
				}
	
	/* Footer Navigation */
	
		div#foot {
			width: 502px;
		}
	
			div#foot div.floatLeft {
				width: 338px;
				margin-right: 24px;
			}
		
			div#foot div.floatRight {
				width: 140px;
			}
	
			div#foot a {
				margin-right: 20px;
			}
		
				div#foot a.last {
					margin-right: 0px;
				}
				
	/* Testimonials */
	
		div.testimonial {
			border-top: 1px solid #000;
			padding-top: 5px;
			margin-top: 30px;
		}
			
			div.testimonial p {
				margin: 0;
			}
		
			div.testimonial div.author {
				color: #797979;
				font-weight: bold;
				margin-top: 20px;
			}
			
	/* Attendee List */
	
		*.attendees ul li {
			padding: 5px 0 5px 36px;
		}
		
		*.attendees h3 {
			margin-bottom: 11px; /* 16px - 5 */
		}
			
	/* CMS Toobar Overrides
	   Not ideal to do them this way, but implemented in this fashion to save time. */
	
		body .cms-tool a:hover {
			color: #FF862E !important;
		}
		
		body .cms-tool {
			color: #000 !important;
		}
		
		body table.panel td {
			vertical-align: middle; /* Overrides baseline in reset which caused issues */
		}