body { position: relative; font-size: 80%; color: #333333; font-family: "Times New Roman", Times, serif; }  

.home{ overflow:hidden; }

#menu{ position: relative; z-index: 1; width: 200px; background-image: url( images/white-transparency.png ); height: 1000px; background-color: #ffffff; padding: 0 20px 0 40px; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; }

.home #blog
{
	background-image: none !important;
}
.about #about,
.artist #artist,
.blog #blog,
.store #store,
.press #press
{
	background-image: url( images/bullet.gif ) ;	
	background-repeat: no-repeat ;	
	background-position: 70% 12px ;	
}


.contact #contact,
.events #events,
.social #social,
.links #links
{
	text-decoration: underline !important;	
}
/*********************** structure ***************************************/

#content{	margin-top: 90px; position: absolute;	 margin-left: 280px;}
	.home #content{ margin-top: 0px; margin-left: 0px; }
	
.post{ margin-top: 10px; line-height: 1.4; width: 500px; color: #333333; }
	.artist-template .post{ margin-top: 10px; }
	.page-template .hentry, .multiposting-template .hentry{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #cccccc}
  
.post h2, .post h3{	font-weight: normal; text-transform: capitalize; margin-bottom: 20px; font-style: italic;	float: left; font-size: 120%; }
.post h3{ margin-bottom: 10px; }
	.artist-template .post h2, .artist-template .post h3{ float: none; }
	
.post small{ padding-top: 5px; font-size: 80%; float: right; }
	.post .postmetadata small{ text-align: left; }

/*********************** comment ***************************************/	
#respond,#comments{ margin-top: 20px; }
	#respond h3{ margin-bottom: 10px;}
	#comments{ margin-bottom: 10px; }
.commentlist .comment{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cccccc; }
	.comment-author img{ padding-right: 40px }
		.comment-author cite{ padding-top: 10px; }

.commentmetadata{	font-size: 90%; padding-bottom: 10px}
.postmetadata{ color: #999999; }	
	.postmetadata a{ color: #999999; !important}	

/*********************** common ***************************************/
a{ color: #333333; text-decoration: none; }
a:hover{ text-decoration: underline; }

.clear{ height: 1px; clear: both; }

.page-template-artist-php .navigation{ margin-bottom: 50px; }

.navigation .alignleft{
	padding-top: 10px;
	font-size: 120%;
	font-weight: bold;
	float: left;
}

.navigation .alignright{
	padding-top: 10px;
	font-size: 120%;
	font-weight: bold;	
	float: right;
}

.blogroll ul{
	list-style: disc;
}
.blogroll li{
	padding: 10px 0 0 0;
}

.designedby{
	text-align: right;
	font-size: 90%;
}

#arrow{ position: absolute; right: 0px; top: 350px; display:none}
.home #arrow{ display: block }
/*********************** sidebar ***************************************/
h1{
	padding-top: 50px;
	padding-bottom: 20px;
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.page_item{
	font-size: 120%;
	font-style: italic;
	text-transform:lowercase;		
	padding: 10px 5px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}

.bottomlinks{
	padding: 10px 0;
	margin-top: 240px;
	margin-bottom: 50px;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	text-align: right;
}

.bottomlinks h2{
	color: #333333
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
}

.bottomlinks span{
	display: block;
	font-size: 120%;
	padding: 10px 0px 0px 10px;
	float: right;
}

/*********************** artist ***************************************/
.photo{
	margin-top: 20px;
	margin-bottom: 15px;
}

.item{
	margin-bottom: 50px;
	float: left;
	width: 210px;
	margin-right: 10px;
}

.item h3{ padding-left: 5px; font-style: italic; text-transform: capitalize; font-size: 100%; font-weight: normal; margin-bottom: 5px;}
.item .item-thumb{ cursor:pointer; background-image: url( images/photo-frame.gif ); background-repeat: none; background-position: top left; padding: 10px; }
.item .hover-state{ background-image: url( images/photo-frame-hover.gif ) !important;}
.item .item-description{ padding-left: 5px; line-height: 1.2; padding-right: 5px; position: relative; height: 100px;}

.readmore{
	display: block;
	position: absolute;
	bottom: 10px;
	color: #666666;
	font-weight: bold;
	right: -5px;
	font-size: 80%;
	width: 80px;
}
.readmore:hover{
	background-position: 0% 73%;
}
/*********************** supersized ***************************************/
#supersize{
	position: absolute;
	top: 0px;
	left: 0px;
}

#supersize img, #supersize a{  
    height:100%;  
    width:100%;  
    display:none;  
		z-index: 0;
}  

#supersize .activeslide, #supersize .activeslide img{  
    display:inline;  
}