/*
____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.02.20                                     |
| COPYRIGHT : 2009 Stonesthrow Arena    				 	 |
|     EMAIL : adrienne@equineonlinedesign.com   			 	 |          
|____________________________________________________________|

*/

/*
Site Colors
#445d7b = blue background
#736555 = dk tan
#89714e = lt tan
#f9f1d7 = creamy beige
#293659 = dk greyblue
#1e1719 = dk brown/black

*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
margin:0;
padding:0;
background-color:#445d7b;
color:#000;  
font-family:"times new roman", serif;
font-size:1em;
}

a {
color:#445d7b;
text-decoration:underline;
}

a:hover {
color:#591500;
text-decoration:none;
}
p {
	margin:0;
	padding:0;
}
h1 {	
	margin:0;
	padding:5px 0;
	color:#445d7b;
}
h2 {	
	margin:0;
	padding-top:10px;
}
h3 {
	color:#736555;
	font-style:italic;
}
p.spacer {
	height:10px;
	clear:both;
	width:auto;
	padding:0;
	margin:0;
}
/* MAIN STRUCTURE */
#wrapper {margin:20px auto;width:1020px;min-height:600px;height:auto;overflow:auto;}
.header {width:1020px;height:240px;background:url(../images/header.jpg) no-repeat 0px 0;}
.logo {
	width:715px;
	float:right;
	height:200px;
	margin:25px 20px 10px 0;	
	overflow:hidden;	
}
.middleOuter {width:1020px;height:auto;overflow:auto;background:url(../images/main.jpg) repeat-y 0px 0;}
.middleInner {width:1020px;height:auto;overflow:auto;background:url(../images/rope.gif) repeat-y 172px 0;}
.leftcont {
	width:140px;
	float:left;
	height:auto;
	overflow:auto;
	margin:-15px 0 20px 22px;		
}
.navigation {
	list-style-type:none;
	padding:5px 0 5px 10px;
	margin:0;
}
.navigation li {
	margin:0;
	padding:5px 0;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
}
.navigation li.smnav {
	margin:0;
	padding:5px 0;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
}
.navigation li a {
	text-decoration:none;
	color:#1e1719;
}
.navigation li a:hover {
	text-decoration:none;
	color:#f9f1d7;
}
.navigation #fb_img img {
	border:1px solid #736555;
	margin:10px 0 0 0;	
}
.navigation #fb_img a:hover img {
	border:1px solid red;	
}
.maincontent {
	width:730px;
	float:right;
	height:auto;
	overflow:auto;
	margin:0 15px 10px 0;	
}
.footer {width:1020px;height:80px;background:url(../images/footer.jpg) no-repeat 1px 0px;}
.footer p {
	width:600px;
	text-align:center;	
	margin:0px auto 0px auto;
	padding:35px 0 0 260px;	
	font-size:.85em;
}
.subfooter {
	height:auto;
	
}
.subfooter p {
	font-size:.85em;
	text-align:center;
	padding:10px 0 0 260px;
	margin:0;
	color:#293659;
}
#web {
	padding-top:10px;
	padding-bottom:10px;	
	margin:0;
	font-size:.75em;
	color:#293659;	
}
#web a {
	color:#293659;
}
#web a:hover {
	color:#f9f1d7;
}
.counter {
	width:150px;
	margin:20px 0 20px 560px;
	height:auto;	
	overflow:auto;
}
.counter table {
	margin:0 auto;
}

/************** CONSISTANT STYLING FOR OTHER PAGES ***************/

.picholder_left {
	width:206px;
	height:156px;
	float:left;
	text-align:center;	
	margin:15px 0 0 0;
	padding:3px;
	border:3px solid #89714e;
}
.picholder_left img {
	border:3px solid #4e3922;
}

