@charset "UTF-8";
/* CSS Document */



a.architem:link, a.architem:visited { color:#666; text-decoration:none;}
a.architem:hover { color:#006699;  text-decoration:none;}  

.archhdline { font-size:.9em; font-weight:bold; float:left; margin-right:5px; margin-left:15px;   color:#333}
 
.archentry {font-size:.8em; padding-top:2px }

.w100 { position:relative; width:100px}
.w150 { position:relative; width:150px}
.w320 { position:relative; width:320px}
.w400 { position:relative; width:400px}
.w420 { position:relative; width:420px}
.w600 { position:relative; width:600px}
.w620 { position:relative; width:620px}
.w780 { position:relative; width:780px}
.w800 { position:relative; width:800px}
.w905 { position:relative; width:905px}
.w1050 { position:relative; width:1050px}

.wmax {position:relative;  width:100%}


.mga { margin:auto}
.mgl5 { margin-left:5px}
.mgl10 { margin-left:10px}
.mgl20 { margin-left:20px}
.mgr10 { margin-right:10px}
.mgt5 { margin-top:5px}
.mgt10 { margin-top:10px}
.mgb5 { margin-bottom:5px}
.mgb10 { margin-bottom:10px}
.mg10 { margin:10px}

.fll { float:left}
.flr { float:right}

.clear { clear:both}
.hide { display:none}

.center { text-align:center}

.brdr { border:solid 1px #ccc}



.pwrap {position:relative; border:solid 1px #ccc; width:auto; float:left; margin:10px; background:#fff }

.pwrap img {padding:10px;  clear:both}

.pwraptxt { margin-left:10px; padding-bottom:5px; color:#663300; font-size:.8em }

.pwrapr {position:relative; border:solid 1px #ccc; width:auto; float:right; margin:10px; background:#fff }




.artistsbloc a   { float:left; margin:15px; border:solid 1px #ccc}
.artistsbloc a:hover { float:left; margin:15px; border:solid 1px #ccc; background:#deFFFF}
.artistsbloc img { float:left; margin:15px}


  
/* archive */ 


#archivemenu {  border:solid 1px #ccc;}

#archivemenu li { margin:20px; list-style:none  }

#archivemenu li a {}

 

.dateline { font-size:14px; font-weight:bold; color:#999900} 


/* jc6 artist page */

.jc6box { position:relative; background-color:#FFF; border: solid 1px #ccc; float:left; margin:2px;  }

.artist { width:238px; height:185px; padding:5px}

a.artist_lnk:link, a.artist_lnk:visited { color:#0097BD; text-decoration:none; font-size:10px;margin-top:1px; }
a.artist_lnk:hover {color: #CC6600; text-decoration:underline;}

.artist_name { color:#000; font-size:13px; font-weight:bold; width:235px; margin-left:auto; margin-right:auto; text-align:left;margin-top:3px } 

.artist_sub { color:#333; font-size:10px;  margin-left:auto; margin-right:auto; text-align:left;margin-top:1px } 

.artist img { margin-left:auto; margin-right:auto;  border: solid 1px #000;}

.feat {font-size:10px;}

.longname {font-size:11px;}







a#archive_jc6:link, a#archive_jc6:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc6.png) no-repeat 0px 0px;}
a#archive_jc6:hover,  #current a#archive_jc6:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc6.png) no-repeat 0px -25px;}

a#archive_jc5:link, a#archive_jc5:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc5.png) no-repeat 0px 0px;}
a#archive_jc5:hover,  #current a#archive_jc5:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc5.png) no-repeat 0px -25px;}

a#archive_jc4:link, a#archive_jc4:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc4.png) no-repeat 0px 0px;}
a#archive_jc4:hover,  #current a#archive_jc4:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc4.png) no-repeat 0px -25px;}

a#archive_jc3:link, a#archive_jc3:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc3.png) no-repeat 0px 0px;}
a#archive_jc3:hover,  #current a#archive_jc3:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc3.png) no-repeat 0px -25px;}

a#archive_jc2:link, a#archive_jc2:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc2.png) no-repeat 0px 0px;}
a#archive_jc2:hover,  #current a#archive_jc2:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc2.png) no-repeat 0px -25px;}

a#archive_jc1:link, a#archive_jc1:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc1.png) no-repeat 0px 0px;}
a#archive_jc1:hover,  #current a#archive_jc1:link { position:relative; text-indent:-9999px; overflow:hidden; width:105px; height:25px; display:block; background:url(gfx/archiveimages/menu_archive_jc1.png) no-repeat 0px -25px;}


a#greenjc6:link, a#greenjc6:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc6.png) no-repeat 0px 0px;}
a#greenjc6:hover,  #current a#greenjc6:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc6.png) no-repeat 0px -160px;}

a#greenjc5:link, a#greenjc5:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc5.png) no-repeat 0px 0px;}
a#greenjc5:hover,  #current a#greenjc5:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc5.png) no-repeat 0px -160px;}

a#greenjc4:link, a#greenjc4:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc4.png) no-repeat 0px 0px;}
a#greenjc4:hover,  #current a#greenjc4:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc4.png) no-repeat 0px -160px;}

a#greenjc3:link, a#greenjc3:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc3.png) no-repeat 0px 0px;}
a#greenjc3:hover,  #current a#greenjc3:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc3.png) no-repeat 0px -160px;}

a#greenjc2:link, a#greenjc2:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc2.png) no-repeat 0px 0px;}
a#greenjc2:hover,  #current a#greenjc2:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc2.png) no-repeat 0px -160px;}

a#greenjc1:link, a#greenjc1:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc1.png) no-repeat 0px 0px;}
a#greenjc1:hover,  #current a#greenjc1:link { position:relative; text-indent:-9999px; overflow:hidden; width:150px; height:160px; display:block; background:url(gfx/archiveimages/menu_greenjc1.png) no-repeat 0px -160px;}
 
 
.content_10px { font-size:10px;}