/*
Theme Name: TheBlog 2005
Description: A clone of the 2005 era social network aesthetic.
Version: 1.0
Author: Siruk Consultancy
*/

body {
    background: #fff;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    text-align: center; /* Centers the container in old IE */
}

a { color: #3B5998; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

/* The Main Container */
#main_container {
    width: 760px; /* The authentic 2005 width */
    margin: 0 auto;
    text-align: left;
    position: relative;
}

/* Header */
#top_bar {
    background-color: #3B5998;
    height: 30px;
    padding: 5px;
    border-bottom: 1px solid #1d4088;
}

#logo {
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    letter-spacing: -1px;
}
#logo a { color: #fff; text-decoration: none; }

#top_menu { float: right; margin-top: 5px; color: #fff; }
#top_menu a { color: #fff; padding: 0 5px; }

/* Layout Columns */
#sidebar_left {
    width: 130px;
    float: left;
    padding: 10px 5px;
    background-color: #fff;
    border-right: 1px solid #d8dfea; /* The classic separator */
    min-height: 500px;
}

#content_area {
    width: 590px;
    float: left;
    padding: 10px;
}

/* Profile Picture Area */
.profile-box {
    width: 120px;
    margin-bottom: 10px;
}
.profile-pic {
    width: 120px;
    border: 1px solid #333;
    padding: 1px;
    background: white;
}

/* Sidebar Menu */
.menu-header {
    background: #f7f7f7;
    border-top: 1px solid #d8dfea;
    border-bottom: 1px solid #d8dfea;
    padding: 3px;
    color: #333;
    font-weight: bold;
    display: block;
    margin-top: 15px;
}
.menu-links ul { list-style: none; padding: 0; margin: 0; }
.menu-links li { padding: 2px 5px; }
.menu-links li a { color: #3B5998; }

/* Blue Boxes (The "Information" or "Wall" headers) */
.blue-header-box {
    background-color: #d8dfea;
    border-top: 1px solid #3B5998;
    border-bottom: 1px solid #d8dfea;
    color: #3B5998;
    font-weight: bold;
    padding: 4px 6px;
    margin-bottom: 10px;
    margin-top: 15px;
}

/* Post/Wall Styles */
.post { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.post-title { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.post-meta { color: #808080; font-size: 10px; margin-bottom: 8px; }
.entry-content { line-height: 1.4; }

/* About Page Table Look */
.info-table { width: 100%; border-collapse: collapse; }
.info-table td { padding: 4px; vertical-align: top; }
.label-cell { color: #808080; width: 120px; font-weight: bold; }
.data-cell { color: #333; }

/* Footer */
#footer {
    clear: both;
    text-align: center;
    font-size: 9px;
    color: #808080;
    padding: 20px;
    border-top: 1px solid #d8dfea;
}