/*
Theme Name: Danen Kane v1
Theme URI: http://danenkane.com/
Description: First version of Danen Kane's WordPress driven website.
Version: 1.0-Beta
Author: David Paul Ellenwood
Author URI: http:/davidpaulellenwood.com/
*/
/* ~~~~ CSS RESET ~~~~
Brought to you by Erica Meyer of http://meyerweb.com/
URI: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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,
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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;} /* remember to define focus styles! */
body {line-height:1; color:black; background:white;}
ol, ul {list-style: none;}
table {border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
/* ~~~~ END CSS RESET ~~~~ */
html {color:white; background:black url('images/htmlBk.png'); margin:0 0 50px 0;}
body {color:white; background:transparent url('images/bodyBk.png') repeat-x; font:85%/1.3333 Georgia, "Times New Roman", Times, serif; margin:0 0 50px 0;}
a {color:#f59e00; text-decoration:none;}
a:hover {color:#f3d49b; text-decoration:underline;}
h1 {color:#75ccfe; font:3.5em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;}
h2 {color:#f59e00; font:1.75em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;}
h3 {color:#f59e00; font-size:1.2em; font-weight:bold;}
.clear {display:block; clear:both; width:100%; height:1px; margin:0 0 -1px 0; font-size:1px; line-height:1px;}
.alignleft {float:left; width:auto;}
.alignright {float:right; width:auto; text-align:right;}
.post {margin:1.5em 0;}
.post .title {margin:0 0 .1em 0;}
.post .title a {color:#;}
.post .datestamp {color:#6a8594; margin:.5em 0; font:normal 1em/1.3333 "Trebuchet MS", Arial, Helvetica, sans-serif;}
.post .postmetadata {color:#6a8594; margin:.5em 0; font:italic normal .9em/1.3333 "Trebuchet MS", Arial, Helvetica, sans-serif;}
.entry h1 {font-size:2.5em; margin:1em 0 .25em 0;}
.entry h2 {margin:1em 0 .25em 0;}
.entry h3 {margin:1em 0 .25em 0;}
.entry h4 {font-weight:bold; margin:1em 0 .25em 0;}
.entry h5 {font:bold .9em/1 "Trebuchet MS", Arial, Helvetica, sans-serif; margin:1em 0 .5em 0;}
.entry h6 {font:bold .8em/1 "Trebuchet MS", Arial, Helvetica, sans-serif; margin:1em 0 .5em 0;}
.entry p {font-size:.9em; line-height:1.5; margin:.5em 0;}
.entry ul {list-style-type:disc; margin:1em 0 1em 2em;}
.entry ol {list-style-type:decimal; margin:1em 0 1em 2em;}
.entry address {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:1em;}
.entry object,
.entry embed {margin:1em 0;}
.entry strong {font-weight:bold; color:#75ccfe;}
.entry em {font-style:italic;}
.entry blockquote {margin:1.5em 2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
.entry div.gallery {margin-top:1em!important; margin-bottom:.5em!important;}
.entry div.gallery a img {padding:2px; border:1px solid #6a8594!important;}
.entry div.gallery a:hover img {border:1px solid #75ccfe!important;}
.entry div.gallery dl {width:24.5%!important;}
.entry div.gallery dd {font:.9em/1.3333 "Trebuchet MS", Arial, Helvetica, sans-serif;}
.edit-link {font-size:.9em; font-style:italic; margin:.5em;}
.edit-link a {color:#2d4f62;}
.edit-link a:hover {color:#d3efff;}
.navigation-top {margin:.25em 0; padding:.25em .5em; min-height:1.3333em; border-bottom:1px solid #162934;}
.navigation-bot {margin:.5em;}
.wrap {width:826px; margin-left:auto; margin-right:auto;}
.header {padding:0 12px; border-bottom:1px solid #162934; background:transparent url('images/headerBk.png') 12px bottom no-repeat;}
.header h2 {text-align:right; padding-top:19px;}
.promos {position:relative; height:160px; padding:0 12px; border-bottom:1px solid #162934; text-align:center;}
.promos h1 {position:absolute; bottom:-6px; left:24px;}
.purchaseForm {margin-bottom:1em;}
.purchaseBtn {width:91px; height:21px; margin:0 8px -4px 0; background:transparent url('images/purchaseBtnBk.png') top left no-repeat;}
.purchaseBtn:hover {background:transparent url('images/purchaseBtnBk.png') bottom left no-repeat;}
/* ~~~ SITE NAVIGATION Styles ~~~ */
.nav {padding:7px 12px 8px 12px; border-bottom:1px solid #162934; text-align:center; background:transparent url('images/navBk.png') no-repeat;}
.nav ul {display:inline;}
.nav ul li {display:inline; padding:0px 5px 2px 20px; background:transparent url('images/navIcon.png') center left no-repeat; }
.nav ul li:first-child {padding-left:5px; background:none;}
.nav ul li a {color:#75ccfe; padding:2px 5px; font-weight:bold; text-transform:uppercase; font-size:.9em;}
.nav ul li a:hover {color:#d3efff;}
.nav ul li a.current_item {color:#fff; cursor:default;}
.nav ul li a.current_item:hover {color:#fff; cursor:default; text-decoration:none;}
/* ~~~ MAIN COLM Styles ~~~ */
.colm {float:left; width:490px; margin:2em 0 1em 12px; background:transparent url('images/colmIcon.png') bottom left no-repeat;}
/* ~~~ SINGLE Post Styles ~~~ */
.single .colm {border-bottom:1px solid #162934;}
.single h1 {font-size:1.75em; margin-top:5px;}
.single .post {margin:0;}
.single .entry {padding-top:1em; border-top:1px solid #162934; background:transparent url('images/postsIcon.png') top right no-repeat;}
.single .postmetadata {margin:1.5em 0;}
.single .sidebar {margin-top:3em;}
/* ~~~ GIG Single Post Styles ~~~ */
.category-calendar .postmetadata {display:none;}
.gig-post table {width:100%; margin:1em;}
.gig-post table td {padding:2px 5px;}
/* ~~~ IMAGE/ATTACHMENT Styles ~~~ */
.image .colm {margin:0 10px 0 10px;}
.image h1 {font-size:1.75em; margin-top:5px;}
.image .navigation-top {border:none;}
.image .attachment a img {padding:2px; border:1px solid #6a8594;}
.image .attachment a:hover img {border:1px solid #75ccfe;}
.image .caption {margin:1em 0; font:.9em/1.3333 "Trebuchet MS", Arial, Helvetica, sans-serif;}
.image .postmetadata {display:none;}
/* ~~~ PAGE Styles ~~~ */
.page .colm {width:auto; float:none; margin:2em 0; padding:0 12px; border-bottom:1px solid #162934; background-position:bottom right;}
.page .footer {width:auto;}
/* ~~~ MUSIC Page Styles ~~~ */
#Music .album {margin:0 0 1em 0; background:transparent url('images/albumCoverBk.png') 160px 18px no-repeat;}
#Music .album .left {float:left; width:260px;}
#Music .album .right {float:right; width:505px; margin-top:-1.1em;}
#Music .album h2 {margin-left:35px;}
#Music .album h4 {margin:0; color:#75ccfe; text-align:right; font:normal 1em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;}
#Music .album h5 {margin:0 0 0 35px; color:#75ccfe;}
#Music .album table {margin:1em 0;}
#Music .album table tr:hover td {background:#00141f;}
#Music .album table th,
#Music .album table td {padding:1px 3px;}
#Music .album table thead th {color:#75ccfe; font:bold 1em/1 "Trebuchet MS", Arial, Helvetica, sans-serif;}
#Music .album .left img {margin:.25em 0 0 0;}
#Music .onebit_mp3 embed,
#Music .onebit_mp3 object {margin:0;}
#Music a.listen {display:none;}
#Music a.lyric {display:block; width:16px; height:13px; margin:2px 2px -1px 2px; text-decoration:none; background:transparent url('images/LyricsIcon.png') 0 -15px no-repeat;}
#Music a.lyric:hover {text-decoration:none; background:transparent url('images/LyricsIcon.png') 0 0 no-repeat;}
/* ~~~ LYRICS Page Styles ~~~ */
#Lyrics .entry {margin-left:60px;}
#Lyrics .entry h3 {text-indent:-30px;}
/* WIDE Archive colm Styles ~~~ */
.wide .colm {width:auto; float:none; margin:2em 12px; border-bottom:1px solid #162934; background-position:bottom right;}
.wide .footer {width:auto;}
/* ~~~ SIDEBAR Styles ~~~ */
.sidebar {float:right; width:280px; margin:2em 12px 1em 0;}
#upcoming-gigs h2 {margin:-3px 0 0 26px; padding:3px 0 0 61px; background:transparent url('images/calendarIcon.png') left center no-repeat;}
#upcoming-gigs ul {margin:.25em 0 0 0; font-size:.9em;}
#upcoming-gigs ul li {float:left; margin:1px 0 0 0; background:#1c1c1c url('images/calEntryBk.png') left bottom repeat-x;}
#upcoming-gigs ul li .date {float:left; clear:both; width:78px; padding:5px 0; text-align:center; color:#75ccfe; font-weight:bold; border-right:2px solid #000;}
#upcoming-gigs ul li a {float:left; width:180px; margin:0 0 0 -2px; padding:5px 10px; color:#fff; border-left:2px solid #000;}
#upcoming-gigs ul li a:hover {color:#f3d49b;}
#upcoming-gigs ul li a .venue {font-weight:bold;}
.widget_maillistwidget {margin:2em 0 0 0; padding:1em .5em; border-top:1px solid #162934; border-bottom:1px solid #162934; background:transparent url('images/mailingListBkIcon.png') bottom right no-repeat;}
.widget_maillistwidget h2 {}
.widget_maillistwidget p {margin:-5px 0 0 25px; padding:0; font-size:.9em;}
.widget_maillistwidget p a {display:block; color:#fff; background:transparent url('images/mailingIcon.png') center right no-repeat;}
.widget_maillistwidget p a:hover {color:#f3d49b;}
.networks {margin:.5em 0; text-align:right;}
.networks a img {margin:0 0 0 .25em;}
/* ~~~ FOOTER Styles ~~~ */
.footer {width:475px; text-align:center; font-size:.8em; color:#2d4f62;}
.footer a {color:#2d4f62; font-weight:bold;}
.footer a:hover {color:#d3efff;}
/* ~~~ ARCHIVE Category Styles ~~~ */
.archive .colm {border-bottom:1px solid #162934;}
/* ~~~ PAGE - Calendar Styles ~~~ */
#Calendar .gigs-calendar {margin:2em 0 .5em 0;}
#Calendar .gigs-calendar table.gigs {font-size:1em; border:none;}
#Calendar .gigs-calendar table.gigs tr {border:none;}
#Calendar .gigs-calendar table.gigs tr.odd {/*background:transparent url('images/navBk.png') center center no-repeat; */}
#Calendar .gigs-calendar table.gigs th,
#Calendar .gigs-calendar table.gigs td {margin:0; padding:5px 5px; vertical-align:bottom;}
#Calendar .gigs-calendar table.gigs th {font:bold 1.1em/1.3333 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#75ccfe;}
#Calendar .gigs-calendar table.gigs td {border-top:1px solid #162934; border-bottom:1px solid #162934;}
#Calendar .gigs-calendar table.gigs td.date {font-weight:bold; color:#75ccfe;}
#Calendar .gigs-calendar table.gigs td.time {text-align:left;}
#Calendar .gigs-calendar table.gigs td.shortNotes {font-size:.8em; font-style:italic;}
/* ~~~ PAGE - Calendar Styles ~~~ */
#Bio .sidebar {margin:0 12px 1em 2em;}
/* ~~~ PAGE - Contact Styles ~~~ */
#Contact form.ddfm label {color:#75ccfe; font:bold 1.1em/2 "Trebuchet MS", Arial, Helvetica, sans-serif;}
#Contact form.ddfm .recaptcha label {line-height:1;}
#Contact form.ddfm .credits {display:none;}
/* ~~~ HOME Styles ~~~ */
#Home .promos {position:static; height:301px; overflow:hidden; padding:0;}
#Home .promos .box {margin:0 12px;}
#Home .colm {width:475px;}
#Home .colm h2 {margin-left:70px;}
#Home .colm h2 a {padding:0 25px 0 0; background:transparent url('images/headingIcon.png') center right no-repeat;}
#Home .colm .posts {margin:.5em 0 0 0; padding:0 .25em; border-top:1px solid #162934; border-bottom:1px solid #162934; background:transparent url('images/postsIcon.png') top right no-repeat;}
#Home .colm .post .datestamp {float:left; width:67px; margin:4px 0 0 0; text-align:center; color:#75ccfe; font:bold .9em/1.3333 Georgia, "Times New Roman", Times, serif;}
#Home .colm .post .box {margin:0 0 0 67px;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {visibility:visible!important; margin:0; padding:0;}
.sIFR-replaced,
.sIFR-ignore {visibility:visible!important;}
.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt;padding:0pt;overflow:auto; letter-spacing:0px;float:none;}
}
@media print {
.sIFR-flash {display:none!important; height:0; width:0; position:absolute; overflow:hidden;}
.sIFR-alternate {visibility:visible!important; display:block!important; position:static!important; left:auto!important; top:auto!important; width:auto!important; height:auto!important;}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active .FuturaMedium {letter-spacing:3px; visibility:hidden;}
.sIFR-active .FuturaLight {visibility:hidden;}
}