/*
Theme Name: Pianos in the Wild
Theme URI: http://goodwebsites.co.nz
Description: Website and blog theme design by <a href="http://goodwebsites.co.nz/">Good Websites</a>
Version: 1 (WP2.9+)
Author: Good Websites
Author URI: http://goodwebsites.co.nz
Tags: Good Websites, Pianos in the wild
*/

@import "css/reset.css";

body, select, input, textarea { font: 76%/1.5 Arial, 'Helvetica Neue', Helvetica, sans-serif; }
body { color:#10232c; text-align:center; min-width:960px; background:#ecf1f5 url(img/bg.png) 0 0 repeat-x; }
select, input, textarea, .wrap { font-size:1em; }
.wrap { width:960px; margin:0 auto; text-align:left; word-spacing:0.05em; } 

.header { position:relative; height:120px; }
.container { overflow:hidden; /*height:1%; */} /* IE6 */
.content { float:left; width:620px; padding-bottom:40px; }
.sidebar { float:right; width:260px; background:url(img/bgsidebar.png) 0 0 no-repeat; padding:20px; }
.footer { background:#a11277 url(img/bgfooter.png) 0 0 repeat-x; font-size:0.9em; color:#fff; padding:20px 10px; }

.main { height:320px; margin-bottom:20px; } 

p, .post ul, .post ol, .article ul, .article ol { margin:0 0 1em; }
.footer p { width:620px; }
ul ul { margin:0; }
.post ul li, .article ul li { list-style:disc outside; padding-left:3px; margin-left:20px;}
.post ol li, .article ol li { list-style:decimal outside; padding-left:3px; margin-left:20px; }

.bullet li { background:url(img/bullet_blue.png) 0 .5em no-repeat; padding:0 0 .3em 1em; margin-left:2px; }
li.nobullet { background:none; padding:0 0 .3em 0; margin-left:0; }

iframe { border:1px solid #bcc8d1; margin-bottom:5px; }

.logo a, .hdloc, .socialfb a, .socialrss a, .socialyt a, .socialtw a, .hdconnected, .hdrcom { background:url(img/sprite.png) 0 0 no-repeat; }
.logo a { height:80px; width:500px; text-indent:-9000px; display:block; float:left; margin:33px 0 0 10px; }

.hdloc, .hdconnected, .hdtwit, .hdrcom, .hdrposts {  text-indent:-9000px; }
.hdloc { background-position:0 -220px; }
.hdconnected { background-position:0 -100px; }
.hdtwit { background-position:0 -130px; }
.hdrcom { background-position:0 -160px; clear:both; }
.hdrposts { background-position:0 -190px; }

a, a:visited { color:#356aa0; }
a:hover { color:#af1183; }

.footer a, .footer a:visited { color:#FFFF00; text-decoration:none;}
.footer a:hover { color:#99CCFF; text-decoration:underline; }

a.more-link, a:visited.more-link, a.more, a:visited.more  { color:#af1183; text-decoration:none; display:block; margin-top:10px; }
a:hover.more-link, a:hover.more { color:#356aa0; }

/* img alignments  WP */
img.centered{display:block;margin:10px auto;}
img.alignleft{margin:0 15px 10px 0;float:left;}
img.alignright{margin:0 0 10px 15px;float:right;}
a img.aligncenter{display:block;margin:10px auto;}
a img.alignright{float:right;margin:0 0 10px 15px;}
a img.alignleft{float:left;margin:0 15px 10px 0;}

/* misc */
.end { margin-bottom:1em; }
.fl { float:left; display:block; }
.fr { float:right; display:block; }
.em { font-style:italic; }
.strong { font-weight:bold; }
small { font-size:.9em; } 
big { font-size:2em; }

blockquote { border-left:4px solid #cf0; color:#666; padding:0 10px; margin-left:2px; margin-bottom:20px; }

/* nav */
.nav { position:absolute; top:0; left:0; }
.nav li { float:left; display:inline; background:url(img/bullet_blue.png) center right no-repeat;  }
.nav li.page-item-114 { background:none; } /* last item */
.nav a, .nav a:visited { float:left; display:inline; padding:2px 18px; text-decoration:none; font-size:0.9em; color:#fff; }
.nav a:hover, .nav .current_page_item a, .nav .current_page_parent a { color:#fff; text-decoration:underline; }

/* locanav */
ul.locnav { background-color:#000; width:100%; overflow:hidden; display:block; margin-bottom:20px; }
.locnav li { float:left; display:inline;}
.locnav a, .locnav a:visited { background-color:#000; float:left; display:inline; padding:10px 0; text-decoration:none; font-size:2em; color:#fff; border:1px solid #fff; border-width:0 1px 1px 0; }  

.locnav .page-item-117 a { width:170px; text-align:center; } /* was plucker */
.locnav .page-item-118 a { width:320px; text-align:center; } /* city focus */
.locnav .page-item-116 a { width:299px; text-align:center; border-right:none; } /* jean batten */
.locnav .page-item-115 a { width:210px; text-align:center; border-bottom:none; } /* eat st */
.locnav .page-item-119 a { width:409px; text-align:center; border-bottom:none; border-right:none; } /* corner.. */


.locnav a:hover, .locnav .current_page_item a, .locnav .current_page_parent a {background-color:#36a4b9;color:#fff;}

/* loc nav sub */
ul.locnav_sub { overflow:hidden; display:block; }
.locnav_sub li { /*float:left;*/ display:inline; margin-right:5px; }
.locnav_sub a, .locnav_sub a:visited { color:#5e6f77; text-decoration:none; }
.locnav_sub a:hover { color:#af1183; }
.locnav_sub li.current_page_item a { color:#a0b0bc; }

/* search */
#searchform {background:url(img/bgsearch.png) bottom center; position:absolute; right:0px; top:10px; width:300px; height:38px; text-align:center;}

/* headings */
h1, h2, h3, h4, h5, h6, .commentlist cite  { font-size:100%; font-weight:normal; line-height:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
h1 { font-size:2em; }
h2 { font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; margin-bottom:0; }
.parent-pageid-114 h2 { font-size:2.8em; }
h2 span { font-size:0.5em; font-weight:normal; }
h2.posttitle { margin-bottom:0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-style:normal; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }
h1.logo { margin:0; }
h2.archtitle { margin:20px 0 30px; }

/* sidebar */
.connected { overflow:hidden; margin-bottom:40px; padding-top:20px; }
.connected li { float:left; }
.socialfb a, .socialrss a, .socialyt a, .socialtw a { text-indent:-9000px; height:60px; width:60px; display:block; float:left; margin-right:5px; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); }
.socialfb a:hover, .socialrss a:hover, .socialyt a:hover, .socialtw a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
.socialfb a { background-position:0 -400px}
.socialrss a { background-position:-60px -400px; }
.socialyt a { background-position:-120px -400px; }
.socialtw a { background-position:-180px -400px; }

.rcom { }
.rcom li { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #bcc8d1; }
.rcom-date, a.rcom-loc { display:block; font-size:0.9em; text-decoration:none; }
.rcom-date {  color:#af1183; }
.rcom-author a { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; text-decoration:none; }

#wp125adwrap_2c { width:100%; margin-top:40px;  }
#wp125adwrap_2c .wp125ad { width:125px; float:left; padding-bottom:6px; }
#wp125adwrap_2c .wp125ad.odd { padding-right:6px; }
#wp125adwrap_2c img { border:1px solid #35506F; } #wp125adwrap_2c img:hover { border:1px solid #af1183; }

/* footer */
.footer { clear:both; }
.footer li { display:inline; }

/* credit */

.credit { background:url(img/check.png) left 3px no-repeat; padding-left:17px; color:#ff0; font-size:1.2em; margin-top:20px; }
.credit a, .credit a:visited { text-decoration:none; color:#ff0;   }
.credit a:hover { color:#99CCFF }

/* posts */

.excerpt {  border-top: 1px solid #10232c; padding-top:20px; margin-top:40px;   }

.posttitle a, .posttitle a:visited { text-decoration:none; color:#5e6f77; }
.posttitle a:hover { color:#af1183; }
.post { clear:both; margin:10px 0; overflow:hidden;  }

/* meta */

.meta, .metadate, .blogmeta { font-size:0.9em; border-bottom:1px solid #bcc8d1; margin-bottom:10px; padding-bottom:3px; color:#5e6f77; }
.meta { border-top:1px solid #bcc8d1; padding-top:3px; margin-top:20px; }
.meta a, .meta a:visited { color:#356aa0; text-decoration:none; }
.meta a:hover { color:#af1183; text-decoration:underline; }

.blogmeta { margin-top:10px; font-size:1em; clear:both; }


/* comments */

.comments-template { border-top: 1px solid #10232c; padding: 10px 0 0; }
.comments-template ol { margin:0; padding:0 0 15px; }
.comments-template ol li { margin:10px 0 0; line-height:1.6em; padding:0 0 10px; border-bottom:1px solid #10232c; }
.commentmeta { font-size:.9em; color:#5E6F77; }
p.commentmeta { margin:0; }
.comments-template cite { font-weight:bold; font-size:1.2em; margin-bottom:5px;}
.comments-template p.nocomments { padding:0; }
.comments-template input { margin:0 5px 10px 0; width:280px; }
.comments-template textarea { padding:3px; width:589px; margin-bottom:10px; }

h4#respond { background:none; padding:10px 0 20px; }

/* see contact form for more styling */

/* contact form */

.article .contactform img { border:none; margin:0; } /* reset when images are bordered */
.article .contactform  img.required { margin:0 3px 3px; }

.contactform { float:left; clear:left; width:100%; margin:10px 0 0; border-style:none; }
.contactform fieldset { margin-top:10px; }
.contactform ol { float:left; clear:left; list-style:none; }
.article .contactform ol li { list-style:none; padding-left:0; margin:0;  }
.contactform li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; padding-top:5px; }
.contactform label img { position:absolute; left:6em; top:.9em; }  
.contactform input { width:430px; }
.contactform textarea { width:430px; height:10em; overflow:auto; }
.contactform fieldset.contactsubmit  { margin-top:-10px; }
.contactsubmit { float:none; width:auto; padding:0 0 0.5em 7em; margin:0; }

.comments-template input, .comments-template textarea, #s, .contactform input, .contactform textarea {
  border:1px solid #5e6f77; background-color:#fafafa; padding:5px; }
#s { padding:3px; width:180px; }
.comments-template input:focus, .comments-template textarea:focus, input#s:focus, .contactform input:focus, .contactform textarea:focus { background-color:#fff; border:1px solid #af1183; }

.stories #submit, .comments-template #submit, .contactform .contactsubmit input, searchsubmit { 
  background-color:#5e6f77; border:1px solid #333; color:#fff; cursor:pointer; padding:5px 10px; font-size:1.2em; width:auto; }
.stories #submit:hover, .comments-template #submit:hover, .contactform .contactsubmit input:hover, searchsubmit:hover { background-color:#36a4b9; color:#fff; }

#searchsubmit {  margin-top:2px; width:80px; height:27px; }

input, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; }

/* experiences - comments */

.commentlist { margin-top:20px; }
.commentlist li { padding-left:140px; position:relative; height:100%; }
.c_date, .c_time { position:absolute; left:0; top:0; color:#af1183; font-size:1.4em; } .c_time { top:5px; font-size:1em; }
.commentlist cite { font-weight:bold; margin-bottom:0; font-size:1.5em;}
li.hline { border-top:1px solid #bcc8d1; margin-top:5px; padding-top:5px; }
#respond { background:url(img/bgcomment.png) 0 0 no-repeat; padding:20px 40px; }
#respond p, .stories #submit { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-style:italic; margin-bottom:10px; }
#respond label { font-size:1.1em; margin-bottom:5px; padding-left:5px; display:block; font-weight:bold; }
#respond input, #respond textarea { width:520px; }
#respond small { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:0.78em; line-height:normal; padding-top:3px; display:inline-block; font-weight:normal;  }

object { margin:10px 0; display:inline-block; }

.reportthis { text-align:right; font-size:0.9em; text-transform:uppercase; }
p.reportthis { margin-top:-5px; }
.reportthis a { text-decoration:none; color:#bcc8d1; }
.reportthis a:hover { color:#356aa0; }
.reportthis .reportcomment_textarea { margin:3px 0 10px; }

.stories input, .stories textarea { border:1px solid #5e6f77; background-color:#fafafa; padding:5px; }
.stories input:focus, .stories textarea:focus { background-color:#fff; border:1px solid #af1183; }

.stories #submit { width:330px; height:50px; font-size:1.4em; }

/*
.stories #submit { background:url(img/bttn.png) 0 -60px no-repeat; border:none; height:60px; width:530px; text-indent:-9000px; cursor:pointer; }
.stories #submit:hover { background-position:0 -120px; }*/

p.paginated-comments-pages { margin:20px 0; }
.paginated-comments-pages a, .paginated-comments-pages a:visited { padding:2px 4px; margin-left:1px; text-decoration:none; border:1px solid #bcc8d1; color:#5e6f77; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#f4f7f9; }
.paginated-comments-pages a:hover { border:1px solid #af1183; color:#af1183; background-color:#fff; }
.paginated-comments-pages strong { padding:2px 4px; margin:2px; border:1px solid #af1183; color:#af1183; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff; }