/*
	Name: David's Tent
	Date: 20th January 2012
	Description: Global Style Sheet
	Version: 1.0
	Coder: Jonathan Smith
	Coder URI: http://rockablemedia.com
*/

/* Imports
===============================================*/
@import url("reset.css");

/* Global Styles
===============================================*/
body {
	background: #FFFFE0;
	color: #4E3C2A;
	font-size: 13px;
	font-family: 'Droid Serif', serif;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}

.clear {clear: both; margin: 0; padding: 0;}

/* Headers
-----------------------------------------------*/
h2 {font-size: 20px}	
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h2, h3, h4, h5, h6 {line-height: 15px; margin-bottom: 10px;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {}
a:hover, a:active {}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 20px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {list-style: outside disc; margin: 5px 0 10px 10px;}
ol {list-style: outside decimal; margin: 5px 0 10px 10px;}
dl {margin: 0 0 10px 0;}
dt {font-weight: bold;}
dd {margin-left: 10px;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}
q {}

/* Tables
-----------------------------------------------*/
table {margin: 10px auto; width: 100%;}
	
	/* Thead */
	thead th {padding: 5px 4px; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: 5px 4px;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* Forms
-----------------------------------------------*/
fieldset {}

/* HTML5 tags */
hgroup, header, section, footer,
aside, nav, article, figure {display: block;}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 960px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
header#banner {
	margin-bottom: 45px;
}
header#banner h1 {
	background: url('../images/logo.png') no-repeat;
	display: block;
	float: left;
	height: 80px;
	margin: 15px 0 0 10px;
	text-indent: -9999px;
	width: 326px;
}

header#banner #order {
	background: url('../images/order-ticket.png') no-repeat;
	display: block;
	float: right;
	height: 97px;
	margin-right: 20px;
	text-indent: -9999px;
	position: relative;
	width: 110px;
	z-index: 6;
}

/* Body
-----------------------------------------------*/
section#body #slider-container {
	background: url('../images/slider.png') no-repeat;
	display: block;
	height: 331px;
	margin: 0 auto 30px auto;
	text-align: center;
	position: relative;
	width: 1020px;
}

section#body #slider-container #foliage {
	background: url('../images/foliage.png') no-repeat;
	height: 456px;
	position: absolute;
	top: -101px;
	left: -1px;
	width: 1020px;
	z-index: 5;
}

/* Nivo Slider */
#slider {
	margin: 0 auto;
}

.nivoSlider {
    position: relative;
    width: 940px;
    height: 320px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* Dates and Location */
article.info {
	background: url('../images/info.png') no-repeat;
	height: 60px;
	margin: 0 auto 20px;
	text-indent: -9999px;
	width: 964px;
}

/* Featured Speakers */
.speaker-photo {
	float: left;
	margin-right: 20px;
}
.speaker-photo:first-child {
	margin-left: 48px;
}

#featured-speakers {
	display: block;
	height: 380px;
	margin: 0 10px 15px;
	overflow: hidden;
	position: relative;
	width: 940px;
}

#featured-speakers a#sliderBtLeft {position: absolute; left: -1px; z-index: 7; top: 170px;}
#featured-speakers a#sliderBtRight {position: absolute; right: -1px; z-index: 7; top: 170px;}
#featured-speakers .left {left: 0; position: absolute; top: 0; z-index: 6;}
#featured-speakers .right {position: absolute; right: 0; top: 0; z-index: 6;}

#speakers-info {
	left: -450px;
	position: absolute;
	top: 35px;
	width: 99999999px;
	z-index: 1;
}
#speakers-info .history {
	background: url('../images/speaker-box.png') no-repeat;
	float: left;
	height: 245px;
	margin: 0 30px;
	padding: 30px;
	position: relative;
	width: 495px;
}
#speakers-info .history h3 {font-size: 24px;padding-bottom: 15px;}
#speakers-info .history a {color: #4E3C2A; font-weight: bold; text-decoration: none;}
#speakers-info .history a:hover {text-decoration: underline;}

/* Get in Touch */
#get-in-touch h3 {
	background: url('../images/get-in-touch.png') no-repeat;
	display: block;
	height: 23px;
	margin: 0 auto 20px;
	text-align: center;
	text-indent: -9999px;
	width: 486px;
}

#get-in-touch .contact {
	background: url('../images/speaker-right.png') no-repeat top right;
	float: left;
	height: 385px;
	margin-left: 10px;
	padding-top: 15px;
	width: 360px;
}

#get-in-touch .contact form p {
	margin-bottom: 5px;
}

.contact label {
	float: left;
	margin-top: 8px;
	width: 84px;
}

.contact input {
	background: url('../images/input-contact.png') no-repeat;
	border: none;
	height: 20px;
	padding: 4px 5px 6px;
	width: 176px;
}

.contact textarea {
	background: url('../images/textarea-contact.png') no-repeat;
	border: none;
	height: 120px;
	padding: 10px;
	resize: none;
	width: 219px;
}

.contact button {
	background: url('../images/button-contact.png') no-repeat;
	border: none;
	cursor: pointer;
	height: 33px;
	margin-left: 258px;
	text-indent: -9999px;
	width: 66px;
}

#get-in-touch .subscribe {
	background: url('../images/speaker-left.png') no-repeat top right;
	float: left;
	height: 385px;
	margin-left: 15px;
	padding-right: 40px;
	padding-top: 15px;
	width: 310px;
}

.subscribe input {
	background: url('../images/input-subscribe.png') no-repeat;
	border: none;
	float: left;
	height: 20px;
	margin: 1px 4px 0 0;
	padding: 4px 5px 6px;
	width: 230px;
}

.subscribe button {
	background: url('../images/button-subscribe.png') no-repeat;
	border: none;
	cursor: pointer;
	float: left;
	height: 33px;
	text-indent: -9999px;
	width: 66px;
}

#get-in-touch .connect {
	background: none;
	float: left;
	height: 385px;
	padding-top: 15px;
	width: 225px;
}

/* Footer
-----------------------------------------------*/
footer {
	background: #4E3C2A;
	height: 64px;
	margin-top: 50px;
	position: relative;
}	

footer a.back-top {
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: -31px;
	width: 75px;
	left: 50%;
	margin-left: -50px;
}

footer img {
	margin: 0 auto;
	text-align: center;
}
	
/* Sections
===============================================*/