/*Theme Name: Tasso.com
Theme URI: the-theme's-homepage
Description: Main theme for tasso.com
Author: Imnotteo
Author URI: imnotteo.com

Version: a-number--optional
.
General comments/License Statement if any.
.
*/



body{
	width: 1020px !important;
	font-size: 100%;
	font-family: georgia,serif;
	letter-spacing: -.2pt;
	line-height: 13.7pt;
	/*background: #000 url('Images/BG/tassobgtry.png') repeat scroll;   */ 
	height: 100%;
	background-color: #fff;
                     
}

/*---------------------Type and Basic links---------------------*/
p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.125em;
	color: #121522;

}

h2{
	font-size: 2em;
	font-weight: normal;
	color: #121522;
	line-height: 1.5em;
}

h2.bigT{
	font-size: 3.375em;
}

h2.videoTitle{
	float: right;
	font-size: 2em;
	font-weight: bold;
	color: #121522;
	line-height: 1.5em;
	width: 220px;
	
}

h3{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.313em;
	padding-bottom: 1.5em;
	line-height: 1.125em;
	color: #121522;
	
}

/*------ Links ------*/

a:link{
	
	text-decoration: underline;
	color: #090907;
	font-weight: bold;

}

a:visited{
	
	color: #090907;
	font-weight: bold;
	
}

a:hover{
	
	color:  #D00138;
	
}

a:active{
	
	color: #CC0014;
}


/*----------------------SEARCH BOX------------------------*/

#searchBar{
    width: 180px;
    height: 1em;
	margin-top: -4px;
}
#searchBar #s {
    float: left;
    width: 154px;
	padding: 0px;
	height: 16px;
	margin: 0px;

}

#searchBar #s:focus{
	border-color: #FF6C0A;
	border-width: 3px;
	border-style: solid;

}
#searchBar #go {
    float: right;
	background-image: url(Images/Icons/search.png);
	width: 16px;
	height: 16px;
	margin-top: 2px;
}



/*---------------------Main Containers---------------------*/

#mainContain{
	height: 100%;
	width: 1020px;
	float: left;
	background-color: red;
	overflow: auto;
}


.paper {
	/*background: url('Images/BG/paperBG2_02.png') repeat scroll top left;*/
	width: 762px;
	position: absolute;
	left: 129px;
	height: auto;
}
#selector {
	/*background: url('Images/paperBGshdw_02.png') no-repeat scroll top left;*/
	width: 762px;
	height: 1020px;
}
#content{
	width: 740px;
	height: 100%;
}

#home{
	position: relative;
	left: 31px;
	/*background-color: red;*/
	margin: 0px;
	padding-top: 1.875em;
}

img#heads {
	background: url('Images/BG/bgHeads_03.png') no-repeat scroll top right;
	width: 977px;
	height: 552px;
	position: absolute;
	z-index: -1;
	bottom: 30%;
}

.categories{
	height: 100%;
}

#overflow{
	height: 100%;
}

.navigation{
	clear:both;
	float: left;
}

#navigate{
	text-align: center;
	clear: both;
}
/*---------------Contact Box----------------*/
#contact{
	float: left;
	background-color: white;
}

#contactBox{
	padding: 20px;
	float: left;
}

#contactInfo{
	float: left;
	padding: 20px;
}

h3.contact{
	padding: 1em 0 0 0;
	margin-bottom: 1em;
}
/*---------------------Side Bar--------------------- */


.sidebar {
	/*background: url('Images/sidebar/tassosidebar_02.png') no-repeat scroll top left;*/
	width: 120px;

	height: auto;
	float: left;
	position:absolute;
	top: 170px;
}



#links{
	float: left;
/*	padding-top: 43px; */
	width: 88px;
	height: auto;
	min-height: 100%;
	padding-left: 7px;
	background: url('Images/sidebar/sidebarBG_07.png') repeat scroll top left;
}

#sidebarTop {
	background: url('Images/sidebar/sidebarTop_02.png') no-repeat scroll top left;
	width: 114px;
	height: 46px;
}

#sidebarContain{
	background: url('Images/sidebar/sidebarRight_02.png') no-repeat scroll top right;
	width: 115px;
	height: auto;
	min-height: 200px;
	max-height: 326px;
	float: left;
}

