/*
Theme Name: WDDDA
Theme URI: http://dearbornwestonline.com/
Description: dearbornwestonline.com
Version: 1.0
Author: Essential IT
Author URI: http://essentialit.com/
Tags: 

/*
/* Clear
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,img {
	margin:0;
	border:none;
	padding:0;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

li {
	display:list-item;
	list-style-type:none;
	list-style-position:outside;
}

a img { border:none; }


/* General
----------------------------------------------- */
body {
	position:relative;
	background-color:#47545C;
	color:#000;
	font-family:arial,verdana,"sans serif";
	font-size:62.5%; /* scaled default font size; 1em = 10px */
	line-height:24px;
	text-align:center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	line-height:1.2em;
}


h2 {
	font-size:2.91em;
	font-family:ACaslonPro,Georgia,Arial,Verdana,"sans serif";
	color:#859d6a;
	background:transparent url('images/red-dot.gif') repeat-x bottom left;
	font-weight:normal;
	padding:0 0 4px 30px;
	margin-bottom:16px;
	display:block;
	height:38px; /* Needed, otherwise IE6 hides dotted line.
					Cannot fix with position relative because 
					then the menu get covered up and becomes
					inaccessible */
}

h3 {
	margin:8px 0;
}

/* Content Links */
#content a {
	color:#003399;
}


#content a:hover,
#content a:visited,
#content a:focus,
#content a:active {
	color:#000066;
}

blockquote {
	position:relative;
	background:#d4ddcb url('images/blockquote-bottom.gif') no-repeat left bottom;
	font-size:1.818em;
	font-family:"Bookman Old Style","Times New Roman",Georgia,Arial,Verdana,"sans serif";
	margin-bottom:12px;
	padding:20px;
}
html>body blockquote span {
	left:0;
}

blockquote span {
	position:absolute;
	background:transparent url('images/blockquote-top.gif') no-repeat top left;
	width:341px;
	height:10px;
	top:0;
	left:-20px;
}

/* Website Structure
----------------------------------------------- */
#page, #footer {
	margin:0 auto;
	width:779px;
	min-width:779px;
}

#page {
	position:relative;
	margin-top:7px;
	padding-top:36px;
	background:#859d6a url('images/header-bg.gif') no-repeat top left;
	text-align:left;
}

#header {
	position:relative;
	height:28px;
}

h1,
h1 span {
	margin:0 auto;
	width:557px;
	height:21px;
}

h1 {
	position:relative;
	font-size:1.8em;
	padding-left:66px;
}

h1 a {
	color:#fff;
	text-decoration:none;
	padding:0;
}

h1 span {
	cursor:hand;
	position:absolute;
	background:url('images/west-dearborn-downtown-development-authority.gif') no-repeat top left;
}

#nav {
	height:30px;
	padding:9px 0 0 54px;
	text-align:center;
}

/* Opera goes bannanas, showing horizontal scrollbar when nav is hovered
I chose #page instead of #nav because Safari would hide the drop menu */
@media screen and (min-width: 0) {

	#page  {
		overflow:hidden;		
	}
}


#nav ul li {
	position:relative;
	display:inline;
	margin:0 11px;

}

/* Top nav links */
#nav ul li a {
	font-size:1.1em;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#nav ul li.drop a {
	padding-bottom:6px;
	background:transparent url('images/arrow.gif') no-repeat center 14px;
}
#nav ul li.drop ul li a {
	padding:0;
	background-image:none;
}

#nav li.first {
	margin-left:0;
}

#nav li.last {
	margin-right:0;
}


#nav ul li:hover ul,
#nav ul li.sfhover ul {
    display:block;
}

#nav ul ul {
	display:none;
    position:absolute; 

    width:186px; 
	top:10px;
	left:-45px;
	padding-top:8px;
	border-bottom:#616461 1px solid;
}
 
html>body #nav ul ul {
    width:auto;
}

#nav ul ul li {
	height:auto;
	text-align:left;
	width:178px;
	float:left;

	border-top:#616461 1px solid;
	border-left:#616461 1px solid;
	border-right:#616461 1px solid;
	line-height:1.3em;
	background:#daebd3;
	padding:3px 0 4px 8px;
	margin:0;
}

#nav ul ul li:hover,
#nav ul ul li.sfhover {
	background:#F7F8F2;
}

#nav ul ul li a {
	display:block;
	width:178px;

	color:#000;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-align:left;
	text-transform:none;
	font-weight:normal;
}



#home #content-header {
	background:#fff url('images/come-and-play-bg.jpg') no-repeat top left;
	height:149px;
}

#content-header {
	margin:0 10px 0 8px;
	background:#fff url('images/content-header-bg.gif') no-repeat top left;
	height:39px;
}

#fsmap {
	float:right;padding-right:2em;
}

#fsmap a{font-size:.95em; text-transform:uppercase;}

#content {
	background:#fff;
	margin:0 10px 0 8px;
	padding:12px 11px 28px 11px;
	font-size:1.1em;
	text-align:left;
}

#content p,
#content ul {
	padding:0;
	line-height:1.4em;
	margin-left:1px;
	margin-bottom:12px;
}

#content ul { list-style-type:disc; }

.column {
	float:left;
}

.half {
	width:321px;
	padding:0 32px 0 16px;
}

.side {
	width:228px;
	padding-left:5px;
	padding-right:12px;
}

.wide {
	padding-left:12px;
	width:470px;
}

.hr {
	line-height:0;
	height:1px;
	background:transparent url('images/dark-dot.gif') repeat-x top left;
	margin:13px 0 7px 0;
}		

.right {
	float:right;
	margin:0 0 15px 15px;
}

.block {
	margin:0 30px;
}

#footer {
	clear:both;
	text-align:center;
	color:#fff;
	background:#859d6a url('images/footer-bg.gif') no-repeat top left;
	font-size:1.1em;
	height:74px;
}

#footer p { padding-top:6px; }


/* Effects
----------------------------------------------- */

.clear { clear:both; }

.row {
display:block;
width:100%;
clear:both;
 }


/*Business Directory Stylng */


.busD {border-bottom:#000000 1px solid; width:100%;clear:both;height:auto;}
p.tags { padding-bottom:1.25em;}
p.tags a { text-decoration:none; }
.busD a { text-decoration:none; }
.green {height:20px; background:#859d6a; color:#000000; width:100%; border:none;clear:both;}
.green p {margin-top:2px;}
.third {width:246px;height:auto;}
.thirds {width:240px;height:auto;padding-top:5px;}
.businessLogo{}

/*Coupon*/
.coupon {
	position:relative;
	float:left;
		width:340px;
		height:410px;
		background:url('images/coupon-bk.gif') no-repeat top left;
		text-align:center;
		cursor:pointer;
}
/*.Concdes{ position:relative;height:390px;width:340px;}*/

.cdes {padding:0 1.5em 0 2em; overflow:hidden;height:180px; width:290px}


.clogo {padding:2.75em 0 1em 0;text-align:center;height:100px;}
.clogo img{text-align:center;}
.coupon p {font-size:1.25em;}
.cbottom {position:absolute; bottom:25px; left:0;width:340px;}
.cexp {float:right;margin-right:2.5em; width:125px;}
.ccode {float:left;margin-left:2.5em; width:125px;}
.cexp p, .ccode p {font-size:1.25em; border:#999 1px solid; padding:0; margin:0;}
.cexp p + p , .ccode p + p{font-size:.9em;border:none; margin-top:-5px;}