/* 
* {
    box-sizing          :   border-box;
    -moz-box-sizing     :   border-box;

}
*/

html, body {
    margin              :   0px;
    padding             :   0px;
    background-color    :   #00154c;
    background-image    :   url('../gfx/bg_home.gif');
    background-repeat   :   repeat-x;
}

div#container {
    position            :   relative;
    width               :   752px;
    left                :   50%;
    margin-left         :   -376px;
    background-color    :   #ffffff;
}

div#header {
    margin              :   0px;
    padding             :   0px;
    position            :   relative;
}

    h1.hidden {
        display             :   none;
    }
    
    h1.bg {
        background-image    :   url('../gfx/headers/randomheader.php');
        width               :   752px;
        height              :   188px;
        margin              :   0px;
        padding             :   0px;
    }
    
    h1.bg a {
        width               :   100%;
        height              :   100%;
        text-decoration     :   none;
        display             :   block;
    }
    
div#poep {
    position            :   relative; 
    background-color    :   #00ff00;
    width               :   752px;
    font-size           :   10px;
    font-family         :   verdana;
    clear               :   both;
}
    
div#menu {
    position            :   relative; 
    background-color    :   #000000;
    width               :   752px;
    font-size           :   10px;
    font-family         :   verdana;
    /* ranzige FF CSS hack */
    float               :   left;
}
    div#menu dl {
        margin              :   0px;
        padding             :   0px;
        background-color    :   #000000;
        width               :   752px;
    }
    
    div#menu dd {
        margin              :   0px;
        padding             :   8px;
        padding-left        :   16px;
        float               :   left;
        background-color    :   #000000;
    }
    
        
    div#menu a {
        color               :   #b2b2b2;
        font-weight         :   bold;
        text-decoration     :   none;
    }
    
    div#menu a.home {
        color               :   #ffffff;
    }
    
    div#menu a:hover {
        text-decoration     :   underline;
    }

div#content {
    width               :   750px;
    border-left         :   1px solid #470021;
    border-right        :   1px solid #470021;
    background-image    :   url('../gfx/bg_new.gif');
    background-repeat   :   repeat-y;
    min-height          :   100%;
}

div#columnleft {
    width               :   192px;
    float               :   left;
    padding-top         :   25px;
    padding-left        :   12px;
    padding-right       :   12px;
    background-image    :   url('../gfx/bg_new.gif');
    background-repeat   :   repeat-y;
    font-family         :   arial, verdana, helvetica;
    font-size           :   11px;
    color:              :   #353b5d;
}

    div#columnleft h1 {
        color               :   #00134b;
        font-family         :   arial, helvetica;
        font-size           :   25px;
        font-weight         :   normal;
/*        border-bottom       :   1px dotted #b39186; */
        width               :   auto;
        text-align          :   center;
        padding-bottom      :   30px;
        margin-top          :   0px;
        padding-top         :   0px;
    }
    
    div#columnleft h1 span {
        color               :   #00aae8;
    }
    
    div#columnleft h3 {
/*        color               :   #a37B76; */
        color               :   #353b5d;
        font-family         :   arial, times new roman, garamond, arial, helvetica;
        font-size           :   18px;
        font-weight         :   normal;
        text-transform      :   lowercase;
        padding-left        :   22px;		
        padding-top         :   15px;
        border-top          :   1px dotted #b4bad4;
        background-repeat   :   no-repeat;
        background-position :   0px 18px;
    }
    
    div#columnleft h3.comments {
        background-image    :   url('../gfx/comments.png');
    }
    
    div#columnleft h3.search {
        background-image    :   url('../gfx/search.png');
    }
    
    div#columnleft h3.wip {
        background-image    :   url('../gfx/wip.gif');
    }
    
    div#columnleft h3.calendar {
        background-image    :   url('../gfx/calendar.png');
    }
    
    div#columnleft h3.archives {
        background-image    :   url('../gfx/archives.png');
    }
    
    div#columnleft h3.links {
        background-image    :   url('../gfx/links.png');
    }
    
    div#columnleft h3.referrers {
        background-image    :   url('../gfx/referrers.png');
    }

    div#columnleft h3.stuff {
        background-image    :   url('../gfx/stuff.png');
    }
    
    div#columnleft p {
        line-height         :   17px;
    }
        
    div#columnleft p.stuff a img {
        border-width        :   0px;
    }
    
    
    div#columnleft a {
        /*color               :   #8a3e00; */
        color               :   #353b5d;
    }
    
    div#columnleft a:hover {
        color               :   #000000;
    }
    
/*    
    div#columnleft p {
        font-family         :   verdana, arial, helvetica;
        font-size           :   10px;
        padding-bottom      :   20px;
        border-bottom       :   1px dotted #b39186;
    }
*/    
    
