@import url(../../../stylesheets/application.css);

body{ color:#303030; background:#ffffff url(../images/bg.png) repeat-x; }

#top-menu { 
    font-size: 80%; 
    height: 22px; 
    padding: 9px 5% 0 5%;
    background: #666666 url('../images/top_bg.gif');
}
#wrapper {
    background: none;
}

#top-menu a { font-weight: bold; }
#header {
    -o-border-image: url('../images/logo_bg_repeat.png') 0 27 27 27 stretch stretch;
    -icab-border-image: url('../images/logo_bg_repeat.png') 0 27 27 27 stretch stretch;
    -khtml-border-image: url('../images/logo_bg_repeat.png') 0 27 27 27 stretch stretch;
    -moz-border-image: url('../images/logo_bg_repeat.png') 0 27 27 27 stretch stretch;
    -webkit-border-image: url('../images/logo_bg_repeat.png') 0 27 27 27 stretch stretch;
    border-left-image: url('../images/logo_bg_repeat.png');
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 27px;
    border-right-width: 27px;
    border-bottom-width: 27px;
    background: #c5c5c5 url('../images/logo_bg.gif') 50% 0%;
    height: 127px; 
    width: 90%;
    margin: 0px auto;
    padding: 10px 0 0 0; 
}
#header h1 { 
   margin-left: 6px; 
   padding-top: 52px; 
   padding-bottom: 52px;
   background: url('../images/logo.png') no-repeat center 5px;
}
#quick-search a { font-weight: bold; } 
#quick-search { 
   margin-right: 6px; 
   margin-top: 55px;
    font-size: 90%;
}
#main-menu { left: 0; top: 140px; width: 100%; }
#main-menu li { margin: 0; padding: 0; }
#main-menu li a { border-right: 1px solid #fff; font-size: 90%; padding: 4px 8px 4px 8px; font-weight: bold; }
#main-menu li a:hover { background-color: #b5b5b5; color: #ffffff; }
#main-menu li a.selected, #main-menu li a.selected:hover { background-color: #b5b5b5; color: #ffffff; }

#footer { 
    background: #F6F6F6 url('../images/grad3.gif') repeat-x 50% 100%; 
    border: 0;
    border-top: 2px solid #ccc;
    color: #666;
    padding: 20px 0px 20px 0px;
}
#footer a { 
    color: #666; 
    font-weight: bold; 
}

#main { 
    padding-top: 20px;
    width: 85%;
    margin: 0px auto;
    font:90% Verdana,Tahoma,Arial,sans-serif; 
    background: url('../images/navi_bg.png') repeat-y; 
}
#main a { font-weight: bold; color: #467aa7;}
#main a:hover { color: #2a5a8a; text-decoration: underline; }

.tabular p {
    clear: none;
}

#content {
    padding-top: 0px;
    margin-left: 210px;
    border-right: 0px none;
    border-left: 0px none;
    width: auto;
}

#content h2 a, .wiki h1 a {
    color: #CCE;
}

#content .tabs ul { bottom:-1px; }
#content .tabs {
    margin-bottom: 0px;
}
#sidebar { 
    float: left; 
    padding-left: 10px;
    width: 181px;
}

h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; color:#606060; font-family: Trebuchet MS,Georgia,"Times New Roman",serif; }
.content h2, .wiki h1 { 
    letter-spacing:-1px; 
    font-size: 16px;
    color: #B8BBD6;
    padding: 2px 10px;
    margin-left: -10px;
    margin-right: -10px;
    background: url('../images/content_top.png');
}
h4 { border-bottom: dotted 1px #c0c0c0; }

#top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help { 
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#sidebar {
    margin-top: -21px;
    padding-top: 0px;
    padding-bottom: 5px;
    background: url('../images/navi_bg_repeat.gif');
}

#sidebar h3 {
    background: url('../images/navi_top.png');
    margin-top: 0px;
    margin-left: -10px;
    padding-top: 5px;
    padding-left: 10px;
    height: 24px;
    width: 181px;
}

#top-menu a.home { background-image: url(../images/home.png); }
#top-menu a.my-page { background-image: url(../../../images/user.png); }
#top-menu a.projects { background-image: url(../../../images/projects.png); }
#top-menu a.administration { background-image: url(../images/wrench.png); }
#top-menu a.help { background-image: url(../../../images/help.png); }

#main .contextual a {
    color: #B8BBD6;
}

.contextual {
    padding-right: 4pt;
}

.wiki .contextual {
    margin-top: 2px;
}