/*
Theme Name: The Bay Horse Theme
Theme URI: http://www.thebayhorsepub.co.uk
Description: Theme designed and built for The Bay Horse Pub by Cahoona Ltd
Version: 1.0
Author: Cahoona Ltd
Author URI: http://www.cahoona.co.uk
*/

/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;/* display:block; */}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}a{text-decoration:none;}a:hover{text-decoration:underline;}
a{outline: none;}
strong{font-weight: bold;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Layout */
html                    {background: #000000 url(../images/bgwide.jpg) 50% -60px no-repeat;}
body                    {background: url(../images/bg-topOverlay.png) 0 -40px repeat-x; height: 100px; position: absolute; width: 100%;}
#container              {position: relative; width: 910px; margin: 0 auto; padding-top: 70px;}
#header                 {background: url('../images/bg-menu.png') 50% 0 no-repeat; margin: 0 0 -5px 22px; width: 870px; height: 96px;}
#logo                   {position: absolute; top: 0px; left: -45px; z-index: 10;}
#contentOverlay         {background: url('../images/bg-contentOverlay.png') 50% 0 no-repeat; width: 875px; height: 142px; position: absolute; top: 179px; left: 17px; z-index: 5;}
#contentContainer       {background: url('../images/bg-content.png') 0 100% no-repeat; width: 872px; height: 442px; padding: 19px 19px 19px 19px;}
#contentImage           {overflow: hidden; width: 470px; height: 442px; background: url(../images/bar-image-home.jpg) 0 100% no-repeat;}
.page-id-5 #contentImage {background: url(../images/bg-page-events.jpg) 0 100% no-repeat;}
.page-id-7 #contentImage {background: url(../images/bg-page-food.jpg) 0 100% no-repeat;}
.page-id-8 #contentImage {background: url(../images/bg-page-drink.jpg) 0 100% no-repeat;}
.page-id-9 #contentImage {background: url(../images/bg-page-gallery.jpg) 0 100% no-repeat;}
.page-id-10 #contentImage{background: url(../images/bg-page-venuehire.jpg) 0 100% no-repeat;}
.page-id-11 #contentImage{background: url(../images/bg-page-contact.jpg) 0 100% no-repeat;}
#content                {overflow: auto; width: 372px; height: 285px; float: right; margin: 106px 0 0 0; padding: 50px 10px 0 20px;}
#footer                 {text-align: center; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 13px; margin-top: 70px;}
#footer span            {display: block; margin-bottom: 10px;}

/* Typography */
body                    {font: 11px/1.5em Arial, Helvetica, sans-serif; color: #FFFFFF;}
h1,h2,h3,h4             {font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #CD5E24; font-weight: normal; line-height: 22px; margin-bottom: 11px; color: #FFFFFF;}
h1                      {font-size: 22px; margin-bottom: 22px;}
h2                      {font-size: 18px;}
h3                      {font-size: 16px;}
h4                      {font-size: 13px;}
p                       {margin-bottom: 16px;}
ul,ol                   {margin-bottom: 16px; margin-left: 2em;}
ul li                   {list-style: disc outside;}
a                       {color: #CED521; text-decoration: none;}
dl                      {font-size: 10px; line-height: 13px; margin: 0 0 10px 10px;}

/* General form styles */
#signupForm             {margin: 340px 0 0 15px; width: 438px; height: 84px; background: url(../images/bg-signupform.png) no-repeat; color: #CED521; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;}
form h2                 {padding: 10px 0 10px 10px; font-size: 18px; color: #FFFFFF; font-weight: normal;}
form li                 {list-style-type: none; overflow: hidden;}
form ul                 {margin: 0 auto; display: block;}
label                   {cursor: default;}
label.desc              {padding: 1px 8px 0 8px; font-size: 11px; float: left;}
form li.field           {float: left;}
form li.buttons         {padding: 0 0 0 8px;}

/* Text Inputs */       
form input.text         {padding: 5px 0 0 5px; outline: none; background: url('../images/form-input.png') no-repeat; height: 16px; width: 116px; color: #FFFFFF; font-family: helvetica, sans-serif;}
form input.medium       {border: none;}
/* form input:hover        {background: url('../images/form-input-on.png') no-repeat;} */
/* form input:focus        {background: url('../images/form-input-on.png') no-repeat;} */

/* Navigation */
#navigation             {height: 35px; padding-top: 68px; float: right; font-size: 16px; margin: 0 10px 0 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;}
#navigation li          {float: left; list-style-type: none;}
#navigation a           {color: #FFFFFF; text-decoration: none;}
#navigation a:hover     {color: #CED521;}
/* #navigation .current_page_item a {color: #CED521;} */

/* Navigation for static menu  */
.page-id-60 #navigation .page-item-60 a,
.page-id-5 #navigation .page-item-5 a,
.page-id-7 #navigation .page-item-7 a,
.page-id-8 #navigation .page-item-8 a,
.page-id-9 #navigation .page-item-9 a,
.page-id-10 #navigation .page-item-10 a,
.page-id-11 #navigation .page-item-11 a {color: #CED521;}
           
/* Content */
#content img            {border: 2px solid #FFFFFF; display: inline;}
#content a:hover img    {border: 2px solid #999999;}

/* Gallery - Commented the plugin's CSS and added my own here */
.gallery                {padding: 9px 0 18px 0; overflow: hidden; clear: both;}
.gallery img            {border: 2px solid #363357; display: inline;}
.gallery dl             {margin: 0 5px 5px 0; float: left; line-height: 0; display: inline;}
.gallery-row            {overflow: hidden; width: 100%;}
.gallery h2             {clear:both;}

/* Scroll Bars */
.jScrollPaneContainer   {position:absolute;overflow:hidden;z-index:1;top:287px;left:489px;}
.jScrollPaneTrack       {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#000000;}
.jScrollPaneDrag        {position:absolute;background:#FFFFFF;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop     {position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom  {position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp        {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden; background-color:#666; height:9px;}
a.jScrollArrowUp:hover  {background-color:#f60;}
a.jScrollArrowDown      {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;background-color:#666;height:9px;}
a.jScrollArrowDown:hover{background-color:#f60;}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{background-color:#f00;}