#sidebarBottom {
	background: url('Images/sidebar/sidebarBottom_10.png') no-repeat scroll top left;
	width: 114px;
	height: 38px;
	float: left;
}



a#bioLink {
	background: url('Images/Links/tassoLinks_03.png') no-repeat scroll top left;
	width: 40px;
	height: 23px;
	display: block;
	padding-bottom: 18px;
	text-decoration: none;
}

a#bioLink:hover{
	background-position: -41px 0;
}


a#newsLink {
	background: url('Images/Links/tassoLinks_06.png') no-repeat scroll top left;
	width: 70px;
	height: 23px;
	display:block;
	padding-bottom: 18px;
	text-decoration: none;
}

a#newsLink:hover{
	background-position: -71px 0;
}

a#mediaLink {
	background:  url('Images/Links/linksfixed_09.png') no-repeat scroll top left;
	width: 79px;
	height: 24px;
	display:block;
	padding-bottom: 18px;
	text-decoration: none;
}

a#mediaLink:hover{
	background-position: -79px 0;
}


a#showsLink {
	background:  url('Images/Links/linksfixed_12.png') no-repeat scroll top left;
	width: 88px;
	height: 23px;
	display:block;
	padding-bottom: 18px;
	text-decoration: none;
}

a#showsLink:hover{	
	background-position: -89px 0;
	}

a#mp3Link {
	background:  url('Images/Links/mp3fix_15.png') no-repeat scroll top left;
	width: 53px;
	height: 23px;
	display:block;
	padding-bottom: 18px;
	text-decoration: none;
}

a#mp3Link:hover{
	background-position: -53px 0;
}

a#shopLink {
	background: url('Images/Links/tassoLinks_18.png') no-repeat scroll top left;
	width: 64px;
	height: 23px;
	display:block;
	text-decoration: none;
	padding-bottom: 18px;
}

a#shopLink:hover{
	background-position: -65px 0;
}

a#topLink {
	background: url('Images/Links/top_03.png') no-repeat scroll top left;
	width: 40px;
	height: 36px;
	display: block;
	text-decoration: none;
	margin-left: 8px;
	float: left;
}

a#topLink:hover{
	background-position: -41px;
}


/*-------contact us page -------*/

a#homeLink {
	background: url('Images/Links/homeLink.png') no-repeat scroll top left;
	width: 70px;
	height: 23px;
	display: block;
	text-decoration: none;
	padding-bottom: 18px;
}

a#homeLink:hover{
	background-position: -77px 0 ;
	
}




/*-------------------------------------Sections------------------------------------------*/


/*----------------- RSS & Contact Icons -----------*/

span#rss {
	background: #fff url('Images/Icons/rss16.png') no-repeat scroll top left;
	width: 16px;
	height: 16px;
	float: right;
	margin: 0 3px 0 3px;
	text-decoration: none;
	padding: 0px;
}

a span#rss:hover{
	background-color: #FF6C0A;
}

span#mail {
	background: url('Images/Icons/mail.gif') no-repeat scroll top left;
	width: 16px;
	height: 16px;
	float: right;
	text-decoration: none;
	padding: 0px;
	font-size: 0px;
	
}


span#login {
	background: url('Images/Icons/lock.png') no-repeat scroll top left;
	width: 15px;
	height: 15px;
	float: right	;
	text-decoration: none;
	padding: 0px;
	margin-right: 3px;
}


/*--------------------Search-----------------------*/

h1#search {
	background: url('Images/Headings/searchHeader.png') no-repeat scroll top left;
	width: 564px;
	height: 157px;
}
/*--------------------Contact-----------------------*/

h1#contact {
	background: url('Images/Headings/contactHeader_03.png') no-repeat scroll top left;
	width: 650px;
	height: 157px;
}

/*-------------------Newsletter--------------------*/

h1#email {
	background: url('Images/Headings/emailHeader_03.png') no-repeat scroll top left;
	width: 517px;
	height: 304px;
}

/*---------------------TOP REVIEWS & FEATURED PICS------------*/

.top_section{
	float: left;
	margin-top: 1.125em;
	width: 100%;
	height: 100%;
}



/* Reviews*/

#reviews{
	float: left;
	clear: both;

	width: 720px;
}


/*----fixes alpha/omega margin problem -----*/
.quote{
	margin-right: 20px;
	width: 220px;
	float: left;
	display: inline;
	position: relative;
}

