/*

Theme Name: Parksfo

Description: A custom theme for Parksfo

Version: 1.0

*/



/* =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, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	background: #fff;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

/* Block elements */

header, hgroup, footer, section, aside, features {

	display: block;

}

*+html .clearfix{min-height: 1%;}

/* float clearing for everyone else */

.clearfix:after{

  clear: both;

  content: ".";

  display: block;

  height: 0;

  visibility: hidden;

  font-size: 0;

}



/* =Structure

----------------------------------------------- */



#page {

	position: relative;

}

#headerwrapper, #mainwrapper, #footerwrapper, #hometopwrapper, #homebottomwrapper, #footerhomewrapper {

	clear: both;

	width: 100%;

	display: block;

	margin-left: auto;

	margin-right: auto;

	/*z-index: 99999;	*/

	position:relative;

}

.container {

	margin: 0 auto;

	width: 960px;

	overflow:hidden;

	text-align:left;

}

#content {

	background: #fff;

	width: 500px;

	margin: 0 50px 0 10px;

	float: left;

}

#content.nosidebar { width: 940px; }



#sidebar {

	overflow: hidden;

	width: 320px;

	padding: 40px 30px 40px 30px;

	margin: 0 10px 0 10px;

	float: right;

	z-index: 0;

	height:100%;

}

#contentsingle {

	background: #ffffff;

	width: 500px;

	margin: 0 50px 0 10px;

	float: left;

	min-height: 500px;

}

/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

	margin: 0 10px 0 10px;

}

/* Text meant only for screen readers */

.screen-reader-text,

.section-heading {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 8px;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 8px;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* =Global

----------------------------------------------- */



body {

	color: #333;

	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;

	line-height: 20px;

	font-weight: 300;

	font-weight: 300;

	line-height: 1.6;

	letter-spacing: 0.0125em;

}

input, textarea {

	color: #333;

	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	line-height: 1.6;

	letter-spacing: 0.0125em;

}



/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

	font-family: georgia, garamond, serif;

}

hr {

	background-color: #6c992a;

	border: 0;

	height: 1px;

	margin: 15px 0 15px 0;

}



/* Text elements */

p {

	margin: 0 0 10px 0;

	line-height: 24px;

	font-size: 16px;

}

ul, ol {

	margin: 0 0 5px 0;

	font-weight: normal;

}

ul {

	margin-bottom: 12px;

	list-style: disc;

}

ul li {

	list-style-position: inside;

	margin-bottom: 3px;

}

ol {

	list-style-type: decimal;

        font-size: 14px;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 1.5em;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

blockquote {

	border-left: 1px solid #ccc;

	margin: 0 0 0 1px;

	padding: 0 3em;

}

pre {



	background: #f4f4f4;

	font: 13px "Courier 10 Pitch",Courier,monospace;

	line-height: 1.5;

	margin-bottom: 1.5em;

	padding: 0.75em 1.5em;

}

code, kbd {

	font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 11px;

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



input[type=text],

textarea {

	border: 1px solid #ccc;

}

textarea {

	padding-left: 3px;

	width: 98%;

}

input[type=text] {

	padding: 3px;

}

#searchform #s {

	color: #fff;

	background: #fff url(images/search.png) no-repeat 5px 3px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	padding-left: 28px;	

	height: 21px;

}

#searchform #s:focus {

	color: #333;

}

#searchsubmit {

	display: none;

}



/* Links */

a {

	color: #006bb7;

	text-decoration: underline;

}

a:visited {

	color: #006bb7;

	text-decoration: underline;

}

a:focus,

a:active,

a:hover {

	color: #006bb7;

	text-decoration: none;

}



/* Text meant only for screen readers */

.screen-reader-text {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}





/* =Header

----------------------------------------------- */



#headerwrapper {

	height:145px;

	background-image:url('images/header.gif');

	background-repeat:repeat-x;

	background-position:center top;

	z-index:99;

}

#logo {

	width:290px;

	padding: 20px 0 20px 0;

	margin-left: 10px;

}

.parksfologo {

	display: block;

	width:290px;

	height: 200px;

	background: url('images/logo.png') bottom;

	text-indent: -99999px;

}

.parksfologo:hover {

	background-position: 0 0;

	background: url('images/logo-rollover.png') bottom;

}

.submenu {

	width: 630px;

	text-align: right;

	margin: 45px 10px 0 0;

}

