/*
Theme Name: gd-kathleenhanna
Theme URI: hff63ffttp://kathleenhanna.com/
Description: WordPress custom theme for Kathleen Hanna
Author: Francesco Gianesini / Gianesini Design, NYC
Author URI: http://gianesinidesign.com/
Version: 1.0

Tags:

License:
License URI:

*/


@charset "UTF-8";
/* CSS Document */




/* RESET
   ================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
}
	
/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
}

a {
	text-decoration:none;
	outline:none;
}






/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* Clearfix */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}








/* ============================== GENERAL TYPOGRAPHY + COLORS ============================== */

/* 100% height div (#header border all the way down) */

html {
	height: 100%;
}
body {
	height: 100%;
}

/*#wrapper {
	min-height: 100%;
}*/



html {
	overflow-y: scroll; 
}

body {
	font-family:'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size:12px;
	line-height:18px;
	background:#2c2825;
		color:#999;
		font-weight:400;
	
	/*-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;*/

	-webkit-tap-highlight-color:rgba(0,0,0,0); /* iPad tapping 'hover'  */


	
	/*-webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;*/
}

p {
	margin-bottom:18px;
}

strong {
	font-weight:600;
}

em {
	font-style:italic;
}



h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	margin-bottom:0px;
	line-height:18px;
	margin-bottom:10px;
}

h3 {
	text-transform: uppercase;
	font-size: 12px;
	color:#ff63ff;
	
	font-family: 'Special Elite', "Courier New", Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:capitalize;
	font-size: 12px;
	font-weight:normal;
	letter-spacing:1px;
}

.writingthumb-text h3, .artthumb-text h3 {
	color:#fff;
}

h4 { /* BLOG HEADINGS */
	text-transform: uppercase;
	font-size: 12px;
	color:#000;
}

h4 a { /* BLOG HEADINGS */
	color:#000;
}

h4 a:hover { /* BLOG HEADINGS */
	color:#ff63ff !important;
}

h5 {
	font-weight: 600;
	font-family: 'Special Elite';
	font-size: 14px;
	text-transform: uppercase;
	color:#365ee5;
	margin-bottom:0;
}

hr {
border: 0;
border-bottom: 1px dashed #ccc;
}


a {
	color:#fff;
}


a:hover {
	color:#ff63ff;
}

#logo {
	font-size:24px;
	font-weight:600;
}

#content ul {
	list-style:inside;
	list-style-type:disc;
	margin-bottom: 18px;
}









/* =Menu
-------------------------------------------------------------- */

.access {
	display: block;
	float: right;
	margin:0;
	padding: 38px 15px 0 0;
	font-family: 'Special Elite', "Courier New", Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:1px;
}
.access ul {
	list-style: none;
}
.access li {
	position: relative;
	display:inline-block;
}
.access a {
	color: #fff;
	display: block;
	padding: 0 8px 0 8px;
	text-decoration: none;
}

.access li:hover > a,
.access ul ul :hover > a,
.access a:focus {
	color:#ff63ff;
}
.access li:hover > a,
.access a:focus {
	color:#ff63ff;
}
.access ul li:hover > ul {
	display: block;
}

.access .current-post-ancestor > a,
.access .current-menu-item > a,
.access .current-menu-ancestor > a,
.access .current_page_item > a,
.access .current_page_ancestor > a,
.access .current-page-ancestor > a {
	color: #ff63ff;
}



/* =Secondary Menu
-------------------------------------------------------------- */

.secondarymenuContainer {
height: 40px;
padding:0 15px 0 0;
}





.secondarymenu {
	display: block;
	margin:0;
	font-family: 'Special Elite', "Courier New", Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	letter-spacing:1px;
}
.secondarymenu ul {
	list-style: none;
}
.secondarymenu li {
	position: relative;
	display:inline-block;
}
.secondarymenu a {
	color: #fff;
	display: block;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

.secondarymenu li:hover > a,
.secondarymenu ul ul :hover > a,
.secondarymenu a:focus {
	color:#ff63ff;
}
.access li:hover > a,
.access a:focus {
	color:#ff63ff;
}
.access ul li:hover > ul {
	display: block;
}

.secondarymenu .current-post-ancestor > a,
.secondarymenu .current-menu-item > a,
.secondarymenu .current-menu-ancestor > a,
.secondarymenu .current_page_item > a,
.secondarymenu .current_page_ancestor > a,
.secondarymenu .current-page-ancestor > a {
	color: #ff63ff;
}


#menu-about-menu {
	position:absolute;
	left:480px;
}

#menu-project-menu {
	position:absolute;
	left:524px;
}



/* "current" */

.category-54 .menu-item-3540 a {
	color:#ff63ff;
}

.page-id-2970 .menu-item-3540 a {
	color:#ff63ff;
}

