/*Articles*/
.category{ min-height:90px;}
.category img{ vertical-align:middle; }
.category .h3{font-size:1.3em;}
.category .mainImage{ float:left; margin:3px 15px 3px 3px;}

.article{ min-height:90px;}
.article h3{font-size:1.3em;}
.article .categoryImage{float:right; margin:5px;}

/*Comments*/

.comment{margin-top:22px;}
.comment .commentHeader { margin:0; padding: 5px 10px; background-color:#000; font-size:1.1em; color:#FFF;}
.comment blockquote{margin:.7em 2.5em;}

/*Admin*/
.admin {	float: right;}

/*Newsletter*/
#newsletter{width:200px;}
#newsletter h3{background-color:#000; color:#FFF; margin-bottom:10px; padding:5px;}

/*Artist*/
.artist {min-height:200px;}
.artistImage{width:80px; height:80px; background-color:#CCC; padding:10px; margin:10px; float:left;}
.artist img{width:70px; height:70px;}
.artistText{ width:600px;  float:left;  }

#lightbox{	background-color:#eee;	padding: 10px;	border-bottom: 2px solid #666;	border-right: 2px solid #666;	}
#lightboxDetails{	font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/*FrontPage Artists*/

#intro {    padding-bottom: 10px;}
#slider {    width: 400px;    margin: 0 auto;    position: relative;	border: 10px solid #ccc;}
.scroll {	overflow: hidden;	width: 400px;    margin: 0 auto;    position: relative;}
.scrollContainer {	position: relative;}
.scrollContainer div.panel {    padding: 10px;    width: 200px;	height: 300px;}
#left-shadow {	position: absolute;	top: 0;	left: 0;	width: 12px;	bottom: 0;	background: url(../Contents/Images/Slider/leftshadow.png) repeat-y;}
#right-shadow {	position: absolute;	top: 0;	right: 0;	width: 12px;	bottom: 0;	background: url(../Contents/Images/Slider/rightshadow.png) repeat-y;}
.inside {	padding: 10px;	border: 1px solid #999;}
.inside img {	display: block;	border: 1px solid #666;	margin: 0 0 10px 0;	width: 160px;}
.inside h2 {	font-weight: normal;	color: #111;	font-size: 16px;	margin: 0 0 8px 0;}
.inside p {	font-size: 11px;	color: #000;}
a {	color: #999;	text-decoration: none;	border-bottom: 1px dotted #ccc;}
a:hover {border-bottom: 1px solid #999;}
.scrollButtons {    position: absolute;    top: 127px;    cursor: pointer;}
.scrollButtons.left {    left: -45px;}
.scrollButtons.right {    right: -45px;}
.hide {    display: none;}