/*
Theme Name: Shop Spring Lake
Description: A WordPress theme for Shop Spring Lake.
Version: 1.0
Author: Jonathan Kovis
Author URI: http://jkovis.com/

	Shop Spring Lake v1.0

	This theme was built by Jonathan Kovis (http://jkovis.com), though the underlying xhtml and css was created by the person who originally coded shopspringlake.com.

	The theme is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* @override http://l/shopspringlake.com/style.css */

* {
	margin: 0;
	padding: 0;
}

/* @group Tags */

body {
	background: #fff;
	color: #003;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 76%;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
	font-style: oblique;
}

ol, ul {
	margin-left: 1em;
}

li {
	
}

p {
	font-size: 1em;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 0.5em;
}

a, a:link {
	text-decoration: none;
	color: #82bcc0;
	font-weight: bold;
}

a:visited {
	
}

a:hover {
	text-decoration: underline;
}

a:active {
	
}

a img {
	border-width: 0;
}
img.alignleft {
	float: left;
}
img.alignright {
	float: right;
}
img.aligncenter {
	margin: 0px auto;
}
/* @end */

/* @group Layout */

#container {
	position: relative;
	width: 792px;
	margin: 0 auto;
	
	text-align: left;
	
	border: 1px solid #767575;
	border-top-width: 0;
}

body.home #container {
	background-image: url(images/homebg.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#header {
	position: relative;
	top: 0;
	left: 0;
	height: 253px;
	width: 792px;
	/*background: url(images/headerbg.jpg) no-repeat left top;*/
}

#header h1 {
	/*padding: 10px 0 0 17px;*/
	position: absolute;
	top: 8px;
	left: 17px;
	z-index: 1000;
}

.ads img {
	margin-bottom: 20px;
}

#middle {
	position: relative;
	top: 0;
	left: 0;
	width: 792px;
}

#mid_top {
	position: relative;
	top: 0;
	left: 0;
	width: 792px;
	height: 660px;
}

#map_instructions {
	position: absolute;
	top: 0px;
	right: 17px;
	height: 16px;
	width: 326px;
	z-index: 100;
	text-align: center;
	font-size: 0.9em;
}

#map {
	position: relative;
	top: 20px;
	left: 17px;
	width: 420px;
	height: 420px;
	background: #ccc;
	border: 1px solid #767575;
}

#profile {
	position: absolute;
	top: 20px;
	right: 17px;
	height: 649px;
	width: 326px;
	background: url(images/profile_text_bg.gif) no-repeat left top;
}

#mid_top_ad {
	padding-top: 28px;
	margin-left: 17px;
}

#mid_bottom {
	position: relative;	
	top: 0;
	margin-top: 30px;
	left: 0;
	width: 752px;
	padding: 0 17px;
}

body.home #article {
	position: relative;
	top: 0;
	left: 162px;
	width: 440px;
	color: white;
	padding-bottom: 20px;
}

#sidebar_left {
	position: absolute;
	top: 30px;
	left: 17px;
	width: 150px;
	
	overflow: visible;
}

#sidebar_right {
	position: absolute;
	top: 30px;
	right: 5px;
	width: 150px;
	overflow: visible;
}
#sidebar_blog {
	float: right;
	width: 150px;
	overflow: visible;
	text-align: right;
	margin-top: 15px;
}
body.home #sidebar_left,
body.home #sidebar_right {
	top: 0;
}

#footer {
	border-bottom: 4px solid #009acb;
	background-color: #82bcc2;
	color: #556b71;
	/*height: 24px;*/
}

#copyright {
	background: white;
	color: #515b61;
	padding: 6px 0;
	text-align: center;
	font-size: 0.8em;
}

/* @end */

/* @group Navigation */

.nav {
	font-size: 0.9em;
	list-style: none;
	text-transform: uppercase;
	margin-left: 0;
	padding-left: 0;
}

.nav li {
	display: block;
	float: left;
	text-align: center;
}

.nav li a {
	display: block;
	padding: 6px 10px;
	color: #515b61;
	text-decoration: none;
	font-weight: normal;
}

.nav li a:hover,
.nav li a.active {
	color: #009dc9;
}

.nav li.first a {
	padding: 6px 10px;
}

#navigation {
	position: absolute;
	top: 223px;
	right: 0;
	width: 500px;
	border: 1px dotted black;
	border-width: 1px 0;
	/*height: 26px;*/
	text-align: left;
}
#navigation ul li a {
	/*width: 50px;*/
}
#navigation ul li#nav_community a {
	/*width: 80px;*/
}
#navigation ul li#nav_contact a {
	/*width: 70px;*/
}

#footer .nav li {
	width: 20%;
	text-align: center;
}

#footer .nav li a {
	padding: 6px 0;
	font-size: 0.83em;
}

#footer .nav li a:hover {
	color: #333;
}