.submenu div {

	color: #c31117;

	font-size: 14px;

	text-align: left;

}



#site-title a {

	color: #006bb7;

	font-size: 36px;

	font-weight: bold;

	position: relative;

	z-index: 9000;

}

#site-description {

	color: #006bb7;

	font-size: 12px;

}



/* =Menu

----------------------------------------------- */



#access {

	float: right;

	font-family: georgia, garamond, serif;

	text-transform: uppercase;

}

#access div {

	margin: 0 auto;

	width: 630px;

	margin: 30px 10px 0 0;

}

#access ul {

	list-style: none;

	margin: 0;

	float: right;

}

#access li {

	float: left;

	position: relative;

}

#access a {

	display: block;

	font-size: 15px;

	line-height: 18px;

	font-weight:500;

	text-decoration: none;

	text-align: right;

	color:#fff;

	border-bottom: 4px solid #006bb7;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	height: 18px;

	margin-left:8px;

}

#access ul ul {

	display: none;

	position: absolute;

	right: 0;

	float: left;

	width: 140px;

	z-index: 99999;

}

#access ul ul li {

	min-width: 140px;

	margin: 0;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background: #fff;

	color: #8bc254;

	border-radius: 0;

	margin: 0;

	font-size: 14px;

	padding: 5px 5px 5px 5px;

	height: auto;

}

#access ul ul li.current-menu-item > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-ancestor > a

 {

	color: #40ae49;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-parent > a

 {

	color: #8bc254;

	border-bottom: 4px solid #000;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	height: 18px;

}

#access ul li:hover > a,

#access ul ul :hover > a {

	color: #8bc254;

	border-bottom: 4px solid #fff;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	height: 18px;

}

#access ul ul li.current-menu-item > a:hover,

#access ul ul a:hover {

	background: #DDDDCB;

	color: #4C7117;

}

#access ul li:hover > ul {

	display: block;

}



/* Search Form */

#header #searchform {

	margin-left: -500px;

	position: absolute;

		top: 9.2em;

		left: 50%;

	width: 960px;

}

#header #s {

	border: none;

	float: right;

	-webkit-transition-duration: 400ms; 

	-webkit-transition-property: width, background; 

	-webkit-transition-timing-function: ease; 

	-moz-transition-duration: 400ms; 

	-moz-transition-property: width, background; 

	-moz-transition-timing-function: ease; 

	width: 190px;

}

#header #s:focus {

	background-color: #ffffff;

	width: 300px; 

}

#header #searchsubmit {

	display: none;

}



/* Secondary Menu */



#secondary-access div {

	margin: 0 auto;

	float: right;

	width: 400px;

	margin-top: 10px;

}

#secondary-access ul {

	list-style: none;

	margin-bottom: 10px;

	float: right;

}

#secondary-access li {

	float: left;

	display:inline;

	margin-left: 10px;

}

#secondary-access a {

	display: block;

	font-size: 14px;

	line-height: 16px;

	text-decoration: none;

	text-transform: uppercase;

}

#secondary-access ul ul {

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	display: none;

	position: absolute;

	top: 43px;

	left: 0;

	float: left;

	width: 240px;

	z-index: 99999;

}

#secondary-access ul ul li {

	min-width: 180px;

}

#secondary-access ul ul ul {

	left: 100%;

	top: 0;

}

#secondary-access ul ul a {

	background: #b41200;

	border-radius: 0;

	line-height: 38px;

	margin: 0;

	padding: 3px 40px;

	width: 160px;

	height: auto;

}

#secondary-access ul li.current_page_item > a,

#secondary-access ul li.current-menu-ancestor > a,

#secondary-access ul li.current-menu-item > a,

#secondary-access ul li.current-menu-parent > a {

	color: #fff;

}

#secondary-access ul li:hover > a,

#secondary-access ul ul :hover > a {

	color: #006bb7;

}

#secondary-access ul ul a:hover {

	text-decoration:underline;

}

#secondary-access ul li:hover > ul {

	text-decoration:underline;

}





/* =Front

----------------------------------------------- */



#hometopwrapper {

	background: #e5e5e5;

	height: 350px;

	margin: 0;

}

#homebottomwrapper {

	background: #fff;

	padding: 20px 0 20px 0;	

}

#hometopcontent {

	width: 940px;

	height: 350px;

	margin: 0 10px 0px 10px;

	float: left;

}

