/*
Theme Name: Prospect Riding Center
Theme URI: http://prospectridingcenter.com
Description: Bespoke theme create for The PRospect Riding Center
Author: Wayne Ansell
Author URI: http://www.wayneansell.com
Version: 1.0
Tags: Green, Yellow, multi-colored, two-columns, fixed-width, custom-header
Text Domain: prospect
*/


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

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, font, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

@font-face {
    font-family: 'BertholdCityBold';
    src: url('citybold.eot');
    src: url('citybold.eot') format('embedded-opentype'),
         url('citybold.woff') format('woff'),
         url('citybold.ttf') format('truetype'),
         url('citybold.svg#BertholdCityBold') format('svg');
}

p, h1, h2, h3, h4, h5 { line-height:normal; margin:0 0 15px;}

body { background: #9bbb59; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbb59', endColorstr='#dfce04'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9bbb59), to(#dfce04)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #9bbb59,  #dfce04); /* for firefox 3.6+ */
margin: 0; padding: 0; font: normal 14px/18px arial, verdana, helvetica, sans-serif; color: #000; text-align: center; border-top: solid 10px #7c9647;}
#framework { width: 1000px;  padding: 0; margin-top: 5px; margin-bottom: 0; margin-right: auto; margin-left: auto; text-align:left; width: 1000px; voice-family: "\"}\""; voice-family:inherit; width: 1100px; }
html>body #framework { width: 1000px; }

#header { margin:0 0 10px; position:relative;}
#logo { margin:0; position:relative;}
#logo h3 a {background:url('./images/logo.png') no-repeat; width:359px; height:158px; text-indent:-9999px; overflow:hidden; display:block; margin:0;}
#header h3 { color:#106cb7; width:359px; padding:0; margin:0;}
#tel { color:#fff; position:absolute; top:0; right:0; z-index:15; margin:10px 0 0 0; text-align:right; text-shadow:2px 2px 2px #7a9142;}
#tel h4 { margin: 0; padding:0; color:#fff; font: normal 18px/24px 'BertholdCityBold'; font-weight:normal; line-height:normal; width:690px; letter-spacing:0;}
#tel strong { font-size:30px; font-weight:normal;}

/* =Menu
-------------------------------------------------------------- */
#menu { clear:both; min-height:42px; position:absolute; bottom:0; right:0;}

#access { margin: 0 auto 10px auto; text-shadow:black 1px 1px 1px; }
#access .menu-header,
div.menu { font-size: 13px; }
#access .menu-header ul,
div.menu ul { list-style: none; margin: 10px 0 0 0; }
#access .menu-header li,
div.menu li { float: left; position: relative; margin:0 0 0 20px; border-radius: 10px; box-shadow:2px 2px 2px #7a9142; }
#access .menu-header li.one, div.menu li.one { background:#990099;}
#access .menu-header li.two, div.menu li.two { background:#cc0000;}
#access .menu-header li.three, div.menu li.three { background:#ff9900;}
#access .menu-header li.four, div.menu li.four { background:#0099ff;}
#access .menu-header li.five, div.menu li.five { background:#ffcc00;}
#access .menu-header li.six, div.menu li.six { background:#009900;}
#access a { color: #fff; display: block; font-size: 22px; height: 42px; line-height: 44px; text-decoration: none; text-shadow: 1px 1px 0 #000; text-align:center; padding:10px 10px; font-family: 'BertholdCityBold';  }
#access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 32px; left: 0; float: left; width: 160px; z-index: 99999; background: #A0A0A0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#access ul ul li { min-width: 180px; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a { background:none; color:#FF9; line-height: 1em; padding: 10px; width: 140px; height: auto; text-shadow:black 0px 0px 0px; border-width:0; font-size: 14px; }
#access li:hover > a,
#access ul ul :hover > a { background: #003300; box-shadow: 0 0 10px 1px #000 inset; color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 0 #333333; border-radius:10px; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a { background: #003300; box-shadow: 0 0 10px 1px #000 inset; color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 0 #333333; border-radius:10px; }
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { background: #003300; box-shadow: 0 0 10px 1px #000 inset; color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 0 #333333; border-radius:10px; }

/* Text meant only for screen readers */
.screen-reader-text { position: absolute; left: -9000px;}

#container { width:1000px; padding:0 0 10px;}

#slideshow { border-radius:10px; box-shadow:2px 2px 2px #7a9142;}
#slideshow img { border-radius:10px;}

#columns { padding:0 0 20px;}
#column { float:left; width:300px; min-height:250px; margin:0 20px 0 0; padding:10px; color:#fff;}
#column.one { background:#009900; border-radius:10px; box-shadow:2px 2px 2px #7a9142;}
#column.two { background:#ff9900; border-radius:10px; box-shadow:2px 2px 2px #7a9142;}
#column.three { margin:0; background:#cc0000; border-radius:10px; box-shadow:2px 2px 2px #7a9142;}
#column h3 { font-family: 'BertholdCityBold'; font-size:28px; text-shadow: 1px 1px 0 #000; color:#fff; font-weight:normal; line-height:28px;}
#column h3.widget-title a { color:#fff; text-decoration:none;}
#column ul { list-style:none;}
.recent_posts_with_excerpts a { color:#fff;}

#content { float:left; background:#fff; border-radius:10px; box-shadow:2px 2px 2px #7a9142; width:640px; padding:10px; color:#333; margin:0 0 30px;}
#content h1, h2, h3, h4, h5 { color:#003300; letter-spacing:1px;}
#content h1 { font-family: 'BertholdCityBold'; font-size:38px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;}
#content h2 { font-family: 'BertholdCityBold'; font-size:30px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;}
#content h3 { font-family: 'BertholdCityBold'; font-size:24px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;}
#content h4 { font-family: 'BertholdCityBold'; font-size:18px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;}
#content h5 { font-family: 'BertholdCityBold'; font-size:14px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;}

#sidebar { float:right; margin:0 0 0 0; width:300px; padding:10px; background:#fff; border-radius:10px; box-shadow:2px 2px 2px #7a9142; }

#footer_framework { width:100%; background:url('./images/footer_bg.png'); clear:both; margin:10px 0 0; padding:20px 0;}
#footer { width: 1000px;  padding: 0; margin-top: 10px; margin-bottom: 0; margin-right: auto; margin-left: auto; text-align:left; width: 1000px; voice-family: "\"}\""; voice-family:inherit; width: 1000px; min-height:200px; text-align:center; color:#fff;}
#footer a { font-family: 'BertholdCityBold'; font-size:24px; text-shadow: 1px 1px 0 #000; color:#fff; text-decoration:none; padding:0 20px; }
#footer p { margin:0 0 25px;}

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

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
	margin: auto;
}
.widget-title {
	color: #003300; 
	font-family: 'BertholdCityBold'; font-size:24px; text-shadow: 1px 1px 0 #ccc; font-weight:normal;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	color:#7a9142;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}