/*  
Theme Name: Freedom Life Theme
Theme URI: http://ophelianicholson.com/2008/04/12/free-wordpress-theme-freedom/
Description: Freedom Life theme for wordpress
Version: 1.0
Author: Ophelia Nicholson
Author URI: http://ophelianicholson.com
*/



/* General */

body {
        margin: 0;
        background: #000000;
}

h1, h2, h3, h4 {
        margin: 0;
}

img {
        border: 0;
}

.clear {
        clear: both;
        height: 0;
        overflow: hidden;
}


/* Page */

#page {
        margin: 0 auto;
        width: 1004px;
        background: url("images/page.gif") repeat-y;
}

#page-top {
        width: 1004px;
        background: url("images/page_top.jpg") no-repeat;
}

#page-bottom {
        width: 1004px;
min-height: 1550px;        
        background: url("images/page_bottom.gif") no-repeat left bottom;
}


/* Header */

#header {
        width: 1004px;
        height: 338px;
        position: relative;
}

        /* Header - Info */
        
        #header #header-info {
                position: absolute;
                top: 100px;
                left: 102px;
                width: 800px;
                text-align: center;
        }
        
        #header #header-info h1 {
                color: #ffffff;
                font: bold 35px Verdana;
                padding-bottom: 5px;
        }
        
        #header #header-info h1 a {
                color: #ffffff;
                text-decoration: none;
        }
        
        #header #header-info .description {
                color: #ffffff;
                font: bold 17px Verdana;
        }
        
        /* Header - Menu */
        
        #header #header-menu {
                position: absolute;
                top: 305px;
                left: 38px;
                width: 915px;
                height: 27px;
        }
        
        #header #header-menu ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                height: 27px;
        }
        
        #header #header-menu ul li {
                float: left;
                height: 22px;
                font: bold 12px Verdana;
                color: #000000;
                margin-right: 5px;
                padding: 5px 25px 0 25px;
                background: url("images/header_menu.gif") repeat-x;
        }
        
        #header #header-menu ul li a {
                color: #000000;
                text-decoration: none;
        }
        
        #header #header-menu ul li a:hover {
                text-decoration: underline;
        }
        
        #header #header-menu ul li ul {
                display: none;
        }


/* Main */

