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

/* =reset
----------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* =structure
----------------------------------------------- */
body {
font-size: 14px;
line-height: 20px;
font-family: Helvetica, Arial, sans-serif;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAa0lEQVQYGW2P0Q0AIQhD1dwy7r+LjuPdI3lJc7EfAqUV6OfD3ruJOWfLGh5uQJKIf61xIMimDfjMHwig2ChXTZ61FmseYxVRy7cUSd7EdYxjPIrxwryOgXRxdzRqKKGiNJCnuLOP3+tOo+YXZquW9cVnMNUAAAAASUVORK5CYII=);
background: #FFF url(images/crosshatch.png);
color: #333;
text-align: center;
}
.section {
width: 960px;
overflow: hidden;
margin: 0 auto;
text-align: left;
padding: 15px 0 0 15px;
}
#main {
background: #DDD;
margin-bottom: 15px;
}
.one-third, .two-thirds, .one-quarter, .one-half, .three-quarters {
margin: 0 15px 15px 0;
float: left;
}
.row {
width: 100%;
overflow: hidden;
}
.two-thirds {
width: 625px;
}
.one-third {
width: 305px;
}
.one-half {
width: 465px;
}
.one-quarter {
width: 225px;
}
three-quarters {
width: 705px;
}
#header {
background: #333 /*url(images/stripe-grey.png)*/;
margin-bottom: 15px;
}
#main {
}
#content {
}
#sidebar {
float: right;
}
#footer {
width: 100%;
padding: 10px 0;
background: #00B7EB /*url(images/stripe-blue.png)*/;
}
.block {
padding: 20px 20px 10px 20px;
margin: 0 0 15px 0;
background: #333;
width: 265px;
overflow: hidden;
color: #000;
}
.block h2 {
color: #FFF;
}
.block a {
color: #00B7EB;
}
.block a:hover {
color: #FF0;
text-decoration: none;
}
.post {
width: 585px;
padding: 20px;
margin: 0 0 15px 0;
background: #FFF;
overflow: hidden;
}

/* =typography
----------------------------------------------- */ 
p, h1 {
margin-bottom: 20px;
}
.section h1, .section h2 {
color: #FFF;
}
.block h1, .post h1, .block h2, .post h2, #footer h1, #footer h2 {
padding: 0;
color: #333;
}
h1, h2, h3, h4, .title, #header .nav {
font-weight: bold;
}
h1, h2, h3, h4 {
margin-bottom: 10px;
}
ul, ol {
margin-bottom: 10px;
}
li {
margin-bottom: 10px;
}
h1 {
font-size: 24px;
line-height: 24px;
color: #FFF;
}
h2 {
font-size: 22px;
line-height: 28px;
margin-bottom: 20px;
}
h3 {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 8px;
}
h4 {
font-size: 14px;
margin-bottom: 5px;
}
.yellow {
background-color: #FF0; /*yellow*/
}
.pink {
background-color: #FF0090; /*pink*/
}
.blue {
background-color: #00B7EB; /*blue*/
}
a {
color: #00B7EB;
text-decoration: none;
}
a:hover {
color: #FF0090;
}
.block {
color: #EEE;
}
.block a {
color: #00B7EB;
}
.block a:hover, .block.pink a:hover, .block.blue a:hover {
color: #FF0;
}
.block.pink a, .block.blue a {
color: #FFF;
}
.block h1, .block h2, .block h3, .block h4 {
color: #FFF;
}
.block.pink h2 a:hover {
color: #FF0;
}
a.external {
padding-right: 32px;
padding-top: 3px;
background: url(images/feather_external-trans.png) no-repeat 100% -19px;
}
a.external:hover {
background-position: 100% -37px;
}
.breadcrumbs, .navigation {
font-size: 12px;
line-height: 1em;
text-transform: uppercase;
background: #FFF;
color: #666;
width: 945px;
overflow: hidden;
margin-bottom: 15px;
font-weight: bold;
}
.two-thirds .breadcrumbs, .two-thirds .navigation {
width: 100%;
}
h1.breadcrumbs {
color: #666;
}
.breadcrumbs a, .breadcrumbs span {
padding: 6px 30px 6px 10px;
display: block;
float: left;
background: #FFF url(images/nav_breadcrumbarrow.gif) no-repeat right center;
}
.breadcrumbs a:last-child, .breadcrumbs span:last-child {
background: none;
}
body.home .navigation span {
display: block;
padding: 6px 10px;
}
.navigation span.alignleft a {
display: block;
padding: 6px 40px 6px 10px;
background: #FFF url(images/nav_breadcrumbarrow_flip.gif) no-repeat right center;
}
.navigation span.alignright a {
display: block;
padding: 6px 10px 6px 40px;
background: #FFF url(images/nav_breadcrumbarrow.gif) no-repeat left center;
}
.navigation a:hover, .breadcrumbs a:hover {
text-decoration: none;
}


