/*
Theme Name: Metropolitan Club
Theme URI: http://rareaustin.com
Description: Custom Theme by Rare Austin.
Version: 1.0
Author: Josiah Spence
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background:#000000 url(http://austinmetropolitanclub.com/site/wp-content/uploads/2011/12/bg.jpg) top center no-repeat;
	color:#222121;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
div#outerwrap {
	margin: 25px auto 0;
	width:908px;
	}
	
h1#logo a{
	background:url(images/logo.png) no-repeat;
	display:block;
	height:144px;
	text-indent:-9999px;
	width:908px;
	}
	
div#wrap {
	background-color:#fff;
	width:908px;
	}

h3 {
	color:#946410; 
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
	}

h4 {
	color:#946410; 
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
	}
	
p {
	margin-bottom:10px;
	}
	
a {
	color:#946410;
	text-decoration:none;
	}
	
	a:hover {
	color:#7E725B;
	}
	
.clear {
	clear:both;
	padding:20px 0;
	}
	
.clearleft {
	clear:left;
	padding:20px 0;
	}
	
.clearright {
	clear:right;
	padding:20px 0;
	}
	
.bodyclear {
	clear:both;
	color:#fff;
	margin:40px 20px 0;
	}
	
span.eventname {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
	

	
/*BEGIN main nav*/

ul#nav{
	background:#000000;
	height:29px;
	}
	
	ul#nav li{
		display:inline;

	}
	
	ul#nav li a{
		color:#fff;
		border-right:1px solid #999;
		display:block;
		float:left;
		padding:9px 20px 5px 20px;
		text-transform:uppercase;

	}
	
	  ul#nav li a:hover{
		  background-color:#6E2405;
	  }
	  
	  ul#nav li.current_page_item a, ul#nav li.current_page_parent a{
		  background-color:#6E2405;
	  }
	  
/*END main nav*/

/*BEGIN sidebar*/

div.sidebar{
	background-color:#6E2405;
	color:#fff;
	float:right;
	margin:11px;
	padding:20px;
	width:310px;
	}
	
	div.sidebar a{
		color:#7E725B;
	}
	
	div.sidebar a.social{
		color:#7E725B;
		display:block;
		margin-bottom:3px;
		text-transform:uppercase;
	}
	
	div.sidebar h3{
		color:#fff;
		font-size:20px;
		font-weight:normal;
		letter-spacing:1px;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	div.sidebar ul{
		margin-bottom:10px;
		}
		
	div.sidebar ul li{
		padding:10px 0;
		border-bottom:1px solid #7E725B;
line-height: 1.8em;
list-style:inside circle;
		}
		
	body.page-id-44 div.sidebar ul li{
		padding:0;
		border-bottom:none;
		}
		
	div.sidebar strong {
		font-weight:normal;
		margin-bottom:5px;
		text-transform:uppercase;
		}
		
	div.sidebar span.twitter-timestamp abbr{
		border-bottom:none;
		color:#7E725B;
		display:list-item;
	}

/*END sidebar*/

div.post {
	margin:20px;
	width:507px;
	}
	
p.firstp{
	border-bottom:1px solid #9e9e9e;
	margin-bottom:20px;
	padding-bottom:20px;
	}
	
div.hours {
	float:left;
	width:160px;
	}
	
div.hours span.day{
	font-weight:bold;
	display:inline-block;
	width:28px;
	}

ul.loungelist li{
	color: #747474;
	font-size:13px;
	list-style:inside circle;
	margin-bottom:5px;
	
	}

/*BEGIN page title image replacement*/
	
div#post-105 h2 {
	background:url(images/lounge.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:214px;
	}
	
div#post-10 h2 {
	background:url(images/home2.png) no-repeat;
	display:block;
	height:57px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:476px;
	}
	
div#post-48 h2, h2#post-48 {
	background:url(images/services.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:318px;
	}
	
div#post-42 h2 {
	background:url(images/about.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:257px;
	}
	
div#post-52 h2 {
	background:url(images/gallery.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:13px;
	text-indent:-9999px;
	width:243px;
	}
	
div#post-54 h2 {
	background:url(images/contact.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:192px;
	}
	
div#post-50 h2, h2#post-50 {
	background:url(images/staff.png) no-repeat;
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:82px;
	}
	
div#post-214 h2 {
	background:url(images/membership.png) no-repeat; 
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:192px;
	}
	
div#post-216 h2, h2#post-216 {
	background:url(images/events.png) no-repeat; 
	display:block;
	height:27px;
	margin-bottom:23px;
	text-indent:-9999px;
	width:198px;
	}
	
/*END page title image replacement*/


div#post-10 ul.homelist {
	margin-top:23px;
	}

div#post-10 ul.homelist a:hover {
	background:;
	display:block;
	height:18px;
	margin-bottom:13px;
	text-indent:0px;
	width:110px;
font-size: 25px;
color: #6E2405;

	}


div#post-10 li a.lounge {
	background:;
	display:block;
	height:18px;
	margin-bottom:13px;
	text-indent:0px;
	width:110px;