/* @end */

/* @group Article */

#article h2 {
	font-weight: bold;
	font-size: 1.2em;
}
#article h3 {
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	font-size: 1em;
}

#article h4,
.article h4 {
	font-weight: normal;
	font-size: 0.8em;
	color: #81bcc0;
	margin-bottom: 0.5em;
}

#article #zipcode_stamp {
	float: right;
	width: 120px;
	/*margin-right: -12px;*/
}

button.action {
	background: #475258;
	color: #b2cdd6;
	padding: 5px;
	border-width: 2px;
	/*border-color: #585E64 #475258 #475258 #585E64;*/
	
	margin: 1em 0;
	border-top-color: #5c6a72;
	border-left-color: #5c6a72;
	border-right-color: #7d909b;
	border-bottom-color: #7d909b;
	
	font-size: 0.9em;
	
	visibility: hidden;
	margin: 0.0em 0;
}

#article a {
}

/* @end */

/* @group Profile */

#profile h2 {
	height: 86px;
	padding-top: 6px;
	text-align: center;
}

#profile h3 {
	text-align: center;
	margin: 10px 0;
}

#profile_switcher {
	text-align: center;
	margin-top: 0.5em;
	color: #999;
}

#profile_text {
	padding: 0 10px;
	width: 305px;
	overflow: auto;
	height: 410px;
}

#profile_text table {
	width: 285px;
	font-size: 0.92em;
}


#profile_text table th,
#profile_text table td {
	vertical-align: top;
	padding-bottom: 6px;
	line-height: 1.4;
}

#profile_text table th {
	padding-right: 10px;
	color: #80bbc1;
	text-transform: uppercase;
}

#profile_text table td {
	color: #777;
}

#profile #view_full {
	position: absolute;
	bottom: 1px;
	right: 20px;
}

/* @end */

/* @group Pages */

#middle_inner {
	position: relative;	
	margin-top: 10px;
	left: 0;
	width: 762px;
	padding: 0 10px 0 17px;
}

#middle_content {
	position: relative;
	padding-top: 20px;
	left: 210px;
	width: 370px;
	color: #767b78;
	padding-bottom: 20px;
	min-height: 830px;
}

/* for Internet Explorer */
/*\*/
* html #middle_content {
height: 830px;
}
/**/


#middle_content a {
	color: #82bcc0;
	font-weight: bold;
}
#category_selector {
	position: absolute;
	top: -32px;
}
#category_selector select {
	width: 147px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
	color: #666;
	border: 1px solid #666;

}
#category_selector select option {
	text-transform: uppercase;
}
#middle_content h2 {
	margin-bottom: 2em;
}
#middle_content h2.article_title {
	margin-bottom: 0.3em;
}
#middle_content h2.general {
	background: url(images/headers/HeaderBG.gif) no-repeat left top;
	width: 362px;
	height: 56px
}
#middle_content h2.general span {
	display: block;
	color: white;
	padding: 4px 20px 0 0;
	text-align: right;
	width: 200px;
	margin-left: auto;
	margin-right: 0;
	text-transform: uppercase;
}
#middle_content #article.content h3 {
	color: #999;
}

#middle_inner h3.type2 {
	color: #108BBC;
	margin-bottom: 0.3em;
	font-style: normal;
}


#middle_content h4 {
	margin-bottom: 0.5em;
}

.article h3 {
	font-style: normal;
}

.ads img {
	/*border: 1px solid #767575;*/
}

.signature {
	margin-top: 1em;
}

/* @end */

/* @group Guide */

.business {
	margin-bottom: 1em;
	margin-top: 1em;
}

.business .description {
	color: #49aacc;
}

.business table th {
	font-weight: normal;
	padding-right: 1em;
}

.business h3 {
	font-style: normal;
	font-size: 1em;
}

.business a {
	color: #49aacc;
	text-decoration: underline;
}

.business a:hover {
	text-decoration: none;	
}

h5 {
	color: #108BBC;
	margin: 0.8em 0;
	font-size: 0.9em;
}

#suggestions_form div {
	margin-bottom: 1em;
}

/* @end */

/* @group Enhanced Profile */

#enhanced_profile_left {
	float: left;
	width: 414px;
	color: #767b78;
}

#enhanced_profile_left h2 {
	margin: 1em;
	text-align: center;
}
#enhanced_profile_left h3 {
	font-style: normal;
	margin-bottom: 0.2em;
	font-size: 1.1em;
}
#enhanced_profile_left h4 {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0.2em;
	font-size: 1em;
}
#enhanced_profile_left h5 {
	font-weight: normal;
	font-size: 0.8em;
	color: #81bcc0;
}
.fakeImage {
	width: 130px;
	height: 180px;
	float: left;
	margin-right: 10px;
	background: #ddd;
}

#profile_gallery {	
	margin-bottom: 0.5em;
}

