/*
Theme Name: Cord Theme
Theme URI: http://www.cordbar.com
Description: Theme designed and built for Cord Bar 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%;}
/* 16 Column Grid */  #container{width:960px;margin:0 auto;}.row{width:100%;float:left;}.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col13,.col14,.col15,.col16{float:left;margin:0 10px;display:inline;}.col1{width:40px;}.col2{width:100px;}.col3{width:160px;}.col4{width:220px;}.col5{width:280px;}.col6{width:340px;}.col7{width:400px;}.col8{width:460px;}.col9{width:520px;}.col10{width:580px;}.col11{width:640px;}.col12{width:700px;}.col13{width:760px;}.col14{width:820px;}.col15{width:880px;}.col16{width:940px;}
/* .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,.col13,.col14,.col15,.col16{outline-offset:-1px;outline:1px dashed red;min-height:18px;}#grid-h{background: url('./images/framework/baseline-18.png') 0 9px repeat; position: absolute; z-index: 100; width: 100%; height: 5000px;}#grid-v{background: url('./images/framework/grid_16_col.png') 50% 0 repeat-y; position: absolute; z-index: 100; width: 100%; height: 5000px;} */

/* Typography */
html                    {background: #100B06 url(./images/bg.png) repeat-x;}
body                    {font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #FFFFFF;}
h1,h2,h3,h4,.georgia    {font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #F78227; font-weight: normal;}
h1                      {font-size: 28px; line-height: 28px; margin-bottom: 17px; padding-top: 18px; color: #FFFFFF;}
h2                      {font-size: 14px; line-height: 14px; padding-bottom: 3px; margin-bottom: 7px; font-weight: bold; font-style: italic; border-bottom: 1px solid #222222;}
h3                      {font-size: 16px; line-height: 18px; margin-bottom: 9px;}
h4                      {font-size: 12px; line-height: 18px; font-weight: bold; font-style: italic;}
p                       {margin-bottom: 18px;}
ul,ol                   {margin-bottom: 18px; margin-left: 2em;}
ul li                   {list-style: disc outside; margin-bottom: 7px;}
ol li                   {list-style: decimal outside; margin-bottom: 7px;}
a                       {color: #FF9527; text-decoration: none;}
a:hover                 {color: #FFBA72;}
dl                      {font-size: 10px; line-height: 13px; margin: 0 0 10px 10px;}
strong, b               {font-weight: bold;}
em                      {font-style: italic;}
.contact                {color: #CD5E24;}
.address                {margin: 9px 0 9px 10px;}
.signup                 {font-size: 18px;}
.clear                  {clear: both;}
.alignleft              {float: left; margin: 0 5px 5px 0; border: none;}
.alignright             {float: right; margin: 0 0 5px 5px; border: none;}

#container              {width: 960px; height: 780px; position: relative; background: url('./images/cord-home-page.jpg') 50% 0 no-repeat;}
.home #container        {background: url('./images/cord-home-page.jpg') 50% 0 no-repeat;}
.page-id-4 #container   {background: url('./images/cord-events-model.jpg') 50% 0 no-repeat;}
.page-id-8 #container   {background: url('./images/cord-coffee-machine.jpg') 50% 0 no-repeat;}
.page-id-10 #container  {background: url('./images/cord-tankards.jpg') 50% 0 no-repeat;}
.page-id-12 #container  {background: url('./images/cord-upstairs-01.jpg') 50% 0 no-repeat;}
.page-id-14 #container  {background: url('./images/cord-chair-back.jpg') 50% 0 no-repeat;}
.page-id-16 #container  {background: url('./images/cord-downstairs-01.jpg') 50% 0 no-repeat;}

#header                 {height: 320px; background: url('./images/bg-header.png') repeat-x; width: 940px; margin-left: 10px;}
#logo                   {display: block; margin: 32px 0 0 35px;}
#logo img               {border: 0;}
#navigation             {height: 35px; padding-top: 98px; background: url('./images/bg-navigation.png') repeat-x; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 15px; margin: 0;}
#navigation li          {float: left; list-style-type: none; margin-left: 16px;}
#navigation .current_page_item a {color: #FFFFFF;}

/* Navigation for static menu  */
.page-id-2 .page-item-2 a {color: #FFFFFF;}
.page-id-4 .page-item-4 a {color: #FFFFFF;}
.page-id-6 .page-item-6 a {color: #FFFFFF;}
.page-id-8 .page-item-8 a {color: #FFFFFF;}
.page-id-10 .page-item-10 a {color: #FFFFFF;}
.page-id-12 .page-item-12 a {color: #FFFFFF;}
.page-id-14 .page-item-14 a {color: #FFFFFF;}
.page-id-16 .page-item-16 a {color: #FFFFFF;}

#content                {position: relative; height: 460px;}
.smallBlock             {height: 160px; background-color: #000000; border-top: 2px solid #CD5E24; position: absolute; bottom: 0; left: 840px;}
.mediumBlock            {height: 160px; background-color: #000000; border-top: 2px solid #CD5E24; position: absolute; bottom: 0; left: 0;}
.largeBlock             {height: 450px; background-color: #000000; border-top: 2px solid #CD5E24; position: absolute; bottom: 0; left: 360px;}
.noRightMargin          {margin-right: 0;}
.noLeftMargin           {margin-left: 0;}
#footer                 {background-color: #000000; border-top: 2px solid #CD5E24; text-align: center; margin: 20px 0 0 10px; width: 940px; padding: 5px 0;}

#main                   {padding: 0 18px 0 18px; overflow: auto; height: 450px;}
#main iframe            {border: 2px solid #CD5E24; display: inline; padding: 0; margin-top: 9px;}
img                     {border: 2px solid #CD5E24; display: inline; padding: 0px;}
#main a:hover img       {border: 2px solid #CCCCCC;}
.signup                 {border-bottom: none;}

/* General form styles */
form                    {margin: 20px 0 0 30px;}
form h2                 {margin: 0 0 20px 0; font-size: 18px; color: #FFFFFF; font-weight: normal;}
form li                 {clear: both; display: block; list-style-type: none; overflow: hidden;}
form ul                 {margin: 0;}
label                   {cursor: default;}
label.desc              {width: 100px; padding: 1px 20px 0 0; display: block; font-size: 14px; float: left; text-align: right;}
form li.field           {padding-bottom: 10px; margin: 0;}
form li.buttons         {padding-left: 120px;}
.input                  {float: left; width: 100px;}
                        
/* Text Inputs */       
form input.text         {padding: 2px 0 0 5px; outline: none; background: url('./images/form-input.png') no-repeat; height: 21px; width: 157px;}
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;}

/* 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 #CD5E24; display: inline;}
.gallery dl             {margin: 0 2px 2px 0; float: left; line-height: 0; display: inline;}
.gallery-row            {overflow: hidden; width: 100%;}
.gallery h2             {clear:both;}

/* Drinks */
#coffee                 {width: 70%; margin-bottom: 18px;}

/* Scroll Bars */
.jScrollPaneContainer   {position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack       {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#000000;}
.jScrollPaneDrag        {position:absolute;background:#CD5E24;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;}