/*
Theme Name: Featherriffic
Theme URI: http://badfeather.com/
Description: Bad Feather forever!!!
Version: 2.0
Author: Bad Feather
Author URI: http://badfeather.com/
Tags: bad, feather, who's bad?
*/


/* =structure
----------------------------------------------- */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font-size: 81.25%; /* Resets 1em to 14px */
line-height: 1.4286em;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
background-image: url(images/widestripe.png);
color: #333;
text-align: center;
height: 100%;
}
.top {
position: relative;
min-height: 100%;
}
* html .top {
height: 100%;
}
#header {
background-color: #FFF;
background-image: url(images/BF_background_mast.png);
background-repeat: repeat-x;
background-position: top;
}
#main {
width: 945px;
margin: 20px auto;
text-align: left;
color: #666;	
padding-bottom: 22em;
overflow: hidden;
background: transparent;
}
.widecolumn {
width: 945px;
}
.narrowcolumn {
float: left;
clear: none;
display: inline;
width: 611px;
}
.nav {
border-top: 3px solid #666;
background-image: url(images/blue-trans.png); 
width: 100%;
}	
#sidebar {
width: 267px;
float: right;
clear: none;
display: inline;
margin-right: 34px;
padding: 25px 0;
background-image: url(images/grey-trans.png);
color: #FFF;
}
#footer {
background-image: url(images/blue-trans.png); 
width: 100%;
height: 22em;
margin-top: -22em;
border-bottom: 3px solid #666;
}
.footercontent {
width: 945px;
margin: 0 auto;
padding: 1.5em 0;
text-align: left;
}
.post {
margin: 0;
padding: 0;
overflow: hidden;
}
.news .post, .signUp .post, .contact .post, .whosBad .post {
margin: 0 0 1.4286em 0;
width: 560px;
padding: 25px;
background-color: #FFF;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

/* =typography
----------------------------------------------- */ 
a {
color: #333;
text-decoration: none;
}
.news .post a, .signUp .post a {
color: #F08; /*pink*/
}
.whosBad .post a, .contact .post a {
color: #0CF; /*blue*/
}
.news .post a:hover, .whosBad .post a:hover, .contact .post a:hover, .signUp .post a:hover {
text-decoration: underline;
}
a:hover {
color: #FF0; /*yellow*/
text-decoration: none;
}
a.external {
padding-right: 32px;
padding-top: 3px;
background-image: url(images/feather_external.png);
background-repeat: no-repeat;
background-position: top right;
}
a.external:hover {
background-image: url(images/feather_external_over.png)
}
.post strong {
font-weight: normal;
text-transform: uppercase;
}
p {
margin-bottom: 1.4286em;
}
ul, ol {
position: relative;
margin-bottom: .9286em;
}
h1, h2, h3, h4 {
font-weight: normal;
}
h1 {
font-size: 1.8em;
line-height: 1em;
margin-bottom: 1em;
}
h2 {
font-size: 1.2857em;
line-height: 1em;
margin-bottom: 1em;
	}
.work h2, .work h2 a, .whosBad h2, .whosBad h2 a, .contact h2, .contact h2 a  {
color: #0CF; /*blue*/
}
.news h2, .news h2 a, .signUp h2, .signUp h2 a, .signUp h1 {
color: #F08; /*pink*/
}
h3 {
font-size: 1.143em;
font-weight: bold;
text-transform: uppercase; 
margin-bottom: .4375em;
}
h4 {
font-size: 1em;
color: #A2A4A3; /*Grey*/ 
margin-bottom: .5em;
}

h4 {
color: #000000;
}
h3.comments {
padding: 0;
margin: 40px auto 20px;
}
em {
letter-spacing: .05em;
}
ul {
list-style: none;
}
ol li {
list-style: decimal outside;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
small {
font-size: 0.857em;
line-height: 1.5em;
color: #F08; /*pink*/
text-transform: uppercase;
margin-bottom: 1.5em;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {	
margin: 1em;
padding-left: 1em;
border-left: 1px solid #F08; /*pink*/
font-style: italic;
font-size: 1.05em;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
.clear {
clear: both;
}
.postmetadata {
text-align: left;
font-size: .8333em;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

/* =images
----------------------------------------------- */
img, a img {
border: none;
}
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* =header
----------------------------------------------- */
.headercontent {
width: 911px;
text-align: left;
padding: 15px 34px 15px 0;
margin: 0 auto;
}
.headercontent h1 {
width: 100%;
height: 114px;
margin: 0;
padding: 0;
color: #ABABAB;
text-transform: uppercase;
font-size: 1.5em;
overflow: hidden;
position: relative;
}
.headercontent h1 span {
overflow: hidden;
height: 0px !important;
background: no-repeat left top;
}
.headercontent h1 span.logo {
width: 223px;
height: 114px;
position: absolute;
top: 0;
right: 0;
padding-top: 114px;
background-image: url(images/BF_logo-trans.png);
}
.headercontent h1 span.badder {
width: 345px;
height: 19px;
position: absolute;
top: 27px;
left: 0;
padding-top: 19px;
background-image: url(images/badder-trans.png);
}

/* =navigation
----------------------------------------------- */
.work div.nav, .whosBad div.nav, .contact div.nav {
background-image: url(images/blue-trans.png);
}
.news div.nav, .signUp div.nav {
background-image: url(images/pink-trans.png);
}
.nav ul {
list-style: none;
font-weight: bold;
text-align: left;
width: 945px;
margin: 0 auto;
padding: .4em 0;
}
.nav ul li {
display: inline;
text-transform: uppercase;
margin-right: 2em;
}
.nav ul li a {
color: #333;
position: relative;
}
.nav ul li a:hover  {
color: #FF0; /*yellow*/
padding-top: .7em;
margin-top: -.7em;
}
.nav ul li.current a {
color: #FFF;
}
.nav ul li.current a:hover {
background-image: none;
}


/* =main
----------------------------------------------- */
.narrowcolumn h2 {
margin-bottom: .5em;
} 
.work .narrowcolumn img, .work .narrowcolumn img a {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.post h2 {
font-size: 1.714em;
}
.post ul {
list-style: inside disc;
}
.post li {
padding: 0 0 .5em 0;
}
/*.post li:before {
content: '- ';
}*/
.post hr {
display: block;
}
.navigation {
text-align: left;
height: 1em;
line-height: 1em;
padding: .5em 0;
background-image: url(images/grey-trans.png);
width: 100%;
overflow: hidden;
}
.work .navigation {
width: 893px;
}
.single.work .navigation {
width: 610px;
}
.navigation .alignleft {
padding-left: 15px;
}
.navigation .alignright {
padding-right: 15px;
}
.navigation a {
color: #CCC;
}
.navigation a:hover {
color: #FF0;
}
#thumbs {
list-style: none;
width: 100%;
overflow: hidden;
margin: 0;
}
#thumbs li {
float: left;
width: 275px;
height: 214px;
margin: 0 34px 34px 0;
text-align: left;
position: relative;
}
#thumbs span {
display: block;
width: 255px;
padding: .25em 10px .5em 10px;
background-image: url(images/grey-trans.png);
}
#thumbs span.thumb {
position: absolute;
top: 0;
left: 0;
padding: 0;
width: 275px;
height: 175px;
z-index: -1;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
#thumbs a {
color: #FFF;
}
#thumbs span.title {
text-transform: uppercase;
padding-top: .5em;
font-weight: bold;
}
#thumbs a span.title {
color: #0CF; /*blue*/
}
#thumbs a:hover span.title {
color: #FF0; /*yellow*/
}
#thumbs ul.cats {
background-image: none;
background-color: #0CF; /*blue*/
position: absolute;
display: block;
top: 189px;
left: 0;
width: 255px;
padding: 0 10px;
margin: 0;
list-style: none;
}
#thumbs ul.cats li {
display: inline;
margin: 0; 
padding: .25em .25em .5em .25em;
width: auto;
height: 1em;
border: none;
}
#thumbs ul.cats a {
color: #333;
}
#thumbs span.client {
color: #C9C9C9;
}
#thumbs span.client a {
position: relative;
}
#thumbs ul.cats a:hover, #thumbs span.client a:hover {
color: #FF0; /* yellow */
}
#thumbs span.hidden {
min-height: 1%;
}