.page-id-2964 .menu-item-3540 a {
	color:#ff63ff;
}

.page-template-pagetemplate-music-php .menu-item-3541 a {
	color:#ff63ff;
}

.category-artwork .menu-item-3541 a {
	color:#ff63ff;
}

.category-writing .menu-item-3541 a {
	color:#ff63ff;
}

/* =Music Menu (TV buttons)
-------------------------------------------------------------- */

.musicmenu {
text-transform: uppercase;
font-size: 10px;
text-shadow: 1px 1px 1px #fff;
margin-top:5px;
/*font-family:'Sonsie One';*/
}

.musicmenu li {
padding: 0 0 12px 0;
text-indent: 50px;
}

.musicmenu li a {
	color:#000;
	display:block;
}
	
.musicmenu .current-menu-item > a,
.musicmenu .current_page_item > a {
	color: #ff63ff;
}	
	


/* ============================== DIVs ============================== */


#wrapper {
	position:relative;
	min-height: 100%; /* 100% height */
	margin:0 auto;
	width:1000px;
	
	/*border:solid 1px #ddd;
	border-top:none;
	border-bottom:none;*/
	
	
}

#header { 
	padding:0;
	margin:0;
	width:100%;
}

#logo {
	float:left;
	margin: 20px 0 0 30px;	
}


.noSubMenu {
padding-top:40px;
}


#footer {
}




	
	
/* CATEGORY / GRIDS ============================================= */		

.thumbgrid {
/*width: 820px;*/
margin: 0 auto;
padding-left:31px;
padding-top:30px;


}

.gridcell {
	float:left;
	position:relative;
	margin-bottom:-6px; 	/* hide 6px of img anchor */
	
	
	width: 212px;
    height:200px;
	margin: 0 30px 0 0;
}

.gridcell img {
	width:100%;
	height:auto;
}

.gridcell-text {
	
	font-weight:500;
	/*text-transform: uppercase;*/
	
}

.gridcell-text a {
color:#ff63ff;
}

.gridcell-text p {
	margin-bottom:0;
	float:left;
    
	line-height:12px;
	font-size: 12px;
	color: #666;
	font-weight: 500;
}

.excerpt {
	text-transform:capitalize;
	letter-spacing:0;
	display:inline-block;
}

.excerpt p {
	margin-bottom:0;
}


/* 'ART' GRID -------------------------- */



.artthumbcontainer {
/*width: 820px;*/
margin: 0 auto;
padding-left:31px;
padding-top:30px;


}

.artthumb {
	float:left;
	position:relative;
	
	
	width: 212px;
	margin: 0 30px 0 0;
}

.artthumb img {
	width:100%;
	height:auto;
}

.artthumb {
text-align:center;	
}

.artthumb-text {
margin-top: 9px;
}

.artthumb-text a {
color:#ff63ff;
}

.artthumb-text p {
}






/* 'WRITING' GRID ------------------------ */



.writingthumbcontainer {
/*width: 820px;*/
margin: 0 auto;
padding-left:31px;
padding-top:30px;


}

.writingthumb {
	float:left;
	position:relative;
	
	
	width: 212px;
	margin: 0 30px 0 0;
}

.writingthumb img {
	width:100%;
	height:auto;
}

.writingthumb-text {
margin-top: 9px;	
text-align:center;	
}

.writingthumb-text a {
color:#ff63ff;
}

.writingthumb-text p {
}














	
.postnavigationlink {
position: absolute;
left: 700px;
top: 600px;

font-family: 'Special Elite', "Courier New", Courier, "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing:2px;
font-size:11px;
}

.postnavigationlink a {
	color:#fff;
}

.postnavigationlink a:hover {
	color:#ff63ff;
}


.singlePressHeader .postnavigationlink {
position: relative;
left: 0;
top: 0;
border-top: dashed 1px #666;
padding-top: 5px;
margin-top: 5px;
}




.postTitle {
	width:100%;
	padding:10px 0;
		
}

.titleSingle {
	display:inline-block;
	padding-left:30px;
	
	color:#ff63ff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.excerptSingle {
	display:inline-block;
	
	font-size:12px;
	font-weight:400;

}









/* PAGE TEMPLATES */



/* DIVUP styles ========================================================= */

.divup-wrap {
position: relative;
}

.divup {
	float:left;
}

/* CONTENT: HOME ============================================ */

.content-home {
	text-align:center;
}


/* CONTENT: BIO ============================================= */



.content-bio .divup {
	width:455px;
}


.content-bio .div-1 {
	width: 520px;
	text-align: center;
	margin-right: 120px;
}

.content-bio .div-1 img {
}

.content-bio .div-2 {
	width: 360px;
	padding-top:180px;
}



/* CONTENT: CONTACT ============================================= */



