/*  
Theme Name: TPs
Theme URI: http://wordpress.org/
Description: TPs (Tipis)
Version: 1.0
Author: Matthew Hill
Author URI: http://www.twobelowzero.net/
*/
/******************************************************************************************************************
TPs - Global Stylesheet - December 2007
Developed by Matthew Hill - http://www.friskdesign.com
for Twobelowzero - http://www.twobelowzero.net
******************************************************************************************************************/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/
#wrapper:after,
#wrapperInner:after,
#banner:after,
#bannerInner:after,
#bannerInner ul:after,
#main:after,
#pushbox:after,
ul.eventTypes:after,
ul#eventList:after,
.eventPost:after
{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
body {
	font: normal 0.9em/1.2em "Trebuchet MS",Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#skipto {
	position:absolute;
	left:-999em;
}
a img {
	border:none;
}
a,a:link,a:visited {
	color:#A65E07;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color:#000;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.picright {
	clear:right;
	float:right;
	margin:0 0 20px 20px;
}
.picleft {
	clear:left;
	float:left;
	margin:0 20px 20px 0;
}
.pictopright {
	float:right;
	margin:-40px 0 20px 20px;
}
.clear {
	clear:both;
}
p.editLink {
	clear:both;
	margin-top:20px;
}
address {
	font-style:normal;
	font-weight:normal;
	font-size:1.0em;
	line-height:normal;
	width:296px;
	text-align:left;
	position:absolute;
	top:230px;
	right:0;
}
address strong {
	display:block;
	margin:0;
}
.entry {
	position:relative;
}
/******************************************************************************************************************
OVERALL LAYOUT RULES
******************************************************************************************************************/
body {
	background:#FEE2A9 url(images/bg-body.jpg) center bottom;
	color:#000;
}
#wrapper {
	width:100%;
	padding:0;
	background:#FEE2A9 url(images/bg-outer-tile.jpg) center bottom repeat;
}
#wrapperInner {
	width:100%;
	padding:0;
	background:url(images/bg-body.jpg) center bottom repeat-x;
}
#main {
	width:960px;
	margin:0 auto;
	background:url(images/bg-inner-tile.jpg) 0 bottom;
}
#mainInner {
	width:880px;
	padding:60px 40px 0 40px;
	background:url(images/bg-footer.jpg) left bottom no-repeat;
}
#content {

}
/******************************************************************************************************************
BANNER
******************************************************************************************************************/
#banner {
	clear:both;
	height:155px;
	background:url(images/bg-banner.png) top left repeat-x;
}
#bannerInner {
	position:relative;
	width:960px;
	height:155px;	
	margin:0 auto;
}
#bannerInner img#logo {
	position:absolute;
	top:0px;
	left:40px;
}
#bannerInner img#horizon {
	position:absolute;
	top:0px;
	left:175px;
}
#bannerInner p {
	color:#FFF;
	background:#000;
	position:absolute;
	top:87px;
	left:190px;
	width:750px;
	padding:10px 0 0 10px;
	height:27px;
	font-weight:bold;
	font-size:1.0em;
	line-height:1;
	overflow:hidden;
}
#bannerInner p span {
	position:absolute;
	top:0;
	left:10px;
	width:750px;
	height:37px;
	background:url(images/bg-banner-contact.png)
}
#bannerInner ul {
	position:absolute;
	top:124px;
	left:190px;
	width:760px;
	height:31px;
	overflow:hidden;
	background:#FFCC00 url(images/bg-navigation.png) top left repeat-x;
}
#bannerInner li {
	list-style:none;
	margin:0;
	float:left;
}
#bannerInner ul li a,
#bannerInner ul li a:visited {
	display:block;
	height:24px;
	padding:7px 0 0 0;
	position:relative;
	text-align:center;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background:#FFCC00;
}

#bannerInner ul li.current_page_item a,
#bannerInner ul li.current_page_item a:visited,
#bannerInner ul li a:hover {
	background:#000;
	color:#FFF;
}

#bannerInner ul li a span,
#bannerInner ul li a:visited span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:31px;
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}
#bannerInner li#nav-home a { width:69px; }
#bannerInner li#nav-home a span { background-image:url(images/nav-home.png); }
#bannerInner li#nav-events a { width:79px; }
#bannerInner li#nav-events a span { background-image:url(images/nav-events.png); }
#bannerInner li#nav-gallery a { width:83px; }
#bannerInner li#nav-gallery a span { background-image:url(images/nav-gallery.png); }
#bannerInner li#nav-about-us a { width:99px; }
#bannerInner li#nav-about-us a span { background-image:url(images/nav-about.png); }
#bannerInner li#nav-get-in-touch a { width:127px; }
#bannerInner li#nav-get-in-touch a span { background-image:url(images/nav-contact.png); }
#bannerInner li#nav-faq a { width:56px; }
#bannerInner li#nav-faq a span { background-image:url(images/nav-faq.png); }
#bannerInner li#nav-information a { width:126px; }
#bannerInner li#nav-information a span { background-image:url(images/nav-info.png); }
#bannerInner ul li.current_page_item a span,
#bannerInner ul li.current_page_item a:visited span,
#bannerInner ul li a:hover span {
	background-position:left bottom !important;
}
/******************************************************************************************************************
GENERAL TEXT FORMATTING
******************************************************************************************************************/
strong { font-weight:bold; }
em { font-style:italic; }
sup {	font-size:60%;	vertical-align:top; }