#hometopcontent img {

	margin: 0;

}

.wp-post-image {

	margin: 0px;

	float: right;

}





/* =Content

----------------------------------------------- */



#mainwrapper {

	margin: 10px 0px 0px 0px;

	padding: 0px;

	position:relative;

	/*z-index:99998;*/

	background-image:url('images/body.gif');

	background-repeat:repeat-y;

	background-position:center top;

}

#pagetopcontent {

	width: 940px;

	height: 275px;

	margin: 0 10px 0 10px;

	float: left;

	overflow: hidden;

}

#pagetopcontent img {

	margin: 0;

}

.page-header {

	margin: 0;

}

.page-title {

	color: #4c7117;

	margin: 0 0 10px 0;

	clear: none;

	font-size: 40px;

	line-height: 40px;

	text-transform:lowercase;

	font-weight:100;

}

.hentry {

	margin: 0 0 30px;

}

.single .hentry {

	margin: 0 0 1.5em;

}

.entry-title {

	color: #8bc254;

	font-size: 16px;

	line-height: 18px;	

}

.single .post .entry-title,

article.page .entry-title {

	color: #8bc254;

	font-size: 36px;

	line-height: 36px;

	margin-bottom: 10px;

}

article.page .entry-title {

	color: #000;

	font-size: 16px;

	font-weight: bold;

	display:none;

}

.entry-title a {

	text-decoration: none;

	color: #8bc254;

	font-weight:400;

}

.entry-title a:hover,

.entry-title a:focus {

	color: #006bb7;

}

.sticky .entry-header .entry-meta {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}

.entry-header {

  margin-bottom:0px;

}

.entry-meta {

	clear: both;

	color: #006bb7;

	font-size: 12px;

	margin-bottom: 0px;

	font-style: italic;

}

.entry-meta a {

	color: #333;

	text-decoration:underline;

}

.entry-meta a:hover,

.entry-meta a:focus {

	color: #333;

	text-decoration:none;

}

.entry-summary {

	overflow: hidden;

}

.entry-content {

	margin: 0px;

	overflow: hidden;

}

.entry-content h1,

.comment-content h1, h1 {

	font-family: georgia, garamond, serif;

	color: #40af49;

	margin: 0;

	clear: none;

	margin-top: 20px;

	font-size: 36px;

	line-height: 36px;

	text-transform:uppercase;

	font-weight:300;

}

.entry-content h2,

.comment-content h2, .reservations h2 {

	color: #006cb7;

	margin: 20px 0 15px 0;

	clear: none;

	font-size: 25px;

	line-height: 25px;

}

.entry-content h3,

.comment-content h3 {

	color: #40af49;

	font-weight:100;

	margin: 20px 0 10px 0;

	font-size: 18px;

	line-height:18px;

	text-transform:uppercase;

}

.entry-content h4,

.comment-content h4 {

	color: #000;

	font-weight: bold;

}

.entry-content h5,

.comment-content h5 {

	font-size: 12px;

}

.entry-content h5,

.comment-content h5 {

	color: #555;

	font-size: 12px;

}

.entry-content h6,

.comment-content h6 {

	color: #555;

	font-size: 11px;

}

.entry-content a,

.comment-content a {

	text-decoration: underline;	

}



.entry-content a:hover,

.comment-content a:hover {

	text-decoration: none;	

}



.entry-content ul li, .entry-content ol li {

	list-style-position: inside;

	margin-bottom: 3px;

	font-size: initial;

}



.entry-content ul li {

	padding-left: 22px;

	text-indent: -22px;

}

.entry-content ol li {

	padding-left: 20px;

	text-indent: -20px;

}



a.more-link {

	text-decoration: underline;

	font-size:11px;

}

a.more-link:hover {

	text-decoration: none;

	font-size:11px;

}

.page-link {

	background: #ddd;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	font-weight: bold;

	margin: 0 0 1.6em;

	padding: .8em 1.6em;

	word-spacing: 0.25em;

}

.page-link a {

	color: #666;

	text-decoration: none;

	font-weight: 300;

}

.page-link a:hover {

}



/* Aside Posts */

.blog .format-aside,



.archive .format-aside {

	border-left: 1px solid #ddd;

	padding-left: 1.5em;

}

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}



/* Image Posts */

.blog .format-image .entry-title,

