/*
Theme Name: Bait Barn
Theme URI: http://baitbarnfisheries.com/
Description: Theme for the Bait Barn
Version: 1.0
Author: Travis Ward
Author URI: http://wearealways.com/
*/



* { margin: 0; padding: 0; }



html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; background: #3d291b; }

body { background: #3d291b; font-size: 62.5%; }



@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }



body, textarea, input, select, option, button { color: #333; font-family: Georgia,serif; line-height: 1.5; }

li, dt, dd, p, th, td, caption, pre { font-size: 1.4em; }

ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }



a { color: #333; text-decoration: underline; }

a:hover, a:focus, a:active { color: #333; text-decoration: none; }



ul, ol, dd, blockquote { padding-left: 40px; }

ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }



img { border: none; -ms-interpolation-mode: bicubic; }

pre { font-family: "Courier New",monospace; white-space: pre-wrap; }

table { border-collapse: collapse; border-spacing: 0; }

button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }



hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }

*:first-child+html hr { margin: -7px 0 8px !important; }



.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }



abbr { border: none; }



/* LAYOUT

------------------------------------------- */



#root { background: #697b7f url(images/main-bcg.jpg) repeat-x; }

 #root .wrapper-a { background: url(images/map.jpg) 50% 0 no-repeat; } 

 #top { position: relative; z-index: 10; width: 900px; height: 150px; margin: 0 auto; }

  #logo { position: absolute; z-index: 100; top: 40px; left: 213px; }

   #logo a { }

  #top p.image { position: absolute; top: 15px; left: -80px; overflow: hidden; width: 261px; height: 166px; margin: 0; }

  #top div.fish-helper { position: absolute; z-index: 100; left: -73px; bottom: -142px; display: block; width: 133px; height: 111px; background: url(images/fish-2.png) no-repeat;}

  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }

   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

  #nav { list-style: none; margin: 0 0 0 10px; padding: 30px 0 0 0; }

  #nav li { padding-bottom: 4px; }

   #nav li a { display: block; overflow: hidden; width: 195px; height: 42px; background: url(images/main-menu.png) no-repeat; text-indent: -10001px; }

   #nav li a:hover,
   .slug-home #nav .home a { background-position: -254px 0; }

	#nav li.stocker-fish a { background-position: 0 -46px; }

   #nav li.stocker-fish a:hover,
   .slug-stocker-fish #nav .stocker-fish a { background-position: -254px -46px; }

	#nav li.feed a { background-position: 0 -92px; }

   #nav li.feed a:hover,
   .slug-feed-em #nav .feed a  { background-position: -254px -92px; }

	#nav li.fishin a { background-position: 0 -137px; }

   #nav li.fishin a:hover,
   .slug-fishin-supplies #nav .fishin a { background-position: -254px -137px; }

	#nav li.our-story a { background-position: 0 -183px; }

   #nav li.our-story a:hover,
   .slug-our-story #nav .our-story a  { background-position: -254px -183px; }

	#nav li.other a { background-position: 0 -228px; }

   #nav li.other a:hover,
   .slug-other-stuff #nav .other a  { background-position: -254px -228px; }

	#nav li.questions a { background-position: 0 -274px; }

   #nav li.questions a:hover,
   .slug-contact #nav .questions a  { background-position: -254px -274px; }

   #nav li em { position: absolute; left: -10001px; top: -10001px; }

 #content { width: 920px; margin: 0 auto; }

  .cols-two-a { position: relative; z-index: 1; overflow: hidden; width: 100%; }

   .cols-two-a div.primary-ta { width: 205px; float: left; }

   * html .cols-two-a div.primary-ta { position: absolute; top: 0; left: 0; }

   .cols-two-a div.secondary-ta { position: relative; z-index: 20; min-height:750px; width: 714px; float: left; margin-left: -10px; padding-top: 39px; background: url(images/content-bcg-top.png) no-repeat; }

   #root .cols-two-a div.secondary-ta .wrapper-a { padding-bottom: 30px; background: url(images/content-bcg-btm.png) 0 100% no-repeat; }

    .cols-two-a div.secondary-ta .wrapper-b { padding: 7px 55px; margin: 0 auto; min-height: 700px; background: url(images/content-bcg.png) repeat-y; }

    * html .cols-two-a div.secondary-ta { margin: 0 0 0 195px; float: none; }

    * html .cols-two-a div.secondary-ta .wrapper-b { height:750px; }

 #footer { margin-top: -42px; padding-top: 13px; background: #3d291b url(images/footer-bgc-1.png) 50% 0 no-repeat; min-width: 910px ;}

  #footer .wrapper-a { background: url(images/footer-main-bcg.png) 50% 0 no-repeat; }

   #footer .wrapper-b { overflow: hidden; width: 714px; margin: 0 auto; padding: 68px 0 65px 195px; color: #ece5ce; font-weight: bold; font-family: Helvetica,Arial,sans-serif; }

    #footer .wrapper-b a { color: #ece5ce; text-decoration: none; }

    #footer .wrapper-b a:hover { color: #ece5ce; text-decoration: underline; }

    #footer .wrapper-b ul { list-style: none; margin: 0; padding: 0 0 15px 0; text-align: center; }

     #footer .wrapper-b ul li { display: inline;  padding: 0 6px 0 7px; font-size: 1.5em; background: url(images/brd-2.png) 0 50% no-repeat; }

     #footer .wrapper-b ul li.first { background: none; }

     #footer .wrapper-b p { margin: 0; font-size: 1.2em; text-transform: uppercase; text-align: center; }

     #footer .wrapper-b p a { padding-left: 10px; }

   

