ヘッダーとサイドバーの色の変更の仕方
現在ヘッダーやサイドバーの色が黒なのですが、ＣＳＳのどの部分を変えることで変更可能ですか？黒はリラクゼーションには不向きなので#660033の色に変更したいのです。 どうか助けてください。
/* その他、拡張があれば記述 */
.skinHeaderFrame {
text-align:center;
}
#navi {
list-style:none;
margin:0 auto;
padding:0;
width:605px;
}
#navi li {
display:inline-block;
padding:0 15px;
*display:inline;
*zoom:1;
}
#navi li a {
padding:5px;
display:block;
}
#navi1 a:hover, #navi2 a:hover, #navi3 a:hover, #navi4 a:hover, #navi5 a:hover {
background:#996666;
color:#FAF3F1;
text-decoration:none;
}
#header {
margin:20px 0 40px 0;
text-align:center;
width:100%;
height:301px;
background:url(http://www.gird.jp/ameblo/p2/images/header_bg_line.jpg);
}
.skinHeaderArea2 {
margin:0 auto;
width:980px;
height:301px;
position:relative;
background:url(http://www.gird.jp/ameblo/p2/images/header_bg.jpg);
}
.skinBlogHeadingGroupArea {
width:340px;
position:absolute;
top:50px;
left:50px;
}
#gallery {
width:450px;
height:210px;
position:absolute;
top:46px;
right:55px;
background:#000;
}
#gallery img {
position:absolute;
top:0;
left:0;
}
.skinArticle {
background:none;
border:none;
padding:0;
}
.skinArticleHeader {
text-align:center;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
border-left:none;
margin:0;
padding:10px 0;
}
.detailOn img {
margin:0;
}
.skinSubA .skinMenuHeader {
color:#faf3f1;
padding:23px 0 0 30px !important;
width:270px;
height:41px !important;
background:url(http://www.gird.jp/ameblo/p2/images/side_header.jpg) no-repeat center top;
}
.skinSubB .skinMenuHeader {
color:#faf3f1;
padding:23px 0 0 25px !important;
width:155px;
height:37px !important;
background:url(http://www.gird.jp/ameblo/p2/images/side_header2.jpg) no-repeat center top;
}
.skinSubA .skinMenu2 {
width:300px !important;
background:url(http://www.gird.jp/ameblo/p2/images/side_footer.jpg) no-repeat center bottom;
padding-bottom:32px !important;
}
.skinSubB .skinMenu2 {
width:180px !important;
background:url(http://www.gird.jp/ameblo/p2/images/side_footer2.jpg) no-repeat center bottom;
padding-bottom:19px !important;
}
.skinSubA .skinMenuBody{
margin:0;
width:260px;
padding:20px 20px 0;
background:url(http://www.gird.jp/ameblo/p2/images/side_body.jpg);
}
.skinSubB .skinMenuBody{
margin:0;
width:140px;
padding:20px 20px 0;
background:url(http://www.gird.jp/ameblo/p2/images/side_body2.jpg);
}
#footer {
position:relative;
width:100%;
height:65px;
background:url(http://www.gird.jp/ameblo/p2/images/footer_bg.jpg);
}
#myad {
width:251px;
height:31px;
display:block;
background:url(http://www.gird.jp/ameblo/p2/images/myad_btn.png);
position: absolute;
left:50%;
top:20px;
margin:0 0 0 -125px;
text-indent:-9999px;
}
#myad:hover {
background-position:left bottom;
}