.archive .format-image .entry-title {

	color: #333;

	font-size: 11px;

	font-weight: 300;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

.blog .format-image p img,

.blog .format-image .wp-caption,

.archive .format-image p img,

.archive .format-image .wp-caption {

    margin-bottom: 0;

}





/* =error404

----------------------------------------------- */



.error404 .post #searchform {

	background: #ddd;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);

	margin: 0 0 1.5em;

	padding: 40px;

	overflow: hidden;

}

.error404 .post #s {

	margin: 0 auto;

	width: 95%;

}

.error404 .widget {

	float: left;

	width: 33%;

}

.error404 .widget .widgettitle,

.error404 .widget ul {

	margin-right: 1em;

}

.error404 .widgettitle {

	color: #333;

	font-size: 11px;

	font-weight: 300;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

.error404 .widget_tag_cloud {

	clear: both;

	float: none;

	width: 100%;

}





/* =Attachments

----------------------------------------------- */





/* =Images

----------------------------------------------- */



img.size-auto,

img.size-large,

img.size-full,

img.size-medium,

img.size-thumbnail,

.attachment img {

	max-width: 100%;

	height: auto;

}

img.wp-smiley {

	margin: 0;

}

p img,

.wp-caption {

	margin-bottom: 8px;

	margin-top: 8px;

}

.wp-caption {

}

.wp-caption img {

}

.wp-caption .wp-caption-text {

}

img.socialimage {

	margin-left:5px;

	border-radius: 0px;

}







/* =Navigation

-------------------------------------------------------------- */



#primary nav {

	clear: both;

	overflow: hidden;

	margin: 0 0 1.6em;

}

#primary nav a {

	color: #fff;

	font-size: 12px;

	font-weight: bold;

}

#primary nav a:focus,

#primary nav a:active,

#primary nav a:hover {

	color: #d54e21;

}

#content #nav-above {

	margin: 0 0 1.6em;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/* =Widgets

----------------------------------------------- */



#secondary {

	padding: 0;

}

.widget, aside {

	margin: 0 0 1.6em;

}



.widget-title {

	color: #4c7117;

	margin: 0 0 2px 0;

	clear: none;

	font-size: 30px;

	line-height: 30px;

	font-weight:100;

}

.widget ul,

#sidebar ul {

	margin-left: 0em;

	list-style-type: none;

	line-height:14px;

}

.widget ul ul {

	margin-left: 0em;

}

.widget ul a {

	font-weight: normal;

	font-size:11px;

	

}





/* =Features

----------------------------------------------- */

.features {

	float: left;

	margin: 10px 10px 15px 10px;

	position:relative;

	width:300px;

	height:190px;

}

.features-banner {

	float: left;

	margin: 5px 10px 15px 10px;

	width:100%;

	height:216px;

}

.parkinggold-banner {

	width: 98%;

	float: left;

	box-shadow: 0px 0px 5px #666;

	margin: 5px 10px 15px 10px;

	background: #fdb813;

	padding: 20px 0;

}

.banner-bottom {
	margin: 0 10px 10px;
	text-align: center;
	padding: 10px;
	background: #EEEEEE;
	box-shadow: 0 0 5px #AAAAAA;
}

.banner-bottom img {
	height: 180px;
	border: 5px solid #006BB7;
}

.banner-bottom + .app-icons {
	float: left;
	margin-left: 80px;
}

.parkinggold-banner .item, .banner-bottom .item {

	width: 423px;

	float: left;

	margin: 0 0 0 25px;

	border: 5px solid #006BB7;

}

.banner-bottom .item {
	float: none;
	display: inline-block;
}

.parkinggold-banner .item .text, .banner-bottom .item .text {

	background: #FFFFFF;

	width: 205px;

	float: left;

	height: 160px;

	text-transform: uppercase;

	padding: 10px 18px 10px 20px;

	font-size: 15px;

	font-family: georgia, garamond, serif;
	text-align: left;

}



.parkinggold-banner .item .text a, .banner-bottom .item .text a {

	text-decoration: none;

	color: #006BB7;

	font-weight: bold;

}

.parkinggold-banner .item .text a:hover, .banner-bottom .item .text a:hover {

	color: #8bc254;

}

.parkinggold-banner .item img, .banner-bottom .item img {

	float: left;

	width: 180px;

	height: 180px;

}



.app-icons {

	margin-right: 9px;

}

.app-icons img {
	height: 45px;
	margin-left: 15px;
}

