/*------------------------------------------------*/
/*                 Main Content                   */
/*------------------------------------------------*/

#index-content {
    border-left: 210px solid #475570;
    border-right: 210px solid #475570;
    padding: 10px 0 20px 0;
    min-height: 1500px;
    font-size: 1.0em;
}

#index-content {
    background-color: #bdc6d9;
}

#index-content h1, 
#index-content h2, 
#index-content h3, 
#index-content h4 {
    font-family: Georgia, Verdana, Arial, "Times New Roman";
    font-weight: normal;
}

#index-content h1 {
    font-size: 32pt;
    color: #282828;
    margin: 25px 25px 15px 25px;
    padding-bottom: 0.05em;
    border-bottom: 2px solid #5b5b5b;
}

#index-content h2 {
    font-size: 24pt;
    color: #000851;
    margin: 30px 25px 15px 25px;
}

#index-content h3 {
    font-size: 20pt;
    color: #1d1d1d;
    margin: 25px 25px 15px 25px;
}

#index-content h4 {
    font-size: 18pt;
    color: #1d1d1d;
    margin: 15px 25px 15px 25px;
}

#index-content p {
    font-family: Verdana, Arial, "Times New Roman"; 
    margin: 10px 25px 12px 25px;
    color: #0f0f0f;
    line-height: 170%;
}

#index-content a {
    -webkit-transition: color ease-out 0.3s; 
    -moz-transition:    color ease-out 0.3s; 
    -o-transition:      color ease-out 0.3s; 
    -ms-transition:     color ease-out 0.3s; 
    transition:         color 0.3s;    
}

#index-content a {
    color: navy;
    text-decoration: none;
}

#index-content a:hover {
    -webkit-transition: color ease-out 0.3s; 
    -moz-transition:    color ease-out 0.3s; 
    -o-transition:      color ease-out 0.3s; 
    -ms-transition:     color ease-out 0.3s; 
    transition:         color 0.3s;   
}

#index-content a:hover {
    color: red;
}

/*------------------------------------------------*/
/*             Right Side Panel                   */
/*------------------------------------------------*/

#right-sidepanel {
    width: 210px;
    position: absolute;
    top: 170px;
    right: 0px;
    height: 100%;
    margin: auto;
}

#right-sidepanel li, #right-sidepanel h1 {
    font-family: Georgia, Verdana, Arial, "Times New Roman";
    color: #dbdbdb;
    font-weight: normal;
    text-align: center;
}

#right-sidepanel h1 {
    margin: 20px 15px 15px 15px;
    padding-bottom: 5px;
    border-bottom: 2px groove #dbdbdb;
}

#right-sidepanel ul {
    text-align: center;
    margin-bottom: 10px;
    list-style: none;
}

#right-sidepanel a {
    font-size: 1.5em;
    color: #dbdbdb;
    text-decoration: none;
    -webkit-transition: color ease-out 0.3s; 
    -moz-transition:    color ease-out 0.3s; 
    -o-transition:      color ease-out 0.3s; 
    -ms-transition:     color ease-out 0.3s; 
    transition:         color 0.3s;
}

#right-sidepanel a:hover {
    color: deepskyblue;
    -webkit-transition: color ease-out 0.3s; 
    -moz-transition:    color ease-out 0.3s; 
    -o-transition:      color ease-out 0.3s; 
    -ms-transition:     color ease-out 0.3s; 
    transition:         color 0.3s;   
}

#right-sidepanel h1.microbar {
    margin-bottom: 0.5em;
}

#right-sidepanel li.microbar {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

#friends {
    overflow: auto;
    max-height: 820px;  /*760px;*/
    margin: 5px;
}

/*------------------------------------------------*/
/*                Twitter Panel                   */
/*------------------------------------------------*/

#twitter {
    margin: 0px 5px 10px 5px;
    text-align: center;
}

/*------------------------------------------------*/
/*                  Site News                     */
/*------------------------------------------------*/

#sitenewswrapper {
    box-shadow: -7px -5px 15px #555 inset;
    margin: 12px 25px 12px 25px;
}

#sitenewswrapper #sitenews {
    max-height: 530px;
    overflow: auto;
    box-shadow: -7px 5px 15px #555 inset;
}

/*------------------------------------------------*/
/*                  RSS Button                    */
/*------------------------------------------------*/

#rss h1 {
    border: none;
}
/*
#rss a {
    background-image: url(../rss/feedicon.png);
    width: 27px; 
    height: 27px; 
    background-position: 0 0;
    display: inline-block;
}

#rss a:hover {
    background-position: -27px 0;
}

#rss .linktext {
    display: none;
}*/