/*
Theme Name: Famous Class
Theme URI: http://famousclass.com/
Description: Famous Class
Author: Metive
Author URI: http://metive.com/
*/








/* Typography */


* {margin:0;padding:0;} 

html, body, #wrap {

	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}


body {

background-repeat: repeat;
	
background-image: url(images/bg/crazed_banner_bg.gif);


}

a:link, a:visited {
color: red;
text-decoration: none;
}

a:hover {
color: black;
}



.footer a:link, .footer a:visited{
color: white;
text-decoration: none;
}

.footer a:hover {
color: black;
}



#thumbimg a:link, #thumbimg a:visited{

}

#thumbimg a:hover {
opacity:0.4;

filter:alpha(opacity=40);	
 
}



#thumbimg:hover {
opacity:0.4;

filter:alpha(opacity=40);	
 
}


body > #wrap {
	background-repeat: repeat-y;
	padding-right: 3px;
	padding-left: 3px;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
	background-image: url(images/wrap_bg.png);


}


li {

list-style: none;

}


p {

margin-top: 0px;
margin-bottom: 10px;


}

img {


	border-width: 0px;


}


.nav {

	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}


.footer {

	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color:white;
}

.title {
	margin-top: 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}



.thumbtitle {
	margin-top: 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}


.viewmore {
	float: left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 5px;
	display: inline-block;
	background-color: gray;
	color:white;
	padding: 5px;
	
}


.viewmore a {
color: white

}

.viewmore a:hover {
color: white

}

.viewmore:hover {
background-color: red;
}


.viewall{
	float: left;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 5px;
	display: inline-block;
	background-color: gray;
	color:white;
	padding: 5px;
	
}


.viewall a {
color: white;
}


.viewall:hover {
background-color: red;
}



.headline {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase; 
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}





.introtext {

	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.newstext {

	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.projecttext {

	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}



/* Shop */   


h2 { 
color: black; 
font-weight: bold; 
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
margin-right: 10px;
display: inline;


}



h3 { 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	font-size: 16px;
	display: inline;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;

}

h3 a:link, h3 a:visited, h3 a:active {
	background-color: gray;
	color: white; 
	text-decoration: none;
	padding: 5px;
	background-color: gray;
}

h3 a:hover {
	background-color: red;
	color:white;
	text-decoration: none;

}


/* for the buy button */
h4 { 
	padding-right: 5px; 
	float: left; 
	color: black; 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	font-size: 12px;

	


	}

h4 a:link, h4 a:visited, h4 a:active {
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	color: black; 
	text-decoration: none;
	background-color:red;
	margin-bottom: 5px;
	display: inline-block;

}

h4 a:hover {

	background-color: #b3b3b3;

}

/* Shop Front Page */

#product { 
margin-right: 20px; 
float: left; 
width:289px; 
height: 150px; 
/*margin-bottom: 10px;*/


}
/*.product:hover {background-color: yellow; color: black;}*/
.product p {
	padding: 2px;
}
.product a {font-style:normal; font-weight: bold; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica;  font-size: 14px;  color: black;  text-align: left; text-decoration: none; z-index: 999;}

.product a:hover { 

color:red;


}

.product img {margin: 0px 10px 0px 0px; float: left;}
/*.product img:hover {margin-bottom: 1px; border: 1px solid black;} */
.shopfrontpage h4 { font-size: 25px; margin-bottom: 2	0px; margin-top: 0px;} /* for the buy button */



/* Individual product Page*/

.shop .productinfo{padding-top: 10px;}
.shop img {margin-right: 20px;}
.shop p {font-size: 16px; margin: 5px 5px 20px 5px;}

.shop h3 {font-size: 29px;}

.post-meta-key {display: none;}






/* Structure */                         
            
#container {
	
	min-height: 100%;
	

	
	padding-bottom: 150px; /* must be same height as the footer */
	
	}
	
	
#header {
	width: 990px;
	height: 320px;
	position:absolute;
	top: 0px;
	z-index:10;
	}	
	
	
#banner {
	width: 990px;
	height: 320px;
	margin-bottom: 10px;
	}	
		
	
	
#header-short {
	margin-bottom: 10px;
	width: 990px;
	height: 90px;
	background-image: url(images/famous_class_banner_dave_singley.gif);
	}		
	
	
	
#logo {
	margin-top: 0px;
	padding-top:10px;
	float: left;
	width: 140px;
	margin-left: 10px;

	}	
	
	
#nav {
	margin-top: 10px;
	float: left;
	margin-left: auto;
	padding-top: 10px;
	}
	
#title {
	margin-bottom: 10px;
	min-height: 25px;


}	


#storetitle {
	margin-left:10px;
	margin-right:10px;
	padding: 10px;
	border-style: solid;
	border-color: #e6e6e6;
	border-width: 1px;
	background-color: white;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

}	

#thumbtitle {
	padding-bottom: 10px;
	min-height: 30px;

}		
	

#right{
	float: right;

}		
		
