/* ----- Base Structure ----- */

#struc {width: 40%;
    margin: 0 auto 0 auto;
    padding-top: 0;}
    
#container {margin: 0 -389px 0 -389px;
    min-width: 778px;
    position: relative;}

#container2 {background-color: white;
    position: relative;
    left: 0;
    right: 0;
    padding: 0;
    text-align: left;}
    
/* ----- Header ----- */

#header {background-color: #07b5b7;
    color: white;}
    
#logo {vertical-align: bottom;}
    
    
#MiniProf {float: right;
    width: 278px;
    text-align: center;}
#MiniProf p {margin: 3px 0 0 0;
    text-align: center;}
    

#h_links {background: transparent url(images/header_links_bg.png) repeat-x 0 0;
    height: 80px;}
#h_links #links_spec a {display: block;
    float: left;
    height: 55px;
    width: 155px;
    padding: 25px 0 0 0;
    text-align: center;
    font-size: 1.2em;}
#h_links a, #h_links a:visited, #h_links a:hover, #h_links a:active {color: white;}
#h_links a:hover, #h_links a:active {background-color: #222;}
#h_links #memberLink {background: transparent url(images/memberLink.png) no-repeat top left;}
#h_links #memberLink:hover {background-color: #222;}



#logger {width: 290px;
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    bottom: 0px;}
/*#logger label {float: left;}*/
#logger input {float: right;
    margin-left: 10px;}
#logger p {margin: 0 0 6px 0;}
#logger #clicks {text-align: right;}
#logger #clicks a:hover, #logger #clicks a:active {background-color: transparent;
    text-decoration: underline;}
#logger #NewPMs {float: right;
    margin-right: 5px;
    margin-top: 25px;}
    

/* ----- Main ----- */
#NewBlogs {float: right;
    clear: right;
    width: 27%;
    margin-top: 117px;
    margin-right: 25px;}
#NewBlogs ul {margin: 0;
    padding: 0;
    list-style-type: none;}
#NewBlogs ul h2 {width: 96%;}
#NewBlogs ul ul {list-style: none outside url(images/list-style-image.png);}
#NewBlogs ul ul li {width: 89%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;}
#NewBlogs .headline {display: block;
    margin-bottom: 5px;}
#NewBlogs .date {display: block;
    font-style: italic;
    color: #444;}


#NewUsers {float: right;
    clear: right;
    width: 29%;
    margin-top: 15px;
    margin-bottom: 30px;}
#NewUsers ul {margin: 0;
    padding: 0;
    list-style-type: none;}
#NewUsers ul li {display: block;
    height: 80px;}
#NewUsers ul li img {float: left;
    clear: left;}
    
#NewUsers h2{width: 89%;}
    
    
#content {float: left;
    width: 57%;
    padding: 5px 30px 10px 50px;
    margin: 0;}

    
    
.TextItem {border-bottom: 1px solid #aaa;}
.TextItem .date {display: block;
    margin-bottom: 15px;
    color: #444;}



#ProfColumn {width: 97%;
    background-color: #eee;
    padding: 8px;
    margin-bottom: 15px;
    height: 145px;
    border: 2px dashed white;}
#ProfColumn img{float: left;
    margin-right: 8px;}
#ProfColumn .BlogManagerLink {float: right;
    clear: right;
    margin-bottom: 8px;}
#ProfColumn .ProfDates {display: block;
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #aaa;}
#ProfColumn #UserButtons {float: left;
    clear: left;
    margin-top: 8px;}
#ProfColumn #UserButtons .button {margin-right: 5px;}
    
    
#BuddyList {width: 97%;
    height: 180px;
    background-color: #eee;
    padding: 8px 8px 0 8px;
    margin-bottom: 15px;
    border: 2px dashed white;
    overflow: scroll;}
#BuddyList .buddy {float: left;
    text-align: center;
    margin: 0 3px 0 3px;}
#BuddyList .buddy_cont {padding: 4px 4px 0 4px;
    background-color: #ccc;
    margin-bottom: 3px;}
#BuddyList .buddy_cont img {display: block;}
#BuddyList .buddy_cont strong {margin-top: 3px;}
    
    
.PostBox {width: 97%;
    margin-top: 15px;}
.PostBox input, .PostBox textarea, #bbCodes {
    display: block;
    width: 99%;
}
.PostBox legend {font-weight: bold;}
.PostBox button{
    margin-top: 15px;
}