.quoteName{
	float: right;
}

.quotes{

	float: left;
}

/* Featured Pics */
#featuredPics{
	float: left;
	padding-top: 1.125em;
	width: 720px;

}


/* ---------------------Main Title--------------------- */

#header{
	float: left;
}

h1#title{
background: url('Images/Headings/tasso960_23.png');
height: 158px;

}

/*-------Twitter-----*/

#mainTwitter{
	height: 158px;
}

div#relTime > ul > li > a{
	display: none;
}


/*---------------------Bio---------------------*/

#bio_section{
	float: left;
	clear: both;
}
/*---------------------News---------------------*/

#news_section{
	float:left;
	clear:both;
}

h1#news{
	background: url('Images/Headings/tasso960_News_03.png') no-repeat;
	height: 158px;
	width: 404px;
}


/*--------News Posts---------*/
.post{
	clear:both;

}

.post_content{
	clear: both;
}

.post_category{
	float: left;
}

/*---------------------Media---------------------*/

#media_section{
	float:left;
    clear:both;
}


h1#media{
	background: url('Images/Headings/tasso_media_03.png') no-repeat;
	height: 158px;
	width: 455px;
}

#videos{
	padding:18px 0 18px 0;
	float: left;
	clear: both;

}

#picGallery{
	float: left;
	width: 720px;
	padding-top: 18px;
}

#featuredVid{
	width: 720px;
	float: left;
}

/*-----Arrows for sliders-----*/

.picArrowL {
	background: url('Images/Links/arrows_10.png') no-repeat scroll top left;
	width: 10px;
	height: 161px;
	float:left;
	margin-left: -15px;

}

.picArrowR {
	background: url('Images/Links/arrows_13.png') no-repeat scroll top left;
	width: 10px;
	height: 161px;
	float: right;
	margin-right: 5px;
}

#videoArrowL {
	background: url('Images/Links/arrows_17.png') no-repeat scroll center left;
	width: 10px;
	height: 257px;
	margin-left: -15px;
	float: left;
	z-index: 90;
}

#videoArrowR {
	background: url('Images/Links/arrows_18.png') no-repeat scroll top left;
	width: 10px;
	height: 253px;
	float: right;
	margin-right: -15px;
	z-index: 90;
}



/*---------------------Shows---------------------*/

#shows_section{
	float:left;
	clear:both;
}



h1#shows{
	background: url('Images/Headings/tasso_shows_03.png') no-repeat;
	height: 158px;
	width: 526px;
}


/*---------------------Mp3---------------------*/

#mp3_section{
	float:left;
	clear:both;
}

/*---------------------Mp3 Player---------------------*/

#mp3_player{
	width: 700px;
	height: 130px;
	display: none;
}

/*
.mp3_footer{
	height: 140px;
	width: 100%;
	background-color: #000;
}
*/

/*---------------------Shop---------------------*/


#shop_section{
	float:left;
	clear:both;
}

h1#shop{
	background: url('Images/Headings/tasso_shop_03.png') no-repeat;
	height: 158px;
	width: 388px;
}


/*---------------------Footer---------------------*/
.more_info{
	width: 740px;
	float: left;
}

#footer{
	float: left;
	margin-bottom: 1.125em;
	text-align: center;
	
}





/* ----------Headers for Sections, shrinking the type and replacing them with images---------------------*/

h1 span, h2 span, h3 span {
font-size:1px;
height:1px;
line-height:1px;

}







/*floats*/
.rss{
	float: left;
	clear: both;
}



#left{
	float: left;
	clear: both;
}

#right{
	float: right;
	clear: both;
}

.clear{
	clear: both;
}

/*-------------Solid Bar seperators-----------------*/
#top_bar{
	background-color: #000;
	color: #fff;
	text-align: right;
	height: 1em;
	width: 700px;
	margin-bottom: 1.125em;

}

.bar{
	background-color: #000;
	height: 0.625em;
	width: 700px;

}

.seperate{
	float: left;
	padding-top: 1.125em;
	padding-bottom: 1.125em;
}

.blank_seperate{
	float: left;
	padding-top: 1.125em;
	padding-bottom: 1.125em;
	height: 10px;

}

#dead_space{
	width: 740px;
	height: 300px;
}



