body { 
    margin:30px 0 0 0;
    font:normal 13px arial;
    color:#000;
}
    
a {
    color:#cc3300; 
    text-decoration:none;
    font-weight: bold;
}

a:hover {
    color:#000;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

pre.code {
    background:#f9f9f9;
    padding:15px 20px 25px 20px;
    margin:0 0 15px 0;
    border-left:10px solid #ddd;
}

code {
    margin:0;
    padding:0;
}

.clearfix {display: inline-block;}

h1 a {
    width:185px;
    height:45px;
    margin:0 30px 0 0;
    overflow:hidden;
    float:left;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

h1 a:hover {
    color: #fff;
    background: #cc3300;
}


h2 {
    font:normal 18px arial;
    margin:0 0 30px 0;
}
    
p {
    font:normal 13px/20px arial;
}
    
#page { 
    margin:0 auto 0 auto;
    width:850px;
}

#header {
    margin:0 0 30px 0;
}

#logo {float:left;}

#blurb {
    /*border-top: 1px dotted #ccc;*/
    border-bottom: 1px dotted #ccc;
    /*font:normal 41px/41px georgia;*/
    /*padding:35px 0 40px 0;*/
    font-size: 0px;
}
        

    
/* ### Navigation ### */                    

.navigation {
    float:left;
    padding:0;
    margin:28px 0 0 0;
    font:normal 16px arial;
    color:#666;
}

.navigation li {
    display:inline;
}

.navigation li a {
    color:#666;
    text-decoration:none;
}

.navigation li a.selected {
    color:#000;
    border-bottom:1px dotted #ccc;
}

.navigation li a:hover {
    color:#c30;
}

    
/* ### Sidebar ### */   
    
#sidebar {
    padding: 40px 0px 40px 40px;
    width:200px;
    float:right;
}

#sidebar h2 {
    margin:0 0 4px 0;
}

#sidebar  form {margin:0 0 40px 0;}

#sidebar .postmetadata {font:normal 11px arial;}

#sidebar img {
  max-width: 200px;
}

#sidemessage {
    margin:0 0 40px 0; 
    padding:0 15px 0 0;
}
    
.sidelist {
    margin:0 0 40px 0;
    padding:0;
    border-top:1px dotted #ccc;
}

.sidelist li {
    list-style:none;
    margin:0;
    padding:0;
    font:normal 12px arial;
}
    
.sidelist li a {
    display:block;
    padding:6px 0;
    border-bottom:1px dotted #ccc;
    color:#c30;
}

.sidelist li a:hover {
    background:#f9f9f9;
    color:#000;
}

/* ### Content ### */

#title_content {
    text-align: center;
}

#title_content img {
}

#content {
    width:560px;
    float:left;
    padding:0 40px 30px 0;
    /*border-right:1px dotted #ccc;*/
    min-height:400px;
}

#content img {
    max-width: 500px;
}

#content h2 {
    font:normal 24px georgia;
    margin:40px 0 13px 0;
    padding:0;
}

#content h2 a {
    color:#000;
}

#content h2 a:hover {
    color:#c30;
}

#content a {
    font-weight: bold;
}

.left_image {
    float:left;
    margin:8px 17px 2px 0;
}

.right_image {
    float:right;
    margin:8px 0 2px 17px;
}

/* ### Footer ### */

#footer {
    color:#000;
    border-top:1px dotted #ccc;
    margin:0 0 30px 0;
    padding:20px 0 20px 0;
    clear:both;
    font:normal 10px arial;
    text-align: center;
}

#footer a {
    font-weight:bold;
    color:#666;
}

#footer a:hover {
    color:#c30;
}
    
#footer p {
  color: #ccc;
  text-align: center;
}

img.width200 {
  max-width: 200px;
}

img.width150 {
  max-width: 150px
}

img.width100 {
  max-width: 100px;
}

img.width50 {
  max-width: 50px
}