/** Saints Blog Stylesheet */

body 
{
    background: #a87e34;
    font-family: Cambria;
    font-size: 12px;
    color: #262211;
    padding: 0;
    margin: 0;
  scrollbar-face-color:#a87e34;
  scrollbar-arrow-color:#262211;
  scrollbar-track-color:#262211;
  scrollbar-shadow-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-3dlight-color:#000000;
  scrollbar-darkshadow-Color:#000000;
}

/** Main containing element **/
#container
{
    background: url('graphics/container_bg.jpg') repeat-y;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 967px;
    min-height: 1000px;
}

#header
{
    background: url('graphics/header_bg.png') no-repeat;
    width: 942px;
    height: 500px;
}

#mid_section
{
    background: url('graphics/mid_section.jpg') repeat-y;
    width: 967px;
    min-height: 366px;
    display: block;
    position: static;
}

#footer
{
    background: url('graphics/footer.jpg') no-repeat;
    width: 967px;
    height: 72px;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
}

#footer a
{
    color: #361800;
    text-decoration: none;
}

#footer a:hover
{
    color: #361800;
    text-decoration: underline;
}

#side_nav
{
    background: url('graphics/blogs_bg.png') no-repeat;
    width: 148px;
    height: 366px;
    font-family: Arial;
    font-size: 12px;
    color: #7a6e29;
    text-align: center;
    letter-spacing: 0.1em;
}

#side_nav div 
{
    font-size: 14px;
}

.side_nav_padding
{
    padding: 8px;
}

#side_nav a
{
    color: #76726a;
    text-decoration: none;
    font-size: 11px;
}

#side_nav a:hover
{
    color: #efefef;
    text-decoration: underline;
    font-size: 11px;
}

ul#navigation
{
    position: absolute;
    text-align: left;
    padding-right: 64px;
    padding-top: 6px;
    padding-left: 0;
    margin: 0px;
    margin-left: 20px;
    list-style: none;
    list-style-image: url('graphics/list_item.png');
    width: 120px;
}

ul#navigation li
{
    list-style-image: url('graphics/list_item.png');
    text-align: left;
}

.list_fix
{
    vertical-align: 3px;
}

hr 
{
    border: 0;
    height: 1px;
    width: 95%;
    background: #453b22;
    color: #453b22;
    padding: 0;
    margin: 0;
}

#title_bar
{
    background: url('graphics/title_bar.png') no-repeat;
    width: 514px;
    height: 43px;
    margin-top: 42px;
    font-size: 20px;
    font-weight: bold;
    color: #342b16;
    margin-left: 2px;   
}

#title_spacing
{
    position: absolute;
    margin-left: 35px;
    padding-top: 8px;
}

#MAIN_TITLE_BAR
{
    width: 524px; 
    height: 87px;
}

.bar_home
{
    background: url('graphics/home.jpg') no-repeat;
}

.bar_games
{
    background: url('graphics/games.jpg') no-repeat; 
}

.bar_politics
{
    background: url('graphics/11.jpg') no-repeat; 
}

.bar_personal
{
    background: url('graphics/personal.jpg') no-repeat; 
}

.bar_about
{
    background: url('graphics/about.jpg') no-repeat; 
}

.post_date
{
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: #7d0c0c;
}

.loader
{
    position: absolute;
    margin-left: 320px;
    margin-top: 100px;
}

/** Comments and Comment Form **/
#comment_form
{
    width: 445px;
    height: 367px;
    background: url('graphics/comment_form_background.png') no-repeat;
}

#comment_form textarea
{
    width: 322px;
    height: 75px;
    background: #231c10;
    border: 1px solid #302616;
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    color: #544327;
    margin-left: 60px;
}

#comment_form textarea:focus
{
    border: 1px solid #302616;
}

#comment_form input
{
    border: 0;
    border-bottom: 1px solid #302616;
    background: transparent;
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    color: #544327;
}

