/* ===============================================================================================
   ====================================== KONFLUX.ORG STYLESHEET =================================
   =============================================================================================== */

body {
	margin: 0;
	padding: 0;
	background: #000000 url(../images/bg-asphalt.gif);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ddd;
	line-height: 1.3em;
	text-align: left;
}
a:link, a:visited {
	color: #FFF200;
	text-decoration: underline;
}
/*	color: #818181;*/
a:hover {
	color: #FFFF80;
	text-decoration: none;
}
a.linker, a:visited.linker {
	color: #faff6b;
	padding:0 5px 0 5px;
	font-size:110%;
	margin-left:-5px;
	height:19px;
	overflow: visible;
}
a:hover.linker {
	background:#ad0050;
	color:black;
	margin-left:0px;
}
strong {
	color: #fff;
}

img {
	border: none;
	}

h1 {
	text-indent: -6000px;
	height: 0;
	font-size: .5em;
	}
h3 {
	padding-top:0;
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: normal;
	color:#FFFF66;
	font-family: "etica-1", Myriad Web Pro, Arial, Helvetica;
	letter-spacing: -.5px;
}
h2 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	background:#2C2C2C url(../images/bg_btn_grad-2.gif) 0 -1px repeat-x;
	padding: 12px 0 0 25px;
	height: 28px;
	margin: 0;
	font-family: "etica-1", Myriad Web Pro, Arial, Helvetica;
}
h3 {
	padding-top:0;
	margin: 0 0 28px 0;
	font-size: 26px;
	font-weight: normal;
	color:#FFFF00;
	letter-spacing: -.1px;
}
h4 {
	padding:2px;
	margin: 0 0 12px 0;
	font-size: 18px;
	color: #fff;
	letter-spacing: -.1px;
}
#bio h2 {
	padding:0;
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: normal;
	color:#FFFF66;
	font-family: "etica-1", Myriad Web Pro, Arial, Helvetica;
	letter-spacing: -.5px;
	background: none;
	line-height: 1em;
	}

.textbold {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
}
.header {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	position: relative;
}
#contactInfo {
	position: absolute;
	right: 10px;
	top: 20px;
}
.textpale {
	font-weight: normal;
	color: #CCCCCC;
}
.textred {
	font-weight: normal;
	color: #F88B07;
}
.EventDiv {
    width: 340px;
    height: 170px;
    overflow: auto;
}
.banner180 {
	margin: 10px 0 0;
}

td.topgrad, th.topgrad {
	background:#2C2C2C url(../images/bg_btn_grad-2.gif) repeat-x;
}
.sectop {
	background:#2C2C2C url(../images/bg_btn_grad-2.gif) repeat-x;
	height: 43px;
	width:100%;
	position: relative;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	margin-top:14px;
}
.tfwrap {
	overflow:hidden;
	clear: both;
	width:100%;
	padding: 10px 0 10px 0;
}
.textfield {
	color: #CCCCCC;
	float:right;
	width:520px;
}
.tfspacer {
	width:160px;
	float:left;
	font-weight: bold;
}
#pollerfield {
	text-align: left;
	background: none;
	vertical-align: top;
}

.linksTable {
/*	padding: 10px 0 0 20px;*/
}
.linksTable td {
	padding: 0 0 10px 0;
}
.linkField1 {
	width: 160px;
}
.linkField2 {
	width: 520px;
}
.linkField1 a {
	color: #faff6b;
	font-weight: bold;
	padding:0 5px 0 5px;
	font-size:110%;
	height:19px;
	overflow: visible;
}
.linkField1 a:hover {
	background:#ad0050;
	color:black;
	margin-left:0px;
}
.padding25 {
	padding: 25px;
}
.padding2 {
	padding-left: 25px;
}
.padding3 {
	padding-left: 25px;
	padding-right: 20px;
}
.clearLeft {
	clear: left;
	}

/*
        Page Structure

*/

#header {
	background: url(../images/new-konflux-header.png) no-repeat 0 -12px;
	width: 695px;
	height: 130px;
	position: relative;
}
#header span {
	display: none;
}

#contact {
	position: absolute;
	top: 18px;
	right: 0;
	}

#wrapper {
/*	background: url(../images/ganesh_bg.gif) 0 0 repeat-y;*/
	padding-left: 75px;
	float: left;
	overflow: hidden;
	width: 920px; /* if you've got less than 1024x768 - sorry! */
	clear: both;
	margin-bottom: 20px;
}

