#arttitle{
	font-size: 20px;
}
#arttitle>span{
	font-size:12px;
	font-weight: bold; 
	color:gray;
}
#artinfo{
	font-size:14px;
	color:grey;
	margin-bottom:15px;
}
.clearhide{
	display:none;
	clear:both;
}

/* rework the whole thing */
#collectpanel{
	min-height:70px;
	max-height:152px;
	width:550px; 
	overflow:auto
}

.collectiontitle{
	clear:both;
	float:left;
	font-size:14px;
	color: rgb(80,80,80);
	cursor:pointer;
}

.addtocollection{
	float:left;
	font-size:10px;
	color: rgb(80,80,80);
	background-color: #F0F0F0;
	cursor:pointer;
	border: 1px solid;
	border-color: #E8E8E8;
	padding: 0px 2px;
	margin-left:5px;
}

.collectionparent{
	clear:both;
	display:none;
	height:55px;
}
.collectionitemholder{
	clear:both;
	width:550px;
}

.collectionitems{
	float:left;
}

/* image stuff */
#emptydiv{
	height:1px; 
	clear: both
}
#imagediv{
	position: relative;
	overflow: visible;
	}
#image{
	width:530px;
}
#holder{
	display:none;
	z-index:10;
	background-color:white;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	position: absolute; 
	left: 20px; 
	top: 30px;
}
#infobox{
	position: absolute;
	left:50px; 
	top:50px; 
	background-color:white; 
	z-index:2; 
	display:none;
	width:300px;
}

.overview > p {
	margin:0px;
	color: gray;
}



/* comment panel */
#commentsmainholder{
	float:left;
	min-height:340px;
	margin-bottom:20px;
}

#insightscomments{
	display:block;
}

#insightscommentstab {
	background-color:gray;
	color:white;
	}
	
.artcommentbox{
	width:540px;
}
	
	
.commentstab{
	background-color:#F3F3F3;
	float: left;
	font-size:16px;
	color:gray;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;	
	padding:5px;
	margin-right:4px;
	cursor:pointer;
}	

.commentsholder {
clear:both;
}

.commentscontainer{
	clear:both;
	display:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	float:left;
	border: 1px solid;
	border-color: rgb(235,247,235);
	padding-left:5px;
	padding-top:5px;
	padding-bottom:0px;
	background-color: rgb(240,240,240); 
	width:555px;
}

.allcomments{
	float:left;
	max-height:350px;
	overflow:auto;
}

.commentsitem{
	width:540px;
	padding:5px;
	float: left;
	background-color: white;
	margin-right:5px;
	margin-bottom:5px;
	min-height:40px;
	height:auto !important;
}

.commentscontent{
	float:left;
	width:490px;
}

.profileimageholder {
	float:left; 
	clear:both;
	margin:0px;
}

.profileimage{
	margin-right:5px;
	margin-bottom:0px;
	width:50px; 
	height:50px;
}

#defaultpictures{
	background-color:white;
}

.profileimageitem{
	width:50px;
	height:50px;
	//margin-left:5px;
	//margin-top:5px;
	border-style:solid;
	border-color:white;
	border-width:5px;
	float:left;
	background-color:white;
	cursor:pointer;
}

.commentcontent{
	font-size:14px;
}

.commentsvote{
	text-align:center;
	float:left; 
	width:50px;
	cursor:pointer;
}

.commentscore{
	text-align:center;
}

.commentformdiv {
	clear:both;
	margin-top:20px;
}

/* sidbar */

.sidebartitle{
	float:left;
	padding-top:5px;
	padding-left:5px;
	color:gray;
	font-size:16px;
	font-weight:bold;
}

.sidebarcontainer{
	margin-bottom:20px;
	clear:both;
}

.adcontainer{
	text-align:left;
}


.leftcontainer {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float:left;
	// border: 1px solid;
	// border-color: rgb(235,247,235);
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-color: rgb(240,240,240); rgb(253, 253, 253); //rgb(253, 253, 253);
	margin-bottom:20px;
	width:340px;
	//min-height:30px;
}

.categoryitem {
	padding:5px;
	float: left;
	background-color: white;
	margin-right:5px;
	margin-bottom:5px;
}

.overview{
	color: gray; //rgb(80,80,80);
	font-size:14px;
}

.keyartist{
	font-size:14px;
}

