/*
Theme Name:102
Theme URI: http://iwordpressthemes.com/
Version: 1.0
Description: Wordpress Theme For Your Blog <br> - Designed by <a href="http://iwordpressthemes.com">Free wordpress themes</a>
Author: iwordpressthemes.com
Author URI: http://iwordpressthemes.com/
*/



/* General */

body {
        margin: 0;
        padding:0;
        background: url("images/bg.jpg");
}

h1, h2, h3, h4 {
        margin: 0;
}

img {
        border: 0;
}

.clear {
        clear: both;
        height: 0;
        overflow: hidden;
}


/* Page */

#page {
        margin: 0 auto;
        width: 907px;
}


/* Header */

#header {
        width: 907px;
        height: 420px;
        background: url("images/header.jpg") no-repeat;
        position: relative;
}

        /* Header - Info */
        
        #header #header-info {
                position: absolute;
                top: 185px;
                left: 80px;
        }
        
        #header #header-info h1 {
                color: #FFCC66;
                font: normal 35px Century Gothic;
                padding-bottom: 5px;
        }
        
        #header #header-info h1 a {
                color: #FFFF66;
                text-decoration: none;
        }
        
        #header #header-info .description {
                color: #FFF;
                font: bold 15px Century Gothic;
        }
        
        /* Header - Menu */
        
        #header #header-menu {
                position: absolute;
                top: 382px;
                left: 15px;
                height: 34px;
        }
        
        #header #header-menu ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                height: 34px;
        }
        
        #header #header-menu ul li {
                float: left;
                height: 32px;
                margin-right: 11px;
                font: normal 12px/32px Century Gothic;
                color: #cccccc;
                background: url("images/header_menu.gif") repeat-x;
                border: 1px solid #000000;
                padding: 0 30px;
        }
        
        #header #header-menu ul li a {
                color: #cccccc;
                text-decoration: none;
        }
        
        #header #header-menu ul li a:hover {
                text-decoration: underline;
        }
        
        #header #header-menu ul li ul {
                display: none;
        }

        /* Header - Ssearch */
        
        #header #header-search {
                position: absolute;
                top: 8px;
                left: 650px;
                width: 252px;
                height: 27px;

}

                #header #header-search {
                        width: 252px;
                        height: 27px;
                        background: url("images/sidebar_search.gif") no-repeat;
                }
                
                #header #header-search #search-form {
                        margin: 0;
                        padding: 0;
                        width: 252px;
                        height: 27px;
                }
                
                #header #header-search #sb {
                        width: 149px;
                        height: 17px;
                        border: 0;
                        padding: 5px;
                        font: bold 13px "Century Gothic", Century Gothic;
                        color: #000000;
                        background: transparent;
                        float: left;
                }
                
                #header #header-search #searchsubmitb {
                        background: transparent;
                        border: none;
                        width: 83px;
                        height: 27px;
                        padding: 0;
                        float: right;
                }
        
        #header #header-text a {
                color: #ffffff;
                text-decoration: underline;
        }
        
/* Header - Feed */
        
        #header #header-feed {
                position: absolute;
                top: 3px;
                left: 3px;
                width: 40px;
                height: 40px;
        }

/* Main */

#main {
        width: 907px;
        background: #262626 url("images/main.gif") repeat-y;
}