.app-icons.left img {
	margin: 0 15px 0 0;
}

.features a {

	display: block;

	text-decoration: none;

	margin:0;

}

.features a img, .features-banner a img {

	-moz-box-shadow: 0px 0px 5px #666;

	-webkit-box-shadow: 0px 0px 5px #666;

	box-shadow: 0px 0px 5px #666;

	margin: 0px;

}

.features a:hover img, .features-banner a:hover img {

	-moz-box-shadow: 0px 0px 0px #666;

	-webkit-box-shadow: 0px 0px 0px #666;

	box-shadow: 0px 0px 0px #666;

	margin: 0px;

}

.features h2 {

	color: #006BB7;

	font-weight: bold;

	margin: 0;

	font-size: 22px;

	line-height: 22px;

	text-transform: uppercase;

	text-align:right;

	position: absolute;

	right: 10px;

	top: 10px;

}

.features h3 {

	text-shadow: 2px 2px 3px black;

	color: #fff;

	font-size: 17px;

	line-height: 17px;

	text-align:left;

	position: absolute;

	bottom: 15px;

	left: 15px	

}

.featurestext {

	float: left;

	margin: 0 10px 0 10px;

}

.featurestext h2 {

	color: #006BB7;

	font-weight: bold;

	margin: 0;

	font-size: 22px;

	line-height: 22px;

	text-transform: uppercase;

}







/* =Comments

----------------------------------------------- */



#comments-title,

.nocomments {

	color: #333;	

	font-size: 11px;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

#comments-title em {

	font-style: normal;

	font-weight: bold;

}

.commentlist {

	list-style: none;

	margin: 1.6em 0 0;

}

li.comment {

	margin: 0 0 1.6em;

	position: relative;

}

li.comment .avatar {

	position: absolute;

	top: 0;

	right: 0;

}

.comment-author cite {

	color: #333;

	font-style: normal;

	font-weight: bold;

}

li.comment .says {

	display: none;

}

.comment-meta {

	color: #333;

	font-size: 12px;

}

.comment-meta a {

	color: #333;

	font-weight: bold;

}

.comment-content {

	margin: 1.6em 0 0;

}

.comment-reply-link {

	color: #333;

	font-size: 12px;

	font-weight: bold;

}

.commentlist .children {

	list-style: none;

	margin: 1.6em 0 0 1.6em;

}

.children li.comment {

	border-left: 1px solid #ccc;

	margin-left: 1px;

	padding: 0 0 0 3em;

}

.pingback p {

	color: #333;

	font-size: 12px;

}

.pingback a {

	color: #333;

	font-weight: bold;

}



/* Comment form */

#respond {

	padding: 1.6em 0;

	position: relative;

}

#reply-title {

	color: #333;	

	font-size: 11px;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

#cancel-comment-reply-link {

	color: #333;

	display: block;

	font-weight: bold;

	position: absolute;

		top: 1.6em;

		right: 0;

}

.comment-notes {

	margin: 1.6em 0;

}

#respond input[type=text] {

	display: block;

	width: 75%;

}

.comment-form-comment {

	margin: 0;

}

.form-allowed-tags {

	color: #333;

	font-size: 12px;

}

.form-allowed-tags code {

	font-size: 11px;

}





/* =SubPage

----------------------------------------------- */



#subtext {

	float:left;

	width:600px;

}



/* =Footer

----------------------------------------------- */



#footerhomewrapper {

	min-height: 280px;

	background-image:url('images/footerhome.gif');

	background-repeat:repeat-x;

	background-position:center top;

	background-color:#8bc254;

}

#footerwrapper {

	min-height: 280px;

	background-image:url('images/footer.gif');

	background-repeat:repeat-x;

	background-position:center top;

	background-color:#8bc254;

}

#site-infoleft {

	color: #fff;

	font-size: 12px;

	line-height: 14px;

	text-align:left;

	width: 540px;

	float:left;

	margin: 40px 0 0 10px;

}

#site-inforight {

	color: #fff;

	font-size: 12px;

	text-align: right;

	width: 400px;

	float:right;

	margin: 100px 10px 0 0;

}

#site-infoleft a, #site-inforight a {

	color: #fff;

}

#site-infoleft a:hover, #site-inforight a:hover {

	text-decoration: none;

}

.mmatext {

	font-size: 10px;

	line-height: 12px;

	margin-bottom: 10px;

}

