/*
Theme Name: Custom Theme Name
Theme URI: http://www.arrangingpixels.com
Description: Custom theme created by Arranging Pixels for Pulse Orlando
Version: 1.0
Author: Arranging Pixels LLC
Developer: Matthew Vaccaro
Author URI: http://www.arrangingpixels.com/
Tags: Pulse Theme 1.0

*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style-type: none;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Segoe UI, Arial, sans-serif;
	background: #ccc url('images/pulse-bg-1.jpg') repeat-x 0 0;
	color: #333;
}

#wrapper { margin: 0 auto; background: url('images/pulse-bg-2.jpg') no-repeat center 0;}
#content-wrapper {width: 979px; margin: 0 auto;}

h1 a {
	display: block;
	width: 122px;
	height: 129px;
	background: url('images/pulse-logo.png') repeat-x 0 center;
	text-indent: -9999px;
	margin-left: 30px;
	padding: 15px 0;
	float: left;
	position: absolute;
}
h2 {
	color: #333;
	font-size: 160%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
h2.next {padding-top: 20px; display: block;}
img { border: 1px solid #ccc; }
.clear {clear: both; margin: 10px 0;}
#header {
	overflow: auto;	
}
#header .top-wrapper {
	width: 500px;
}
#header #rotator {
	overflow: hidden;
	height: 166px;
	background-color: none;
}
#header .rotate1 {
	display: block;
	background: url('images/dude-1.jpg') no-repeat 0 0;
	background-color: none;
	width: 259px;
	height: 166px;
	float: left;
	margin-left: 700px;
}
#header .rotate2 {
	display: block;
	background: url('images/dude-2.jpg') no-repeat 0 0;
	background-color: none;
	width: 259px;
	height: 166px;
	float: left;
	margin-left: 700px;
}
#header .rotate3 {
	display: block;
	background: url('images/dude-3.jpg') no-repeat 0 0;
	background-color: none;
	width: 259px;
	height: 166px;
	float: left;
	margin-left: 700px;
}
#header .connect {
	position: absolute;	
	background: url('images/social-bg-1.jpg') repeat-x 0 0;
	display: block;
	width: 350px;
	border: 1px solid #e6e6e6;
	overflow: auto;
	margin: 122px 0 0 612px;
	padding: 0;
	z-index: 99;
}
#header .connect #mailform { float: left; margin: -2px 0 0 0;}
#header .connect #mailform input {padding: 5px 5px; margin: 9px 0 0 5px;}
#header .connect #mailform input.submit {background: #ccc; border: 1px solid #e6e6e6; padding: 3px 3px;}
#header .connect ul li { float: left; margin: 3px 0 0 2px;}
#header .connect ul li a { display: block; text-indent: -99999px;	width: 37px; height: 40px;	}
#header .connect ul li a.facebook { background: url('images/social-icons.png') no-repeat 0 0; }
#header .connect ul li a.twitter { background: url('images/social-icons.png') no-repeat -42px 0; }
#header .connect ul li a.myspace { background: url('images/social-icons.png') no-repeat -83px 0; }

#header ul.navigation {
	background: url('images/nav-bg.png') repeat-x 0 0;
	display: block;
	width: 979px; height: 55px;
	clear: both;
}
ul.navigation li {
	float: left;	
}
ul.navigation li a {
	text-decoration: none;
	color: #444;
	padding: 17px 19px;
	text-transform: uppercase;
	font-size: 120%;
	display: block;
}
#header ul.navigation li a:hover {
	background: url('images/nav-a-bg.png') no-repeat center -5px;	
	color: #222;
}
#content {background: #fff; margin: 0 15px; padding: 15px 30px; overflow: hidden; font-size: 140%;}
#content .mainbox { background: #f7f7f7; border: 1px solid #ccc; padding: 10px 10px; overflow: hidden; }
#content .entry { width: 420px; margin: 20px 20px 10px 0; float: left; overflow: auto;}
#content img, #content .entry img { float: left; margin-right: 10px; }
#content a { color: #333; }
#content p { margin: 10px 0; }

#index .mimg { margin: 0 0 30px 0; border: 1px solid #999;}
#index .mainbox { clear: both; }
#index .mainbox img { width: 100px; height: 150px;}
#index .mainbox ul li { float: left; margin: 50px 4px 10px 0; width: 105px; text-align: center;}
#index .mainbox ul li small {text-transform: uppercase;}
#index .mainbox ul li.weekly-break {width: 192px; height: 285px; background: #333; margin: -5px 15px 0 5px;}
#index .mainbox ul li.weekly-break .current {margin-top: 243px; color: #fff;}
#index .mainbox #main-img { position: absolute; margin-left: 337px; width: 180px; height: 250px;}
#index .entry { width: 430px; margin: 20px 20px 0 0;}
#index .entry img {width: 130px; margin: 5px 5px;}

#nightly .mainbox, #special-events .mainbox, #specials .mainbox, #directions .mainbox, #staff .mainbox {border: none; background: none; margin-bottom: 100px;}
#nightly .mainbox img, #special-events .mainbox img { width: 190px; height: 300px; margin: 10px;}

#interior .mainbox {border: none; background: none; float: left; width: 500px;}
#interior .mainbox h2 { display: block; clear: both;}
#interior .entry {width: 300px; float: left; margin-left: 20px; background: #f7f7f7; border: 1px solid #ccc; padding: 10px; overflow: hidden;}
#interior img.pimg { width: 140px; height: 200px; margin: 10px;} 

#specials .mainbox {overflow: auto;}
#specials .mainbox .nightly-box { width: 820px; margin: 10px; float: left; background: #f7f7f7; border: 1px solid #ccc; padding: 10px 10px;}
#specials .mainbox .nightly-box ul li {padding: 5px 0;}
#specials .mainbox .nightly-box img { width: 170px; height: 240px; margin: 0 20px 0 0; }
#specials .mainbox .nightly-box .day { font-size: 160%; color: #325695; line-height: 50px;}
#specials .mainbox .nightly-box .primary { width: 250px; float: left; }
#specials .mainbox .clear-div {clear: both;}
#specials .specials-box {clear: both; border-top: 3px solid #666; border-bottom: 3px solid #666; text-align: center; background: #f7f7f7; padding: 20px 0; margin: 20px 0; font-size: 120%; font-weight: bold;}

#directions .mainbox, #directions .entry { width: 400px; float: left; overflow: hidden;}
#directions .mainbox { margin: 0 20px 200px 0; }

#the-club .mainbox { margin-bottom: 20px; }
#the-club .mainbox img { width: inherit; height: inherit; float: left; margin-right: 20px;}
#the-club .mainbox img:hover, #specials .mainbox .nightly-box img:hover {opacity: 1;}

#blog #blog-content {float: left; width: 630px; margin-right: 30px;}
#blog #blog-content p.postmetadata { clear: both;}
#blog #sidebar { float: left; width: 220px;}
#blog #sidebar ul li ul { background: #f7f7f7; border: 1px solid #ccc; padding: 10px;}
#blog #sidebar #s { padding: 5px; border: 1px solid #999; }
#blog #sidebar #searchsubmit { padding: 5px }
#blog #sidebar #archives-3 h2.widgettitle {padding-top: 20px;}


.foot-top { 
	background: url('images/footer-bg.png') no-repeat center top;
	display: block;
	height: 34px;
}
#footer { 
	overflow: auto; 
	background: #1c1c1c url('images/footer-bg-2.jpg') no-repeat center 0; 
	width: 976px;
	margin: 0 auto;
}
#footer #foot-nav {
	overflow: auto;	
}
#footer ul.navigation li a {
	color: #999;
}
#footer ul.navigation li a:hover {
	color: #ccc;	
}
#footer p {
	font-size: 110%;
	color: #666;
	text-transform: uppercase;
	width: 330px;
	margin: 10px auto;
}
#footer .copy a {
	background: url('images/ap-logo.png') no-repeat center 0; 	
	display: block;
	width: 257px;
	height: 37px;
	margin: 20px auto;
	text-indent: -9999px;
}
