/* ILOBLOG_2.0 */

body {
    border      : 0;
    color       : rgb(136, 136, 136);
    margin      : 0;
    font-size   : 12px;
    padding     : 0;
    width       : 100%;
    background  : rgb(60, 60, 60);
    min-width   : 600px;
    font-family : arial, verdana, sans-serif;
    text-align  : center; 
}

/*
 * General rules
 */
a {
    color           : rgb(134, 50, 50);
    font-weight     : bold;
    text-decoration : none;
}

h1, h2 {
    color         : rgb(134, 50, 50);
}

h1 {
    font-size     : 24px;
}

h2 {
    font-size     : 16px;
}

hr {
    display : None;
}

img {
    border : None;
}


/*
 * Outmost container
 */
#containerDiv {
    background     : rgb(60, 60, 60) url('http://www.sharkpool.se/gfx/bg_content_blog.png') repeat-y top left;
    margin-left    : auto;
    margin-right   : auto;
    margin-top     : 0;
    width          : 735px;
    overflow       : hidden;
    padding-bottom : 20px;
    text-align     : left;
}


/*
 * Banner placeholder
 */
#bannerDiv {
    padding : 0px;
    width   : 600px;
}


/*
 * Header rules
 */
div#headerDiv {
    border-bottom : 1px solid;
    margin-left   : 40px;
    margin-right  : 40px;
    margin-bottom : 25px;
}

div#headerDiv p {
    max-width : 450px;
}

/*
 * Main div
 */
div#mainDiv {
    float        : left;
    margin-left  : 40px;
    margin-right : 40px;
    width        : 450px;
}

a.categoryAnchor {
    float     : right;
    font-size : 10px;
}

span.time {
    display    : block;
    font-size  : 10px;
    font-style : italic;
}


/*
 * Blog posts
 */
div.post {
    padding-bottom : 20px;
    margin-bottom  : 25px;
    line-height    : 150%;
    overflow       : hidden;
}

div.post ul {
    margin  : auto;
    padding : 0px;
    width   : 350px;
}

div.post li.commentLi {
    list-style-type : None;
    position        : relative;
}

div.post li a {
    font-size   : 10px;
    font-weight : bold;
}


div.post span.niceURL {
    display  : inline;
    position : absolute;
    right    : 0px;
}


/*
 * Comments
 */
a.commentAnchor {
    font-size   : 10px;
    font-weight : bold;
}

div.commentBlock {
    overflow : hidden;
}

div.comment {
    color       : black;
    line-height : 100%;
    font-family : Verdana, Helvetica, sans-serif;
    font-size   : 12px;
}

div.comment h5 {
    font-weight : normal;
}


/*
 * Menu items
 */
#menuDiv {
    float        : left;
    margin-left  : 10px;
    width        : 170px;
    color        : black;
    font-family  : Verdana, sans-serif;
    font-size    : 10px;
    line-height  : 150%;
    overflow     : hidden;
}

#menuDiv h4 {
    color     : rgb(134, 50, 50);
    font-size : 12px;
}

#menuDiv li {
    list-style-type  : None;
    list-style-image : url('http://www.sharkpool.se/gfx/arrow_outlink_small.png')
}    

/*
 * Form 
 */
div.post form {
    margin-top: 10px;
}

div.post #subjectFieldDiv {
    float  : left;
    margin : 0px 5px 5px 0px;
}

div.post #categoryFieldDiv {
    float : none;
    clear : right;
}

div.post #authorFieldDiv {
    float   : left;
    display : block;
    margin  : 0px 35px 0px 0px;
}

div.post #codeFieldDiv {
    float  : left;
    margin : 0px 10px 0px 0px;
}

div.post #imgFieldDiv {
    float       : none;
    padding-top : 2px;
    clear       : right
}

* html div.post #imgFieldDiv {
    padding-top : 8px;
}

/*
 * Login stuff
 */
#loginDiv li
{
    margin-bottom : 10px;
}

#loginDiv span.error {
    color          : #999999;
    font-weight    : normal;
    text-transform : uppercase;
}

#loginDiv input {
    vertical-align : middle;
}

#loginDiv input.textfield {
    margin           : 3px 0px 10px 0px;
    width            : 150px;
    height           : 15px;
    font-size        : 12px;
    background-color : #d2d4ca;
    border           : 0px;
}

#loginDiv input.button {
    position         : relative;
    top              : -18px;
    left             : 119px;
    margin           : 0px;
    width            : 31px;
    height           : 15px;
    color            : transparent;
    cursor           : pointer;
    background       : url('http://www.sharkpool.se/gfx/arrow_outlink_small.png') no-repeat center center;
    background-color : #d2d4ca;
    border           : 0px;
}

/*
 * Footer stuff
 */
#footerDiv {
    clear        : both;
    margin-right : 180px;
    height       : 30px;
    font-size    : 10px;
    text-align   : center;
}

#footerDiv a {
    font-weight     : bold;
    text-decoration : none;
}

#prevPageLink {
    margin-right : 20px;
}