ul,ol,p { margin:0 0 1.2em; }
ul { }
ol { }
li { margin:0 0 0.4em 1.4em; }
ul li { list-style:disc; }
ul ul li { list-style:circle; }
ul ul,
ol ol { margin:0.4em 0; }

h1,h2,h3,h4,h5,h6 {
	margin:1.2em 0;
	font-weight:bold;
	font-size:1.0em;
	line-height:normal;
}
h1 {
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin-top:0;
}
h2 {
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin-top:0;
}
h3 {
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin-top:0;
}
small,.smaller {
	font-size:0.85em;
}
big,.bigger {
	font-size:1.3em;
	line-height:normal;
}
/******************************************************************************************************************
HOME - PUSHBOXES
******************************************************************************************************************/
#pushbox {
	clear:both;
}
#pushbox div {
	float:left;
	width:260px;
	min-height:190px;
	margin:0 40px 0 0;
}
#pushbox div img {
	float:right;
	margin:0 10px 0 0;
	margin:0 0 10px 10px;
}
#pushbox div h2 {
	margin:0 0 0.4em 0;	
}
#pushbox div h2 a,
#pushbox div h2 a:visited {
	color:#000;
	text-decoration:none;
}
#pushbox p {
	font-size:0.85em;
	line-height:1.3em;
}
#pushbox #homeContact {
	width:280px;
	background:url(images/icon-smokefire.png) 100% 15px no-repeat;
	margin:0;
}
#pushbox #homeContact p {
	overflow:hidden;
	position:relative;
}
#pushbox #homeContact p span {
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	display:block;
	background-repeat:no-repeat;
}
#pushbox #homeContact #contactTel {	width:191px; height:46px; margin-top:20px; }
#pushbox #homeContact #contactTel span { background-image:url(images/home-tel.jpg); height:46px; }
#pushbox #homeContact #contactEmail {	width:228px; height:34px; margin-top:20px; }
#pushbox #homeContact #contactEmail span { background-image:url(images/home-email.jpg); height:34px; cursor:pointer; }
#pushbox #homeEvents ul li {
	float:left;
	width:120px;
	margin:0 10px 5px 0;
	list-style:none;
	font-size:0.85em;
	line-height:1.5em;
	background:url(images/bullet.png) left center no-repeat;
}
#pushbox #homeEvents li a,
#pushbox #homeEvents li a:visited {
	padding:0 0 0 20px;
	margin:0;
}

/******************************************************************************************************************
EVENTS
******************************************************************************************************************/
/* Event List styling on Events page */
ul#eventList {
	list-style:none;
}
ul#eventList li {
	float:left;
	list-style:none;
	min-height:150px;
	width:420px;
	margin:0 40px 1em 0;	
}
ul#eventList li.even {
	margin:0 0 1em 0;	
}
ul#eventList li img {
	float:left;
	margin:0 9px 20px 0;
}
ul#eventList li div {
	float:left;
	width:300px;
}
ul#eventList li h2 {
	width:300px;
}
ul#eventList li h3 {
	width:420px;
}
ul#eventList li p {
	margin:0;
}
ul#eventList li a.more {
}
/* Horizontal Menu on specific event page */
ul.eventTypes {
	list-style:none;
	float:left;
}
ul.eventTypes li {
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:2px solid #A65E07;
}
ul.eventTypes li.eventLabel,
ul.eventTypes li.page-item-14 {
	border:none;
}
ul.eventTypes li.eventLabel {
	font-weight:bold;
	margin:0;
}
/* Event Page */
#eventImage {
	margin:0 9px 20px 0;
	float:left;
}
.eventPost {
	float:left;
	width:730px;
}
h1.eventTitle {
	float:left;
	width:400px;
}
/******************************************************************************************************************
FOOTER
******************************************************************************************************************/
#footer {
	clear:both;
	height:161px;
	padding:0 0 20px 0;
	position:relative;
}
#cactus {
	position:absolute;
	top:0;
	left:-15px;
}
#tagline {
	position:absolute;
	bottom:26px;
	right:0;
}
#copyright {
	font-size:0.80em;
	font-weight:bold;
	color:#71480D;
	margin:0;
	position:absolute;
	top:152px;
	left:90px;
	line-height:1;
}
/******************************************************************************************************************
404 PAGE
******************************************************************************************************************/
#content.notFound h1 {
	font-size:1.8em;
}
/******************************************************************************************************************
HOMEPAGE SLIDESHOW
******************************************************************************************************************/
#homeslideshow {
	margin:-50px 0 0 0;
	width:296px;
	height:268px;
	float:right;
	overflow:hidden;
}
/******************************************************************************************************************
TABLES
******************************************************************************************************************/
table {
	border-collapse:collapse;
	empty-cells:hide;
	width:500px;
}

th,td {
	border:1px solid #000;
	padding:4px 10px;
	text-align:center;
	vertical-align:top;
}

th {
	background:url(images/bg-outer-tile.jpg);
	font-weight:bold;
}