.killcomment{
	background-color:orange;
	cursor:pointer;
}


.sidebaritem{
	padding:5px;
	float: left;
	background-color: white;
	width:330px;
}

.artistimage{
	float:right;
	width:75px;
	height:75px;
}

.sidebaricon {
	float:left;
	padding: 0px 0px 0px 5px;
}





/* sidebar: details */

#detailscontent{
	overflow:auto;
	max-height:250px;
}

.detailitemholder{
	float:left; 
	background-color: white;
}

.detailitem{
	float:left;
	margin-bottom:1px;
	background-color:white;
	cursor: pointer;
}

.detailcontent{
	background-color:white;
	float:left;
	width:270px;
	padding:5px 5px; /* this is not working cuz it's not floating left of something... */
	margin-bottom:5px;
}

.detailthumbholder{
	float:left;
	width:80px;
	background-color:#F8F8F8;
}

/* http://www.netmechanic.com/news/vol7/html_no10.htm */
.detailthumb{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

.detailvoteholder{
	background-color:white;
	float:left;
}

.detailvote{ /* in use at all? */
//float:left; 
//width:50px;
cursor:pointer;
}
	

.detailscore{
text-align:center;
}

.singletag{
	float:left;
	width:100px;
	font-size:14px;
	color: gray;
}

#submittag{
	cursor:pointer;
}

.taginfo{
	font-size:14px;
	color:rgb(80,80,80);
}

.palettecolor{
	margin-right:4px;
	width:20px; 
	height:15px;
	float:left; 
}

.spacerdiv{
	clear:both;
	margin-top:5px;
}

.downloadpalette{
	float:right; 
	font-size:10px;
}

.cleardiv{
	clear:both;
}

.carouseltitle:link, .carouseltitle:visited, .carouseltitle:active {
	margin-left:5px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	color:rgb(80,80,80);
}

.bold12 {
	font-weight:bold;
	font-size:12px;
	color:rgb(80,80,80);
}

.normal12 {
	font-size:12px;
	color:rgb(80,80,80);
}

.normal14{
	font-size:14px;
	color:rgb(80,80,80);
}

.italic12gray {
	font-size:12px;
	color: gray;
	font-style:italic;	
}

#infodiv{
	display:none;
}


/* buttons */

#allbuttons{
float:left;

}

.buttonholder{
	float:left;
	font-size:10px;
	color:gray;
	cursor:pointer;
	width:75px;
	margin-bottom:5px;
}

.buttonicon{
	background-image: url('/static/helpers/vertview.png');
	width:26px;
	height:26px;
	float:left;
}

.buttontext{
	float:left;
}


.activetext{
	display:none;
}

.buttontextactive {
	display:none;
}


#detailbuttonicon{
	background-position: -0px -0px;
}

#zoombuttonicon{
	background-position: -0px -54px;	
}

#collectbuttonicon{
	background-position: -0px -107px;
		
}

#sharebuttonicon{
	background-position: -0px -162px;	
}

#favoritebuttonicon{
	background-position: -0px -214px;	
}

#viewchoiceicon{
	background-position: -0px -270px;
}



#favbutton {
	width: 60px;
	height: 26px;
	float: left;
	border: 1px;
	background-image: url('/static/helpers/favbuttons.png');
}

#viewchoice{
	float:left;
}

#infobox{
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-width:1px;
	border-style:solid;
	border-color:black;
}

#infobox>h2{
	font-size:14px;
}

#infobox>p{
	font-size:12px;
}

#newcollectiondiv{
	float:left;
	font-size:14px;
	color: rgb(80,80,80);
	cursor: pointer;
}

#createnewcollection{
	clear:both;
	display:none;
	font-size:14px;
	color: rgb(80,80,80);
}

#confirmnewcoll{	
	font-size:12px;
	color: rgb(80,80,80);
	background-color: #F0F0F0;
	cursor:pointer;
	border: 1px solid;
	border-color: #E8E8E8;
	padding: 1px 2px;
	margin-left:5px;}

#innersharepanel{
	margin: 0px auto;
	width:200px;
}



/* recent activity */

.activitydescription{
float:left; 
width:400px;
 margin-left:5px;
 font-size:14xp;
 font-size:12px;
 color: rgb(80,80,80);
}

.activityitem{
	padding:5px;
	float: left;
	background-color: white;
	width:545px;
	margin-bottom:5px;
}