/*  
Theme Name: Peak Events Website Theme, designed by Andrew Martin and Bri Lehman.
Theme URI: http://www.skyvsground.com
Description: skyvsground.com custom theme designed by Andrew Martin of www.skyvsground.com.
Version: 1.0
Author: Andrew Martin via Sky vs. Ground Web Design
Author URI: http://www.skyvsground.com

*/

/* Peak Events Stylesheet */

/* 
All content (except for Lightbox) hand coded by Andrew Martin (Sky vs. Ground Print & Web Design. www.skyvsground.com).
*/

/* ----------| =Initial Page Structure |---------- */ 

* { 
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: bottom;
	list-style: none;
}

html { 
	font: 1.0em Helvetica, "Times New Roman", Serif; 
	line-height:1.0em;
	color:#222;
}
	
body { 
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto;
	background: #b8b97f url(images/bgtile.png) repeat-x top left;
}



/* ----------| =Basic Styles |---------- */ 

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	background: transparent;
	
}

a {
	color:#7ca897;
	text-decoration:none;
	border-bottom:1px dotted #e8c162;
}

a:hover {
	color:#39544d;
	border-bottom:1px solid #7ca897;
}

h1, h2, h3 { 
	color: #39544d;
	margin-bottom:10px;
	line-height:1.0em;
}

h2 {
	font-size:25px;
	color:#39544D;
	line-height:1em;
	margin-bottom:10px;
}

h3 { 
	color: #000;
}

h4 { 
	color: #000;
}

h4, h5, h6 { 
	font-size: 1.3em;
}

p { 
	padding:0;
	margin: 0 0 1.0em 0;
	font-size:16px;
	line-height:1.5em;
}

img { 
	border: 0; 
}

a img { 
	border: 0;

}
.autoclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* Custom Edit Link */

a.post-edit-link {
background:#39544D none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
display:block;
padding:10px;
position:absolute;
right:10px;
top:10px;
}

/* -------- Utilities -------- */

.right {
	float:right;
}

/* -------- Layout -------- */

#wrap {
	margin:0 auto;
	width:860px;
	padding:0 10px 10px 10px;
}

#header {
	padding-left:20px;
	background:transparent url(images/logo.png) no-repeat scroll 20px 0;
	height:94px;
}

#header a {
	border:0 none;
	display:block;
}

#header a.peakmainlogo {
	text-indent:-9999px;
	display:block;
	width:284px;
	height:94px;
	float:left;
}

#header img {
	margin-left:-9999px;
}

#header #navigation {
	width:339px;
	height:34px;
	margin-top:50px;
	float:right;
	text-indent:-9999px;
}

#header #navigation ul li {
	text-indent:-9999px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}



#header #navigation ul li a {
	display:block;
	height:34px;
}

#header #navigation ul li.home a {
	width:53px;
	background:transparent url(images/navigation/inactive/home.png) no-repeat scroll top left;
}

#header #navigation ul li.about a {
	width:63px;
	background:transparent url(images/navigation/inactive/about.png) no-repeat scroll top left;
}

#header #navigation ul li.services a {
	width:85px;
	background:transparent url(images/navigation/inactive/services.png) no-repeat scroll top left;
}

#header #navigation ul li.portfolio a {
	width:91px;
	background:transparent url(images/navigation/inactive/portfolio.png) no-repeat scroll top left;
}

#header #navigation ul li.blog a {
	width:47px;
	background:transparent url(images/navigation/inactive/blog.png) no-repeat scroll top left;
}

#header #navigation ul li.home {
	width:53px;
	background:transparent url(images/navigation/active/home.png) no-repeat scroll top left;
}

#header #navigation ul li.about {
	width:63px;
	background:transparent url(images/navigation/active/about.png) no-repeat scroll top left;
}

#header #navigation ul li.services {
	width:85px;
	background:transparent url(images/navigation/active/services.png) no-repeat scroll top left;
}