/************************************************HOME PAGE*/
.homeinfo {
	margin:auto;
	padding:0px 0;
	height:auto;
	overflow:auto;
}
.picholder {
	width:706px;
	height:156px;	
	text-align:center;	
	margin:0;
	padding:3px;
	border:3px solid #89714e;
}
.picholder img {
	border:3px solid #4e3922;
}
.picholder_right {
	width:206px;
	height:156px;
	float:right;
	text-align:center;	
	margin:15px 10px 0px 10px;
	padding:3px;
	border:3px solid #89714e;	
}
.picholder_right img {
	border:3px solid #4e3922;
}
.hometexttop p {
	font-size:1.1em;
	padding:0px 0;
	margin:0px;	
}
.breaker {
	height:20px;
}
.hometext2 {
	padding:10px 15px 0 0;
}
.hometext2 p {
	font-size:1.05em;	
	padding:0px 0;
	margin:0px;
	text-align:justify;		
}
.homecontact {	
	clear:both;
	width:400px;
	margin:10px auto;
	border:4px solid #445d7b;	
}
.homecontact p {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;	
	padding:10px 0;
	margin:0px;
}
.small {
	text-align:center;
	font-size:.85em;
	padding-bottom:20px;
	margin-top:-10px;
	color:red;
}
/************************************************BOARDING PAGE*/
.boardinginfo {
	margin:auto;
	padding:10px 0 10px 0;
	height:auto;
	overflow:auto;
}
.boardinginfo h2 {
	text-align:center;
	padding:10px 0;
}
.pic_boarding {
	width:506px;
	height:281px;
	margin:0;
	text-align:center;
	padding:3px;
	border:3px solid #89714e;
}
.pic_boarding img {
	border:3px solid #4e3922;
}
/************************************************BARN RULES PAGE*/
.barn1 {
	padding:3px 0;
	margin:0;
}
.barn2 {
	padding:3px 0;
	margin:0;
	color:#bf0000;
	font-weight:normal;
	font-size:1em;
}
/************************************************CONTACT PAGE*/
.contactinfo {
	width:540px;
	height:auto;
	float:right;
	margin:0 0px 0 0;	
	text-align:left;
	padding:20px 0 0 0;	
}
.contactinfo #owner {
	font-weight:bold;
	font-style:italic;
	margin:5px 0 0 0;
	color:#445d7b;
	font-size:1.2em;
	padding:0;
}
.contactinfo h3 {	
	margin:2px 0;	
	padding:0;
}
.contactinfo p {
	padding:0px 0;
}
.contactinfo2 {
	clear:both;
	margin:auto;
	padding:10px 0;
	height:auto;
	overflow:auto;	
}
.contactinfo2 p {
	padding:5px 0;
}
.pic_contact {
	width:156px;
	height:206px;
	margin:0;
	text-align:center;
	padding:3px;
	border:3px solid #89714e;
	float:left;
}
.pic_contact img {
	border:3px solid #4e3922;
}
/************************************************RESOURCES PAGE*/
.horsesources {
	margin:auto;
	padding:20px 0 10px 0;
	height:auto;
	overflow:auto;	
}
.horsesources table {
	width:700px; 
	margin:10px auto;
	border:3px solid #445d7b;
}
.horsesources table td {
	border-bottom:1px dashed #736555;	
	padding:5px;
	margin:0;
	font-size:.9em;
	color:#1e1719;
}
.backto {
	text-align:right;
	font-size:.85em;
	font-style:italic;
	padding-bottom:15px;
	overflow:hidden;	
}
table td.noweb img {
	border:2px solid #445d7b;
}
table td.noweb img, table td img {
	position:relative;
	top:0;
	left:0;
}
.horsesources h4 {
	font-weight:normal;
	font-size:1.1em;
	font-style:italic;
	padding-bottom:20px;
	margin:0;
}


/************************************************EVENTS PAGE*/
.horseevents {
	margin:auto;
	padding:20px 0 10px 0;
	height:auto;
	overflow:hidden;	
	
}

.horseevents h3 a {
	text-decoration:none;
	color:#736555;
}
.horseevents h3 a:hover {
	text-decoration:none;
	color:#736555;
}
.events {
	width:700px;
	margin:10px auto;
	border-top:5px solid #445d7b;
	border-bottom:5px solid #445d7b;
	border-right:2px solid #445d7b;
	border-left:2px solid #445d7b;
	background-color:#fff;	
	padding:5px;
}
.events p {
	font-size:.9em;
	font-weight:normal;
	padding:0;
	margin:0;
}
.events p a {
	color:#293659;
	text-decoration:underline;
}
.events p a:hover{
	color:#445d7b;
	text-decoration:none;
}
.events h2 {
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	margin:0;	
}
.events h3 {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#89714e;
	text-align:center;
	border:none;
	padding:5px 0;
}
.events h3 a {
	color:#89714e;
	text-decoration:underline;
}
.events h3 a:hover {
	color:#293659;
	text-decoration:none;
}

.backto {
	width:250px;
	float:right;
	text-align:right;
	font-size:.85em;
	font-style:italic;
	padding-bottom:15px;
}
.eventname a {
	text-decoration:none;
	color:#89714e;
}
.eventname a:hover {
	text-decoration:none;
	color:#89714e;
}
/*
.print {
	width:250px;
	float:left;
	font-size:.85em;
	font-style:italic;
	padding-bottom:15px;
}
*/
.breaker {
	clear:both;
	height:12px;
}
.horseevents h4 {
	font-weight:normal;
	font-size:1.1em;
	font-style:italic;
	padding-bottom:20px;
	margin:0;
}
.mceContentBody { 
	background-image: none; 
	background-color: #e1e1e1; 
	color: #000; 
} /*TinyMCE*/
.mceContentBody a:link, .mceContentBody a:visited   { 
	color: #89714e !important;    
	text-decoration: underline; 
} /* FF requires a important here */
.mceContentBody a:hover, .mceContentBody a:active   { 
	color: #445d7b !important; 
	text-decoration: none; 
} /* FF requires a important here */

/* Slide Show */
.imgslideshow {
	width:670px;
	margin:0 auto 10px auto;
	padding:0 0 50px 0;
	background-color:#445d7b;
	height:auto;
	overflow:hidden;
}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper2 {width:606px; margin:30px auto; display:none}
#wrapper2 * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:400px; padding:2px; border:1px solid #ccc; background:#726554}
#information {position:absolute; bottom:0; width:600px; height:0; background:#726554; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:16px;color:#fcee21;border:none;}
#information p {padding:0 8px 8px; font-size:13px;}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:556px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/***************** LESSONS PAGE *********************************************/
.pic_lessons {
	width:706px;
	height:206px;
	margin:0;
	text-align:center;
	padding:3px;
	border:3px solid #89714e;
}
.pic_lessons img {
	border:3px solid #4e3922;
}