/* =images
----------------------------------------------- */
img, a img {
color:#666;
font-style:italic;
}
a img {
border: 3px solid #DDD;
}
a:hover img {
border-color: #FF0090;
}
.post p img {
max-width: 585px;
height: auto;
}
.post p a img {
max-width: 579px;
height: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 10px 10px;
display: inline;
}
img.alignleft {
margin: 0 10px 10px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* =header
----------------------------------------------- */

#badfeather {
width:197px; 
height:100px; 
color: #ABABAB;
text-transform: uppercase;
font-size: 1.5em;
margin-bottom: 20px;
}
#badfeather a {
text-indent: -9999em;
display: block;
width: 197px;
height: 100px;
background: url(images/badfeather_logo_rollover.gif) no-repeat 0 -100px; 
}
#badfeather a:hover, body.home #badfeather a {
background-position: 0 0;
}

/* =navigation
----------------------------------------------- */
.nav {
width: 100%;
overflow: hidden;
}
#header .nav {
width: 70%;
float: right;
font-size: 16px;
margin-right: 15px;
text-align: right;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
padding-top: 15px;
}
.nav a:hover {
text-decoration: none;
}
#header .nav li {
display: inline;
padding-left: 1em;
/* background: url(images/nav_forwardslash.gif) no-repeat left center; */
}
#header .nav li:first-child {
padding-left: 0;
background: none;
}
.nav li a:hover {
color: #FF0090;
}
.current_page_item a, .current-cat a, .current-cat-parent a, .current-cat-parent ul li.current-cat a, .current-cat-parent ul li.current-cat-parent a {
color: #FFF;
}
.current-cat ul a, .current-cat-parent ul a {
color: #00B7EB;
}
.nav li.current_page_item a:hover, .nav li.current-cat a:hover, .nav li.current-cat-parent a:hover {
color: #FFF;
}

/* homepage */

/* slideshow */
#slideshow {
width: 945px;
height: 300px;
padding: 0;
margin: 0 10px 15px 0;
background: #FFF;
color: #333;
}
#slideshow h2, #slideshow p {
margin-bottom: 10px;
color: #333;
}
#slideshow h2 {
font-size: 20px;
}
.slide {
width: 100%;
position: relative;
}
.slide div {
width: 265px;
background: #FFF; 
padding: 20px;
top: 50px;
right: 0;
position: absolute;
}
#slideshow .slide {
display: none;
}
#slideshow .slide:first-child {
display: block;
}
#slideshow img, #slideshow a img {
border: none;
}

/* recent news feed */
#recent-news {
background: #FFF;
padding: 20px 20px 0 20px;
margin-bottom: 15px;
}
#recent-news .post {
padding: 0;
border-bottom: 2px solid #DDD;
}
#recent-news .post:last-child {
border: none;
}
#recent-news .post img {
float: left;
margin: 0 20px 20px 0;
}
#recent-news h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
/* =main
----------------------------------------------- */
.post ul {
list-style: none;
margin-bottom: 15px;
}
.post ul li {
padding-left: 25px;
background: url(images/featherbullet.gif) no-repeat 0 0;
}
.postmetadata {
font-size: 12px;
border-top: 2px solid #DDD;
padding-top: 10px;
margin-bottom: 0;
clear: both;
}
.project {
padding: 20px;
margin: 0;
width: 265px;
overflow: hidden;
position: relative;
background: #FFF;
height: 250px;
}
.project a:hover {
color: #FF0;
text-decoration: none;
}
.project a .title {
color: #333;
}
.project:hover .title, .project.hover .title {
color: #FFF;
}
.project:hover, .project.hover {
background: #00B7EB;
}
.project span {
display: block;
width: 100%;
margin-bottom: 10px;
}
.project span.info {
height: 170px;
width: 265px;
padding: 0 20px;
font-size: 14px;
line-height: 20px;
position: absolute;
top: 50px;
left: 0;
background: #00B7EB;
color: #000;
visibility: hidden;
}
.project:hover span.info, .project.hover span.info {
visibility: visible;
}
a.external:hover {
background-position: 100% -37px;
}
.project span.view {
display: inline;
width: auto;
margin: 0;
line-height: 40px;
color: #FFF;
padding: 3px 32px 0 0;
background: url(images/feather_external-trans.png) no-repeat 100% 1px;
}
a:hover .view {
color: #FFF;
}
a:hover .view:hover, a:hover .view.hover, .project:hover a:hover .title:hover {
color: #FF0;
}
a:hover .view:hover, a:hover .view.hover {
background-position: 100% -37px;
}
.project .title {
font-size: 16px;
font-weight: bold;
}
.project:hover a, .project.hover a {
color: #FFF;
}
.project:hover a:hover, .project.hover a:hover {
color: #FF0;
}
.project ul.cats {
margin-bottom: 5px;
}
.project ul.cats li {
display: inline;
}
.project span.hidden {
min-height: 1%;
visibility: hidden;
}

/* galleries */
.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery .gallery-row {
display: block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 0;
padding: 0 20px 20px 0;
text-align: left;
line-height: 1em;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
padding: 0;
}
.gallery-caption {
margin-left: 0;
}

