/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14.
 *
------------------------------------------------------------------------------------- */

div.st_horizontal { /* The main container */	
	position:relative;	
	clear:both;
	width:100%; /* Set the full width */	
	color:#616161;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev{ /* Directional buttons (previous/next) */
	position:absolute;
	top:30px;
        margin-left:-10px;
	z-index:110;
	display:none;
	
		
}
 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:absolute;
	top:30px;
        margin-right:-10px;
	z-index:110;
	display:none;
	
		
}

div.st_horizontal a.st_prev { /* Previous button */
	left:0px;	
}

div.st_horizontal a.st_prev:hover { /* Previous button hover */	
	
	
}

div.st_horizontal a.st_next { /* Next button */
	right:0px;
	
}

div.st_horizontal a.st_next:hover { /* Next button hover */	
	
}

div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	display:none!important;
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	display:none!important;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	display:none!important;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */		
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:85px;
        top: 0px;        	
	overflow:hidden;
       
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
        height:85px;
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 0px; /* Adds side margins to make space for the arrow buttons */
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:10000px; /* Set to an arbitrary high value */
	height:85px;
	margin:0px;
	padding:0px;
	list-style:none;
       
        
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
        margin:0;
        padding:0;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
        width:124px;
	margin:0;
	padding:20px 0px 33px 40px;
	text-decoration:none;
	outline:none;
        font-family: Century Gothic, sans-serif;
        color: #FFF;
		font-size: 20px;
        font-size: 2rem;   
        background:url(https://88f8efaf42239bdab4eb-69d152e9f01b96481f8d016f75a1f290.ssl.cf3.rackcdn.com/layout/blk50.png) repeat left bottom;
      
 }

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
         width: 124px;
         padding:20px 0px 33px 40px;
         font-family: Century Gothic, sans-serif;
	 color: #eeda93;
	 		font-size: 20px;
         font-size: 2rem;        
    }

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
         width: 124px;
         padding:20px 0px 33px 40px;
         font-family: Century Gothic, sans-serif;
         color: #eeda93;
		 font-size: 20px;
         font-size: 2rem;
         text-transform: uppercase; 
         font-weight: bold;         
         background:url(https://88f8efaf42239bdab4eb-69d152e9f01b96481f8d016f75a1f290.ssl.cf3.rackcdn.com/layout/nav-show-today.png) no-repeat -170px -92px;
}
.small_font{
	font-size: 12px;
    font-size: 1.2rem;
}
/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
        border: 2px solid #EEDA93;
	height:301px;
	padding:0px; /* Set the padding for the content here */
	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
	overflow:hidden;
}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	display:none; /* Hides the content when Javascript is disabled */
	width:100%;	
}

div.st_horizontal div.st_first_tab_view {
	display:block;
}

div.st_horizontal div.st_view h2 {
	font-size:16px;
	color:#454545;
	margin:0 0 16px;
	padding:0px;
}

div.st_horizontal div.st_view p {
	margin:14px 0 0;
	padding:0px;
}

div.st_horizontal div.st_view blockquote {
	float:left;
	width:315px;
	margin:18px 14px 0 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

div.st_horizontal div.st_view blockquote p {
	margin:0px;
}

.artist {
    width:320px;
    height:300px;
    float:left;
}
.artist img{
    border:0;
}

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #d4d4d4;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

div.st_horizontal.align_bottom div.st_tabs_container { /* Tabs main container */
	position:absolute; /* Absolute position the tabs container at the bottom of the main container */
	bottom:-39px;
	left:0px;
	margin-bottom:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	
}