/*
Theme Name: TheAltoholic
Theme URI: http://wow.thealtoholic.com/
Description: Theme for The Altoholic, custom - second take
Author: BinaryMuse
Author URI: http://wow.thealtoholic.com/
*/


/********* MAIN ************/

body {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: rgb(208,208,208);

    margin-left: 3%;
    margin-right: 3%;
}

div#site_container {
    background-color: white;

    border: 1px solid black;
}


/********** NAVIGATION ************/

div#nav_box {
    width: 100%;
    background-color: black;
    height: 50px;
    border-bottom: black solid 1px;
    border-top: black solid 1px;
}

div#page_container {
    background-color: black;
    height: 50px;
}

ul.pages {
    list-style: none;
    margin: 0px; padding: 0px;
    /*width: 100%;*/
    display: inline;
    height: 50px;
    text-align: center;
    float: left;
}

ul.pages li {
    float: left;
    padding: 15px;
    font-family: Arial, sans-serif;
}

ul.pages li.page_item {
    background: black;
    color: white;
    text-decoration: none;
}

ul.pages li.current_page_item {
    background: #4878FF; /* #4878FF */
    color: black;
    text-decoration: none;
}

ul.pages a, ul.pages a:link, ul.pages a:visited {
    color: white;
    text-decoration: none;
}

ul.pages a:hover {
    color: yellow;
    text-decoration: none;
}

#searchform {
    float: right;
    margin: 0px; padding: 0px;
    height: 50px;
    display: inline;
}

#searchform #s {
    background-color: rgb(80,80,80);
    color: white;
    width: 175px;
    text-align: center;
    border: 1px solid black;
    position: relative;
    top: 14px;
}

/********* MID ***********/

div#midpage {
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
}

div#content {
    /*width: 70%;*/
    margin-right: 285px;
    float: left;
}

div#sidebar {
    width: 250px;
    float: right;
    margin-left: -275px;
}

.post {
    border-bottom: 1px solid black;
    margin-top: 2px;
}

a:link, a:visited, a:active {
    color: #2A42B3;
    text-decoration: none;
}

a:hover {
    color: #150EB3;
    text-decoration: underline;
}

a img {
    border: 0px;
}

h1 {
    margin-top: 5px;
    padding-top: 1px;
}

.postdate {
    text-align: center;
    background-color: #4878FF;
    float: left;
    margin: 0px;
    padding: 3px;
    font-size: 12pt;
    font-weight: bold;
    border: 1px rgb(0,0,0) groove;
    margin-left: -23px;
    position: absolute;
}

.postdate .month {
    text-transform: uppercase;
    display: block;
}

.postdate .day {
    display: block;
    font-size: 10pt;
}

#content h2 {
    margin-left: 20px;
}

ul.children {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/******** MISC ************/

div#trans_toon {
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 5px;
    top: 5px;
    visibility: hidden;
}

/****** FOOTER ********/

div#footer {
    width: 100%;
    background-color: rgb(208,208,208);
    border-top: 1px solid black;
    text-align: center;
}






/*-------------------- Comment --------------------*/


.commentsbox { width: 520px; float: left; margin: 5px auto; }

.commentsbox p { margin: 0; padding: 0; }
.commentsbox img { border: 1px solid #666; margin: 3px; }

#commentlist ol { margin: 0; padding: 0; }
#commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; }
.alt { background-color: rgb(208,208,208); !important; background-image: none !important; }

.comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; }


.comment-text { }

h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }

.postcomment input, .postcomment textarea { border: 1px solid black; font-family: Arial, sans-serif; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background-color: rgb(208,208,208); }