/*
Theme Name: Barnyard Behavior
Theme URI: http://barnyardbehavior.com/
Description: A custom theme for Barnyard Behavior / Claire Cario by <a href="http://joshreisner.com/">Josh Reisner</a>.
Version: 1.0
Author: Josh Reisner
Author URI: http://joshreisner.com/
Tags: custom header, fixed width, two columns
*/


body { background-color:#fff; margin:0px; font-family:Helvetica, Arial, sans-serif; font-size:15px; line-height:22px; }

#header { background:url(/wp-content/themes/bb/images/top-bg.jpg); height:181px; width:100%; position:relative; }
#header img { position:absolute; margin:0px 50%; left:-416px;  width:823px; height:181px; border:none; }

#navigation { background-color:#000; height:27px; }
#navigation ul { position:absolute; margin:0px; padding:0px; list-style-type:none; margin:0px 50%; left:-416px;  width:833px; }
#navigation li { float:left; padding:0px; margin:0px; }
#navigation li a { margin:0px 34px 0px 0px; height:27px; display:block; line-height:27px; color:#fff; text-decoration:none; background-repeat:no-repeat; background-position:center; color:transparent; }

#navigation li.page-item-3  a { width:44px;  background-image:url('/wp-content/themes/bb/images/nav-home-off.png'); }
#navigation li.page-item-2  a { width:164px; background-image:url('/wp-content/themes/bb/images/nav-about-off.png'); }
#navigation li.page-item-6  a { width:157px; background-image:url('/wp-content/themes/bb/images/nav-individual-off.png'); }
#navigation li.page-item-8  a { width:117px; background-image:url('/wp-content/themes/bb/images/nav-group-off.png'); }
#navigation li.page-item-11 a { width:111px; background-image:url('/wp-content/themes/bb/images/nav-news-off.png'); }
#navigation li.page-item-14 a { width:64px;  background-image:url('/wp-content/themes/bb/images/nav-contact-off.png'); margin:0px; }

#page { position:absolute; margin:34px 50%; left:-416px;  width:833px; height:auto; }

#pagebody { min-height:500px; }
#pagebody img { border:1px solid #ccc; padding:8px; background:#eee; margin:0px; }
#pagebody .alignright { float:right; margin-left:20px; margin-top:0px; }

#footer { position:absolute;  margin:34px 50%; left:-416px;  width:833px; height:auto; clear:both; font-size:12px; color:#999; line-height:20px; }

h2, h2 a { color:#821e20; font-weight:normal; font-size:24px; }
a { color:#3399ee; }