/* @override http://forestlakeridingschool.com/flrs/wp-content/themes/flrs2/style.css */

/*

Theme name: Forest Lake Riding School version 2.0

Theme author: Mint Creative

Description: 

*/

html, body {
	height: 100%;
}

body{
background-color: #b89263;
text-align: center;
font-size: 11px;
font-family: verdana;
color: black;
line-height: 150%;
margin: 0px;
}


#wrapper {
background-image: url('images/texture-bg.jpg');
	background-repeat: repeat;
}

#subwrapper {
	background-image: url('images/footer-bg2.jpg');
	background-repeat: repeat-x;
	background-position: center bottom; 
}

/* @group Positioning */

#container {
background-color:#ffffff;
margin: 0px auto;
width: 760px;
padding: 20px 20px 20px 20px;
overflow: hidden;
border: 0px;
text-align: center;
position: relative;
border-top: 4px solid #008775;
	box-shadow: #6a5944 5px 5px 20px; 
	-moz-box-shadow: #6a5944 5px 5px 20px; 
	-webkit-box-shadow: #6a5944 5px 5px 20px; 
}

#top {
background-color: #008775;	
border: 0px;
text-align: right;
margin-bottom: 75px;
border-bottom: 4px solid #007764;
color: #ffffff;
}

#topcontent {
	width: 800px;
	margin: 0px auto;
	padding: 8px;
	position: relative;
}

#topcontent h1 {
	color: #fff;
	font-size: 35px;
	font-family: museo;
	margin-bottom: 20px;
}

#toplogo {
	float: left;
	padding: 15px;
	background-color: #fff;
	position: absolute;
	top: 0px;
	box-shadow: #6a5944 0px 5px 20px; 
	-moz-box-shadow: #6a5944 0px 5px 20px; 
	-webkit-box-shadow: #6a5944 0px 5px 20px; 
}


#header {
background-image: url('images/flrsheader-800px.jpg');
background-color: #ccc;
color: white;
font-size:30px;
text-align: center;
font-weight: bold;
margin-bottom:10px;
display: block;
height: 195px;
padding-top: 30px;
position: relative;
}


html>body .side {margin-right: 15px;}

.side {
width: 230px;
float: right;
text-align: left;
margin: 15px 0px !important;
}

.side div, .box {
background-color: #fff9f1;
border: 3px solid #fdf3e6;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.side h1, .page-side h1 {
	margin: 0px 0px 10px 0px !important;
	font-size: 16px;
}

.calltoaction {
	background-color: #008775;
	color:  #fff;
	padding: 6px;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
width: 60%;
}


.page-side {
width: 230px;
float: right;
text-align: left;
margin: 15px 0px 30px 30px!important;
}

.page-side .box {
background-color: #fff9f1;
border: 3px solid #fdf3e6;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.page-side img {
width: 99%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 15px;	
border: 1px solid #ddd;
}


.blog{
float: left;
width: 480px;
text-align: left;
}

.page{
text-align: left;
padding-bottom: 20px;
clear: left;
}

#footer{
width: 800px;
margin: 0px auto;
overflow: hidden; 
padding: 20px 0px 50px 0px;
margin-top: 0px;
color: #fff !important;
}


.clear {
	clear: both;
	overflow: hidden;
}


a.onlinebooking {
	padding: 3px;
	background-color: #fff9f1;
border: 3px solid #fdf3e6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.horses {
	float: left;
	background-color: #fff9f1;
border: 3px solid #fdf3e6;
margin-bottom: 20px;
margin-right: 20px;
padding: 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* @end */

/* @group Menu */

/* Hack for IE, because IE is a buggy SOB */



#menudiv {
	width: 800px;
	margin: 0px auto;
	position: absolute;
	right: 0px;
	top: 120px;
	}
	
#menu ul {padding:0px !important; margin-left: 10px;}
	

/* To extend the hover/click area of the link, padding must be added to #menu a as well as #menu li */
	
#menu a {
	color: #000;
}	

#menu a:hover {
	color: #007661;
}	

* html #menu a:hover {
	color: #ffffff;
	padding: 5px 8px 5px 8px;
}	


/* Text color cannot be defined in li selector*/

#menu li {
display:inline;
list-style-type: none;
font-size: 12px;
text-align: left;
padding: 5px 15px 5px 0px;
margin-right: 10px;
background-image: url('images/menu-line.jpg');
background-repeat: repeat-y;
background-position: right;
}

.page-item-13 {
	padding-right: 0px !important;
	margin-right: 10px !important;
	background-image: none !important;
	}

#menu li:hover {
background-color: none;
}

.current_page_item {
}

.current_page_item a {
font-weight: bold;
}

/* @end */

/* @group Text Styles */

h1 {

font-weight: bold;
font-size: 19px;
font-family: "lucida grande", verdana, sans-serif;
color: #007661; 
display: block;
margin-top:20px;
}


h2 {
font-weight: bold;
font-size: 12px;
font-family: verdana;
color: #000000;
margin-top:20px;
margin-bottom:5px;
}

h3 {
font-weight: bold;
font-size: 15px;
font-family: verdana;
color: #007661;
margin-bottom:5px;
display: block;
border-top: 2px silver dotted;
padding-top: 20px;
margin-top:30px;
}

a:hover {
color: teal;
text-decoration: none;
}

a {
color: teal;
text-decoration: none;
}

h2 a {
	color: #000000 !important;
}

#footer a {color: #333333 !important; font-weight: bold;}

ul {
	list-style-position: inside;
	list-style-type: square;
	padding-left: 15px;
}

li {
	margin-bottom: 2px;
}

.side li {
	list-style-type: none;
	margin-bottom: 8px;
}

.side ul {
	padding: 0px;
}

.side ul a {
text-decoration: none !important;
}

/* @end */



/*

.contactform {
	width: 500px;
}

.contactformsection {
	border: 3px solid #fdf3e6;
	margin-bottom: 10px;
	padding: 10px;
}

input, textarea {

	padding: 2px;
}

*/



/* @group Image Styles */


#gallery img {
	height: 50px;
	width: 70px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 3px #cccccc solid;
}

#gallery a {
	border: none;
}


.img 
{border: 5px solid #cccccc;}

.border 
{border: 5px #cccccc solid;}

.centered 
{margin: 0 auto 0 auto !important; display: block;}

.left 
{float: left; margin-right: 10px; margin-top: 4px; margin-bottom:4px;}

.right 
{float: right; margin-left: 10px; margin-top: 4px; margin-bottom:4px;}

.textwrap 
{clear:both; padding-top: 30px;}



/* @end */

* html .upcoming-events h2, .todays-events h2 {

list-style-type: none;
padding-left: 0px !important;
margin: 0px !important;
margin-bottom: 8px;
list-style-position: outside;
}

* html .upcoming-events ul, .todays-events ul, .side ul {

list-style-type: none;
padding-left: 0px !important;
margin: 0px !important;
margin-bottom: 15px;
list-style-position: outside;
}



#clear {clear: both;}

.linebreak input {}