/* =sidebar
----------------------------------------------- */
#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar ul {
margin-left: 15px;
margin-right: 15px;
}
#sidebar h1 {
font-size: 1.5em;
line-height: 1.2em;
margin-bottom: .3em;
}
#sidebar h2 {
font-size: 1.143em;
line-height: 1.125em;
margin-bottom: .3em;
text-transform: uppercase;
font-weight: bold;
}
#sidebar a {
color: #FFF;
position: relative;
}
#sidebar a:hover {
color: #FF0;
}
#sidebar p.cats {
padding: .2em 15px;
margin-right: 0;
margin-left: 0;
}
#sidebar p.cats a {
color: #333;
}
#sidebar p.cats a:hover {
color: #FF0;
}
.work p.cats, .whosBad p.cats, .contact p.cats, .work h2.signup, .whosBad h2.signup, .contacts h2.signup {
background-color: #0CF; /*blue*/
}
.news p.cats, .signUp p.cats, .news h2.signup, .signup h2.signup {
background-color: #F08; /*pink*/
}
#sidebar h2.signup {
padding: .5em;
display: block;
margin-bottom: 1.6em;
font-weight: normal;
}
ul.recent_news, ul.twitter {
padding-top: .1em;
}
ul.recent_news li {
line-height: 1.2em;
margin-bottom: .2em;
}
ul.recent_news li span.date {
font-size: .8em;
}
#sidebar ul.recent_news li, ul.twitter li {
margin-bottom: .3em;
}
#sidebar .date {
color: #CCC;
}
#flickr_badge_wrapper {
padding: .2em 15px .2em 15px;
margin-bottom: 1.3846em;
}
.flickr_badge_image {
display: inline;
margin-right: 2px;
}
.flickr_badge_image a img {
border: 1px solid #FFF;
}
.flickr_badge_image a:hover img {
border: 1px solid #F08;
}

