/*
////////////////////////////////////////////////////////////////////////////////////////////////
DRAMBUIE ~ Style sheet
Created by Daran Ferreira
3 September 2009
www.wireframe.co.za

Table of Contents

  1. defaults
  2. structure
  3. links and navigation
  4. custom classes

Notes
////////////////////////////////////////////////////////////////////////////////////////////////
*/


/*RESET BROWSER STYLES
////////////////////////////////////////////////////////////////////////////////////////////////
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thread, tr, th, td {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	background: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
	line-height: 1;
	vertical-align: baseline;
	list-style:none;
}

/*1. DEFAULTS
//////////////////////////////////////////////////////////////////////////////////////////////////
*/
body, input, select {
	color:#B19369;
	font-family: Georgia,Times,serif;
	text-align:center;
}
body {
	background:url(../images/bgtile.gif);
}
h1,h2,h3,h4,h5,h6 {
	color:#D1C5AF;
	font-family:Georgia,Times,serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}
h1 {
	padding-top: 70px;
	padding-bottom: 40px;
	font-size: 2em;
}
h2 {
	padding-top: 10px;
	font-size: 1.5em;	
}
h3 {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.2em;
}
h4 {
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 1.2em;
}
p {
	font-size: .7em;
	text-transform: uppercase;
	color:#D1C5AF;
	line-height: 2em;
	margin: 5px 0;
	padding-bottom: 10px;
}
em{
	color:#e2cea4;
	font-size: 1.2em;
}
blockquote {
	font-size: .75em;
	margin: 10px 0;
	padding: 10px 0;
}
li {
	font-size: .75em;
}
ol li {
	padding-left: 5px;
	margin-left: 5px;
	list-style:decimal !important;
	line-height: 2em;
}
input{
	margin: 15px;
	color: #000;
	background-color: #e2cea4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
select{
	color: #000;
	background-color: #E2CEA4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
textarea{
	color: #000;
	background-color: #e2cea4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form{
	text-align: center;
}

/*2. STRUCTURE
//////////////////////////////////////////////////////////////////////////////////////////////////
*/

#AgeScreen{
	width:700px;
	height: 480px;
	background-color: #000;
	text-align: center;
	margin:100px auto;
	padding: 15px;
	border: 1px solid #e2cea4;
}

#ScreenFields{
	float:left;
	text-align: center;
	width:700px;
}

#ScreenFields div {
	display:inline;
}

#Container {
	width: 860px;
	margin: 0 auto;
	text-align:left;
	background-color:#000;
}

#NavBar {
	width:100%;
	height: 30px;
	background-color: #000;
	text-align: center;
}

#Header {
	width:100%;
	height:160px;
	background-color: #AE8A5E;
	text-align: center;
	background-image: url(../images/goldbar.gif);
	background-position: center;
	background-repeat: repeat-y;
	border-bottom: 5px solid #e2cea4;
}

#Content {
	width:800px;
	height:520px;
	background-color: #000;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 25px;
}

#ContentHome {
	width:800px;
	height:400px;
	background-color: #000;
	text-align: center;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 35px;
}

#ContentHome p{
	text-align: center;
}


#ContentShort {
	width:800px;
	height:430px;
	background-color: #000;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 25px
}

#ContentTerms {
	width:800px;
	height:900px;
	background-color: #000;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 5px
}

#Columns {
	width:215px;
	margin-left:40px;
	margin-right: 10px;
	float: left;
}

#WideColumns {
	width:350px;
	margin-left:40px;
	margin-right: 10px;
	float: left;
	text-transform: uppercase;
	font-size: 15px;
	color: #d1c5af;
}

#WideColumns p {
	width: 200px;
}

#RecipeEspresso{
	background-image: url(../images/hedespresso.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 200px;
	padding-top:35px;
	padding-left:89px;
}
#RecipeRusty{
	background-image: url(../images/hedrustynail.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 100px;
	padding-top:35px;
	padding-left:89px;
}
#RecipeSoda{
	background-image: url(../images/heddramnsoda.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 200px;
	padding-top:35px;
	padding-left:89px;
}
#RecipeBraveheart{
	background-image: url(../images/hedbraveheart.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 100px;
	padding-top:35px;
	padding-left:89px;
}