/*-----------------------WP SPECIFIC STYLING----------------*/

.wp-caption {
   border-left: 0px solid #000;
   text-align: center;
   background-color: #f3f3f3;
   padding: 8px 4px 0 4px;

   /* optional rounded corners for browsers that support it */


	float: right;
	margin: 0 0 1.125em 0.625em;
}

.wp-caption img {
   
   padding: 0;
   border: 0 none;

	
}

.wp-caption p.wp-caption-text {
   font-size: .75em;
   line-height: 17px;
   padding: 8px 4px;
   margin: 0;

}




/*----Images -----*/

img.alignright{	
	/*width: 458px;
	height: 306px;*/
	float: right;
	margin: 0 0 1.125em 0.625em;
	border-left: 0px solid #333;
	padding-left: 4px;
	
}

/*-------faking it: images and static video snapshots for positioning, to be replaced with dynamic content------*/
#vimeo{
	background: url('Images/Faking_it/tasso960_29.png') no-repeat;
	background-repeat: no-repeat;
	width: 451px;
	height: 340px;
	float: right;
	margin: 0 0 1.125em 0.625em;
}


.vimeoMed{
	width: 340px;
	height: 257px;
	margin-right: 20px;
}

.vimeoMed > a{
	display: none;
}


#video{
	float: left;
}

#excerpt{
	float: right;
}

.youtube {
	margin-bottom: 10px;
	
	width: 340px;
	height: 257px;
	margin-right: 20px;
	margin-left: 0px;
}

#youtube2 {
	background: url('Images/Faking_it/tasso_media_08.png') no-repeat scroll top left;
	width: 340px;
	height: 257px;
	margin-right: 20px;
	margin-left: 0px;
}

#tee {
	background: url('Images/Faking_it/tassoTee_03.png') no-repeat scroll top left;
	width: 460px;
	height: 460px;
	float: right;
	margin: 0 0 1.125em 0.625em;
}

/*-------TOP FEATURED PICS-------*/

div#reviews > div#featuredPics > p > img{
	height: 157px;	
	margin-left: 0px;
	margin-right: 20px;
	width: 220px;
	float: left;
}
#pic1{
	background: url('Images/Faking_it/tasso960_06.png');
	height: 157px;	
	margin-left: 0px;
	margin-right: 20px;
	width: 220px;
}

#pic2{
	background: url('Images/Faking_it/tasso960_08.png');
	height: 157px;
	margin-left: 0px;
	margin-right: 20px;	
	width: 220px;
}

#pic3{
	background: url('Images/Faking_it/tasso960_10.png');	
	height: 157px;
	margin-left: 0px;
	margin-right: 20px;	
	width: 220px;
	
}


/*-------Scrollable Containing boxes
overflow must be set to hidden,

the class of the main containing box must be alpha


--------*/





/*------------------NGG Extra Styling------------------*/
/* fixes captioned photos on home page */
div.wp-caption > img.ngg-singlepic{
	display: inline !important;
}





/*---------Scrollable------------*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/

div.scrollable{
	
	/*required settings */
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 400px;

	

}

div.scrollable2{
	
	/*required settings */
	position: relative;
	overflow: hidden;
	width: 700px;
	display: block;
	float: left;
}

div.videoScroll{
	position:relative;
	overflow:hidden;
	width: 700px;
	height: 400px;

	
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:100000em; 
    position:absolute; 
} 

div.videoScroll div.videos { 
    /* this cannot be too large */ 
    width:100000em; 
    position:absolute; 
	display: block;
	height: auto;
	

}
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 

div.videoScroll div.videos div { 
    float:left; 
	height: auto;
	width: 700px;

}
 
/* you may want to setup some decorations to active item  
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
*/







/*--------960 reset------------*/





/*------------- 960 styles --------------------*/


/*-------Calendar Styling----------*/




/*-------Calendar Styling----------*/

#calendar{
	float: left;
	height: 458px;
	margin-left: -16px;
	margin-bottom: 1em;
}

#calWrap{
	background: url('Images/Misc/calendar_03.png') no-repeat scroll top left;
	no-repeat scroll top left;
	width: 732px;
	height: 100%;
}



td > span{
	padding-left: 3px;
}




.calnk a:hover {
     background-position:0 0;
     text-decoration:none;  
     color:#000000;
     border-bottom:1px dotted #000000;
     }
