/*  
Theme Name: Samsarin Theme
Theme URI: http://samsarin.com/
Description: Theme for my blog 
Version: 3.0
Author: Chris Pettitt 
Author URI: http://samsarin.com
*/

body {
    margin: 0;
    min-width: 920px;
    font-size: 62.5%;
    font-family: Verdana, Arial, San-Serif;
    background-color: #333;
}

a {
    color: #2E7593;
    text-decoration: none;
}

    a:hover {
        color: #BF9A31; 
    }

img {
    border-style: none;
}

#headerWrap {
    height:  100px;
    background: #333 url('img/header-bg.gif') repeat-x bottom;
}

    #header {
        position: relative;
        width: 890px;
        margin: 0 auto;
    }

        #header h1 {
            margin: 0;
        }

            #header h1 a {
                text-indent: -10000px;
                overflow: hidden;
                width: 202px;
                height: 100px;
                display: block;
                background: url(img/logo.gif) no-repeat;
            }

        #header #searchForm {
            position: absolute;
            left: 550px;
            bottom: 20px;
        }

    #navWrap {
        background: #222 url("img/menubar.gif") repeat-x;
        height: 36px;
    }

        #navBar {
            width: 890px;
            margin: 0 auto;
        }

            #nav1 {
                float: left;
                width: 530px;
                padding: 0;
            }

            #nav2 {
                float: right;
                width: 340px;
                padding: 0;
            }

            #navBar li {
                float: left;
                display: inline;
                padding-right: 2em;
            }

                #navBar li a {
                    text-decoration: none; 
                    color: #ddd;
                    font-size: 1.2em;
                }

                    #navBar li a:hover {
                        border-bottom: 1px solid #ddd;
                    }

#outerWrap {
    background-color: #fff;
}

#wrap {
    /* background: url("img/grid.png") repeat-y; */
    margin: auto;
    padding: 2em 0;
    width: 890px;
}

    #content {
        float: left;
        width: 530px;
    }

        #content p, pre, h1, h2, h3, h4, h5, h6, h7, h8, h9 {
            color: #333;
        }

        #content p, 
        #content .longpost > ul,
        #content .shortpost > ul,
        #content .longpost > ol,
        #content .shortpost > ol {
            font-family: Georgia, 'Times New Roman', Serif;
            margin-bottom: 2em;
            line-height: 1.6em;
            font-size: 1.4em;
            color: #444;
        }

        #content pre {
            font-size: 1.5em;
            margin-bottom: 2em;
            padding: 5px 10px;
            overflow: auto;
            background-color: #E0FFFF;
            border: 1px solid #A0F8F4;
        }

        #content img {
        }

            #content img .centered {
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

        #content .shortpost,
        #content .longpost {
            margin-bottom: 3em;
        }

            #content .shortpost h2,
            #content h1 {
                margin-top: 20px;
                margin-bottom: 0;
                font-family: Helvetica, Arial, Sans-Serif;
                font-size: 2.8em;
            }

                #content .shortpost h2 a {
                    color: #333;
                }

            #content .longpost h3,
            #content .shortpost h3 {
                font-family: Helvetica, Arial, Sans-Serif;
                font-size: 1.8em;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            #content .shortpost h2 a {
                text-decoration: none;
            }

            #content .shortpost .postInfo,
            #content .longpost .postInfo {
                font-family: serif;
                font-size: 1.2em;
                margin: 0;
            }

                #content .shortpost .postInfo .author,
                #content .longpost .postInfo .author {
                    font-style: oblique;
                }

                #content .shortpost .postInfo .date,
                #content .longpost .postInfo .date {
                    text-transform: uppercase;
                }

            #content code {
                font-family: Courier-New, Courier, Fixed;
            }

            #comments {
                margin: 0;
                margin-bottom: 3em;
                padding: 0;
            }
    
                #comments li {
                    padding: 0 20px 0 80px;
                    display: block;
                }

                #comments .comment {
                    margin-top: 10px;
                    position: relative;
                    list-style: none;
                    overflow: auto;
                    border: 1px solid #ddd;
                }
            
                    /*
                    #comments .alt {
                        background-color: #E0FFFF;
                    }
                    */

                    #comments .comment pre {
                        font-size: 1.4em;
                    }

                    #comments .comment .citation {
                        font-size: 1.4em;
                        font-weight: bold;
                        margin-bottom: 0;
                    }

                    #comments .comment .date {
                        font-size: 1.1em;
                        margin-top: 0;
                    }

                    #comments .comment cite img {
                        position: absolute;
                        left: 10px;
                    }

                    #comments .comment .body {
                        clear: both;
                    }

                #comments .admin {
                    background-color: #FFFFE0;
                }

    #commentForm {
        margin-top: 2em;
    }

        #commentForm textarea {
            width: 530px;
        }

    #sidebar {
        float: right;
        width: 340px;
    }

        #sidebar p, h1, h2, h3, h4, h5, h6, h7, h8, h9, .title {
            color: #333;
        }

        #sidebar .widget {
            margin-top: 2em;
        }

        #sidebar .title {
            font-size: 2.0em;
            font-weight: bold;
            text-align: left;
        }

        #sidebar ul {
            font-size: 1.1em;
            margin-top: 1em;
            padding-left: 2em;
            list-style-type: none;
        }

            #sidebar ul li {
            }

                #sidebar ul li:before {
                    content: "\25BA";
                    color: #333;
                    padding-right: 1em;
                }

#wrapBottom {
    clear: both;
}

#footer {
    border-top: 1px solid #888;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
}

    #footer a {
        color: #ddd;
    }