div#columnright {
    width               :   500px;
    margin-left         :   215px;
    padding-top         :   32px;
}

div.clear {
    clear               :   both;
}

table.calendar {
    width               :   160px;
}

/* these styles are for the calendar widget */
table.calendar {
	padding: 1px 5px;
	margin: 0px;
	border-right: 1px solid #a37B76;
	border-bottom: 1px solid #a37B76;
	font-size: 1em;
	background-color: #fffae5;
}

.calendarHeader {
	font-weight: bold;
	color: #000;
	background: #fff8d9;
	margin: 0px;
	padding: 2px 5px;
	font-size: 11px;
}

.calendartoday {
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	border: 1px solid #999;
}

table.calendar {
	/* only the calendar has a line, not the individual cells */
	border: 1px solid #a37B76;
	padding: 0px;
	width: 175px;
}

table.calendar td {
	text-align      :   center;
}

.calendarHeader a, .calendar a {
	font-weight: bold;
	color: #24B;
	text-decoration: none;
}

/* end of the calendar styles */

div.weblogposting {
    width               :   490px;
    padding-left        :   20px;
    padding-bottom      :   50px;
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
}

div#columnright h2  {
    font-family         :   georgia, times new roman;
    font-size           :   20px;
    font-weight         :   normal;
    color               :   #470021;
}

div.weblogposting a img {
    border-color        :   #470021;
}



div.weblogposting span.titledate {
    float               :   right;
    font-family         :   verdana, georgia, times new roman;
    font-size           :   10px;
    font-weight         :   normal;
    color               :   #666666;
    font-style          :   italic;
}

div.weblogposting p, div.weblogposting ol, div.weblogposting ul {
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #470021;
}

div.weblogposting p img {
/*    margin-left         :   20px; */
}

div.weblogposting a {
    color               :   #00aae8;
}

div.weblogposting a:hover {
    color               :   #000000;
}

div.weblogposting p.postinfo {
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #353b5d;
    text-align          :   right;
    border-top          :   1px solid #353b5d;
    line-height         :   20px;
}

div.weblogposting p.postinfo span.poster {
    background-image    :   url('../gfx/person.png');
    background-repeat   :   no-repeat;
    background-position :   0px 2px;
    padding-left        :   14px;
    color               :   #ff4800;
}

div.weblogposting p.postinfo span.poster a:hover {
    color               :   #000000;
}

div.weblogposting p.postinfo span.category {
    color               :   #00aae8;
}

div.weblogposting p.postinfo span.category a:hover {
    color               :   #000000;
}

div.weblogposting p.postinfo span.comments {
    background-image    :   url('../gfx/comment.png');
    background-repeat   :   no-repeat;
    background-position :   0px 2px;
    padding-left        :   14px;
    height              :   20px;
}

div.weblogposting p.postinfo a {
    color               :   #00aae8;
}

.searchbox {
    width               :   110px;
}

div.weblogposting p.weblogcomment {
    margin-top          :   15px;
    padding-top         :   15px;
    margin-bottom       :   0px;
    color               :   #666666;
    padding-left        :   40px;
    padding-right       :   40px;
    font-style          :   italic;
    background-image    :   url('../gfx/quotes1.gif');
    background-repeat   :   no-repeat;
    background-position :   20px 10px;
}

div.weblogposting p.line {
    background-image    :   url('../gfx/quotes2.gif');
    background-repeat   :   no-repeat;
    background-position :   right;
    height              :   25px;
    margin-right        :   40px;
    margin-top        : 0px;
}

div.weblogposting p.commentinfo {
    margin-left         :   40px;
    margin-right        :   40px;
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #999999;
    text-align          :   right;
    border-top          :   1px solid #999999;
    line-height         :   20px;
}

div.weblogposting p.commentinfo span.poster {
    background-image    :   url('../gfx/person.png');
    background-repeat   :   no-repeat;
    background-position :   0px 2px;
    padding-left        :   14px;
}

div.weblogposting p.commentinfo a {
    color               :   #999999;
}

div.weblogposting p.commentinfo a:hover {
    color               :   #000000;
}

div.weblogposting img.pivot-popupimage {
    margin-left         :   10px;
    margin-right        :   10px;
}

table#links {
    width               :   450px;
    margin-left         :   20px;
}

table#links h2 {
    font-family         :   georgia, times new roman;
    font-size           :   20px;
    font-weight         :   normal;
    color               :   #353b5d;
}

table#links a {
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #00aae8;
}

table#links a:hover {
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #000000;
}

fieldset {
    font-family         :   verdana, arial, helvetica;
    font-size           :   11px;
    line-height         :   20px;
    color               :   #00aae8;
}

p#archive_list {
    display: none;
}