#profile_gallery .posted {
	display: block;
	width: 300px;
	height: 3em;
	overflow: visible;
	font-size: 0.75em;
	text-align: left;
	float: left;
}

#profile_gallery_navigation {
	text-align: right;
	width: 100px;
	/*float: right;*/
	position: absolute;
	top: 320px;
	right: 360px;
	z-index: 100;
}

#profile_coupons {
	padding: 1em 0;	
}

#profile_news,
#profile_reviews {
	border-top: 1px dotted #666;
	padding: 1em 0;
}

#profile_reviews {
	border-bottom: 1px dotted #666;
	margin-bottom: 1em;
}

#back_to_guide {
	position: absolute;
	right: 10px;
	top: -10px;
	font-size: 0.9em;
	text-align: right;
}

#back_to_guide a,
#enhanced_profile_left a {
	color: #aacad2;
}

#profile_enhanced {
	float: left;
	width: 326px;
	height: 721px;
	margin-left: 20px;
	margin-top: 1em;
	background: url(images/profile_enhanced_bg.gif) no-repeat left top;
}

#profile_enhanced h2 {
	height: 86px;
	padding-top: 6px;
	text-align: center;
}

#profile_enhanced h3 {
	text-align: center;
	margin: 10px 0;
}

.clearing {
	clear: left;
}
.clear {
	clear: both;
}

/* @end */

/* @group Temporary Styles */

#footer .nav {
	/*display: none;*/
}

#category_selector {
	display: none;
}


#footer {
padding: 4px 0;
}

#form_ccoptin {
text-align: center;
color: white;
}

#form_ccoptin input {
	vertical-align: middle;
}

#form_ccoptin .text {
	font-size: 0.9em;
}

#form_ccoptin #cc_ea_submit {
	font-size: 0.8em;
}

/* @end */

/* @group Join */

#middle_content.join h3 {
	color: #009dc9;
	font-style: normal;
	margin-bottom: 0.5em;
}

#middle_content.join h4 {
	margin: 1em 0;
	font-weight: normal;
	color: #333;
}


#middle_content.join ul {
	margin-bottom: 0.5em;
}

#middle_content.join ul li {
	margin-bottom: 0.3em;
	line-height: 1.4;
}

#middle_content.join ul strong {
	color: #009dc9;
}
#middle_content p.contact_info img {
	vertical-align: middle;
	margin-right: 6px;
}

/* @end */

/* @group Contact */

body.contact #middle_content h3 {
	font-size: 1em;
	margin-bottom: 0.3em;
}

body.contact h4 {
	color: #049fcf;
	margin-bottom: 1em;
}

#submission_form th,
#submission_form td {
	padding-bottom: 0.5em;
	vertical-align: top;
}

#submission_form th {
	font-weight: normal;
}

#fld_contact_no {
	margin-left: 1em;
}

/* @end */

/* @group Ads */

#bottom_featured {
	/*height: 250px;*/
}

/* @end */

/* @group Forms */

form input.text {
	border: 1px solid #666;
	padding: 0.25em;
	font-size: 0.95em;
	font-family: verdana, arial, sans-serif;
}

form textarea {
	border: 1px solid #666;
	padding: 0.25em;
}

form textarea,
form select {
	font-size: 0.95em;
	font-family: verdana, arial, sans-serif;
}

form input[type=radio] {
	vertical-align: middle;
}

.errors {
	background-color: #fee;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #600;
	color: #600;
}

.messages {
	background-color: #efe;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #060;
	color: #060;
}

/* @end */

/* @group About */
.article h3 {
	color: #009dc8;
	margin-bottom: 0.5em;
}

.article {
	margin-bottom: 1.5em;
}
#blog-container {
	float: left;
	width: 600px;
}
.blog-post {
	width: 600px;
}
.blog-post h2 {
	font-weight: bold;
	font-size: 1.2em;
}
.blog-post h3 {
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	font-size: 1em;
}

.blog-post h4 {
	font-weight: normal;
	font-size: 0.8em;
	color: #81bcc0;
	margin-bottom: 0.5em;
}
.single-blog {
	width: 600px;
	margin-bottom: 1em;
	border-top: 1px dotted #666;
	padding: 1em 0pt;
}
#blog-single {
	color: #767b78;
}
#blog-single h2 {

}
#blog-single h3 {
	font-style: normal;
	margin-bottom: 0.2em;
	font-size: 1.1em;
}
#blog-single h4 {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0.2em;
	font-size: 1em;
}
#blog-single h5 {
	font-weight: normal;
	font-size: 0.8em;
	color: #81bcc0;
}

.about_img {
    float: left;
    width: 108px;
    margin-right: 10px;
    border: 1px solid #777;
}

h3 span {
    color: #767b78;
}
.commentlist {
	list-style: none;
}
img.avatar {
	float: left;
	margin-right: 5px;
}