font-size: 25px;

	}


	
div#post-10 li a.services {
	background:;
	display:block;
	height:18px;
	margin-bottom:13px;
	text-indent:0px;
	width:110px;
font-size: 25px;

	}
	
div#post-10 li a.contact {
	background:;
	display:block;
	height:18px;
	margin-bottom:13px;
	text-indent:0px;
	width:110px;
font-size: 25px;

	}

/*BEGIN staff*/

div.staff, div.gal {
	margin:20px;
	}
	
div.staff div#staffhead {
	height:50px;
	}
	
h2#post-50 {
	float:left;
	}

div.staffpic {
	border-right:1px solid #9e9e9e;
	float:left;
	margin-bottom:40px;
	padding-right:30px;
	}
	
div.staffinfo {
	float:right;
	width:400px;
	}
	
em.staffem {
	display:block;
	margin-bottom:10px;
	}
	
/*END staff*/

/*BEGIN services*/

ul#servnav{
	height:29px;
	margin-bottom:20px;
	}
	
	ul#servnav li{
		display:inline;
	}
	
	ul#servnav li a{
		border:1px solid #6E2405;
		color:#6E2405;
		display:block;
		float:left;
		padding:9px 12px 5px;
		text-transform:uppercase;
	}
	
	  ul#servnav li a:hover{
		  background-color:#6E2405;
		  border-color:#6E2405;
		  color:#fff;
	  }
	  
	  ul#servnav li.current_page_item a{
		  background-color:#6E2405;
		  border-color:#6E2405;
		  color:#fff;
	  }

	div#servbar.sidebar ul {
		border-bottom:1px solid #fff;
		padding-bottom:30px;
		}
		
	div#loungebar.sidebar strong {
		border-top:1px solid #6E2405;
		display:block;
		padding-top:10px;
		} 
	
	div#loungebar.sidebar ul {
		padding-bottom:10px;
		}
	
	div#servbar.sidebar ul li, div#loungebar.sidebar ul li{
		border-bottom:none;
		padding:0;
		}

a.next {
	background:url(images/scheduleservices.png) no-repeat;
	display:block;
	height:18px;
	margin-bottom:5px;
	text-indent:-9999px;
	width:241px;
	}

/*END services*/

/*BEGIN form*/

form.wpcf7-form {
	border-top:1px solid #0bb3bd;
	padding:10px 0 0;
	}

form.wpcf7-form input, span.wpcf7-list-item {
	margin:5px 0 0 0 !important;
	}
	
form.wpcf7-form p.check{
	border-bottom:1px solid #0bb3bd;
	padding-bottom:10px;
	}
	
form.wpcf7-form input[type="submit"] {
	background:url(images/submit.png) no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:18px;
	margin-top:10px;
	text-indent:-9999px;
	width:102px;
	}
	
div.wpcf7-response-output {
	border:none !important;
	}

/*END form*/

/*BEGIN footer*/

p.footer{
	color:#fff;
	margin-top:5px;
	}

/*END footer*/

/*BEGIN dropdown*/

/* commom style for all browsers */

#staffnav {
text-align:left; position:relative; height:2.5em;
}
#staffnav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
#staffnav li {
float:left; margin-left:40px; position:relative;
}

#staffnav li ul li{
margin-left:0;
}

#staffnav li a {
	border:1px solid #CCC;
	background:#000 url(images/downarrow.png) right center no-repeat;
display:block; width:20em; color:#000; float:left; line-height:27px; 
font-size:12px;
 text-transform:uppercase;
 font-weight:700;
 color:#fff;
 display:block;
 text-decoration:none;
 padding:0 20px 0 20px;
}
* html #staffnav li a, #staffnav li a:visited {
width:20em; w\idth:19em; /* hack for IE5.5 */
}
#staffnav li a:hover {
background: url(images/downarrow.png) right center no-repeat #6E2405;
border:1px solid #CCC;
color:#fff;
}
#staffnav li ul {
visibility:hidden; position:absolute; overflow:hidden;
}
#staffnav table {
margin:-1px; border-collapse:collapse;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#staffnav li:hover a,
#staffnav li a:hover {
border:1px solid #CCC;
}
#staffnav li:hover ul,
#staffnav li a:hover ul {
visibility:visible; height:auto; width:10em; left:0; top:2.3em; overflow:visible;
}
#staffnav li:hover ul li a,
#staffnav li a:hover ul li a {
display:block; background-image:none; border:1px solid #CCC; text-decoration:none; height:27px; line-height:27px; padding:0 20px 0 20px; width:20em;
}
* html #staffnav li a:hover ul li a {
width:20em; w\idth:19em; /* hack for IE5.5 */
}

/*END dropdown*/

div.calendar{
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:10px;
	margin-top: 70px;
	}
	
	#wp-calendar table {
 		width:70% !important;
		}
		
		#wp-calendar table tr{
			height:22px;
			}

.sidebar table.ec3_schedule{
	display:none;
	}