/*  
Description: Brookside Equestrian
Version: 2.0
Author: Fabien Egot
*/

html {overflow:-moz-scrollbars-vertical; overflow-x:hidden;  height:101%; background:url("img/site/bg3.jpg") repeat center top fixed;}
body {font-size: 14px; font-family: 'Arial', sans-serif; color: #333333; margin:0px; text-align: center; background: url("img/site/bg3.png") repeat center top fixed;}
.shadowLeft {height:100%; background:url("img/site/shadow_left.png") no-repeat left top fixed;}
.shadowRight {height:100%; background:url("img/site/shadow_right.png") no-repeat right top fixed;}


#go-back-to-top {display: block; width: 100px; height: 100px; position: fixed; bottom:-40px; right:10px; background: url("img/top.png") transparent no-repeat; text-indent: -9999px;}

a:link, a:visited {color: #1d6e1c; text-decoration: underline;}
a:hover, a:active {color: #000; text-decoration: underline;}
h1 {display: none;}
h2 {font-family: Georgia, serif; color: #2B433C; font-size: 1.7em; font-weight: normal; line-height: 1.3em; letter-spacing: .025em; background: #fff url("img/icoh2.gif") 0 0.6em no-repeat; text-indent: 28px;}
h3 {font-family: Georgia, serif; font-style:italic; font-size: 13px; margin:0; padding: 5px 3px; border-bottom: 1px solid #013300; background: url("img/gradient.gif") repeat-x; height:20px; color: #2B433C; text-align: center; letter-spacing: 1px;}
h4 {font-family: Georgia, serif; font-size: 18px; font-weight: normal; color: #2B433C; background-color: #FFFFFF; line-height: 1.4em; margin-top: 5px;}
#keithandlinda {font: italic 12px/16px georgia,serif; color: #666; float:right;}

.netset a {position: fixed; bottom: 30px; right: 0; width: 112px; height: 54px; background: url("img/netset.png") no-repeat;}
.netset a:hover {background-position: 0 -54px;}

img {border: none;}
.img_border {background-position: center top; z-index: -10px;
  background-repeat: no-repeat;
  background-size: 520px;
  position: relative;
  counter-reset: figure;
  padding: 1em;
  margin: 1em 0;
  border: solid 1px #eee;
  border-bottom: solid 2px #aaa;
  border: solid 0 rgba(0, 0, 0, 0);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.5), 0 13px 5px -7px rgba(0, 0, 0, 0.15), 0 0 0 14px rgba(255, 255, 255, 0.6) inset, 0 0 0 15px rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.5), 0 13px 5px -7px rgba(0, 0, 0, 0.15), 0 0 0 14px rgba(255, 255, 255, 0.6) inset, 0 0 0 15px rgba(0, 0, 0, 0.05) inset;
  -o-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.5), 0 13px 5px -7px rgba(0, 0, 0, 0.15), 0 0 0 14px rgba(255, 255, 255, 0.6) inset, 0 0 0 15px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.5), 0 13px 5px -7px rgba(0, 0, 0, 0.15), 0 0 0 14px rgba(255, 255, 255, 0.6) inset, 0 0 0 15px rgba(0, 0, 0, 0.05) inset;
}
.riders {border: 2px solid #877f6f; padding:2px; float:left; top:2px; left:0; margin-right:14px;}
#warnock {color: inherit; font-weight: normal; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.2em; line-height: 1%; font-style: italic;}
.warnock {color: inherit; font-weight: normal; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.2em; line-height: 1%; font-style: italic;}
.sep {background: url("img/sep.gif") no-repeat; height: 44px; margin:10px 0 10px 120px;}
.sep2 {background: url("img/sep.gif") no-repeat; height: 44px; margin:10px 0 10px 190px;}
em {background-color:#f4f1e5;}	
blockquote {font-size: 10px; color: #808080; padding: 7px 0;}
#shadows {width: 756px; height: 232px; background: url("img/site/shadows.png") no-repeat; padding: 0; margin: 0;}
#header {width: 756px; height: 306px; margin: 0 0 0 32px;}
#logo {padding: 24px 8px 0 0;}
#contenttop {width: 822px; height: 20px; background: url("img/site/middle.gif") repeat-y; margin-top: 0; padding: 0;}
#bottom {background: url("img/site/bottom.gif"); width: 822px; height: 30px; margin-top: 0; padding-top: 0; margin: 0;}
.clearer {clear: both;}
#container {width: 822px; text-align: left; background: repeat-y url("img/site/middle.gif"); margin: 0 auto; padding: 0;}
#contentContainer {width: 822px; background: repeat-y; margin-left: 240px; width: 510px;}
#contentContainer #content {padding: 0; margin: 0; width: 510px;}
a.selected {padding:4px; background: #013300; color:#FFF; text-decoration:none;}
#sidebarwrapper {width: 200px;}
#sidehead {font-size: 14px; font-weight: bold; color: #999999;}
#sidebarContainer {width: 200px; float: left; margin-bottom: 0;}
#sidebarContainer #sidebar {margin-bottom: 0; font-size: 12px; padding-left: 40px; padding-right: 1px; width: 150px;}
#footer-separator {width: 750px; margin:0 auto; padding:0; clear:both; background:url("img/_divide.png") center bottom repeat-x; background:url("img/_divide.png") center 2px repeat-x, url("img/_divide.png") center bottom repeat-x; padding:25px 0 4px 0;}
#footer {background: url("img/footer-ornament.png") no-repeat;}
#footer p {padding-bottom: 10px; margin: 0px; text-align: center; color: #000; font-size: 14px;  background: none transparent;}
#footer a:link, #footer a:visited {color: #013300; text-decoration: none; font-weight: bold; margin: 0; padding: 0; background: none transparent;}
#footer a:hover, #footer a:active {text-decoration: underline; margin: 0; padding: 0; background: none transparent;}
.image-left {float: left; margin: 3px 3px 3px 0; padding: 3px 3px 3px 0px;}
.image-right {float: right; margin: 3px 0 3px 3px; padding: 3px 0 3px 3px;}
.caption{color: #000; font-size:9px;}

#navcontainer {padding-left: 18px; margin-bottom: 24px; padding-right: 0; font-size: 14px;}
#navcontainer ul {list-style: none; margin: 0; padding: 0 0 0 14px; font-family: georgia; font-style: italic;}
#navcontainer a {height: 25px; display: block; padding-top: 5px; padding-right: 5px; padding-left: 5px; color: #000000; text-decoration: none; border-bottom: 1px solid #e6e6e6;}
#navcontainer #current {color: #fafafa; background: #013300;}
#navcontainer a:hover {color: #fafafa; background: #013300;}

/* Lusitanos */
.equal {display:table; border-collapse:separate;}
.row {display:table-row;}
.row div {display:table-cell;}	
.equal {margin:10px auto; border-spacing:3px; background:#013300; width:510px;}
.row div {background:#fff;}
.row div.one {width:347px;}
.row div.two {vertical-align:middle; width:163px; background:#ede8de;}
.row div h2 {margin:0 0 0.5em 0; padding:0.5em 10px; font-size:1.2em; font-style:italic; color:#013300; background:#ede8de; text-indent:0;}
.row div p {font-size:0.94em; margin:0.5em 0; padding:0 10px;}
.labfooter {text-align:center;}

/* Lightbox Lusitanos */
#zoom {display: none; position: absolute; top: 327px; left: 120px; z-index: 100;}
#zoom * {display: block; border-style: none;}
#zoom .top, #zoom .bottom {height: 13px; margin-left: 13px; background: url("img/zoom/zoomShadow.png") 100% 0;}
#zoom .top div, #zoom .bottom div {width: 13px; height: 13px; position: relative; left: -13px; background: url("img/zoom/zoomShadow.png") 0 0;}
#zoom .bottom {background-position: 100% 100%;}
#zoom .bottom div {background-position: 0 100%;}
#zoom .i1 {padding-left: 7px; background: url("img/zoom/zoomShadowSides.png") repeat-y;}
#zoom .i2 {padding-right: 7px; background: url("img/zoom/zoomShadowSides.png") repeat-y 100% 0;}
#zoom .i3 {padding: 1px;}
#zoom-close {width: 30px; height: 30px; position: absolute; top: -12px; left: -15px; background-image: url("img/zoom/zoomClose.png"); text-indent: -1000em; overflow: hidden;}
#zoom-close:active {background-position: 0 -30px;}
#zoom-content {margin: -9px -1px -5px; background-color: #fff; position: relative;	padding: 0;}
#zoom-captioncontainer {position: absolute; color: #fff; top: 100%; margin-top: 10px; text-shadow: #000 0 1px 3px; width: 100%; font-weight: bold; cursor: default;}
#zoom-captioncontainer * {display: inline;}
#zoom-captioncontainer div {padding-top: 7px; padding-bottom: 14px; background: url("img/zoom/zoomCaptionLeft.png") no-repeat;}
#zoom-captioncontainer div div {background: url("img/zoom/zoomCaptionRight.png") no-repeat 100% 0; margin-left: 15px;}
#zoom-caption {background: url("img/zoom/zoomCaptionFill.png") repeat-x 100% 0; margin-right: 15px; padding: 7px 0 14px;}
#zoom-load {width: 48px; height: 48px; background-image: url("img/zoom/zoomProgress.png"); display: none;}
#overlay {background-image: url("img/zoom/zoomOverlay.png");}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url("img/zoom/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/zoom/zoomOverlay.png", sizingMethod="scale");}

/* Fans */
.fansdivider {padding-bottom:35px; padding-top:5px;}
.fansdivider h2 {display: inline; margin: 0; padding-left: 2.25em; border: 0; color: #444444; letter-spacing: .15em; font-size: 90%; font-weight: normal; text-align: center;}

/*Events */
.blk1 {float:left; width:250px;}
.blk2 {float:right; margin-left:10px; width: 250px;}
#doublesep {padding:7px 0; border-top:1px solid silver; border-bottom:1px solid silver; background:#edf3ed; font-size:15px;}
#copy {}
#copy ul {padding-left:20px; list-style:square;}

/* Joao Oliveira */
#flash1 {width:319px; float:right;}
#text1 {width:181px; float:left;}
#flash2 {width:150px; float:left;}
#text2 {width:350px; float:right;}
		
/* Contact */
form {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
input, textarea, select, {background: #FBFBFB url("img/input_bg.gif") repeat-x; color: #363636; padding: 3px 3px 4px; border: 1px #CFCFCF solid;}
.form-submit {background: #4D4D4D repeat-x; color: #fff; padding: 5px 13px; border: 0; cursor: pointer;}
.form-submit:hover {background-color: #000;}
form#contact {padding: 10px 0 20px; width: 350px; float: left;}
#contact div .txt {background: #FBFBFB url("img/input_bg.gif") repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 8px; padding: 5px; width: 338px; border: 1px #CFCFCF solid;}
#contact textarea {height: 120px;}
#contact #submit {float: right;}

#brk-family				{position:fixed; right:10px; top:-129px; z-index:100;}
#brk-family h6			{background:#A7A5A0; background:rgba(0,0,0,0.3); bottom:0; color:#FFFFFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; height:15px; margin:0; padding:8px 12px; position:absolute; right:0; text-transform:uppercase; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
#brk-family h6:hover		{color:#b8b6ab;}
#brk-family ul			{background:#A7A5A0; background:rgba(0,0,0,0.3); font-weight:bold; height:109px; margin:0 0 31px 0; padding:10px; width:240px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px;}
#brk-family li			{list-style:none; border-top:1px solid rgba(255,255,255,0.1); margin:5px 0 0 0; padding:5px 0 0 0;}
#brk-family li:first-child	{border:0; margin:0; padding:0;}
#brk-family a			{color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#brk-family span			{color:#b8b6ab; display:block; font-size:1.1em;}
#brk-family a:hover span	{color:#FFFFFF;}