.mmaimage {

	float: left;

	margin-right: 5px;

	margin-bottom:0;

	border-radius: 0px;

}

.soocialimage {

	margin-left: 5px;

}

#submit {

	color: #666;

}

.coupontable {

	background-color:#8bc254;

	width:500px;

	margin-top:25px;

	margin-bottom:25px;

	font-weight: 300;

}



/* COUPON STYLES */

.left { float: left; }

.right { float: right; }
.align-right { text-align: right; }

.clear { clear: both; }

.white { color: #FFFFFF; }

.center { text-align: center; margin: 0 auto;}
.hide { display: none; }


#coupon {

	width: 820px;

	padding: 0 0 0;

	background: #67bd4a !important;

	border-right: 15px solid #67bd4a;

	border-left: 15px solid #67bd4a;

	font-size: 14px; 

	color: #333333;  

	font-family: Georgia, Arial, Helvetica, sans-serif;

	margin: 40px auto 20px;

	text-align: center;

}

#coupon h2 { padding: 5px 0 5px 15px; text-align: left; }

#barcode { margin: 10px 0 10px 0; }

.coupon_code { margin: 10px 0 0 0; text-align: center; }

.coupon_code .coupon-letter { font-size: 24px; border: 1px solid #333333; border-radius: 40px; padding: 3px 7px; margin: 0 10px 5px 0; }

.coupon_main {

	background: #FFFFFF;

	border-bottom: 18px solid #005baa;

	text-align: left;

	padding: 0;

}

.coupon_form {

	width: 400px; 

	padding: 30px 20px 20px;

	text-align: left;

}

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

.coupon_form .field-row { margin: 0 0 15px 0; }

.coupon_form .field-row .field-text { font-weight: bold; }

.coupon_form .field-row .field-underline { background: url('images/underline.png') repeat-x 0 5px; }

.disclaimer p, .disclaimer ul li { font-size: 12px; }

.info { margin: 15px 10px 0px 0px; padding: 0 0 20px 0; border-bottom: 5px solid #67bd4a; }

.divider {

	height: 1px;

	border-bottom: 18px solid #005baa;

}

.divider.green {

	height: 1px;

	border-bottom: 5px solid #67bd4a;

}

#coupon-directions {

	width: 820px;

	height: 334px;

	padding: 0 0 0 0;

	text-align: center;

}

#coupon-directions ul li { font-style: normal; list-style-type: none; background: url('images/circle-blue.png') no-repeat bottom center; padding: 0 0 4px 0; margin: 0 0 4px 0; }

#coupon-directions ul li:last-child { background: none; }



#coupon-directions .img-directions { margin: 10px 0px 10px 10px; }

#coupon-directions img.right { margin: 15px 35px 20px 0; }

.map-info { float: right; width: 380px; }

.map-info ul, .map-info ol { padding: 0 0 0 25px; }
.map-info ol li { text-align: left; }


/* COUPON FORM */

.coupon_error { color: #FFFFFF; margin: 10px 0 0 0; }

#coupon-free-form, #membership-signup-form, #payment-form { margin: 20px 0 0 0; }

#coupon-free-form .form-field, #membership-signup-form .form-field, #payment-form .form-field { margin: 0 0 10px 0; }

#coupon-free-form .form-field label.label, #membership-signup-form .form-field label.label, #payment-form .form-field label.label { float: left; width: 140px; }

#coupon-free-form .form-field input, #membership-signup-form .form-field input, #payment-form .form-field input { width: 202px; margin: 0 5px 0 0; }

#coupon-free-form .form-field label.error, #membership-signup-form .form-field label.error, #payment-form .form-field label.error { color: #FFFFFF; }



#membership-signup-form .form-field label.label { width: 250px; font-weight: bold;}

#coupon-free-form input.error, #membership-signup-form input.error, #membership-signup-form select.error, #reservation-form select.error, #reservation-form input.error { border: 1px solid red; }

#membership-signup-form label.error, #reservation-form label.error { display: none !important; }



#temp-card { position: relative; margin-top: 20px; width: 400px; }

#expires { position: absolute; bottom: 19px; right: 21px; font-family: Georgia, sans-serif; font-weight: bold; color: #000000; }



.sign-up { margin: 25px 0 40px; }

.button {

	background: #006CB7;

	color: #FFFFFF !important;

	font-family: Georgia;

	border: 1px solid #006CB7; 

	text-decoration: none  !important;

	padding: 10px 20px;

	font-weight: bold;

	border-radius: 5px;

	box-shadow: 1px 2px 3px #000000;

	cursor: pointer;

}

.button:hover { background: #40AF49; color: #FFFFFF !important;}

.button.red {
	background: #990000;
	border-color: #990000;
}
.button.red:hover {
	opacity: .85;
}

button, .type-button {
	background: #68bc4a;
	font-weight: bold;
	border-radius: 5px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
	border: 0;
	padding: 10px 20px;

}

button:hover {
	background: #006CB7;
	cursor: pointer;
}

.button.small {
	font-size: 12px !important;
}

#reservations button:hover { background: #40AF49; opacity: .85; }

.type-button {
	width: 60px;
}

#calculator, #daily-rates, #reservations {
	background: #006cb7 url('images/calculator_bg.png') no-repeat top left;
	padding: 50px 5px 10px 10px;
	color: #FFFFFF;
	width: 285px;
	height: 130px;
	font-size: 13px;
	line-height: 18px;
	box-shadow: 0 0 5px #666666;

}

#calculator h2, #reservations h2 { color: #FFFFFF; }

#calculator .form-text { font-size: 12px; text-align: right; width: 140px; height: 15px; margin: 0 0 5px 0; padding: 2px 3px; background: #FFFFFF url('images/calculator_icon.gif') no-repeat 3px 3px; }

#calculator .form-select { width: 150px; margin: 0 0 5px 0; }

#calculator #coupon-code.form-text { background: #FFFFFF; }

#calculator .small, #daily-rates .small { font-size: 10px; line-height: 14px; margin-top: 10px; }

#calculator .col-left, #daily-rates .col-left { width: 150px; float: left; margin: 0 10px 0 0; }

#calculator .col-right, #daily-rates .col-right { width: 125px; float: left; }

#calculator #coupon-error { color: #ff6b6b; }

#calculator #edit-submit {
	background: #8ac255;
	width: 150px;
	border: 0;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0 0 7px #000000;
	-moz-box-shadow: 0 0 7px #000000;
	-webkit-box-shadow: 0 0 7px #000000;
	margin: 3px 0 0 0;
	padding: 2px 0;

}

#reservations p {
	font-family: Georgia, 'Times New Roman', Times, serif;
}