/* GENERAL

------------------------------------------- */



/* headers */



h1, h2, h3, h4, h5, h6 {  }

h1 { font-size: 2.2em; }

h2 { font-size: 2.4em; font-weight: normal; line-height: 1.33; }

h3 { font-size: 1.8em; color: #424a1d; font-weight: normal; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.0em; }



.cf { color: #27354f; font-size: 5.5em; line-height: 40px; font-family: Impact, Charcoal, sans-serif; }

.cf .cufon-canvas { height: 45px !important; overflow: hidden; vertical-align: top; }

 .cf .cufon-canvas canvas { top: 0 !important; }

.header-a { padding: 24px 150px 30px 0; background: url(images/header-a.png) 100% 50% no-repeat; }

.header-b { padding: 24px 100px 30px 0; background: url(images/header-b.png) 100% 0 no-repeat; }

.header-c { font-size: 4.5em !important; }



* html .header-a { padding: 15px 150px 15px 0; }

* html .header-b { padding: 15px 100px 15px 0; }



/* tables */



table { font-family: Helvetica,Arial,sans-serif; }

 table th, table td { border: 1px solid #56514c; font-size: 13px; }

 

.table-a { border-bottom: 1px solid #56514c; }

 .table-a thead th { width: 20px; padding: 0 2px; border-top: none; font-weight: normal; text-transform: uppercase; font-size: 16px; text-align: left; font-family: Georgia, serif; }

 .table-a thead th span { display: block; overflow: hidden; width: 20px; height: 36px; text-indent: -10001px; background: url(images/months.png) no-repeat; }

 .table-a td { padding: 0; text-align: center; }

 .table-a tbody td { border-width: 0 1px 0 1px; }

 .table-a td.name { padding: 5px 10px; vertical-align: top; text-align: left; }

 .table-a td.price { padding: 5px 10px; vertical-align: top; text-align: left; }

 .table-a th.fish { border-left: none; width: 170px; padding: 5px 10px; }

 * html .table-a th.fish { width: 155px; }

 *:first-child+html .table-a th.fish { width: 155px; }

 .table-a th.price { width: 155px; padding: 5px 10px; }

 

 .table-a thead th.jan span { background-position: 4px 0; }

 .table-a thead th.feb span { background-position: -20px 0; }

 .table-a thead th.mar span { background-position: -47px 0; }

 .table-a thead th.apr span { background-position: -72px 0; }

 .table-a thead th.may span { background-position: -98px 0; }

 .table-a thead th.jun span { background-position: -124px 0; }

 .table-a thead th.jul span { background-position: -149px 0; }

 .table-a thead th.aug span { background-position: -175px 0; }

 .table-a thead th.sep span { background-position: -200px 0; }

 .table-a thead th.oct span { background-position: -225px 0; }

 .table-a thead th.nov span { background-position: -250px 0; }

 .table-a thead th.dec span { background-position: -277px 0; }

 

 .table-a tr.zebra { background: #d3cab2; }

 

/* containers */



 .wrapper-d { padding-bottom: 40px; } 



/* paragraphs */ 



 p.image-frame { position: relative; width: 682px; height: 258px; margin-bottom: 26px; padding: 9px 10px 10px 10px; background: url(images/frame.png) no-repeat; }

  p.image-frame span { position: absolute; top: -7px; left: -9px; display: block; width: 619px; height: 291px; background: url(images/frame-corners.png) no-repeat; }

 

 p.more a { overflow: hidden; text-indent: -10001px; display: block; width: 260px; height: 41px; background: url(images/button-2.png) no-repeat; }

 p.more a:hover { background-position: 0 -41px; }

 

 p.text-a { padding: 20px 0 25px 0; }

 p.text-b { font-size: 1.7em; padding: 20px 0;  }

 

/* forms */ 



 .form-a h2 { margin-bottom: 10px; }

 .form-a h3 { margin-bottom: 15px; }

  .form-a h3 label { padding: 0; }

 .form-a p { margin: 0; font-size: 1.3em; font-family: Helvetica,Arial,sans-serif; }

 .form-a p.btn { padding: 20px 0 0 30px; }

  .form-a p.btn button { margin: 0; padding: 0; background: none; border: none; }

 .form-a .cols-two-c div.primary-tc p { margin: 0 0 15px 0; }

  .form-a label { display: block; padding-left: 10px; }

  .form-a input { width: 264px; padding: 4px 3px; background-color: transparent; border: 1px solid #424a1d; }

  .form-a input:focus,

  .form-a input.focus { background: #f5f2e7; }

  .form-a textarea { width: 400px; height: 150px; border: 1px solid #424a1d; background-color: transparent; margin-left: 30px; }

  .form-a textarea:focus,

  .form-a textarea.focus { background: #f5f2e7; }

  .form-a ul { list-style: none; margin: 0; padding: 0; }

   .form-a ul li { font-size: 1.3em; font-family: Helvetica,Arial,sans-serif; line-height: 1.8; }

   .form-a ul li.email { padding: 15px 0; }

  

/* cols */ 

 .cols-two-b { overflow: hidden; width: 100%; padding-bottom: 23px; margin-bottom: 30px; background: url(images/brd-1.png) 0 100% repeat-x; }

  .cols-two-b div.primary-tb { float: left; width: 280px; }

  .cols-two-b div.secondary-tb { float: right; width: 270px; }

  

 .cols-two-c { overflow: hidden; width: 100%; }

  .cols-two-c div.primary-tc { float: left; width: 360px; padding-left: 30px; }

  .cols-two-c div.secondary-tc { float: left; width: 200px; }

  

 .cols-two-d { overflow: hidden; width: 100%; margin-bottom: 25px; padding-bottom: 25px; background: url(images/brd-1.png) 0 100% repeat-x; }

  .cols-two-d div.primary-td { float: left; width: 280px; }

  .cols-two-d div.secondary-td { float: right; width: 315px; }

   .cols-two-d div.primary-td p.image { padding: 12px 0 5px 12px; background: url(images/frame-1.png) no-repeat; }

   .slug-fishin-supplies .cols-three-a { margin-bottom:20px; overflow:hidden; padding-bottom:20px;}
   


 .cols-three-a { overflow: hidden; width: 100%; margin-bottom: 25px; padding: 7px 0 25px 0; background: url(images/brd-1.png) 0 100% repeat-x; }

  .cols-three-a div.primary-t-a { float: left; width: 195px; padding-right: 10px; }

  .cols-three-a div.secondary-t-a { float: left; width: 205px; padding: 0 10px 0 0; }

  .cols-three-a div.tertiary-t-a { float: left; width: 165px; padding-right: 10px; }

   .cols-three-a h3 { margin-bottom: 6px; font-size: 2.1em; }

   .cols-three-a ul { list-style: none; margin: 0; padding: 0; }

    .cols-three-a ul li { padding: 2px 0 2px 8px; background: url(images/bullet-1.png) 0 12px no-repeat; }

     .cols-three-a ul li a { text-decoration: none; }

     .cols-three-a ul li a:hover { text-decoration: underline; }
 
 .slug-fishin-supplies .cols-two-d { background: none; margin-bottom: 0; padding-bottom: 0;}
	
 .nobg { background: none;}

    * html .cols-three-a ul li { height: 2px; }

 

/* ELEMENTS

------------------------------------------- */



 #info-box-a { position: absolute; z-index: 100; top: 10px; right: -75px; overflow: hidden; width: 211px; height: 191px; background: url(images/info-card.png) no-repeat; text-indent: -10001px; }

 

 #info-box-b { height: 290px; margin-top: 30px; padding: 42px 10px 42px 35px; color: #f1ebd7; background: url(images/board.png) 0 0 no-repeat; }

  #info-box-b h2 { overflow: hidden; width: 137px; height: 37px; margin-bottom: 26px; background: url(images/header-1.png) no-repeat; text-indent: -10001px; }

  #info-box-b p { margin: 0; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 1.5em; }

   #info-box-b p a { color: #f1ebd7; }

 

 #button-1 { display: block; overflow: hidden; width: 613px; height: 81px; background: url(images/button-1.png) 0 100% no-repeat; text-indent: -10001px; margin-top: -45px; }
 
 #gift-card { display: block; overflow: hidden; width: 613px; height: 130px; background: url(images/gift-card.png) 0 100% no-repeat; text-indent: -10001px; }