body{
    background: #f4f4f4 url('../images/background.png');
    background-repeat: repeat-x;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Palatino, "Palatino Linotype",Georgia,"Times New Roman", Times, serif;
    text-align: left;
}

h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1.2em}

h1,h2,h3,h4 {
    color: #575757;
    margin: 0.5em auto;
}

p{
    margin-top: 1.5em;
    line-height: 1.25em;
    text-indent: 2.0em;
}

blockquote{
    margin: auto 2.0em;
    padding: 0 1.0em;
    font-size: 0.85em;
    border-left: solid thin #cacaca;
}

blockquote blockquote{
    font-size: 1.0em;
    font-style: normal;
    border-left: dotted thin #cacaca;
}

/* Header components */

a{
  color: inherit;
  text-decoration: none;
}

p a, a.link{
    text-decoration: underline;
}

a:hover{
  color: #4f4f4f;
  text-decoration: underline;
}

div.board{
    position: relative;
    margin: 10px auto 10px 4.0em;
    height: 255px;
}

div.cell{
    width: 68px;
    height: 58px;
    margin: 2px;
    padding: 10px 5px;
    background: #dadada url('../images/cell.png');
    background-repeat: repeat;
    font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
    font-size: 1.0em;
    text-align: center;
    border: solid thin #cacaca;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.cell a{
    display: block;
    width: 100%;
    height: 100%;
}

div.cell br{
    line-height: 2.5em;
}

/* in case javascript is disabled,
this will position the cells*/

div.cell1, div.cell2, div.cell3,
div.cell4, div.cell5, div.cell6,
div.cell7, div.cell8, div.cell9
{ position: absolute; }

div.cell1{ top: 0px;   left: 0px; }
div.cell2{ top: 0px;   left: 85px; }
div.cell3{ top: 0px;   left: 170px; }
div.cell4{ top: 85px;  left: 0px; }
div.cell5{ top: 85px;  left: 85px; }
div.cell6{ top: 85px;  left: 170px; }
div.cell7{ top: 170px; left: 0px; }
div.cell8{ top: 170px; left: 85px; }
div.cell9{ top: 170px; left: 170px; }

div.link{
    border: solid thin #aaaaaa;
    background: #cacaca url('../images/cell.png');
    background-repeat: repeat;
}

div.link:hover{
    border-color: #777;
}

h1.headline{
    color: #000;
    position: relative;
    font-family: "Monaco","Courier New",monospace;
    font-size: 4.0em;
    width: 98.5%;
    margin: -1.0em auto auto auto;
    padding-right: 1.5%;
    text-align: right;
    z-index: 10;
}
h1.headline a:hover{
    text-decoration: none;
}

/* Content components */

div#contentpane{
    width: 100%;
    font-size: 1.6em;
    border-top: thin solid black;
}

div#mainpane{
    float: left;
    width: 67%;
    margin: 10px 0 0 2%;
    text-align: center;
}

div#maincontents{
    max-width: 50em;
    text-align: left;
}

div#sidebar{
    background: #cacaca url('../images/sidebar.png');
    background-repeat: repeat-x;
    float: right;
    width: 24%;
    margin: 1.0em 2% 10.0em 0;
    padding: 0 2% 3em 2%;
    text-align: left;
    border: solid thin #aaaaaa;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div#footer{
    background: #dadada url('../images/footer.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border-top: solid thin #aaaaaa;
    clear: both;
    width: 98%;
    font-size: 1.6em;
    padding: 1%;
}

div.footer-column{
    float: left;
    width: 28%;
    margin: 3.0em 2% 0 2%;
}

.copyright{
    padding-top: 5.0em;
    font-size: 0.8em;
    color: #777;
}

div#http404{
    width: 100%;
    height: 25em;
    padding: 5.0em 0;
    text-align: center;
}

div#http404 ul{
    margin: 2.0em;
    font-size: 1.4em;
}
div#http404 ul li{
    margin: 1.0em;
}

div#wp_links{
    font-size: 0.8em;
    text-align: right;
    color: #777;
}
div#wp_links a{
    text-decoration: underline;
}

/* Comments */

div#commentspane{
    clear: both;
    margin-top: 50px;
    width: 100%;
}

div#respond{
    clear: both;
    margin: 0.5em auto;
    padding: 1.0em;
    border: solid 1px #cacaca;
    background: #dadada url('../images/cell.png');
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div#respond p{
    text-indent: 0;
}

form#commentsform textarea#comment{
    width: 100%;
    height: 5em;
    margin: 0.1em auto;
}

form#commentsform input{
    margin: 0.1em auto;
}