.content-contact .divup {
	width:455px;
}


.content-contact .div-1 {
	width: 520px;
	text-align: center;
	margin-right: 120px;
}

.content-contact .div-1 img {
}

.content-contact .div-2 {
	width: 360px;
	padding-top:100px;
}

/* CONTENT: ART ============================================= */


#content .content-art ul {
	list-style:inside;
	list-style-type:none;
	margin-bottom: 0;
}



.content-art .divup {
	width:455px;
}

.content-art .divup a {
	text-decoration:none;
	color:#ff63ff;
}

.content-art .div-1 {
	width: 640px;
	height:530px;
	padding-top:60px;
	text-align: center;
	background:url(graphics/bg-frame.jpg);
	background-repeat:no-repeat;
	background-position-x: 14px;
}

.content-art .div-1 img {
-moz-box-shadow: 2px 2px 10px #000000;
-webkit-box-shadow: 2px 2px 10px #000000;
box-shadow: 2px 2px 10px #000000;
}

.content-art .div-2 {
	width: 300px;
	padding-top:200px;
	padding-left:60px;
}

.content-art .div-2 a {
	color:#999;
	text-decoration:underline;
}

.content-art .div-2 a:hover {
	color:#fff;
	text-decoration:underline;
}

.content-art .gallery {
	display:none;
}


/* CONTENT: WRITING ============================================= */



.content-writing .divup {
	width:455px;
}

.content-writing .divup a {
	text-decoration:none;
	color:#ff63ff;
}

.content-writing .div-1 {
	width: 640px;
	text-align: left;
	padding-top:30px;
}

.content-writing .div-1 img {
	width:600px;
	height:auto;
	
}

.content-writing .div-2 {
	width: 300px;
	padding-top:200px;
	padding-left:60px;
}

.content-writing .div-2 a {
	color:#999;
	text-decoration:underline;
}

.content-writing .div-2 a:hover {
	color:#fff;
	text-decoration:underline;
}

/* CONTENT: MUSIC ============================================= */



.page-template-pagetemplate-music-php #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}


.content-music {
position:relative;
}

.content-music .divup {
}

.content-music .divup a {
	text-decoration:none;
	color:#ff63ff;
}

.content-music .div-1 {
	position: absolute;
	left: 90px;
	top: 33px;
	margin: 0px;
	padding-top: 45px;
	width: 635px;
	height: 412px;
	text-align: center;
	background-image: url(graphics/bg-tvblackscreen.jpg);
	background-repeat: no-repeat;
}


.content-music .div-2 {
	position: absolute;
	left: 750px;
	top: 270px;
	margin: 0px;
	padding: 0px;
	color: #999;
	width: 150px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-shadow: -1px -1px 1px #000;
}







.content-home {
width:100%;
text-align:center;
}

.content-home img {
-moz-box-shadow: 2px 2px 20px #000000;
-webkit-box-shadow: 2px 2px 20px #000000;
box-shadow: 2px 2px 20px #000000;
}






/* LIGHTBOX ============================================================= */


.page-template-pagetemplate-lightbox-php #wrapper {
background:url(graphics/bg-lightbox.jpg);
background-repeat:no-repeat;
}

.content-lightbox {
position: absolute;
left: 400px;
top: 210px;
width:480px;
height:320px;
}

.content-lightbox img {
margin:0;
padding:0;
float:left;
}

.wp-caption-text {
position: absolute;
bottom: -20px;
right:10px;
text-align: center;
font-size: 9px;
color:#000;

display:none;   /* <--------- hidden */
}

.wp-caption {
float: left;
margin: 0;
padding: 0;
position: relative;
}



/* STORE ============================================================= */


.content-store {

}

.content-store p {
	margin-bottom:0;
}


.content-store img {
width: 112px;
height: 112px;
padding: 0px;
float: left;
position: relative;
margin: 15px;

-moz-box-shadow: 2px 2px 10px #000000;
-webkit-box-shadow: 2px 2px 10px #000000;
box-shadow: 2px 2px 10px #000000;
}



/* PRESS ============================================================== */

pressgrid {
}

.pressgridcell {

position: relative;
float: left;
width: 300px;
height: 260px;
margin: 0px;
padding: 0px;
text-align: center;

}

.pressgridcell img {
-moz-box-shadow: 2px 2px 10px #000000;
-webkit-box-shadow: 2px 2px 10px #000000;
box-shadow: 2px 2px 10px #000000;
}

.singlePressHeader {
	padding-bottom:40px;
}



/* MUSIC ============================================================= */


.category-music #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}

.page-id-119 #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}



