/*
Theme Name: Wawa Spink Theme
Theme URI: http://wawaseespink.com
Description: Custom Theme By Teddy Pieper for Wawasee Spink, Lake Wawasee Indiana.
Version: 1.0
Author: Teddy Pieper
Author URI: http://tedisgraphic.com/
*/

/*---------- Structure and Misc ----------*/

* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #ffffff url('images/BG_repeat.jpg') repeat-x;
	color: #333;
	text-align: center;
}

#wrapper {
	width: 822px;
	margin: 0 auto;
}

#hiddenContent {
	display: none;
}

.empty {
	clear: both;
}

a {
	text-decoration: none;
	color: #428cde;
}

a:hover {
	text-decoration: underline;
}

/*---------- Navigation ---------*/

#nav { 
	text-align: right;
	height: 102px;
}

#nav ul {
	list-style: none;
}

#nav li {
	display: inline;
}

#nav a {
	display: block;
}

#nav span {
	display: none;
}

#home a {
	float: left;
	width: 67px;
	height: 102px;
	background: url('images/home.jpg') no-repeat;
}

#home a:hover {
	background-position: 0% -102px;
}

#about a {
	float: left;
	width: 89px;
	height: 102px;
	background: url('images/about.jpg') no-repeat;
}

#about a:hover {
	background-position: 0% -102px;
}

#faq a {
	float: left;
	width: 57px;
	height: 102px;
	background: url('images/faq.jpg') no-repeat;
}

#faq a:hover {
	background-position: 0% -102px;
}

#documents a {
	float: left;
	width: 109px;
	height: 102px;
	background: url('images/documents.jpg') no-repeat;
}

#documents a:hover {
	background-position: 0% -102px;
}

#forms a {
	float: left;
	width: 60px;
	height: 102px;
	background: url('images/forms.jpg') no-repeat;
}

#forms a:hover {
	background-position: 0% -102px;
}

#photos a {
	float: left;
	width: 69px;
	height: 102px;
	background: url('images/photos.jpg') no-repeat;
}

#photos a:hover {
	background-position: 0% -102px;
}

#bod_residents a {
	float: left;
	width: 141px;
	height: 102px;
	background: url('images/bod.jpg') no-repeat;
}

#bod_residents a:hover {
	background-position: 0% -102px;
}

#mins a {
	float: left;
	width: 77px;
	height: 102px;
	background: url('images/mins.jpg') no-repeat;
}

#mins a:hover {
	background-position: 0% -102px;
}

#vendors a {
	float: left;
	width: 153px;
	height: 102px;
	background: url('images/vendors.jpg') no-repeat;
}

#vendors a:hover {
	background-position: 0% -102px;
}


/*---------- Main Image ----------*/

#mainimg img {
	border: none;
	padding: 0;
	margin: 0;
}

#mainimg a {
	text-decoration: none;
}

/*---------- Content ----------*/

#content {
	text-align: left;
	padding: 0 20px;
}

#content h2 {
	font-size: 22px;
	padding: 10px 0 0 0;
}

#content h3 {
	font-size: 18px;
	padding: 10px 0;
	color: #428cde;
}

#content strong {
	color: #428cde;
}

#content p {
	line-height: 22px;
	font-size: 14px;
}

.narrowcolumn {
	width: 540px;
	padding-right: 20px;
	float: left;
}

.entry p {
	padding: 10px 0;
}

.entry ul {
	list-style-image: url('images/list_bullet.jpg');
	list-style-position: inside;
	font-size: 14px;
	margin: 0 0 10px 20px;
}

.postmetadata {
	border-bottom: 1px solid #333333;
	margin-bottom: 20px;
}

.splash {
	float: right;
	margin-right: 10px;
}

.splash h2 {
	margin-bottom: 20px;
}

.splash li {
	list-style-image: url('images/list_bullet.jpg');
	list-style-position: inside;
	font-size: 14px;
	font-weight: bold;
}

/*---------- About ----------*/

.entry_about p {
	padding: 20px 0;
}

.entry_about ul {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	margin-bottom: 10px;
}

.entry_about li {
	display: inline;
	border-right: 1px solid #333333;
	padding-right: 10px;
	margin-right: 10px;
}

.entry_about li#last {
	border: none;
}

.entry_about li a {
	font-size: 14px;
	font-weight: bold;
}

.about_images {
	margin: 0 auto;
}

.pet_image {
	float: right;
}

.security_image {
	float: left;
}

.pet_image img, .security_image img {
	border: none;
}

.pet_image img, .security_image img {
	background-color:#FFFFFF;
	border:1px solid #428cde;
	display:block;
	padding:4px;
	margin-left: 5px;
}

.security_image img {
	background-color:#FFFFFF;
	border:1px solid #428cde;
	display:block;
	padding:4px;
	margin: 0 10px 0 0;
}

.pet_image img:hover, .security_image img:hover {
	background-color: #428cde;
}

/*---------- Service Vendors -----------*/

table.service_vendors {
	margin: 0 auto;
	padding: 0;
	width: 782px;
	color: #000000;
	font-size: 12px;
}

.service_vendors td {
	padding: 0 5px;
}

.service_vendors p strong {
	color: #428cde;
	font-size: 16px;
	margin: 15px 0 5px 0;
	padding-top: 5px;	
}

.service_vendors div {
	text-align: right;
}

tr.odd {
	background-color: #e1e1e1;
}

/*---------- Images ----------*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/*---------- Sidebar -----------*/

#sidebar {
	float: right;
	text-align: left;
	width: 200px;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li ul li {
	list-style: url('images/list_bullet.jpg');
	list-style-position: inside;
	font-size: 14px;
}

/*---------- Comments ----------*/

.commentlist {
	list-style: none;
}

.avatar {
	display: none;
}

.comment-author {	
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
}

.comment-meta {
	padding-bottom: 10px;
}

#comment {
	width: 700px:
} 

/*---------- Footer ----------*/

#footer {
	margin: 20px;
	border-top: 1px solid #333333;
	padding: 10px 0;
	text-align: center;
}

#footer_nav {
	padding-bottom: 10px;
}

#footer_nav ul {
	list-style: none;
	padding-bottom: 10px;
	border-bottom: 3px solid #333333;
}

#footer_nav li {
	display: inline;
	border-right: 1px solid #333333;
	padding-right: 10px;
	margin-right: 10px;
}

#footer_nav li#last {
	border: none;
}

#footer_nav li a {
	font-size: 12px;
}