/* =tags list
----------------------------------------------- */
.wp-tag-cloud {
list-style: none;
}
.wp-tag-cloud li {
display: inline;
}
.wp-tag-cloud li:after {
display: inline;
content: ' / ';
}
.wp-tag-cloud li a {
color: #333;
}
.wp-tag-cloud li a:hover {
color: #FF0; /*yellow*/
text-decoration: none;
}

/* =footer
----------------------------------------------- */
#footer h2 {
color: #FFF;
margin-bottom: .5em;
}
.work div#footer, .whosBad div#footer, .contact div#footer {
background-image: url(images/blue-trans.png);
}
.news div#footer, .signUp div#footer {
background-image: url(images/pink-trans.png);
}
.footerblock {
width: 281px;
min-height: 160px;
float: left;
margin: 0 34px 10px 0;
padding: 0;
}
.footerblock ul li a {
position: relative;
}
.footernav {
list-style: none;
font-weight: bold;
text-align: left;
margin: 0;
padding: 0 0 .5em 0;
}
.footernav li {
text-transform: uppercase;
line-height: 1.5em;
}
.footernav li a {
color: #333;
}
.footernav li a:hover {
color: #FF0; /*yellow*/
}
.footernav li.current-cat a, .footernav li.current_page_item a {
color: #FFF;
}
#footer ul.children {
margin-bottom: 0;
font-weight: normal;
}
#footer ul.children li {
text-transform: none;
display: inline;
}
#footer ul.children li:after {
content: ' / ';
}
#footer li.current-cat ul.children li a {
color: #333;
}
#footer li.current-cat ul.children li a:hover {
color: #FF0; /*yellow*/
} 
.copyright {
clear: both;
width: 945px;
margin: .5em auto;
padding-bottom: .5em;
text-align: left;
}
.copyright a {
color: #666;
}
.copyright a:hover {
text-decoration: underline;
}


/* =forms
----------------------------------------------- */

/* Mailing List Form */
.formText {
color: #333;
background-image: url(images/pink-trans.png);
float: left;
width: 15em;
padding: .3em;
margin-right: .5em;
}
.contact .formText {
background-image: url(images/blue-trans.png);
}
.submitBut {
text-align: left;
}
label {
color: #666;
}
.error {
color:#FF0000; 
font-weight:bold; 
font-size:.9166em;
}
.right {
float: right;
}

/* Searchform */
#searchform {
margin: 0;
padding: 0;
}
#searchform #s {
width: 12em;
margin: 0 .5em 0 0;
padding: 0;
}
#searchform #searchsubmit {
margin: 0 .5em 0 0;
padding: 0;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
	
/* =special - backgrounds and colors
----------------------------------------------- */
.yellow {
background-color: #FF0; /*yellow*/
}
.pink {
background-color: #F08; /*pink*/
}
.blue {
background-color: #0CF; /*blue*/
}
.transYellow {
background-image: url(images/yellow-trans.png);
}
.transPink {
background-image: url(images/pink-trans.png);
}
.transBlue {
background-image: url(images/blue-trans.png);
}
.transGrey {
background-image: url(images/grey-trans.png);
}

/*
      _____    _______  ___      ______  ______  _______  _______  __   __  ______  ____
     / ___ \  / ___  / / _ \    / ____/ / ____/ / ___  / /__  __/ / /  / / / ____/ / __ \
    / /__/ / / /__/ / / / \ \  / /___  / /___  / /__/ /    / /   / /__/ / / /___  / /_/ /
   / ___ <  / ___  / / /  / / / ____/ / ____/ / ___  /    / /   / ___  / / ____/ / ___ < 
  / /__/ / / /  / / / /__/ / / /     / /___  / /  / /    / /   / /  / / / /___  / /  / /
 /______/ /_/  /_/ /______/ /_/     /_____/ /_/  /_/    /_/   /_/  /_/ /_____/ /_/  /_/
 
      ______  _______  ____     ______  _      _  ______  ____     __  __
     / ____/ / ___  / / __ \   / ____/ | |   / / / ____/ / __ \   / / / /
    / /___  / /  / / / /_/ /  / /___   | |  / / / /___  / /_/ /  / / / /
   / ____/ / /  / / / ___ <  / ____/   | | / / / ____/ / ___ <  /_/ /_/
  / /     / /__/ / / /  / / / /___     | |/ / / /___  / /  / / __  __  
 /_/     /______/ /_/  /_/ /_____/     |___/ /_____/ /_/  /_/ /_/ /_/

*/

/* Bads of a Feather flock to Heather, . . . and Brad */