/*
Theme Name: The Reserve
Description: Theme created for The Reserve Shopping Center.
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #f5f1d4;
}

a img {
        border: none;
}

#main {
	margin: 0 auto;
	width: 824px;
}

#top-nav {
	width: 824px;
	height: 30px;
	background: url(images/main-bg.png) repeat-y;
}

	#top-nav ul {
		margin: 0 auto;
		width: 784px;
		list-style-type: none;
		margin: 0 auto;
	}

	#top-nav li {
		float: left;
	}
	
	#top-nav a, #top-nav a .btn {
		width: 112px;
		height: 31px;
		font: bold 10pt "century gothic", futura, sans-serif;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		line-height: 30px;
	}
	
	#top-nav a {
		background: url(images/top-nav-hov.png) no-repeat top left;
		display: block;
		color: #630;
		position: relative;
	}
	
	#top-nav a.active {
		cursor: default;
	}
	
	#top-nav .btn {
		background: url(images/top-nav.png) no-repeat top left;
		color: #060;
	}

#header {
	width: 824px;
	height: 116px;
	background: url(images/main-bg.png) repeat-y;
}

	#header h1 {
		margin: 0 auto;
		width: 784px;
		height: 116px;
		background: url(images/header.png) no-repeat;
	}
	
	#header h1 span {
		display: none;
	}

#tag {
	margin: 0 auto;
	width: 824px;
	height: 90px;
	background: url(images/main-bg.png) repeat-y;
}

	#tag h1 {
		margin: 0 auto;
		width: 784px;
		height: 90px;
		background: url(images/tag.png) no-repeat;
	}
	
	#tag h1 span {
		display: none;
	}

#content {
	width: 824px;
	background: url(images/main-bg.png) repeat-y;
}

#main-img {
	margin: 0 auto;
	width: 784px;
	height: 202px;
	background: url(images/main-img.png) no-repeat;
}

#side-nav { 
	float: left;
	width: 210px;
	height: 331px;
	margin: 20px 0 20px 40px;
	background: url(images/sep.png) no-repeat right;
}
		/* IE6 */
		* html #side-nav {
			margin: 10px 0 0 20px;	
		}

	#side-nav ul {
		width: 184px;
		list-style: none;
	}

	#side-nav li {
		border-bottom: dotted 1px #777;
	}

	#side-nav a {
		width: 184px;
		display: block;
		margin: 0;
		padding: 10px 5px 10px 0;
		text-decoration: none;
		font: bold 10pt "century gothic", futura, sans-serif;
		color: #060;
	}
		/* IE6 */
		* html #side-nav a {
			width: 100px;
		}

#separator {
	float: left;
	margin: 0 20px 0 0;
}

.right-content {
      	float: left; 
	margin: 0;	
	width: 512px;
}  

.post {
	float: left; 
	margin: 0 0 20px 0;	
	width: 512px;
        padding-left: 20px;
}

        .post h2 {
                display: none;
        }

        .post h3 {
                font: bold 13pt "century gothic", futura, sans-serif;
                color: #060;
                text-transform: uppercase;
                margin: 0 0 10px 0;
         }

        .post h3 a {
                font: bold 13pt "century gothic", futura, sans-serif;
                color: #060;
                text-transform: uppercase;
         }
         
         .post h4 {
                font: 13pt/17pt "lucida grande", "lucida sans", sans-serif;
                margin-bottom: 7px;
         }

         .post a {
                color: #060;
                text-decoration: none;
         }

         .post a:hover {
                color: #390;
                text-decoration: underline;
         }

a.more-link {
         clear: both;
         margin: 10px 0;
         font-weight: bold;
}

a.more-link:hover {
         text-decoration: none !important;
}

.postmetadata {
         clear: both;
         font: 8pt/13pt "lucida grande", "lucida sans", sans-serif;
         margin-bottom: 20px;
}

.entry {
	width: 510px;
	font: 9pt/13pt "lucida grande", "lucida sans", sans-serif;
	color: #000;
}

	.entry a {
		color: #060;
		text-decoration: none;
	}

	.entry a:hover {
		color: #390;
		text-decoration: underline;
	}

	.entry p {
		margin-bottom: 15px;
	}
      
        .entry img.alignleft {
                float: left;
                margin-right: 15px;
        }

        .entry img.alignright {
                float: right;
                margin-left: 15px;
        }

        .entry img.alignnone {
                margin-bottom: 15px;
        }

        .entry img.aligncenter {
                margin-bottom: 15px;
        }

p.edit a {
        float: right;
        font: 9pt/13pt "lucida grande", "lucida sans", sans-serif;
		color: #060;
		text-decoration: none;
}

p.edit a:hover {
	color: #390;
	text-decoration: underline;
}

.breadcrumb {
	float: left;
	width: 500px;
	margin: 10px 0 20px 20px;
	padding: 0;
	font: bold 10pt "century gothic", futura, sans-serif;
	color: #060;
	cursor: default;
}

	.breadcrumb a {
		color: #060;
		text-decoration: none;
		cursor: pointer;
	}

	.breadcrumb a:hover {
		color: #390;
		text-decoration: underline;
	}

        .entry div.breadcrumb {
	        margin: 10px 0 20px 0;
}
	
table#groups {
	clear: left;
}

	table#groups td {
		padding: 0 0 12px 0;
		vertical-align: top;
		font: 9pt/13pt "lucida grande", "lucida sans", sans-serif;
		color: #000;
	}
	
	table#groups td img {
		padding-top: 4px;
	}

	table#groups td span {
		font: bold 10pt "century gothic", futura, sans-serif;
		color: #060;
	}
	
	table#groups td p {
		margin-bottom: 12px;
	}

table.site-plans {
	clear: left;
	background: #fff;
	margin-left: 0;
}

	table.site-plans td {
		padding: 0 10px 10px 0 ;
		vertical-align: top;
		font: 7pt/11pt "lucida grande", "lucida sans", sans-serif;
		color: #777;
	}
	
	table.site-plans td a.sb img {
		border: double 3px #060;
	}
	
	table.site-plans td a.sb:hover img {
		border: double 3px #e09a1a;
	}

	table.site-plans td span {
		font: bold 10pt "century gothic", futura, sans-serif;
		color: #060;
	}
	
	table.site-plans td a {
		color: #060;
		font-weight: bold;
		text-decoration: none;
	}
	
	table.site-plans td a:hover {
		color: #e09a1a;
                text-decoration: none;
	}
	
	table.site-plans td hr {
		color: #000;
	}

h2.notfound {
        color: #c90; 
        font: bold 30px 'century gothic', futura, sans-serif; 
        text-align: center; 
        text-transform: uppercase; 
        margin-top: 50px;
}

#footer-container {
	width: 824px;
	height: 113px;
	background: url(images/footer-bg.png) no-repeat;
}

#footer {
	margin: 0 auto;
	width: 784px;
	height: 93px;
	font: 10pt/22pt "lucida grande", "lucida sans", sans-serif;
	color: #fff;
	text-align: center;
	cursor: default;
	background: url(images/footer.png) no-repeat;
}

#footer p:first-child {
	padding-top: 20px;
}

#footer span {
        font-weight: bold;
	font-size: 19pt;
}