#main-top {
        width: 907px;
        background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
        width: 907px;
        min-height: 50px;
        background: url("images/main_bottom.gif") no-repeat left bottom;
}

        /* Main - Content */
        
        #content {
                float: left;
                width: 495px;
                padding: 12px 16px 0 16px;
        }
        
        /* Main - Content - Post */
        
        #content .post {
                float: left;
                margin-bottom: 25px;
                width: 495px;
        }
        
                /* Post - Date */
                
                #content .post .post-date {
                        background: url("images/post_date.gif") no-repeat;
                        width: 122px;
                        height: 25px;
                        color: #7D0000;
                        text-align: center;
                        font: bold 10px/25px Century Gothic;
                }
                
                /* Post - Title */
                
                #content .post .post-title {
                        width: 463px;
                        height: 45px;
                        border: 1px solid #FFFFFF;
                        background: url("images/post_title.gif") repeat-x;
                        color: #ffffff;
                        font: bold 10px Century Gothic;
                        padding: 0 15px;
                }
                
                #content .post .post-title a, .post-title-info a {
                        color: #ffffff;
                        text-decoration: none;
                }
                
                #content .post .post-title a:hover, .post-title-info a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-title h2 {
                        color: #ffffff;
                        font: bold 15px/45px Century Gothic;
                        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 {
                        float: left;
                        line-height: 45px;
                        
                }
                
                .post-title-info {
                        display:block;
                        width:100%;
                        text-align:right;
                        color: #000000;
                        font: bold 10px Century Gothic;
                        padding-top: 10px;
                                        
                }
                
                /* Post - Entry */
                
                #content .post .post-entry {
                        font: normal 12px/18px Century Gothic;
                        color: #000000;
                        padding: 0 15px;
                        width: 465px;
                        background: #FFFFFF;
                        float: left;
                }
                
                #content .post .post-entry a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-entry .more-link {
                        font: bold 11px/20px Century Gothic;
                        color: #000000;
                        float: right;
                        padding-bottom: 5px;
                }
                
                #content .post .post-entry .more-link a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry .more-link a:hover {
                        text-decoration: underline;
                }
                
                /* Post - Info */
                
                #content .post .post-info {
                        padding: 0 10px 0 0;
                        width: 485px;
                        clear: both;
                        font: bold 10px/19px Century Gothic;
                        color: #000000;
                        background: url("images/post_info.gif") no-repeat;
                        text-align: right;
                }
                
                #content .post .post-info a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-info a:hover {
                        text-decoration: underline;
                }
                
                /* Post - Comments */
                
                #content .post .post-entry h3 {
                        color: #000000;
                        font: bold 14px Century Gothic;
                        margin: 25px 0 5px 0;
                }
                
                #content .post .post-entry .comments {
                        font: normal 11px/18px Century Gothic;
                        color: #000000;
                        width: 465px;
                }
                
                #content .post .post-entry .comments a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry .comments a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-entry .comments ol {
                        margin: 10px 0 10px 0;
                        padding-left: 25px;
                }
                
                #content .post .comments ol li {
                        padding: 5px;
                }
                
                #content .post .post-entry .comments ol li.alt {
                        background: #cccccc;
                }
                
                #content .post .post-entry .comments ol li cite {
                        color: #000000;
                        font-style: normal;
                        font-weight: bold;
                }
                
                #content .post .post-entry .comments ol li cite a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry .comments ol li cite a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-entry .comments ol li .commentmetadata a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry .comments ol li .commentmetadata a:hover {
                        text-decoration: underline;
                }
                
                #content .post .post-entry #commentform {
                        font: normal 11px/18px Century Gothic;
                        color: #FFFFFF;
                        width: 450px;
                        padding-left: 15px;
                        margin: 0;
                }
                
                #content .post .post-entry #commentform a {
                        color: #000000;
                        text-decoration: none;
                }
                
                #content .post .post-entry #commentform a:hover {
                        text-decoration: underline;
                }
        
        /* Main - Content - Navigation */
        
        #content .navigation {
                font: bold 12px/25px Century Gothic;
                color: #000000;
                width: 495px;
                height: 25px;
                float: left;
                margin-bottom: 25px;
        }
        
        #content .navigation a {
                color: #000000;
                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: 170px;
                font: normal 12px/18px Century Gothic;
                color: #000000;
        }
        
        .sidebar a {
                color: #000000;
                text-decoration: none;
        }
        
        .sidebar a:hover {
                text-decoration: underline;
        }
        
                /* Sidebar - Sides */
                
                .sidebar-left {
                        padding: 12px 3px 15px 16px;
                }
                
                .sidebar-right {
                        padding: 12px 0 15px 3px;
                }
                
                /* Sidebar - Titles */
                
                .sidebar h3 {
                        padding-left: 10px;
                        font: normal 14px/26px Century Gothic;
                        color: #ADE2AD;
                        width: 159px;
                        height: 26px;
                        background: url("images/sidebar_title.gif") repeat-x;
                }
                
                /* Sidebar - Menus */
                
                .sidebar ul {
                        margin: 5px 0 8px 0;
                        padding: 0;
                        list-style-type: none;
                }
                
                .sidebar ul li {
                        padding-left: 11px;
                        color: #cccccc;
                        font: bold 11px/25px Century Gothic;
                        background: url("images/sidebar_menu.gif") repeat-x;
                }
                
                .sidebar ul li a {
                        color: #cccccc;
                        text-decoration: none;
                }
                
                .sidebar ul li a:hover {
                        text-decoration: underline;
                }
                
                        /* Sidebar - Submenus */
                        
                        .sidebar ul li ul {
                                margin: 0;
                                padding: 0;
                        }
                
                /* Sidebar - Forms */
                
                .sidebar #searchform {
                        margin: 0;
                        padding: 5px 0 8px 0;
                        width: 170px;
                        text-align: center;
                }
                
                .sidebar #searchform #s {
                        width: 140px;
                }
                
                /* Sidebar - Tables */
                
                .sidebar #calendar_wrap {
                        margin: 0 auto;
                        padding: 5px 0 8px 0;
                        width: 130px;
                }
                
                .sidebar #calendar_wrap caption {
                        font-weight: bold;
                }
                
                .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 4px 8px 4px;
                }
                
                /* Sidebar - Feed */
                
                .sidebar #sidebar-feed {
                        margin: 5px auto 8px auto; 
                        width: 160px;
                        height: 60px;
                }


/* Footer */

#footer {
        width: 907px;
        height: 83px;
        background: #000000;
        color: #ffffff;
        font: 10px/20px Century Gothic;
        text-align: center;
}

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

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