#TermsColumns {
	width:650px;
	margin-left:40px;
	margin-right: 10px;
}

#Columns img{
	padding-top: 15px;
}

#WideColumns img{
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 35px;
	float:left;
}
#WideColumns h4 img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	float:none;
}
#WideColumns h2 img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	float:none;
}

#BottomLogo{
	text-align: right;
	width: 850px;
	height: 187px;
	background-color: #000;
	background-image:url(../images/discover.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


#BottomLogo2{
	text-align: right;
	width: 850px;
	height: 100px;
	background-color: #000;
	background-image:url(../images/discover.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


#Footer {
	width:100%;
	height: 25px;
	text-align: right;
	background-color: #000;
	border-top:3px solid #090909;
}

#Footer p {
		display: inline;
		font-size: .6em;
}
/*3. LINKS AND NAVIGATION
//////////////////////////////////////////////////////////////////////////////////////////////////
*/
#NavBar a{
	display:block;
	width: 172px;
	height: 25px;
	line-height: 30px;
	color:#E2CEA4;
	text-decoration: none;
	text-align: center;
}

#NavBar a:hover{
	color:#FFF;
}

#NavBar li{
	float: left;
}

#Content a{
	text-decoration: none;
	border-bottom: 1px dotted #222;
}

#Content a:link{
	color: #E2CEA4;
}

#Content a:visited{
	color: #B19369;
}

#Content a:hover{
	color: #FFF;
}

#Content a:active{
	color:#E2CEA4;
}

#ContentHome a{
	text-decoration: none;
	border-bottom: 1px dotted #222;
}

#ContentHome a:link{
	color: #E2CEA4;
}

#ContentHome a:visited{
	color: #B19369;
}

#ContentHome a:hover{
	color: #FFF;
}

#ContentHome a:active{
	color:#E2CEA4;
}

#ContentShort a{
	text-decoration: none;
}

#ContentShort a:link{
	color: #FFF;
}

#ContentShort a:visited{
	color: #FFF;
}

#ContentShort a:hover{
	color: #D1C5AF;
	text-decoration: none;
	border-bottom: 1px dotted #D1C5AF;
}

#ContentShort a:active{
	color:#FFF;
}


/*
4. CUSTOM CLASSES
//////////////////////////////////////////////////////////////////////////////////////////////////
*/
.navPadLeft{
	margin-left:86px;
}

.navPadRight{
	margin-right:86px;
}

.centreCol{
	text-align: center;
}

.floral{
	position: absolute;
	top: 5px;
	left: 0px;
}

.copyright {
	color:#333;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	text-align:right;
	margin-right:15px;
}

.responsibility {
	text-transform: uppercase;
	text-align:right;
}

div#dinnerlink {
	padding:35px 0;
	clear:both;
	text-align:center;
	background-color:#000;
}

div#dinnerlink a{
	color:#E2CEA4;
	text-decoration:none;
}

div#dinnerlink a:hover{
	color:#fff;
	text-decoration:underline;;	
}

div#dinnerpartypics {
	text-align:left;	
	color: #f2ddb0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	margin-right: 20px;	
}

div#dinnerpartypics p.title {
	font-size:20px;
	padding-bottom:10px;
}

div#dinnerpartypics img.logo {
	padding-right:30px;
	padding-bottom:20px;
	float:left;
}

.lfloat {
	min-height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 10px;
}

div#gallery {
	padding:20px 0;
}

div#gallery a:link, div#gallery a:visited, div#gallery a:hover, div#gallery a:active {
	color:#000;
}

div#gallery img {
	padding:0 10px 20px 0;
}

/* Oteng */
#Competition_Columns {
	width:215px;
	margin-left:40px;
	margin-right: 10px;
	float: left;
}