#player {
	border-style: none;
	background-image: url(images/white_bg.png);
	margin-left: auto;
	height: 32px;
	width: 310px;
	padding-top:10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	}				
	
	
#video-player {
	margin-bottom: 10px;
	float: left;
	width: 640px;
	margin-right: 10px;
}	
	


#columns{
	display: inline-block;

}

#columnsstore{
	display: inline-block;

}

#columnone {
	float: left;
	width: 310px;
	margin-left: 10px;
	margin-right: 20px;
}	


#columntwo {
	float: left;
	width: 310px;
	margin-right: 20px;
}	


#columnthree {
	float: left;
	width: 310px;
}


#columnonetwo {
	margin-left:10px;
	float: left;
	width: 640px;
	margin-right: 20px;
	}	


#columnproduct {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 310px;
}	

#featured {
	padding-top: 10px;
	border-style: solid;
	border-color: #e6e6e6;
	border-width: 1px;
	background-color: white;
	margin-bottom: 10px;
	float: left;
	display: inline-block;
	width: 298px;
	padding-left: 10px;
}

#thumbimg {
	float: left;
	width: 139px;
	margin-right:10px;
}


#artists-thumbimg {
	float: left;
	width: 157px;
}

#artists-thumbimg:hover { 
opacity:0.4;

filter:alpha(opacity=40);	
}


#artist{
	float: left;
	width: 160px;
	margin-bottom: 10px;
}



#artists{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-style: solid;
	border-color: #e6e6e6;
	border-width: 1px;
	background-color: white;
	margin-bottom: 20px;
	float: left;
	width: 628px;
	overflow: visible;
}




#biophoto {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
}


#biotext {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 288px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
}




#links {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;

}


#videos {
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
	}


#othervideos {
	float: left;
	
}




#home-videos {
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
}


#photos {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;

}


#downloads {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
}


#art {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;

}

#about {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
	
}


#contact {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	width: 298px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;
	padding-left: 10px;
}




#press {
	overflow: auto;
	width: 280px;
	padding-right: 10px;
	height: 360px;
	float: left;
	margin-bottom:10px;


}


#news{
	overflow: auto;
	width: 280px;
	padding-right: 10px;
	height: 365px;
	float: left;
	margin-bottom:10px;

}


#newsentry{
	margin-bottom: 10px;
	background-color: #eeeded;


}



#shows{
	overflow: auto;
	width: 280px;
	padding-right: 10px;
	height: 370px;
	float: left;
	margin-bottom:10px;


}


#artist-shows{
	width: 310px;
	float: left;
	margin-bottom:10px;

}

#artist-shows-text{
	padding: 10px;
	overflow: auto;
	width: 290px;
	height: 220px;
	float: left;
}





#footer {
	background-color: red;
	width: 990px;
	height: 150px;
	margin-top: -150px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear:both;
}	


#footerleft {
	text-align: left;
    float: left;
    padding-left: 10px;
    margin-top:10px;


}	


#footerright {
	text-align: right;
	display: inline-block;
	padding-right: 10px;
	margin-top:10px;
    float: right;


}	



/* NAV*/




#nav li, #subnav li {
	margin-left: 10px;
	padding:5px;
	text-align: right;
	display: inline-block;
	list-style:none;
	background-image: url(images/white_bg.png);

	
	} 

#nav a, #nav a:visited {
	text-decoration: none;
	color: black;


	
	}

#nav a:hover, #nav a:active {
	color: #585858;

}

element {
}



#news-show_nav {
	margin-left: auto;
	}	


#news-show_nav li, #news-show_nav li {
	margin-left: 10px;
	padding:5px;
	text-align: right;
	display: inline-block;
	list-style:none;
	background-image: url(images/white_bg.png);

	
	} 

#news-show_nav a, #news-show_nav a:visited {
	text-decoration: none;
	color: black;


	
	}

#news-show_nav a:hover, #news-show_nav a:active {
	color: #585858;

}

.news-show_nav {

	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}



/* Tabs
----------------------------------*/
#tabs{
	margin-bottom: 10px;
	padding: 10px;
	border-style: solid;
	width: 288px;
	height: 400px;
	border-color: #e6e6e6;
	border-width: 1px;
	float: left;
	background-color: white;	
	}

ul, menu, dir {
    float: left;
    display: block;
    list-style-type: disc;
    margin: 0px;
    -webkit-padding-start: 0px;
}

.dir {}

.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; }
.ui-tabs .ui-tabs-nav li { !important; float: left; margin-bottom: 10px; margin-right: 10px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 2px; border-bottom-color: red; border-bottom-style: solid; border-bottom-width: 4px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { float: left;  }
.ui-tabs .ui-tabs-hide { display: none !important; }



.ui-widget-content{} 
.ui-corner-bottom {}
.ui-corner-top {}
.ui-state-default {}
.ui-state-hover{}

.ui-#tabs-nav {}
.ui-helper-reset {}
.ui-helper-clearfix {}
.ui-widget-header {}
.ui-corner-all {}