/*
Theme Name: The Kerplunks
Description: Theme created for The Kerplunks, Illustrations by: Tim Gambrill, Development by: Drift Industries.
Version: 1.0
Author: Anthony Clark
Author URI: http://driftindustries.ca
*/
/*
colors
-------------------------------------------------------------------------------------------
| blue: #00addc (blockquote, tags, date)
| pink: #ec008c (tagline, post, sidebar header, author name)
-------------------------------------------------------------------------------------------
*/
* {margin: 0px; padding: 0px;}
a:hover, a:active, a:visited, a { outline: none; }
/* Begin Structure */
html {background: #40b3ce url(assets/images/water-gradient.jpg) top left repeat-x;}
body {margin: 0px; padding: 0px; background: url(assets/images/bubbles.png) top center no-repeat; background-attachment: fixed;}
#banner {width: 100%; height:255px; margin: 0 auto; background: url(assets/images/top-banner.png) top center repeat-x;}
#banner h1 {width: 974px; margin: 0 auto; padding-top: 20px;}
#banner a {width: 460px; height: 217px; float: left; display: block; background: url(assets/images/logo.png) top center no-repeat; text-indent: -9999px;}
#container {width: 964px; margin: 0px auto;}
#hd {width: 964px; height: 69px; background: url(assets/images/bg-top.png) top center no-repeat;}
#bd {width: 964px; background: url(assets/images/bg.png) top center repeat-y;}
#content {width: 600px; float: left; margin-left: 40px;}
#sidebar {width: 240px; float: right; margin-right: 40px;}
#ft {width: 964px; height: 124px; background: url(assets/images/bg-bottom.png) top center no-repeat;text-align: center; }
#footer {height:360px;width:100%; margin-top: -70px; position: relative; background:transparent url(assets/images/footer-bg.png) repeat-x scroll center top;}
#bottom-links {width: 964px; margin: 0 auto; padding-top: 70px; font-size: 14px;}
ul#bottom-pages {margin: 0px; padding: 0px; margin-left: 15px; font-size: 1.2em;}
ul#bottom-pages li {list-style-type: none; float: left; padding: 0px 3px 0px 3px; margin: 0 5px 0 5px;}
ul#bottom-pages a {color: #fff;}
#credit {float: right; padding-right: 35px; color: #003f6e;}
#credit a {color: #12629e; }
#credit strong {color: #fff;}
#starfish {width: 100%; height: 182px; position: absolute; bottom: 0px; background:transparent url(assets/images/starfish.png) bottom center no-repeat; }
#bottom-nav {padding-top:80px; text-align:center;}
#bottom-nav a {padding: 0px 5px 0px 5px;}
#designed-by {margin: 0 auto; margin-top: 60px; font-size: 1em; color:#895212; text-align: center; width: 100px;}
ul#flickr-badge {margin: 0px; padding: 0px;}
ul#flickr-badge li {width: 63px; height: 63px; overflow: hidden; float: left; display: inline; margin: 2px;}
#flickr-link {text-align: center; margin-top: 10px;}
#thekerplunkscd ol,
#walkoncd ol,
#number3cd ol {margin-left: 200px;}
#number3cd,
#walkoncd,
#thekerplunkscd {margin-top: 20px;}
.cd-links {width: 130px; float: left;}
a.music-cd {width: 190px; float: left; text-decoration: none;}
a.music-cd span {width: 190px; display: block; text-align: center; font-size: 13px;}
.post {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 3px solid #65c8df; }
.post h2 {font-size: 20px; color: #f47929;}
/* End Structure */
h2#heading-dinah {color: #ef5389;}
h2#heading-tina {color: #6f2c91;}
h2#heading-aaron {color: #009abe;}
h2#heading-phil {color: #85c446;}
em {color: #f48135;}
/* Begin Sidebar */
#sidebar {font-size: 18px;}
#sidebar ul li {margin: 0px; }
#sidebar h2.widgettitle { width: 220px; height: 49px; margin-left: -20px; text-align: left; color:#ef5389; font-size: 30px; padding: 20px 0 0 20px; margin-bottom: 10px; background: url(assets/images/cloud.png) top center no-repeat;}
#sidebar h2.widgettitle a {color: #ff5791;}
form#searchForm {margin:0 0 20px 0; padding:2px 0px; width: 220px; border: 1px solid #9a9a9a; position: relative;}
#searchForm .field {padding: 2px 0px; width:190px; border: none; background-color: transparent;}
#searchForm button {position: absolute; right: 0px; top: 2px; background: url(assets/images/search.png) center center no-repeat; border:none; height:20px; width:20px; line-height:0px; margin: 2px 0 0 0; padding: 0px;}
label.screen-reader-text {display: none;}
input#s {width: 220px;}
#sidebar ul {margin: 0px; padding: 0px;}
#sidebar ul li {list-style-type: none; }
#sidebar ul li ul li ul li {margin-left: 15px;}
#sidebar ul li ul li ul li a {color: #00ADDC}
#sidebar ul.tweets {overflow-x: hidden; font-size: 12px;}
#sidebar ul.tweets li {margin-bottom: 10px; padding: 10px; background-color: #fafafa; border: 1px solid #f2efef;}
ul#flickr-badge li {padding: 5px;}
/* End Sidebar */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered,
img.aligncenter {
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;
}
/* End Images */
/* Begin Shows */
table.gigs,
table.gigs tr.gig {border: none !important;}
tr.odd {background-color: #d1ebff;}
tr.even {background-color: #;}
/* End Shows */
/* Begin Shopping Cart */
#shopp #cart table.cart {width: 600px;}
#shopp #cart input {width: 50px;}
#shopp #cart select {width: 200px;}
#shopp #cart .update-button {width: 180px;}
#shopp #cart .remove {width: 50px; padding: 5px;}
#cd_container {margin-bottom: 30px;}
#cd_container .cd-baby {float: left; margin-left: 20px;}
#cd_container .itunes-link {float: left; margin-left: 20px;}
.shopp_categories {width: auto;}
.category_container {width: 25%; float: left; text-align: center;}
.category_image {width: 96px; height: 96px; margin: 0px auto;}
#shopp .xcheckout a {
display: block;
float: right;
width: 400px;
height: 100px;
background: transparent url("assets/images/check-out.png") no-repeat 0 0;
}
#shopp .xcheckout img {
display: none;
}
/* End Shopping Cart */
.postFooter {display: block; float: left;}