/* Wordpress (wp_list_comments)*/

.comment{
    border-top: dotted thin #aaaaaa; 
}

.comment .reply{
    font-size: 0.75em;
    padding: 0.25em 0;
}

.comment .reply a{
    text-decoration: underline;
}

.comment .children{
    margin-left: 2.0em;
}

.comment-meta{
    font-size: 0.75em;
    color: #aaaaaa;
}

.comment p{
    padding: 1.0em;
    text-indent: 2.0em;
}

.bypostauthor{
    background-color: #eaeaea;
}

.vcard img{
    float: left;
    margin: 0 4px 0 0;
}

/* Wordpress (common)*/

li.page_item, li.cat-item,
ul.blogroll li
{
    padding-top: 0.3em;
}
li.pagenav li li.page_item, li.categories li li.cat-item{
    padding-left: 1.0em;
}

/*
.categories {}
.cat-item {}
.current-cat {}
.current-cat-parent {}
.pagenav {}
.page_item {}
.current_page_item {}
.current_page_parent {}
.widget {}
.widget_text {}
.blogroll {}
.linkcat{}
*/

/* Wordpress (images) */

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.alignleft {
    float: left;
    margin-right: 1.0em;
}

.alignright {
    float: right;
    margin-left: 1.0em;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f7f7f7;
    padding-top: 0.4em;
    margin: 2.0em 0.5em;
    /* rounded corners */
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.7em;
    padding: 0 4px 5px;
    margin: 0;
}

/* Worpress (comments) */

div.comment-author{}
div.vcard{}
img.avatar{}
div.comment-meta, div.commentmetadata{}
a.comment-edit-link{}
div.reply{}

/* Other */

small{
    font-size: 0.8em;
}

div#sidebar h2{
    font-size:1.2em;
}

div#sidebar ul{
    margin-top: 1.0em;
    margin-bottom: 2.0em;
}

div#sidebar li ul{
    margin-top: 0;
    margin-bottom: 0;
}

div#footer h2{
    font-size:1.2em;
    padding-bottom: 0.5em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    border-bottom: solid 1px #aaaaaa;

}

div.post{
    margin: 2.0em 2.0em 5.0em 2.0em;
}

div.entry ul{
    padding-left: 2.0em;
    list-style: inside;
}

div.entry ol{
    padding-left: 2.0em;
    list-style: decimal;
}

div.entry li{
    padding-top: 0.25em;
}

div.category{
    overflow: auto;
}

div.innerpost{
    float: left;
    width: 31%;
    padding: 1%;
}

div.innerpost img.thumbnail{
    width:100%;
}

div.thumbnail{
    float: left;
    width: 30%;
    margin: auto 0.75em auto 0;
}

div.thumbnail img.thumbnail{
    width:100%;
}

div.search-post{
    margin: 2.0em;
}

div.navigation{}

div.nav-previous{
    float: left;
    width: 50%;
    text-align: center;
}

div.nav-next{
    float: right;
    width: 50%;
    text-align: center;
}

div#sidebar div.post{
    margin: 2.0em 0 3.0em 0;
}

div.breadcrumb{
    font-size: 0.8em;
}
div.breadcrumb a{
    text-decoration: underline;
}

div.search-post div.excerpt p{
    font-size: 0.8em;
    margin-top: 1.0em;
    padding: 0 3.0em;
    line-height: 1.25em;
    text-indent: 2.0em;
}

div.search{
    margin-top: 1.0em;
}

div.clear{
    clear: both;
}

.postfooter{
    clear: both;
    margin-top: 1.0em;
    font-size: 0.8em;
}

/* WP footnotes (plugin) */

ol.footnotes{
    margin-top: 3.0em;
}

a.footnote-link, a.footnote-identifier-link{
    vertical-align: super;
    font-size: 0.75em;
}

/* Contact Form 7 (plugin) */
div.post div.entry div.wpcf7 p,
div.wpcf7 p{
    margin-top: 0.5em;
    line-height: 1.0em;
    text-indent: 0.0em;
    font-size: 0.8em;
}
div.wpcf7 input{
    width: 100%;
}
div.wpcf7 textarea{ 
    width: 100%;
    height: 11.0em;
}

div.wpcf7-response-output {
    font-size: 0.8em;
    padding: 0.75em;
}

/* twitter (plugin) */

ul.twitter{
}

li.twitter-item{
    margin: 0.5em 0;
}
p.twitter-message{
}
.twitter-timestamp{
    font-size: 0.8em;
    color: #707070;
}
a.twitter-link{
    text-decoration: underline;
}
a.twitter-user{
    font-weight: bold;
}