#leftCol {
	width: 695px;
	max-width: 695px;
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}

#rightCol {
	width: 195px;
	float: left;
}


#bio {
	background: #230814 url(../images/bg-purple-piano.jpg) repeat-x;
	padding: 25px;
	margin-bottom: 25px;
	overflow: hidden;
	border: 1px #3f1225 solid;
}

#musicPlayer {
	margin-bottom: 25px;
}

/* Gig schedule */

#gigs {
	margin-bottom: 25px;
	width: 100%;
	float: left;
}
.gigList {
	list-style: none;
	margin: 0; padding: 0; overflow: hidden;
	position: relative;
}
.gigList li {
	margin-bottom: 4px;
	float: left;
	width:643px;
}
.gigList li div {
	padding: 1px 4px;
}
	.gigList li div span {
	color: #fff;
}
.gigList li.deleted div {
	background: #555;
	color: #333;
}
.gigList li.deleted dates {
	background: #888;
}
.dates {
	width: 150px;
	float: left;
	background: #d9d954;
	color: black;
	margin: 0 4px 0 0;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.event {
	background: #444;
	color: #ffff4b;
	font-weight: 700;
	margin: 0;
	float: left;
	min-width: 180px;
	max-width: 240px;
	_width: 240px;
	overflow: hidden;
}
.organizer {
	background: #393939;
	color: #888;
	margin: 0;
	float: left;
	min-width: 120px;
}
.location {
	background: #323232;
	color: #888;
	margin: 0;
	float: left;
}

.cds {
	margin-bottom: 25px;
	border: 1px solid #444;
	border-top: none;
	padding-bottom: 25px;
	width: 695px;
	width: inherit;
	overflow: hidden;
	float: left;
}

.cdItem {
	margin: 12px 12px 0 25px;
	display: inline;
	float: left;
	width: 640px;
}
.cdItem strong {
	line-height: 1.4em;
	font-size: 130%;
}
.cdItem img {
	margin-right: 12px;
}
.cds .cdItem img {
	cursor: help;
}
.cdInfo p {
	margin-bottom: 0;
}

.mixes {
	border: 1px solid #444;
	padding-bottom: 10px;
	//padding-bottom: 20px;
	border-top: none;
	width: 695px;
	margin-bottom: 25px;
	display: inline;
	float: left;
}

#links {
	border: 1px solid #444;
	border-top: none;
	width: 695px;
	overflow: hidden;
	float: left;
	margin-bottom: 0;
}

#footer {
	background: #19050E url(../images/bg-purple-grad.jpg) repeat-x 0 -210px;
	clear: both;
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	border-top: 1px #3c2e34 solid;
}

#footer p {
	line-height: 1.45em;
}

#footerLeft {
	padding: 12px 0 12px 105px;
	float: left;
	position: relative;
	width: 530px;
	}
#footerRight {
	padding: 25px 0 12px 155px;
	float: left;
	position: relative;
}

#extreme {
	position: absolute;
	top: 28px;
	left: 18px;
}

/*
        jQuery Tabs         

*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
   .tabs-hide {
        display: none;
	}
}

.tabs-container {
	border-top: 1px solid #97a5b0;
	background: #000; /* declare background color for container to avoid distorted fonts in IE while fading */
	height: 200px;
	border: 1px solid #444;
	text-align:left;
	padding: 8px 3px 8px 23px;
	position: relative;
	overflow-y: auto;
}

.tabs-nav {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 43px;
	background:#2C2C2C url(../images/bg_btn_grad-2.gif) repeat-x;
}
.tabs-nav a {
	display: block;
	padding: 8px 0 0 25px;
	width: 205px;
	height: 30px;
	color: #fff !important;
}
.tabs-nav a:hover {
	color: #FFFF80 !important;
}
.tabs-nav li {
	float: left;
	background:#2C2C2C url(../images/bg_btn_grad-2.gif) repeat-x;
	border-right: 2px black solid;
/*	margin-right: 2px;*/
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
/*	height: 30px; */
	line-height: 24px;
}
.tabs-nav li:hover {
	border-top: 3px solid #373737;
}