#main {
        width: 1004px;
}

        /* Main - Content */
        
        #content {
                float: left;
                width: 495px;
                padding: 3px 9px 0 34px;
        }
        
        /* Main - Content - Post */
        
        #content .post {
                float: left;
                margin-bottom: 15px;
                width: 495px;
                background: #6b9dce url(images/post.gif) repeat-x left bottom;
        }
        
                /* Post - Title */
                
                #content .post .post-title {
                        padding: 3px 3px 0 3px;
                        width: 489px;
                        height: 67px;
                        background: url("images/post_title.gif") repeat-x;
                        color: #ffffff;
                        font: bold 11px Verdana;
                }
                
                #content .post .post-title a {
                        color: #ffffff;
                        text-decoration: none;
                }
                
                #content .post .post-title a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-title .post-date {
                        float: left;
                        background: #6b9dce;
                        color: #ffffff;
                        text-align: center;
                        text-transform: lowercase;
                        width: 43px;
                        height: 34px;
                        margin-right: 10px;
                        font: bold 12px/14px "Trebuchet MS", Verdana;
                }
                
                #content .post .post-title .post-date span {
                        display: block;
                        padding-top: 3px;
                }
                
                #content .post .post-title .post-comments {
                        float: right;
                        background: url("images/post_comments.gif") no-repeat;
                        color: #ffffff;
                        text-align: center;
                        width: 33px;
                        height: 22px;
                        margin: 4px 5px 0 0;
                        padding-top: 1px;
                        font: bold 10px "Trebuchet MS", Verdana;
                }
                
                #content .post .post-title .post-comments a {
                        color: #ffffff;
                        text-decoration: none;
                }
                
                #content .post .post-title h2 {
                        color: #ffffff;
                        font: bold 17px/34px Verdana;
                        float: left;
                }
                
                #content .post .post-title h2 a {
                        color: #ffffff;
                        text-decoration: none;
                }
                
                #content .post .post-title h2 a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-title .post-title-info {
                        line-height: 23px;
                        padding: 0 15px;
                        margin-top: 3px;
                }
                
                /* Post - Entry */
                
                #content .post .post-entry {
                        font: normal 11px/18px Verdana;
                        color: #ffffff;
                        padding: 0 10px 15px 10px;
                        width: 475px;
                }
                
                #content .post .post-entry a {
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post .post-entry a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-entry a.more-link {
                        font: bold 11px/20px Verdana;
                        float: right;
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post .post-entry a.more-link:hover {
                        text-decoration: underline;
                }
                
                /* Post - Subtitle */
                
                #content .post h3 {
                        margin-top: 20px;
                        color: #ffffff;
                        font: bold 14px Verdana;
                }
                
                /* Post - Comments */
                
                #content .post .comments {
                        font: normal 11px/18px Verdana;
                        color: #ffffff;
                }
                
                #content .post .comments ol {
                        margin: 10px 0;
                        padding-left: 25px;
                }
                
                #content .post .comments ol li {
                        padding: 5px;
                }
                
                #content .post .comments ol li a {
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post .comments ol li a:hover {
                        text-decoration: underline;
                }
                
                #content .post .comments ol li.alt {
                        background: #6391be;
                }
                
                #content .post .comments ol li cite {
                        color: #3d3d3d;
                        font-style: normal;
                        font-weight: bold;
                }
                
                #content .post .comments ol li cite a {
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post .comments ol li cite a:hover {
                        text-decoration: underline;
                }
                
                #content .post .comments ol li .commentmetadata a {
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post .comments ol li .commentmetadata a:hover {
                        text-decoration: underline;
                }
                
                /* Post - Comment Form */
                
                #content .post #commentform {
                        font: normal 11px/18px Verdana;
                        color: #ffffff;
                        padding: 0 15px;
                }
                
                #content .post #commentform a {
                        color: #3d3d3d;
                        text-decoration: none;
                }
                
                #content .post #commentform a:hover {
                        text-decoration: underline;
                }
        
        /* Main - Content - Navigation */
        
        #content .navigation {
                font: bold 11px/25px Verdana;
                color: #97badd;
                width: 475px;
                height: 25px;
                padding: 0 10px;
                margin-bottom: 20px;
                float: left;
        }
        
        #content .navigation a {
                color: #97badd;
                text-decoration: none;
        }
        
        #content .navigation a:hover {
                text-decoration: underline;
        }
        
                #content .navigation .navigation-previous {
                        float: left;
                }
                
                #content .navigation .navigation-next {
                        float: right;
                }
        
        /* Main - Sidebar */
        
        #sidebar {
                float: left;
                width: 425px;
                font: normal 11px/18px Verdana;
                color: #ffffff;
        }
        
        #sidebar a {
                color: #3d3d3d;
                text-decoration: none;
        }
        
        #sidebar a:hover {
                text-decoration: underline;
        }
        
        #sidebar #sidebar-top {
                width: 425px;
                height: 67px;
                background: url("images/sidebar_top.gif") no-repeat;
                position: relative;
        }
        
                #sidebar #sidebar-top #sidebar-search {
                        position: absolute;
                        top: 7px;
                        left: 0;
                        width: 342px;
                        height: 30px;
                }
                
                #sidebar #sidebar-top #sidebar-search #searchform {
                        margin: 0;
                        padding: 0;
                        width: 342px;
                }
                
                #sidebar #sidebar-top #sidebar-search #s {
                        margin: 0;
                        width: 220px;
                        height: 16px;
                        border: 0;
                        padding: 7px 5px;
                        font: bold 12px Verdana;
                        color: #000000;
                        background: transparent;
                }
                
                #sidebar #sidebar-top #sidebar-search #searchsubmit {
                        background: transparent;
                        border: none;
                        width: 106px;
                        height: 30px;
                }
                
                #sidebar #sidebar-top #sidebar-feed {
                        position: absolute;
                        top: 0;
                        left: 382px;
                        width: 43px;
                        height: 43px;
                }
        
        #sidebar #sidebar-left {
                float: left;
                width: 207px;
                margin-left: 1px;
        }
        
        #sidebar #sidebar-right {
                float: right;
                width: 206px;
        }
        
        #sidebar .sidebar-box {
                margin-bottom: 20px;
                background: #717171;
        }
        
                /* Sidebar - Titles */
                
                #sidebar h3 {
                        padding-left: 30px;
                        color: #ffffff;
                        font: bold 16px/37px Verdana;
                        background: #97badd;
                }
                
                /* Sidebar - Menus */
                
                #sidebar ul {
                        margin: 0;
                        padding: 0;
                        list-style-type: none;
                }
                
                #sidebar ul li {
                        padding-left: 30px;
                        font: normal 13px/28px Verdana;
                        color: #ffffff;
                        border-bottom: 1px solid #4f4f4f;
                }
                
                #sidebar ul li a {
                        color: #ffffff;
                        text-decoration: none;
                }
                
                #sidebar #sidebar-left ul li a:hover {
                        text-decoration: underline;
                }
                
                #sidebar #sidebar-left ul li ul li {
                        border-bottom: none;
                }
                
                /* Sidebar - Forms */
                
                #sidebar #searchform {
                        margin: 0;
                        padding: 20px 0;
                        width: 206px;
                        text-align: center;
                }
                
                #sidebar #searchform #s {
                        width: 150px;
                }
                
                /* Sidebar - Tables */
                
                #sidebar #calendar_wrap {
                        padding: 5px 0;
                }
                
                #sidebar #calendar_wrap table {
                        width: 142px;
                        margin: 0 auto;
                }
                
                #sidebar #calendar_wrap caption {
                        font-weight: bold;
                        width: 142px;
                        margin: 0 auto;
                }
                
                #sidebar #calendar_wrap tbody {
                        text-align: right;
                }
                
                #sidebar #calendar_wrap tfoot #next {
                        text-align: right;
                }
                
                #sidebar #calendar_wrap #today {
                        font-weight: bold;
                }
                
                /* Sidebar - Texts */
                
                #sidebar .textwidget {
                        padding: 5px;
                }


/* Footer */

#footer {
        padding-top: 35px;
        width: 1004px;
        height: 80px;
        color: #ffffff;
        font: bold 12px/80px Verdana;
        text-align: center;
}

#footer a {
        color: #97badd;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: underline;
}