#header #navigation ul li.portfolio {
	width:91px;
	background:transparent url(images/navigation/active/portfolio.png) no-repeat scroll top left;
}

#header #navigation ul li.blog {
	width:47px;
	background:transparent url(images/navigation/active/blog.png) no-repeat scroll top left;
}

#header #navigation ul li a:hover, 
#header #navigation ul li.active,
#home #header #navigation ul li.home a,
.page-id-2 #header #navigation ul li.about a,
.page-id-4 #header #navigation ul li.services a,
#rentals #header #navigation ul li.rentals a,
.page-id-5 #header #navigation ul li.portfolio a,
.page-id-6 #header #navigation ul li.blog a {
	background:transparent;
}

#main {
	clear:both;
	margin:0 auto;
	width:880px;
	padding:19px 0;
	background:transparent url(images/inner-box/top.png) no-repeat scroll top left;
}

h1#headline {
	text-indent:-9999px;
	width:880px;
	height:54px;
	margin:0;
	background:transparent url(images/headline-front.png) no-repeat scroll top center;
}

#about h1#headline {
	background-image:url(images/headline-about.png);
}
#container h1 {
	font-weight:bold;
	font-size:24px;
}

#container h2 {
	border-bottom:1px solid #e8c162;
	font-size:22px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin: 0 0 20px 0;
}
.page-id-8 #container h1 { display:none; }
#container {
	background:transparent url(images/inner-box/tile.png) repeat-y scroll left top;
	padding:0 0px 0 0;
	width:880px;
}


#container img {
	float:left;
	margin:0 10px 0 0px;
}

/*.page-id-6 #container,
.page-id-5 #container,
.page-id-4 #container {
	padding-left:30px;
	width:820px;
}*/

#container ul li img {
	float:left;
	margin:0 10px 0px 0;
}

.inner {
	padding:0 25px;
}

#footer {
	padding:30px 0px;
	width:890px;
	font-size:11px;
	margin-left:-25px;
	background:transparent url(images/inner-box/bottom.png) no-repeat scroll left top;
}

#footer a {
	color:#39544d;

}

#footer a:hover {
	color:#000;
}

/* Slideshow */

#slideshow {
	float:left;
	margin-right:10px;
}

#slideshow ul li {
	width:354px;
	height:335px;
}

#home #prevBtn, #home #nextBtn {
	display:none;
}

/* Services */

#container ul.services {
	padding-left:20px;
}

#container ul.services li {
	margin-bottom:1.0em;
	list-style:disc outside;
	padding-left:10px;
	line-height:1.5em;
	font-size:100%;
}

.page-id-4 #container h3 {
	text-align:center;
	font-size:20px;
	margin:1.0em 0;
}

/* -------- FORMS -------- */

#confirmation {
	position:absolute;
	top:0;
	width:100%;
	padding:15px;
	background:#000;
	color:#000;
	font-size:16px;
}

label {
	float:left;
	padding:3px;
	line-height:18px;
	background:#4d4747;
}

input, submit {
float:left;
padding:3px;	
color:#000;
border:2px solid #7ca897;
font-family: Helvetica, "Times New Roman", Serif;
font-size:12px;
background:#000 url(images/inputbg.jpg) repeat-x bottom left;
}

input:focus {
	background:#000;
	color:#efefef;
}

#contact {
	margin:0 auto;
	padding:15px;
	text-align:center;
	width:860px;
}

#contactform div {
	float:left; 
	padding:5px;
}

label.error {
	clear:both;
	margin-left:20px;
}

input.submit-button {
	font-weight:bold;
	font-size:16px;
	margin-left:50px;
}

/* Gallery */

#gallery {
	width:800px;
	height:400px;
	display:block;
}

#gallery-1 .gallery-item {
	float:left;
	width:auto !important;
}

#container .gallery img {
	margin-bottom:10px;
	border:2px solid #EAC161;
}

.gallery-items li {
	width:150px !important;
	margin-right:15px !important;
}