/*
Theme Name: Drake Homes
Version: 1.0
Author: Obinna Okogbue

*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	outline: none;
}
body {
	line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Global Elements
----------------------------------------------------*/
body{
	background: url(img/bg.jpg) repeat-x #ce0100;
	font-family: Arial, Helvetica, sans-serif;
	color: #C7C7C7;
	font-size: 13px;
}
a{
	color: #c31717;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #FFF;
}
.clear{
	clear: both;
	display: block;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-family: Trajan Pro;
}
@font-face{  
	font-family: "mpbci";  
	src: url( "fonts/negotiate_free-webfont.eot" ); /* IE */  
	src: local("Neg"), url( "fonts/negotiate_free-webfont.ttf" ) format("truetype"); /* non-IE */  
}  



/* Header
----------------------------------------------------*/

#header-graphic{
	background: url(img/curved_header.png) center top no-repeat;
}
#container{
	width: 960px;
	padding: 0 20px 20px;
	margin: 0 auto;
	background: #000;
}
#header{
	height: 200px;
}
#header, #intro{
	background: url(img/header_bg.jpg) repeat-x #000;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
}
#logo{
	display: block;
	height: 200px;
	width: 300px;
	background: url(img/logo.png);
	float: left;
}

/* Menu & Connect
----------------------------------------------------*/
#nav{
	float: right;
	position: relative;
	height: 200px;
}
#menu-main{
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 1000px;
}
#menu-main li{
	float: right;
}
#menu-main li a{
	display: block;
	color: #FFF;
	font: normal normal 16px/40px "mpbci", Arial, Helvetica, sans-serif;
	height: 40px;
	padding: 0 10px;
	background: url(img/shade.png);
}
#connect{
	float: right;
	background: url(img/LUVJN.png);
	height: 30px;
	width: 256px;
	margin-top: 20px;
}
#connect a{
	display: block;
	height: 30px;
	width: 35px;
	float: left;
	text-indent: -9999px;
}
#intro{
	margin-top: 20px;
	padding-bottom: 20px;
}
/* Showcase
----------------------------------------------------*/
#showcase{
	position: relative;
	height: 300px;
	background: #202020;
	position: relative;
	padding: 10px;
}
#showcase div.slide{
	position: absolute;
	display: block;
	height: 300px;
	width: 940px;
	display: none;
}

#thumbs-position{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 5;
}
#thumbs-featured{
	float: left;
	background: #202020;
	padding: 10px 5px;
}
#thumbs-featured span{
	display: block;
	background: #000;
	height: 50px;
	width: 75px;
	margin: 0 5px;
	float: left;
	border: 1px solid #333;
}
#thumbs-featured img{
	opacity: .3;
}
#thumbs-featured .current-thumb img{
	opacity: 1;
}


.current{
	display: block!important;
}
/* Home page about preview
----------------------------------------------------*/

.attatchment-pre{
	float: left;
}
.pre-text{
	float: right;
	width: 595px;
}
.pre-text h2{
	font-size: 32px;
	color: #b50000;
}
.teaser{
	font: normal normal 17px Arial, Helvetica, sans-serif;
}
a.more{
	display: block;
	float: left;
	background: #000 url(img/bullet_red.png) 5px center no-repeat;
	border: 1px solid #444;
	color: #FFF;
	font-weight: bold;
	padding: 6px 6px 6px 20px;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 10px;
}
/* Homepage Community List
----------------------------------------------------*/
	
#featured-communities{
	width: 460px;
	float: right;
	background: #000;
}
#featured-communities h3{
	font-size: 30px;
}
.featured-communities-thumb{
	display: block;
	padding: 10px;
	background: #202020;
	float: left;
}
.featured-communities-info{
	display: block;
	float: left;
	margin-left: 15px;
}
.featured-communities-title{
	font: normal normal 20px "mpbci", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b50000;
	display: block;
}
.featured-communities-price{
	font: italic normal 18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
div .featured-communities-price{
	padding: 5px;
	background: #181818;
}
/* Homepage Events
-------------------------------------------------------*/

#featured-events{
	width: 450px;
	float: left;
	background: #1A1A1A;
	padding: 15px;
	font-size: 14px;
}
#featured-events h3{
	font: normal normal 30px "mpbci", Arial, Helvetica, sans-serif;
	color: #b50000;
}
.event{
	background: url(img/bullet_red.png) 10px 18px no-repeat;
	padding: 15px 15px 15px 30px;
	color: #999;
	display: block;
	border-bottom: 1px solid #333;
	font-weight: normal;
}
a.event:hover{
	background-color: #000;
	color: #FFF;
}
.event-title{
	display: block;
	font: normal bold 16px Arial, Helvetica, sans-serif;
}
.event-date{
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFF;
}

/* Communities
-------------------------------------------------------*/

#sidebar-communities{
	width: 280px;
	float: left;
	padding: 15px;
	background: #202020;
	font-size: 14px;
}
#sidebar-communities h4{
	padding: 6px 10px;
	color: #b50000;
	background: #000;
	font-size: 15px;
	margin: 0 0 10px;
	border: 1px solid #333;
}
#content-communities{
	width: 630px;
	float: right;
}
#menu-communities{
	height: 35px;
	background: url(img/community-menu.jpg) repeat-x left bottom #2E2E2E;
	margin-bottom: 15px;
}
#menu-communities a{
	display: block;
	height: 40px;
	float: left;
	padding: 0 15px;
	font: normal normal 15px/36px "mpbci", Arial, Helvetica, sans-serif;
	color: #777;
}
#menu-communities a:hover{
	color: #FFF;
}

.module{
	background: #181818;
	padding: 15px;
	display: block;
}
.listing{
	display: block;
	border: 1px solid #262626;
	padding: 15px;
	color: #DDD;
	background: #121212;
	margin: 0 0 5px;
}
a.listing:hover{
	background: #262626;
	color: #FFF;
}
.attachment-listing{
	float: left;
	margin-right: 15px;
}
.listing-title{
	display: block;
}
.listing-info{
	display: block;
	float: left;
	width: 210px;
	font-weight: normal;
}
.listing-cell{
	padding: 2px 10px;
	width: 195px;
	float: left;
	display: block;
	margin-right: 5px;
	font-size: 13px
}
.listing table{
	width: 100%;
	font-size: 16px;
}
.listing table tr{
	margin-bottom: 10px;
}
.listing h3{
	margin-bottom: 10px;
}
#content-communities h2{
	color: #000;	
	margin: 30px 0 10px;
	font: normal normal 20px "mpbci", Arial, Helvetica, sans-serif;
	background: url(img/bullet_white.png) no-repeat 5px center #9B0006;
	padding: 0 20px;
}
.community-list{
	padding: 15px 0;
	color: #C7C7C7;
	display: block;
	border-bottom: 1px solid #333;
	font-weight: normal;
}
a.community-list:hover{
	background-color: #161616;
	color: #FFF;
}
.community-list h4{
	font: normal normal 30px "mpbci", Arial, Helvetica, sans-serif;
	color: #b50000;
}
.community-list p{
	margin: 0;
}
.communities-text{
	float: right;
	width: 630px;
}
.communities-homes{
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.highlight{
	font-weight: bold;
	color: #b50000;	
}

#footer{
	height: 254px;
	background: #000 url(img/footer.jpg) center center;
	margin-top: 15px;
}

.yt4wp-video-description-container{
     display:none;
}