/* =sidebar
----------------------------------------------- */
#sidebar li {
margin-bottom: 5px;
}
#sidebar li.twitter-item {
margin-bottom: 10px;
}
#sidebar .widget li {
margin-bottom: 0;
}
p.follow {
width: 100%;
overflow: hidden;
line-height: 1em;
padding-top: 5px;
margin-bottom: 20px;
}
p.follow a {
display: block;
width: 30px;
height: 0px !important;
height /**/:30px;
padding-top: 30px;
overflow: hidden;
background: url(images/follow_icons.gif) no-repeat;
float: left;
margin-right: 10px;
}
p.follow a.facebook {
background-position: -60px 0;
}
p.follow a.facebook:hover {
background-position: -60px -30px;
}
p.follow a.twitter {
background-position: -30px 0;
}
p.follow a.twitter:hover {
background-position: -30px -30px;
}
p.follow a.rss {
background-position: 0 0;
}
p.follow a.rss:hover {
background-position: 0 -30px;
}

/* flickr stream */
#flickr_badge_wrapper {
padding: 0;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
.flickr_badge_image {
display: block;
float: left;
width: 84px;
height: 84px;
margin: 2px;
}
.flickr_badge_image a img {
border: 3px solid #FFF;
}
.flickr_badge_image a:hover img {
border: 3px solid #FF0;
}

/* signup form */
#subForm {
padding-top: 5px;
}
#subForm p {
width: 100%;
overflow: hidden;
position: relative;
}
#subForm input {
font-size: 12px;
line-height: 1em;
padding: 7px 7px 8px 7px;
border: none;
width: 209px;
float: left;
}
#subForm label.overlayed {
position: absolute;
top: 7px;
left: 7px;
white-space: nowrap;
color: #999;
}
#subForm input.btn {
text-indent: -5000px;
background: url(images/formcheck.gif) no-repeat 0 0;
width: 30px;
height: 30px;
float: right;
line-height: 1;
border: none;
}
#subForm input.btn:hover {
background-position: 0 -30px;
}
#bookshelf ul {
padding: 10px 0 0 0;
}
#bookshelf li {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
#bookshelf li img {
float: left;
margin-right: 10px;
}

/* =tags list
----------------------------------------------- */
.tagcloud a:hover {
text-decoration: none;
}

/* =footer
----------------------------------------------- */
#footer .one-third {
width: 285px;
padding: 0 20px 0 0;
}
#footer li {
float: none;
margin: 0 0 5px 0;
}
#footer ul ul {
padding-top: 5px;
margin-bottom: 5px;
}
#footer .nav ul li {
text-transform: none;
display: inline;
}
#footer .nav ul li:after {
content: ' / ';
}
#footer .nav ul li:last-child:after {
content: ''; 
}
#footer a {
color: #FFF;
}
#footer a:hover {
color: #FF0;
}
#footer .current_page_item a, #footer .current-cat a, #footer .current-cat-parent a, #footer .current-cat-parent ul li.current-cat a, #footer .current-cat-parent ul li.current-cat-parent a {
color: #FF0;
}
#footer .current-cat ul a, #footer .current-cat-parent ul a {
color: #FFF;
}
#footer .current_page_item a:hover, #footer .current-cat a:hover, #footer .current-cat-parent a:hover {
color: #FF0;
}
.copyright {
width: 960px;
margin: 10px auto;
overflow: hidden;
text-align: left;
}
.copyright a img {
border: none;
}


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

/* Mailing List Form */
body div.wpcf7 {
margin-bottom: 20px;
}
form.wpcf7-form {
color: #333;
}
form.wpcf7-form p {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 10px;
}
form.wpcf7-form h2, form.wpcf7-form h3 {
padding-top: 10px;
margin-bottom: 10px;
}
form.wpcf7-form label.overlayed {
position: absolute;
top: 7px;
left: 7px;
white-space: nowrap;
color: #999;
z-index: 10;
}
form.wpcf7-form input, form.wpcf7-form textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
padding: 6px 7px 7px 7px;
}
form.wpcf7-form textarea {
width: 569px;
}
form.wpcf7-form input.submit {
width: auto;
background: #00B7EB;
border: none;
color: #FFF;
padding: 5px 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
}
form.wpcf7-form input.submit:hover {
background: #FF0090;
}
img.wpcf7-captcha-your-captcha {
border: 2px solid #00B7EB;
}
.wpcf7-list-item {
display: block;
}
.submitBut {
text-align: left;
}
.error {
color:#F00; 
font-weight:bold; 
font-size:.9166em;
}
.right {
float: right;
}

/*#searchform */
				
#searchform {
width: 170px;
height: 24px;
background: #FFF;
overflow: hidden;
}
#main #searchform {
border: 1px solid #00B7EB;
}
#searchform #s {
line-height: 1em;
padding: 5px;
width: 136px;
color: #333;
border: 0;
float: left;
}
#searchform #searchsubmit {
float: right;
width: 24px;
height: 0px !important;
height /**/:24px;
padding-top: 24px;
overflow: hidden;
border: 0;
cursor: pointer;
background: url(images/search.gif) no-repeat 0 0;
}
#searchform #searchsubmit:hover {
background-position: 0 -24px;
}
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: #FF0090; /*pink*/
}
.blue {
background-color: #00B7EB; /*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 */