#reservations .content {
	margin: 10px 0 0 25px;
}

#daily-rates { width: 280px; padding-left: 15px; }

#daily-rates .col-left { width: 130px; }

#daily-rates .col-right { width: 130px; }

#daily-rates p { font-size: 12px; line-height: 16px; }

#daily-rates .small { font-size: 11px; margin-top: 5px; }



#ui-datepicker-div { width: 250px; z-index: 99 !important; }

#ui-datepicker-div .ui-slider { width: 90px !important; }

#ui-datepicker-div dl, .ui-timepicker-div dl dd { margin-right: 0; }

.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("jquery-ui/images/ui-icons_222222_256x240.png") !important; }



p.small {
	font-size: 12px;
	line-height: 15px;

}

table tr th, table tr td {

	vertical-align:top;

	padding:10px;

}



/*Reservations*/
.reservations {
	min-height: 650px;
}
.reservations h3, .reservations h4 { color: #006cb7; margin: 0 0 10px 0; font-size: 18px; }
.reservations h3 { font-size: 14px; border-bottom: 1px dashed #DDDDDD; margin-bottom: 15px; padding-bottom: 5px; }
.reserve-main p { margin-bottom: 20px; }

.reservations .button { padding: 10px 20px; text-transform: uppercase; font-weight: normal; font-size: 16px; box-shadow: none; }
.reservations .column-left { margin: 20px 0 0 0; }
.reservations .column-right, .reservations .details { width: 400px; float: right; background: #e5e5e5; padding: 30px 20px; font: 13px/20px Helvetica, Arial, sans-serif;  }

.reservations .header-button {
	margin-top: 25px;
}

.reservations .column-right h4, .reservations .details h4 {
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
}

.reservations .details {
	float: left;
}

.reservations #reservation-cancel-form .button {
	margin-top: 25px;
}

.reserve-main { /*border-bottom: 1px solid #e5e5e5;*/ padding: 20px 15px 0; margin: 0 0 0px 0; font-size: 13px; }

.reserve-main label { width: 150px; float: left; font-size: 16px;}

.reserve-main.rm-payment label { width: 200px; }

.reserve-main .form-text { margin: 0 15px 15px 0; width: 150px; }
.reserve-main #coupon-error { margin: 10px 40px; }
.reserve-main .form-select { width: 157px; margin: 0px 0 15px; padding: 6px 3px 5px; border-color: #CCCCCC; float: left; }
.reserve-main.rm-payment .form-text { width: 200px; }

.reserve-main.wide label {
	width: 250px;
}

.reservations ul { list-style-type: none; padding: 0; margin: 0; font-size: 14px; }

.reservations .parking-type-block {
	border: 1px solid #CCCCCC;
	padding: 0 2% 20px;
	border-radius: 10px;
	width: 26%;
	min-height: 203px;
	margin: 0 3% 0 0;
	float: left;
	font-size: 16px;
}

.reservations .parking-type-block .price-text {
	font-size: 20px;
	font-weight: bold;
}

.reservations .parking-type-block .full-price {
	display: none;
}

.reservations .parking-type-block .type-button {
	margin-top: 15px;
}

.reservations .parking-type-block:hover, .reservations .parking-type-block.active {
	cursor: pointer;
	background: #68bc4a;
	color: #FFFFFF;
}

.reservations .parking-type-block:hover .type-button {
	background: #FFFFFF;
	color: #68bc4a;
}

.reservations .parking-type-block.active:hover .type-button, .reservations .parking-type-block.active .type-button {
	background: #68bc4a;
	color: #68bc4a;
}

.reservations .parking-type-block:hover h2, .reservations .parking-type-block.active h2 {
	color: #FFFFFF;
}

.reservations .parking-type-block.disabled {
	background: #CCCCCC;
	color: inherit;
	cursor: initial;
	opacity: 0.5;
}

.reservations .parking-type-block.disabled h2 {
	color: #006cb7;
}

.reservations .parking-type-block.disabled .type-button,
.reservations .parking-type-block.disabled .prices-text {
	display: none;
}

.updated-reservations.reserve-main { border: 0; }
.reservations #reservation-cancel.button { background: #990000; border-color: #990000; }
.reservations #reservation-update.button { float: left; margin: 0 20px 0 0;  }

.reservations .details.edit { float: right; }
#reservation-edit-form .reserve-main { padding: 0; }
#reservation-edit-form .reserve-main label { width: 120px; }

.step { background: #e5e5e5; color: #666666; padding: 10px 15px; font-family: Georgia, garamond; }
.step.active, .step:hover { background: #68bc4a; color: #FFFFFF; }
.step .edit {
	display: none;
}
.step .edit a {
	margin-right: 15px;
	color: #666666;
}
.step .edit a:hover {
	color: #FFFFFF;
}

.cr-section { font-size: 15px; padding: 5px 10px; }

.cr-section.coupon-discount .right { color: #990000; }

.services-table { font-family: Georgia; margin: 20px 0; border: 1px solid #E5E5E5; }

.services-table th { font-weight: bold; }

table.services-table tr th, table.services-table tr td { padding: 5px 15px; border: 1px solid #E5E5E5; }

.services-table th:first-child, .services-table td:first-child { width: 200px; }



.payment-confirmation { margin: 20px 0 40px; font-size: 14px; }

.payment-confirmation table { border-top: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; width: 100%; }

.payment-confirmation table td, .payment-confirmation table th { border-bottom: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC; }

.payment-confirmation table th { padding: 10px; }

.bold { font-weight: bold; }

.payment-confirmation ol { list-style-type: decimal; padding: 0 0 0 20px; }

.payment-confirmation ol li { margin: 0 0 15px 0;  }



.payment-confirmation label { float: left; width: 140px; font-weight: bold; }

.payment-confirmation .data { float: left; }



.sm { font-size: 11px; }



.form-error {

	border: 1px solid red !important;

}



.error { color: red; }
#error, .red { color: red; margin: 15px 0; }
#error.reservation { margin-top: 0; }

.green { color: #68bc4a; }

#TB_ajaxContent ol { margin: 20px 30px; }



body.page-id-771 #headerwrapper, body.page-id-771 #pagetopcontent, body.page-id-771 #footerhomewrapper { display: none; }



.front-note {

	margin-top: 10px; font-size: 1.3em; font-weight: bold;

}

.dark-red { color: #990000; }