#comment_form input:focus
{
    border: 0;
    border-bottom: 1px solid #302616;
}

a.submit_comment
{
    overflow: hidden;
    display: block;
    border: 0;
    margin-left: 60px;
    width: 121px;
    height: 38px;
    background: url('graphics/add_comment.png') no-repeat;
    background-position: -0px;
}

a.submit_comment:hover
{
    overflow: hidden;
    display: block;
    border: 0;
    margin-left: 60px;
    width: 121px;
    height: 38px;
    background: url('graphics/add_comment.png')no-repeat;
    background-position: -121px;
}

a.name_link
{
    color: #a76e1a;
    text-decoration: underline;
    font-family: Arial;
    font-size: 12.5px;
    font-weight: bold;
}

a.name_link:hover
{
    color: #a76e1a;
    text-decoration: none;
}

.comment_date
{
    font-size: 10px;
    font-family: Arial;
    color: #631a05;
}

.comment
{
    font-size: 12px;
    font-family: Arial;
    color: #45391c;
    font-style: italic;
}

hr.comment_break
{
    background: #867945;
    color: #867945;
    border: 0;
    width: 95%;
    height: 1px;
}

a.comment_add 
{
    background: url('graphics/addcomment.png') no-repeat;
    width: 158px;
    height: 60px;
    border: 0;
    overflow: hidden;  
    display: block; 
}

a.comment_add:hover
{
    background: url('graphics/addcomment.png') no-repeat;
    border: 0;
}

a.comment_view
{
    background: url('graphics/viewcomment.png') no-repeat;
    width: 158px;
    height: 60px;
    border: 0;
    overflow: hidden;  
    display: block; 
}

a.comment_view:hover
{
    background: url('graphics/viewcomment.png') no-repeat;
    border: 0;
}

/** Default Attributes **/
table
{
    border-collapse: collapse;
    padding: 0;
    border: 0;
}

td
{
    vertical-align: top;
}

p
{
    /** font-family: "Lucida Sans Unicode",Tahoma,sans-serif; **/
    font-family: Cambria;
    font-style: italic;
    font-size: 14px;
}

a
{
    color: #a76e1a;
    text-decoration: none;
}

a:hover
{
    color: #a76e1a;
    text-decoration: underline;
}

a img
{
    border: 0;
}

/** Collision Detection for boxes **/
#collider_a
{
    background: url('graphics/collider_a.png') repeat;
    width: 35px;
}

#collider_b
{
    background: url('graphics/collider_b.png') repeat;
    width: 35px;
}

/** For aligning images in post **/
.align-right
{
    float: right; 
    margin: 0 0 15px 15px;
}

.align-left 
{ 
    float:left; 
    margin: 0 15px 15px 0; 
}

p div
{
    font-style: italic;
    font-size: 12px;
    font-family: Cambria;
}

p span
{
    font-style: italic;
    font-size: 14px;
}

ol li
{
    padding-top: 5px;
    padding-bottom: 5px;
}

a.link_it
{
    color: #311f01;
    font-family: Arial;
    text-decoration: none;
}

a.link_it:hover
{
    color: #533500;
    text-decoration: none;
}

/** Search Box CSS **/
#SearchResults
{
    font-family: Arial;
    background: url('graphics/search_bg.png') repeat;
    width: 218px;
    height: 231px;
    overflow: auto;
    padding: 8px;
    color: #9f7335;
    font-size: 10px;
    margin-top: 1px;
}

#SearchResults th
{
    color: #a2845d;
}

#SearchResults a:hover
{
    color: #bb300a;
    text-decoration: none;
}

form#SearchForm
{
    background: #1f190f;
    padding: 2px;
    width: 158px;
}

form#SearchForm input
{
    background: #564a32;
    padding: 2px;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid black;
    width: 110px;
    margin-top: 3px;
    margin-left: 2px;
}

.SearchTitle
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #c3b490;
    letter-spacing: 0.1em;
}