/* COMPUTER.COOL-ROCK */

/* BODY ----------------------------------------------- */

.computer { color:#440033;background:#FFCCCC url(http://www.cool-rock.com/computer/img/dtbk.gif) }

a:link    { color:#CC0033;text-decoration:none;border-bottom:1px solid ##FF6699 }
a:visited { color:#990033;text-decoration:none;border-bottom:1px solid ##FF6699 }
a:active  { color:#0033FF }
a:hover   { color:#0033FF;text-decoration:underline;background:#99FFFF }

img { border:0px }

/* site_title ----------------------------------------------- */

#top_title h1 { color:#FF99FF;
              margin:0px;padding:3px 0px 4px 21px;letter-spacing:2px }

#top_title { background:#660033;color:#FF99CC;
              border-bottom:2px solid #AA0077; }

#top_title .site_menu {font-size:0.85em }
#top_title a:link,
#top_title .site_menu a:visited { padding:2px 3px 2px 3px;
                           border-bottom:none;
                           border-top:3px solid #330022;
                           border-right:2px solid #AA0077;
                           border-left:3px solid #330022;
                           color:#FF99CC;
                           background-color:#660033 }
#top_title a:active  { color:#FF99FF }
#top_title a:hover   { color:#FF9999;text-decoration:none;background:#660066 }


.top_top { color:#FF66FF;padding:3px 0px 0px 16px } /* title�� */


/* FOOTER ----------------------------------------------- */

.copyright { border-top:2px solid #CC0099;color:#990033 }

.copyright a,
.copyright a:link,
.copyright a:visited {color:#990033}

.site_menu a:link,
.site_menu a:visited { border-bottom-width:0px;padding:0px 2px 0px 2px;
                       border-right:3px solid #ffccff }

/* leftt_side ----------------------------------------------- */

#side_menu div.side_index,
#side_menu h3.side_index,
#side_menu_r div.side_index,
#side_menu_r h3.side_index { color:#6600CC;
  border:3px double #FF0066;
  background:#FF99CC; }

.side_text { color:#9900CC;padding:2px 1px 2px 1px;border:1px solid #CC0066 }

.bookmark { border:3px ridge #CC0066;background:#ffcccc;color:#990066 }
.bookmark a { color:#990066 }


#side_menu h4.top_border, #side_menu_r h4.top_border, 
li.side_top, li.top_border, ul.top_border { border-top:1px solid #FF3366 }

/* List img ----------------------------------------------- */

#side_menu dt { background-color:#FFFFCC;
                background-image:url(http://www.cool-rock.com/img/index/pink.gif);
                margin-top:3px;border-top:1px solid #FF3366 }

#side_menu h4, 
.side_text li,
.dl_img dt,
.ul_img li,p.dot { background-image: url(http://www.cool-rock.com/img/index/pink.gif); }

ul.cate_2 li, ul.cate_3 li,
.ul_img_2 li { background-image: url(http://www.cool-rock.com/img/index/pink1.gif); }

#side_menu dd,
.dl_img dd { background-image: url(http://www.cool-rock.com/img/index/pink1.gif);color:#CC33FF }

.dl_img_dt dt { background-image: url(http://www.cool-rock.com/img/index/pink.gif) }
.dl_img_dt dt.color { color:#CC33FF }
.dl_img_dt dd {margin-bottom:4px}

/* main ----------------------------------------------- */

#main_content h2 { color:#0066FF;background:#FFFF99;
                   border:3px ridge #00FF66; }

#main_content h2 a:link,
#main_content h2 a:visited { color:#0033FF;border:none }
#main_content h2 a:hover { color:#0033FF;text-decoration:underline;background:#99FFFF }

#main_content h3 { color:#003399;background:#FFFFCC;
                   border-bottom:1px solid #00CC66;
                   border-top:1px solid #00CC66;
                   margin: 9px 4px 6px 6px; }

#main_content h4 { color:#CC0066;border-bottom:1px solid #00CC33; }

p.border_b, ul.border_b li { border-bottom:1px solid #00cc66 }

.mac_kikan { color:330099 }
.spec { color:993300;font-size:0.85em;margin-left:9px }

blockquote { font-size:0.85em;color:#990066;
  margin:6px 24px 6px 12px;padding:6px 9px 6px 9px;
  border-top:1px solid #CC3399;border-bottom:1px solid #CC3399; }

/* FORM ----------------------------------------------- */

fieldset { border:1px solid #3355EE }
legend { color:#00FFCC;border:1px solid #3355EE;padding:2px;font-weight:bold }

input,textarea,select {background:#FFCCFF;color:#330033;border:1px solid #CC0066;}
.btn {background:#FFCCFF;color:#330033;border:2px solid #CC0066;font-size:0.85em}
.btnhmv {background:#FFCCFF;color:#330033;border:2px solid #CC0066;font-size:0.85em;
         padding:1px 3px 1px 3px}


/* ORIGINAL Computer ----------------------------------------------- */

li.noback { background:none }