/*  
Theme Name: Aurgasm
Theme URI: http://aurgasm.us
Description: Aurgasm redesign
Version: 2.0
Author: Paul Irish
Author URI: http://aurgasm.us


	Aurgasm v2.0
	 http://aurgasm.us/



*/



/* reset.css courtesy of Eric Meyer - meyerweb.com */

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;
}


/*
fonts.css from the YUI Library: http://developer.yahoo.com/yui/
refer to http://developer.yahoo.com/yui/fonts/ for font sizing
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
 



/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
	margin-bottom: 0;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc inside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-top:1em;
}






/* always force a scrollbar in firefox: http://www.stationfour.com/blog/post/2007/12/Collected-CSS-Wisdom-9-Points-of-Debate.aspx */
html { overflow: -moz-scrollbars-vertical !important; }

/* make buttons play nice in IE: http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto;   overflow: visible; }
 

/* COLORS 


light blue:   5ccae5
aqua:         05a5cc
*/

 
body, select, input, textarea { font-family: Geneva, Calibri, Helvetica, Arial, sans-serif }
h1,h2,h3,h4,h5 { font-family: "Century Gothic", "Apple Gothic", sans-serif;}
 
small { font-size:85%; }

a:link, a:active { color: #000; font-weight: bold; }
a:visited  { color: #111; }
a:hover { color: #222; }
 
body { background: #077192 url(images/bg_gradient.png) repeat-x;} 

/*div#backshadow {  height: 100%; position: absolute; width: 100%;
                -webkit-border-image: url(images/bg_gradient_edgeshadow.png) 38 38 38 38 stretch stretch; 
                -moz-border-image:  url(images/bg_gradient_edgeshadow.png)  38 38 38 38 stretch stretch;  
                border: double black 38px;
                }
                */
/* div#tilebg { height: 100%; background: url(images/bg_wood_overlay_tile.png);  } */

#dots { background: url(images/dots.png);  width: 100%; height: 100%; position: absolute; top: 108px; z-index: 0;}

                
#page { width:883px; position:relative; z-index: 1; margin:0 auto; }
.singlepage #page { width: 650px; }

#header { height: 75px; padding: 31px 0 0 0px; position:relative; }
#header h1 { margin-top: 0; width: 250px; }
#header h1 a {text-indent: -9999px; display:block; background: url(images/logo_aurgasm.png) no-repeat -9px 0; height: 65px; }
#header .description { display:none; }

#header #nav { position:absolute; right: 0; top: 50px; margin: 0; }
#header #nav li { list-style-type: none;  float: left; background: url(images/sprite.png) no-repeat -646px -5px ;  padding:0 10px; }
#header #nav li:first-child { background:none; }
#header #nav li a  { font-weight: bold; color: white; font-size: 110%; text-decoration: none;   }
#header #nav li.current_page_item  a { color: #5ccae5;  }
#header #nav li a:hover  { text-decoration: underline; color: #5ccae5;  }



#content { width: 600px; float: left; background:white; padding: 0 20px 0 30px; position:relative; padding-bottom:20px;}
#contentcap { position: absolute; bottom: 0; width: 650px; height:19px; background: url(images/contentcap.png) no-repeat; left:0;}

#topshadow { background: url(images/sprite.png) 0 -38px; height: 25px; width: 650px; position: absolute; top: 102px; left:0; z-index: 1;}

div.post  { position:relative; overflow:hidden;  }
div.post:first-child { margin-top: 20px; }
div.post h2 { font-size: 24px; margin: 30px 0 0px; padding-top: 10px; ;    }
div.post:first-child h2 { margin-top: 0;}
div.post h2 a { text-decoration:none;    }
div.post h2 a:hover { text-decoration:underline;    }
div.post > small { font-size: 12px; color: #999; font-weight: bold; }


div.entry {  padding-top: 27px; margin-top: 6px; overflow:hidden;}
div.entry p { margin-bottom: 0;}
div.entry > p:first-child { margin-top: 0;} 

div.entry strong.boldline,  div.entry span.genre, div.entry strong:last-child, div.reviewtext + p > strong:first-child {  font-weight: bold; color: white; position:absolute; top: 91px;  padding: 3px 9px;  display: block; min-height: 19px; font-size: 11.7px; }

.osx div.entry strong.boldline, .osx div.entry span.genre { font-weight:normal;}

div.post:first-child div.entry strong.boldline,  div.post:first-child div.entry span.genre,
  div.post:first-child div.entry strong:last-child { top: 61px;} 
.widecolumn div.post div.entry strong.boldline,  .widecolumn div.post div.entry span.genre,
  .widecolumn div.entry strong:last-child,
.singlepage div.reviewtext + p > strong:first-child { top: 75px;} /* single post page */

div.entry strong.boldline, div.entry strong:last-child, div.reviewtext + p > strong:first-child {   left: 0;   width: 100%; 
    background: #888 url(images/boldline_bg.png) repeat-x 0 0; border: 1px solid #8a8a8a; border-top-color: #868686; border-bottom-color: #8e8e8e; }

div.entry span.genre {  right: 0;  z-index: 1;  
    background: #aaa url(images/sprite.png) no-repeat -263px -146px; border: 1px solid #8a8a8a; border-top-color: #868686; border-bottom-color: #8e8e8e; }
span.genre a { color: white; border-bottom: 1px dotted white; cursor: help; text-decoration: none; }

.reviewtext { color:#333333;  }
.reviewtext, #about p {  line-height: 19px; font-size: 90%;}
.reviewtext a:hover { text-decoration:none; border-bottom: 2px solid #05A5CC;}

a.buy { position:absolute; bottom: 0px; right: 5px; text-decoration: none; padding: 6px 6px 8px; z-index:2;}
#buyVisit { position:absolute; height:155px; width:136px;  background:  url(images/sprite.png) no-repeat -261px -799px; left:20px;  top:22px; padding: 10px 15px; z-index: 2; }
#buyVisit strong { display:block; color: #04a5cd; padding-left: 5px; }
#buyVisit strong span, a.buy span { color: #aaa; }
#buyVisit dl { margin: 7px 0 0;}
#buyVisit dd { background:  url(images/sprite.png) no-repeat -895px -70px; padding: 6px 6px; margin-left: 0;}
#buyVisit dd.web { margin: 0 -15px; border: 1px dotted #ccc; background: none; padding-left: 9px; width: 140px; border-left: 0; border-right: 0; }
#buyVisit dd.web a { background:  url(images/sprite.png) no-repeat -895px -75px; padding-left: 6px; display:block; font-size: 80%;}
#buyVisit dt { padding: 9px 0 6px; font-weight: bold; }
#buyVisit dt i { font-style: normal;}
#buyVisit dd a { display:block; cursor:pointer; }

a.amazon span, a.itunes span {  background:  url(images/sprite.png) no-repeat -160px -14px; text-indent: -999px; overflow:hidden; height:18px; width:83px; display: block; }
a.itunes span { background-position: -84px -10px; width: 69px; height: 23px; ;}

.buyVisit i { font-style: normal; display: block;   padding: 6px 0;}


div.postmetadata {   background: url(images/contracted_comments.png)  no-repeat 0 0 ;  position:relative; height: 24px; margin-top: 11px; padding-top: 6px;border:1px dotted #7F7F7F; border-left: 0; border-right: 0;} /* neg zindex freaks me out, but buylink doesnt like anythign else.. */
div.postmetadata.open {   background: url(images/expanded_comments.png)  repeat-y 0 0 ;  height: auto; }
div.postmetadata.open .metablock { position:relative; z-index: 1 }
.metablock a:hover { color: #777;}
.osx div.postmetadata, .osx a.buy, .osx #buyVisit strong { font-size: 11px;}

a.comment-link { background: url(images/sprite.png)  no-repeat -884px -6px; padding-left: 22px;}
.open a.comment-link { background: url(images/sprite.png)  no-repeat -884px -44px;}

div.postmetadata.open div.head {   background: url(images/sprite.png)  no-repeat -263px -1103px;  position:absolute; top: 0; width: 600px; height: 49px;}
div.postmetadata.open div.foot { background: url(images/sprite.png)  no-repeat -263px -1044px;   position:absolute; bottom: 0; width: 600px; height: 46px; }
div.postmetadata.open .comment-wrap { position:relative; z-index: 1; padding: 0 20px 20px;}

h3.respond { text-align: center; }
h3.respond a:hover { color:  #05A5CC;}
ol.commentlist    { margin: 30px 0 10px;}            
ol.commentlist li { list-style-type: none; margin-top: 20px;}
ol.commentlist li:first-child { margin-top: 0px;}
ol.commentlist small.commentmetadata, ol.commentlist cite { color: #666666;   }
ol.commentlist cite { font-style: normal; font-size: 118%; font-weight: bold; color: #666;}
ol.commentlist small.commentmetadata { font-size: 87%; }
ol.commentlist cite a , ol.commentlist small.commentmetadata a { color: #444;  text-decoration:none;}
ol.commentlist cite a:hover , ol.commentlist small.commentmetadata a:hover { color: #00; text-decoration:underline;  }
ol.commentlist li p { margin-top: 5px;}
ol.commentlist li p + p { margin-top: 15px;}

.widecolumn form.commentform { display:block!important;}
.widecolumn h3.respond { text-align:left; margin-top: 40px; }
.widecolumn h3.respond a {  text-decoration:none!important; color:black!important;}
form.commentform input[type=text], form.commentform textarea { width: 350px;}
form.commentform textarea { height: 72px; }

div.entry a.mp3, div.entry a.www, div.entry a.mov { text-decoration: none; padding-top:1px; }
div.entry a.mp3:hover, div.entry a.www:hover, div.entry a.mov:hover { color: #555;}

.comment-loading { margin-bottom:18px; margin-top:24px; text-align:center;}


div.reviewtext img { background: white url(images/expanded_comments.png);   display:block; margin-bottom: 15px; }



#sidebar { width: 233px; float: right; font-size: 87%;   }
#sidebar > div { background: url(images/sprite.png) -4px -184px; padding: 1px 21px 0 12px; }
#sidebar > div.foot { background: url(images/sprite.png) -4px -146px; height:31px;  }

#sidebar ul { margin: 0;}

#sidebar    a { font-weight: bold; text-decoration: none; }
#sidebar   a:hover { text-decoration: none;  background-color: black; color: #05a5cc;  }

#sidebar > div h2 { margin: 0 0 15px -9px; padding: 33px 12px 9px; border-bottom: 1px dotted white; }


#sidebar  .about a { text-decoration: underline;}
.about .thumb { float: left; clear: left; background: url(images/about-thumb-sprite4.png) no-repeat; margin: -15px 6px 0 0; width: 77px; height: 75px; text-decoration:none; display:block;  }
.thumb.julija { background-position: -79px 0px; }
.thumb.kyle { background-position: -79px -79px; }
.thumb.michelle { background-position: 0px -79px; }
.thumb.sjoerd { background-position: 0px -153px; }
.about p.bio { padding-top: 15px; height: 60px; }
#sidebar .about .thumb:hover { background-color: transparent;   }

#sidebar .linklist ul { margin-left: 0;}
#sidebar .linklist li { list-style-type: none; margin-top: 15px; font-style: italic; color:#444444; }
#sidebar .linklist li a { font-style:normal;}
#sidebar .linklist li:first-child { list-style-type: none; margin-top: 0; }
#sidebar .linklist em { font-style: normal; color: #333333; }

#sidebar li.categories { list-style-type: none; }
li.categories li { list-style-type: none;  font-weight: bold; margin-top: 3px; height: 20px; clear: left;
  padding: 0px 0 0 21px; background: url(images/sprite.png) no-repeat 300px 300px; }
li.categories li a { padding:3px 2px; display: block;  float: left;}
li.categories li a span { color: #666; }


.getmore a { display: block;}
.getmore li {  background: url(images/sprite.png) no-repeat -253px -22px; display: block; height: 15px; padding: 1px 0 0 18px; height: 17px; margin-bottom: 5px;  list-style-type: none; }
li.feed {  }
li.twitter {  background-position:-253px -4px; }
li.podcast {  background-position:-463px -4px; }
a.fbanim { text-align: center; background: none!important;}
#feedblitz { padding: 6px 0 8px;}
#feedblitz input[type=text] { width: 125px; }
#feedblitz input[type=submit] { width: 31px; }


#archiveform { margin-top: 5px;}
#archiveform select, #s { width:129px; }

#footer { clear: both;}


.page h3 { color: #999; background: url(images/sprite.png) no-repeat -264px -695px; padding-top: 60px; font-size: 17px; margin-bottom: 15px; clear: left; *padding-top: 30px;}
#paul, #julija { *padding-top: 60px; } /* no idea why... */

.page h3:first-child {  margin-top: 0; padding-top: 0; margin-bottom: 5px;}
#about h3:first-child { background: none;}

dl { margin: 0;}
dt, dd { float: left; display: block; height: 15px; }
dt { font-weight: bold; clear: left; width: 100px;}
#about img { clear: left; float: left; margin-right: 10px;}

#resources li { list-style-type: none; height: 19px; font-size: 14px;}
#resources li a { text-decoration:none; padding-left: 20px;}
#resources li a:hover { text-decoration: none;  background-color: black; color: #05a5cc;  }


#contact p { border: 2px solid #eee; padding: 20px 0; border-left: 0; border-right: 0; overflow:hidden;}
#contact p:first-child { border: 0; }













div.entry span.genre.magenta { background-position: -263px -172px;  border-color: #dd00ae; border-top-color: #D800A9; border-bottom-color: #E104B2;  }
div.entry span.genre.pink { background-position: -263px -198px;  border-color: #ff0024; border-top-color: #FA001F; border-bottom-color: #ff0429;  }
div.entry span.genre.kellygreen { background-position: -263px -224px;  border-color: #05cc66; border-top-color: #00C761; border-bottom-color: #09D06A;  }
div.entry span.genre.cactus { background-position: -263px -250px;  border-color: #7ef120; border-top-color: #79EC1B; border-bottom-color: #82F524;  }
div.entry span.genre.deepblue { background-position: -263px -276px;  border-color: #2b62d2; border-top-color: #265DCD; border-bottom-color: #2F66D6;  }
div.entry span.genre.teal { background-position: -263px -302px;  border-color: #04ddcb; border-top-color: #09e2C6; border-bottom-color: #08E1CF;  }
div.entry span.genre.lime { background-position: -263px -328px;  border-color: #00dd39; border-top-color: #00D834; border-bottom-color: #04E13D;  }
div.entry span.genre.basket { background-position: -263px -354px;  border-color: #b99f50; border-top-color: #B49A4B; border-bottom-color: #BDA354;  }
div.entry span.genre.purple { background-position: -263px -380px;  border-color: #a128bb; border-top-color: #9C23B6; border-bottom-color: #A52CBF;  }
div.entry span.genre.turquoise { background-position: -263px -406px;  border-color: #22b2c7; border-top-color: #1DADC2; border-bottom-color: #26B6CB;  }
div.entry span.genre.grey { background-position: -263px -432px;  border-color: #a7a7a7; border-top-color: #A2A2A2; border-bottom-color: #ABABAB;  }
div.entry span.genre.puse { background-position: -263px -458px;  border-color: #cde503; border-top-color: #C8E000; border-bottom-color: #D1E907;  }
div.entry span.genre.burntsienna { background-position: -263px -484px;  border-color: #bd5f0c; border-top-color: #B85A07; border-bottom-color: #C16310;  }
div.entry span.genre.midnight { background-position: -263px -510px;  border-color: #292e2b; border-top-color: #242926; border-bottom-color: #2D322F;  }
div.entry span.genre.rouge { background-position: -263px -536px;  border-color: #8e0b0b; border-top-color: #850002; border-bottom-color: #a02217;  }
div.entry span.genre.acloudman { background-position: -263px -562px;  border-color: #00997f; border-top-color: #009278; border-bottom-color: #22a88c;  }
div.entry span.genre.purplered { background-position: -263px -588px;  border-color: #990066; border-top-color: #90005e; border-bottom-color: #a51971;  }
div.entry span.genre.brown { background-position: -263px -614px;  border-color: #291609; border-top-color: #200e00; border-bottom-color: #2e1a1e;  }

body li.magenta { background-position: -644px -172px;  } 
body li.pink { background-position: -644px -198px;  } 
body li.kellygreen { background-position: -644px -224px;  } 
body li.cactus { background-position: -644px -250px;  } 
body li.deepblue { background-position: -644px -276px;  } 
body li.teal { background-position: -644px -302px;  } 
body li.lime { background-position: -644px -328px;  } 
body li.basket { background-position: -644px -354px;  } 
body li.purple { background-position: -644px -380px;  } 
body li.turquoise { background-position: -644px -406px;  } 
body li.grey { background-position: -644px -432px;  } 
body li.puse { background-position: -644px -458px;  } 
body li.burntsienna { background-position: -644px -484px;  } 
body li.midnight { background-position: -644px -510px;  } 
body li.rouge { background-position: -644px -536px;  } 
body li.acloudman { background-position: -644px -562px;  } 
body li.purplered { background-position: -644px -588px;  } 
body li.brown { background-position: -644px -614px;  } 


hr { display :none;}



#concerts li { list-style-type:none; padding: 5px;}
#concerts li em { color: #666; font-size: 9px; font-style:normal;}
#concerts li em span { color: #999;}
#concerts li a { font-weight:normal;}

/* extras */
 .clearfix:after {  content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;     }
 .clearfix {display: inline-block;}  /* for IE/Mac */



/* YMP v3 */
#ymp-about-feedback, #ymp-relevance, #ymp-learn-more-link { display:none!important;}
#ymp-yahoo-logo { opacity: 0.3 !important;}
#linklistcontainer .ymp-skin-hover { top: 0!important;}

/* chrome hacks.. shrug */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .stream  { text-indent: 20px; display:block;   } 
}


#tlaads li { list-style-type:none; }

#ie6sorry { position: absolute; width: 350px;  height: 170px; overflow: auto; left: 255px;  top: 0; background: white; z-index: 2; border: 1px solid #999; padding: 0 10px; font-size: 80%; }

big { font-size: 120%; color: #444}
.about big { font-size: 160% } 

.post h3 { margin: 20px 0 0 }

div.entry span.genre { text-transform: lowercase; }

.entry dt, .entry dd { width:auto; height: auto; float:none; }



h2.pagetitle { margin: 22px 0 0;}
h2.pagetitle + div.navigation { display:none;}

span.oldgenre { color:#999999; font-style:italic; }

#cf_alert_div { display: none; }

.ui360 {
display: inline-block;
margin-top: -10px;
margin-bottom: -10px;
}
div.entry { padding-bottom: 6px; }


div[style*="94F222"], div[style*="94F222"] { display:none }

.ui360__poke { margin: auto; }
audio.poke {
    width: 190px;
	    height: 42px;

    vertical-align: middle;
    margin-right: 9px;
}

audio::-webkit-media-controls-current-time-display { display: none; }
audio::-webkit-media-controls-time-remaining-display { display: none; }
/* audio::-webkit-media-controls-timeline { display: none; } */
audio::-webkit-media-controls-volume-control-container { display: none; }
audio::-webkit-media-controls-fullscreen-button { display: none; }


/* responsive styles. only took me until aug 2020 */

.entry img {
    max-width: 100%;
   height: auto;
}

@media only screen and (max-width: 883px) {

    #page, .singlepage #page {
        width: 100%;

    }
    #content {
        width: calc(100% - 50px); /* effing content-box. i hate everything */

    display: block;
    float: none;

    max-width: 600px;
    margin: 0 auto;

    }

    #contentcap, #topshadow { 
    display: none;
    }

    #header #nav {
        position: static;
        display: inline-block;
        margin-left: 0;

    }
    #header { 
        padding: 20px;
        height: auto;
    }
}