.tabs-nav li.active, .tabs-selected {
	border-top: 3px solid #FFFF00 !important;
}
.mrgTop25 {
	margin-top: 25px;
}
.tracklist {
	font-size: .8em;
	line-height: 1.1em;
	text-transform: uppercase;
	padding-top: 2px;
}
.tracklist span {
	font-weight: bold;
	color: #FFFF66;
}
.tracklist ol {
	list-style-position: inside;
	margin: 0;
	}
.tracklist ol li {
	line-height: 1.1em;
	height:12px;
	}


/*  Twitter Stuff  */


#twitterFeed {
	margin: 10px 0 0 0;
	float: left;
	width: 93%;
}
#twitterFeed h3 {
        font-size:1.7em;
        line-height: .9em;
	margin: 0 0 15px;
	}
#twitterFeed h3 a {
	padding-left: 31px;
	background: url(../images/twitter-bird-a.gif) no-repeat 7px 2px;
	}
#twitterFeed h3 a:hover {
	background: url(../images/twitter-bird-b.gif) no-repeat 7px 2px;
	}
#twitterFeed h3 span {
	font-size: .9em;
	}
#twitterFeed p.subtext {
	font-size: .8em;
	margin-bottom: 0;
	}

.twitList {
        list-style: none;
        margin: 0;
        padding: 0;
	}
.twitList li:first-child {
	border-top: 1px dotted #444;
	}

.twitList li {
	padding: 10px 0 10px 15px;
	border-bottom: 1px dotted #444;
	line-height: 1.25em;
	font-size: .85em;
	margin: 0 0 0;
	position: relative;
	}

.twitList li p {
	margin: 0 0 0 10px;
	line-height: 1.25em;
	font-size: .9em;
	}
.twitList li em {
	color: #AD0050;
	font-size: .8em;
	padding: 0 3px;
	/*margin-bottom: 5px;
	display: block;*/
	background: #220813;
	}

.twitList li a {
	left:0;
	top: -10px;
	position:absolute;
	padding: 0 3px;
	font-size: .8em;
	color: #FFFF80;
	background: #000;
}
.twitList li a:hover {
	color: #AD0050;
	background: #220813;
	}

.twitList li span a {
	position: relative;
	padding: 0;
	top: 0;
	font-size: 1em;
	}

/*  Flickr Stuff  */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#dddddd;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 2px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {
        display:inline;
        padding:0 5px 0 0 !important;
        font: 18px "etica-1", Myriad Web Pro, Arial, Helvetica, Sans serif;
        color:#3993ff;
        text-decoration: none;
        }
#flickr_badge_uber_wrapper { margin-left: -11px; }
a:hover#flickr_www {
        text-decoration:underline;
	}
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:visited,
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
        text-decoration:underline;
        background:inherit !important;
        color:#FFF200;
        }
#flickr_badge_wrapper { margin-bottom: 10px; }
#flickr_badge_source {
	padding:0 !important;
	color:#dddddd !important;
	}




.sidebarDiv {
	float:left;		
	width: 150px;
/*		height:220px;		*/
	padding: 15px;	
	border:1px dotted #777;
	margin: 10px 0;
	background: #222 url(../images/bg-greystars.jpg);
	overflow: hidden;
	font-size: .9em;
	}
.sidebarDiv p {
	padding: 0;
	margin: 0 0 10px;
	}
#unsubscribe {
	text-align: right;
	font-size: .9em;
	margin: 0;
	padding: 0;
	}
.purpleBG {
	background: #220813;
	border: 1px dotted #3F1225;
	}
#subscribeBtn {
	background: #FFFF66;
	border: none;
	width: 100%;
	font-weight: 700;
	margin: 0 auto;
	padding: 2px 4px;
	border: 1px white solid;
	border-left: 1px #333 solid;
	border-bottom: 1px #333 solid;
	}
#subscribeBtn:hover {
	cursor: pointer;
	}


/* Gig manager */

#gigForm { margin-top: 20px }
#gigForm label {
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	margin: 0 4px 0 0;
	color: #888;
}
#gigForm legend {
	color: #D9D954;
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 10px
}
#gigForm input {
	margin-bottom: 4px;
	background: #222;
	color: #fff;
	border: none;
	border-bottom: dotted 1px #888;
	width: 220px;
	padding: 2px 4px;
}
#gigForm input:focus {
	background: #444;
}
#gigForm cite {
	font-size: .8em;
	color: #777;
}

.operations {
	font-size: .8em;
	position: absolute;
	right: 0;
}