.calnk a:visited {
     text-decoration:none;
     color:#000000;
     border-bottom:1px dotted #000000;
    }
.calnk a {
    text-decoration:none; 
    color:#000000; 
    border-bottom:1px dotted #000000;
	
    }
.calnk a span { 
    display:none; 
    }
.calnk a:hover span {
    color:#333333; 
    scroll top left;
    display:block;
    position:absolute; 
    margin-top:1px; 
    padding:5px; 
    width:150px; 
    z-index:100;
    background-color: #DFCEB0;
    }
 .calendar-table {
    border:none;
    width: 700px;
	margin-left: 16px;
	

 }
 .calendar-heading {
    height:25px;
    text-align:center;
    border:0px solid #D6DED5;
 }
 .calendar-next {
    width:25%;
    text-align:center;
	visibility: hidden;
 }
 .calendar-prev {
    width:25%;
    text-align:center;
	visibility: hidden;
 }
 .calendar-month {
    width:50%;
    text-align:center;
	font-size: 2em;

	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
 }
 .normal-day-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#eee;

	text-transform: uppercase;
	letter-spacing: normal;
 }
 .weekend-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.8em;
    border:1px solid #DFE6DE;
    background-color:#eee;
    /*color:#FF0000;*/
	text-transform: uppercase;
	letter-spacing: normal;
 }
 .day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #DFE6DE;

	font-family: Helvetica, Arial, sans-serif;
 }
 .no-events {

 }
 .day-without-date {
    width:60px;
    height:60px;
    border:1px solid #E9F0E8;
	
	font-family: Helvetica, Arial, sans-serif;
 }
 span.weekend {
    /*color:#FF0000;*/
 }
 .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #BFBFBF;
    
	font-family: Helvetica, Arial, sans-serif;
	color: #ff6c0a;
 }
 span.event {
    font-size:0.75em;
 }
 .kjo-link {
    font-size:0.75em;
    text-align:center;
	visibility: hidden !important;
 }
 .event-title {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
 }
 .event-title-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .event-content-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .calendar-date-switcher {
    height:25px;
    text-align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
    margin:0;
    padding:0;
 }
 .calendar-date-switcher input {
    border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
    border:1px #D6DED5 solid;
 }
 .cat-key {
    width:100%;
    margin-top:10px;
    padding:5px;
    border:1px solid #D6DED5;
 }

/*-------------- Video quick tag styling -----------*/
.vvqbox {
	display: block;
	max-width: 100%;
	visibility: visible !important;
	margin: 0px 20px 0px 0px !important;
	float: left;
}
.vvqbox img {
	max-width: 100%;
	height: 100%;
}
.vvqbox object {
	max-width: 100%;
}


/*--------- Contact Styling ---------------*/

div.wpcf7{
	float: right;
	margin: 0 0 0 20px !important;
}



/*----------- Tool Tip Styling ---------------- */



/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}



/*----------- Mail Chimp --------------*/
.mc_var_label{
	padding: 1em 0;
	font-size: 1.75em;
}

#mc_signup_form .mc_var_label, #mc_signup_form .mc_input{
	width: 75%;
}

#mc_signup_form legend{
	display: none;
}

.mc_signup_submit{
	padding: 1em 0px 0 5em !important;
	text-align: left !important;
	width: 25%;
}
;
    border:1px solid #D6DED5;
 }

/*-------------- Video quick tag styling -----------*/
.vvqbox {
	display: block;
	max-width: 100%;
	visibility: visible !important;
	margin: 0px 20px 0px 0px !important;
	float: left;
}
.vvqbox img {
	max-width: 100%;
	height: 100%;
}
.vvqbox object {
	max-width: 100%;
}


/*--------- Contact Styling ---------------*/

div.wpcf7{
	float: right;
	margin: 0 0 0 20px !important;
}



/*----------- Tool Tip Styling ---------------- */



/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}



/*----------- Mail Chimp --------------*/
.mc_var_label{
	padding: 1em 0;
	font-size: 1.75em;
}

#mc_signup_form .mc_var_label, #mc_signup_form .mc_input{
	width: 75%;
}

#mc_signup_form legend{
	display: none;
}

.mc_signup_submit{
	padding: 1em 0px 0 5em !important;
	text-align: left !important;
	width: 25%;
}