#bbCodes dl {width: 80%;}
#bbCodes dt, #bbCodes dd {padding: 3px;}
#bbCodes dt {
    background-color: #ccc;
    color: #000097;
}
#bbCodes dd {
    background-color: #eee;
    margin-bottom: 10px;
}
#bbCodes #smileyList {
    float: right;
    width: 15%;
}


#tableList table {border: 1px solid #aaa;
    background-color: #eee;
    width: 100%;
    margin-bottom: 10px;
    clear: both;}
#tableList caption {background-color: #222;
    color: white;
    margin-top: 10px;}
#tableList .rows:hover {background: #07b5b7 url(images/h_list_bg.png) repeat-x 0 0;}
#tableList .rows a {display: block;
    width: 100%;
    height: 100%;}


#Comments {width: 100%;}
#Comments table {width: 100%;
    border: 1px solid #aaa;
    background-color: #eee;
    margin-bottom: 10px;}
#Comments caption {background-color: #222;
    color: white;
    margin-top: 10px;}
#Comments caption strong {display: block;}
#Comments th {background: #07b5b7 url(images/h_list_bg.png) repeat-x 0 0;}
#Comments .PostProf {text-align: center;}
#Comments .PostProf strong {display: block;
    margin: 5px 0 5px 0;
    font-weight: bold;}
#Comments .PostProf img {margin-bottom: 8px;}
#Comments .col1 {width: 140px;}
#Comments .msgBox {padding: 0 5px 0 5px;}
#Comments .msgBox p {margin-top: 5px;}
#Comments table tbody tr {vertical-align: top;}
#Comments table tfoot td {text-align: right;}


#MembersList {width: 100%;}
#MembersList table {width: 100%;
    border: 1px solid #aaa;
    background-color: #eee;
    margin-bottom: 10px;
    clear: both;}
#MembersList caption {background-color: #222;
    color: white;
    margin-top: 10px;}
#MembersList th {background: #07b5b7 url(images/h_list_bg.png) repeat-x 0 0;}
#MembersList .col1 {width: 85px;}
#MembersList .col2 {width: 100%;}
#MembersList strong {display: block;}
#MembersList em {display: block;}
#MembersList table tbody tr {vertical-align: top;}
#MembersList table tfoot td {text-align: right;}

.sortButton, .bbCode_opener {float: right;}

/* ----- Bottom ----- */
    
#bottom {background-color: #222;
    clear: both;
    height: 80px;
    color: white;
    padding-top: 5px;
    padding-left: 30px;}
#bottom a, #bottom a:visited, #bottom a:hover, #bottom a:active {color: white;}
#bottom a, #bottom a:visited {text-decoration: underline;}
#bottom a:hover, #bottom a:active {text-decoration: none;}


/* ----- Global ----- */

#VerCode img {vertical-align: text-bottom;}

.MsgBox {position: absolute;
    background-color: #ddd;
    display: none;
    border: 2px solid #222;
    width: 250px;
    padding: 0 7px 7px 7px;}
    
.YouTube object {display: block;
    margin: 10px 0 10px 0;
    width: 280px;
    height: 225px;}
    
.validMark {display: none;
    vertical-align: middle;
    width: 15px;
    height: 15px;}

.PagingLinks {display: block;
    width: 100%;
    height: 22px;
    margin: 10px 0 10px 0;}
.PagingLinks a, .PagingLinks strong {display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;}
    
    
.mark2 {background-color: #ccc;}

.button {padding: 0 10px 0 10px;
    background-color: #222;
    color: white;
    border: none;
    cursor: pointer;}
    
.SecThead {background: #07b5b7 url(images/h_list_bg.png) repeat-x 0 0;
    text-align: center;
    color: white;}
    
.u {text-decoration: underline;}


h1 {border-bottom: 1px solid #ccc;
    color: #222;
    width: 162%;
    padding: 20px 0 40px 25px;
    position: relative;
    left: -25px;}
    
h2 {border-bottom: 1px solid #ccc;
    color: #222;
    padding: 0 0 20px 25px;
    position: relative;
    width: 104%;
    left: -25px;}

p {text-align: justify;}
a, a:visited, a:hover, a:active {color: navy;
    text-decoration: none;}
    
a img {border: none;}

input, select, textarea {background-color: #eee;
    border: 1px solid #ccc;}
    
button {background-color: #222;
    color: white;
    border: none;}

body {background: white url(images/bg.png) repeat-x 0 0;
    margin: 0;
    padding: 0 389px 0 389px;
    text-align: center;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: black;}