.musicselector {
position: absolute;
left: 710px;
top: 190px;
margin: 0px;
padding: 0px;
width: 140px;
height: 90px;
background-image: url(http://www.kathleenhanna.com/wp-content/themes/kh/img-sitegraphics/bg-musicselector.jpg);
}

.musicmenuContainer {
position: absolute;
left: 750px;
top: 190px;
margin: 0px;
padding: 0px;
width: 140px;
height: 90px;
/*background-image: url(http://www.kathleenhanna.com/wp-content/themes/kh/img-sitegraphics/bg-musicselector.jpg);*/
}


.tvbutton {
height:30px;
}

.tvbutton a img {
opacity:1;
}

.tvbutton a:hover img {
opacity:0;
}

/* le tigre */
.postid-101 #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}

/* bikini kill */
.postid-98 #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}

/* julie ruin */
.postid-104 #wrapper {
background:url(graphics/bg-musictv.jpg);
background-repeat:no-repeat;
}




/* EVENTS ============================================================= */


/* FILOFAX 

.category-events #wrapper {
background:url(graphics/bg-events.jpg);
background-repeat:no-repeat;
}

.content-filofax {
position: absolute;
left: 170px;
top: 175px;
width:670px;
height:380px;

}

.eventCell {
width: 240px;
height: 120px;
float:left;
margin:0 45px;
padding-top:5px;
border-bottom:dashed 1px #666;
color:#222;	
}
*/
/*
.eventCell:nth-child(1) {
margin-right:20px;
}

.eventCell:nth-child(2) {
margin-right:20px;
}

.eventCell:nth-child(3) {
margin-right:20px;
}

.eventCell:nth-child(4) {
margin-left:20px;
}

.eventCell:nth-child(5) {
margin-left:20px;
}

.eventCell:nth-child(6) {
margin-left:20px;
}
*/

.category-events #wrapper {
/*background:url(graphics/bg-events.jpg);
background-repeat:no-repeat;
background-position: 0;
height: 1200px;*/
}

.content-filofax {
position: absolute;
left: 280px;
top: 130px;
width: 390px;
padding-left: 90px;
padding-bottom:80px;
padding-top: 116px;
padding-right: 40px;
min-height:400px;


background: url(graphics/bg-events-bottom.jpg) bottom left no-repeat,
url(graphics/bg-events-top.jpg) top left no-repeat,
url(graphics/bg-events-repeat.jpg) top left repeat-y;
}

.eventCell {
	margin-bottom:34px;
	color:#000;
	line-height:14px;
}

.eventCell h3 {
	margin-bottom:4px;
	letter-spacing:0;
	font-size:16px;
}

.eventCell p {
	margin-bottom:0;
}

.eventCell a {
color: #f00;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
}

.eventCell a:hover {
	color:#ff63ff;
}

.eventCell strong {
/*font-weight: 600;
font-family: 'Special Elite';
font-size: 14px;
text-transform: uppercase;
color:#365ee5;*/
}




/* BLOG ============================================== */

.blogContainer {
background-color: #FFFFFF;
padding:40px;
width:740px;
margin:40px auto;
color:#000;
}

.blogdate {
font-size:11px;
margin-bottom:18px;
color:#666;
}

.blogContainer a {
color:#ff63ff;
}

.blogContainer a:hover {
color:#000;
}

.blogPostContainer {
border-bottom:dashed 1px #000;
margin-bottom:18px;
}

.main {
float:left;
width: 500px;
}

.main img {
max-width:500px;
height:auto;
}


.tagsSingle {
	display:inline-block;
	
	font-size:12px;
	font-weight:400;
	text-transform:capitalize;
}

.tagsContainer {
	font-weight:bold;
}

.tagsContainer a {
	font-weight:normal;
}


#sidebar {
float:right;
position:relative;
}

#sidebar ul {
	list-style-type:none;
}

#sidebar ul li a {
color:#000;
}

#sidebar ul li a:hover {
color:#ff63ff;
}


.blogContainer .postnavigationlink {
position: relative;
left: 0;
top: 0;
}


#RSSbutton {
	position:absolute;
	top:0;
	right:0;
}

.socialButton {
	position:absolute;
	top:0;
	right:0;
}

/*#l {
visibility: hidden;
}

.btn .label {
padding: 0;
}

#follow-button {
background: none;
border: none;
}*/





/* REMOVE GALLERY BORDER AND RESET MARGIN FOR FANCYBOX GALLERY
(default css inserted by the gallery shortcode from wp-includes/media.php.) =========================================== */
 
.gallery-item img {border:none !important;}


.gallery-item {
width: 222px !important;
margin: 0 10px 5px 0 !important;
}






/* ROYAL SLIDER background ============================== */

.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
    background: transparent !important;
}

.royalSlider { 
overflow:hidden;
margin:0 auto;
 }
 

.royalSlider > .rsContent {
visibility: hidden; 
/* or display:none depending on your needs... */
}