body {
    background-color: white;
    color: black;
}

img.mobile {
display:none;
}

#header {
    display:block;
    width: 640px;
    height: 184px;
    padding-top: 71px;
    background-image: url(/media/images/header.jpg);
    margin-left: auto;
    margin-right: auto;   
}

#header h1 {
    display:block;
    width:320px;
    height: 48px;
    margin: 0;
    padding:10px 0px 2px 0;
    margin-left: 300px;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

#menu {
    width: 640px;
    margin: auto;
    padding-top: 74px;
    font-family: Arial, sans-serif;
}

#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left:8px
}

#menu ul li {
    float: left;
    margin: 0;
    text-align: center;
}
#menu ul li a, #menu ul li a:visited {
    display: block;
    width: 155px;
    color: #999;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
}

#menu ul li a:hover{
    color: #666; 
}

#content {
width: 634px;
margin: auto;
}

#main {
display: block;
width: 455px;
margin: 0px 14px 0px 10px;
float: left;
overflow: hidden;
}


#main h2 {
    font-family: Arial, sans-serif;
    font-size: 20pt;
    color: black;
    border-bottom: 3px black solid;
    margin: 20px 0 0 0;
    text-align: left;
}

#main h2 a, #main h2 a:visited {
   color: black;
   text-decoration:none;
}

#main h2 a:hover {
   color: #333;
}


p {
    font-family: times new roman, serif;
    font-size: 11pt;
    color: black;
}
p a, p a:visited {
   color: #666;
   text-decoration: underline;
}


#main a img {
   border: 0;
}

#main img {
    clear: both;}

#main p {
    text-align: justify;
}

/*
#main ul {
   list-style: none;
   font-family: arial,sans-serif;
   font-size: 12pt;
   color: #666;
   margin: 0px;
   padding: 0px;
}
*/
#main ul li a, #main ul li a:visited {
   color: #666;
   font-weight: bold;
   text-decoration: none;
}

#main ul li a:hover {
   text-decoration: underline;
}


#main p a:hover {
   color: #999;
   text-decoration: underline;
}

#main p.category, #main p.pub_date {
    display:block;
    height: 18px;
    font-size: 9pt;
    color: #666;
    font-family: arial, sans-serif;
    margin: 0 0 10px 0;
}

#main p.category {
    width: 300px;
    float:left;
    text-align: left;
}

#main p.pub_date {
    width: 155px;
    float:right;
    text-align: right;
}

#main p.category a, #main p.category a:visited {
    color: #666;
    text-decoration: none;
}
#main p.category a:hover {
    text-decoration: underline;
}

#main p#pageinfo {
   color: #666;
   font-family: arial, sans-serif;
   font-size: 14pt;
}

#side {
    display: block;
    width: 155px;
    float: right;
    font-family: arial, sans-serif;
    font-size: 12pt;
    clear: right;
}

#side p {
    font-family: arial, sans-serif;
    font-size: 11pt;
    padding: 0px 15px 0px 10px;
}

#side h2 {
    display: block;
    background-image: url(/media/images/knap.png);
    height: 30px;
    width: 135px;
    margin:0;
    margin-top: 20px;
    padding: 14px 14px 16px 6px;
    color: #999;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#side h2 a, #side h2 a:visited {
    color: #999;
    text-decoration: none;
}

#side h2 a:hover {
    color: #666;
}

#side ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-right: 18px;
}

#side ul li {
    line-height: 1.5;
}

#side ul li a, #blogside ul li a:visited {
    text-decoration: none;
    color: black;
}

#side ul li a:hover {
    text-decoration: underline;
    color: black;
}

#footer {
    font-family: arial, sans-serif;
    font-size: 10pt;
    color: #666;
    width: 640px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    clear: both;
}

#footer a, #footer a:visited {
    color: #666;
    text-decoration: none;
}

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

ol#comment_list {
    font-family: arial, sans-serif;
    padding-left: 2em;
}

ol#comment_list li {
    padding: 5px;
}

ol#comment_list li.even {
    background-color: #ddd;
}

ol#comment_list li.uneven {
    background-color: #eee;
}

ol#comment_list li p{
    margin: 0;
    padding: 0;
} 

ol#comment_list a, ol#comment_list a:visited {
    color: #333;
    text-decoration: none;    
}

label {
    position: absolute;
    text-align: right;
    width: 100px;
}

input, textarea { 
    margin-left: 110px;
}

#main p.submit {
    margin-left: 110px;
}

p.submit input {
    margin:0px;    
}

.fppic {
    display: block;
    width: 256px;
    padding-left:4px;
    float: left;

}

.fpintro {
    margin-right: 20px;

}


.fpblog {
    padding: 0px 35px 0px 15px;
}

.fpblog h3 {
    font-family: Arial, sans-serif;
    font-size: 18pt;
    color: black;
    border-bottom: 2px black solid;
    margin: 10px 0 0 0;
    text-align: left;
}

#main h2.fp {
    display:block;
    height: 30px;
    width: 435px;
    margin:0;
    margin-left:-11px;
    margin-top: 20px;
    margin-bottom: -10px;
    padding: 14px 14px 16px 16px;
    border-bottom: 0px;
    color: #999;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    background-image: url(/media/images/bredknap.png);
}

#main h2.fp a, #main h2.fp a:visited {
    color: #999;
}

#main h2.fp a:hover {
    color: #666;
}

.fpblog p.readmore {
    display: block;
    float: right;
    margin:0;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 0;   
}

.fbstatus {
    clear: both;
}
p.status {
    font-family: arial, sans-serif;
    font-size: 10pt;
    color: #666;
    text-indent: -20px;
    margin-left: 20px;
}
pre {
    background-color: #ccc;
    color: #000;
    width: 455px;
    overflow: auto;
}

th {
   text-align: left;
}
td,th {
   padding: 3px 8px 3px 8px;
}

/* pygments */
.c { color: #009900; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #CC3333; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #0088FF; font-style: italic } /* Comment.Multiline */
.cp { color: #0088FF } /* Comment.Preproc */
.c1 { color: #0088FF; font-style: italic } /* Comment.Single */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
.kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
.kp { color: #AA22FF } /* Keyword.Pseudo */
.kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
.kt { color: #AA22FF; font-weight: bold } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BB4444 } /* Literal.String */
.na { color: #BB4444 } /* Name.Attribute */
.nb { color: #009999 } /* Name.Builtin */
.nc { color: #0000FF } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #6666FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #B8860B } /* Name.Variable */
.ow { color: #FF3333; font-weight: bold } /* Operator.Word */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BB4444 } /* Literal.String.Backtick */
.sc { color: #BB4444 } /* Literal.String.Char */
.sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BB4444 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BB4444 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BB4444 } /* Literal.String.Single */
.ss { color: #B8860B } /* Literal.String.Symbol */
.bp { color: #AA22FF } /* Name.Builtin.Pseudo */
.vc { color: #B8860B } /* Name.Variable.Class */
.vg { color: #B8860B } /* Name.Variable.Global */
.vi { color: #B8860B } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */