@import 'reset.css';

* {
    margin: 0;
    color: #222;
}

a {
    color: #1f5386;
}

a:visited {
    color: #286cae;
}

body, html {
    text-align: center;
    height: 100%;
    font-family: Helvetica, Georgia, Verdana, "Sans-serif";
    font-size: 95%;
    color: #111;
}

#nav {
    background: url('/media/images/navigation.png') top left repeat-x;
    height: 32px;
    padding: 0;
}

#header, #inner, #nav ul, #footer {
    width: 75%;
    min-width: 750px;
    margin: 0 auto;
    text-align: left;
}

#nav ul li {
    float: left;
}

#nav ul li.active a {
    border-bottom: 2px solid black;
}

#nav ul li span {
    display: none;
}

#nav ul li a {
    background: url('/media/images/navigation.png') 0 0 no-repeat;
    height: 30px;
    display: block;
    margin-right: 50px;
}

#home a {
    background-position: 0 -77px !important;
    width: 52px;
}


#portfolio a {
    background-position: 0 -120px !important;
    width: 100px;
}

#projects a {
    background-position: 0 -165px !important;
    width: 89px;
}

#blog a {
    background-position: 0 -217px !important;
    width: 46px;
}

#about a {
    background-position: 0 -270px !important;
    width: 60px;
}

#contact a {
    background-position: 0 -321px !important;
    width: 86px;
}

#header {
    padding: 40px 0 5px 0;
}

#outer {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -25px;
}

#footer, .push {
    height: 25px;
}

#inner {
    padding: 15px 0;
}

#footer {
    color: #555;
    font-size: 75%;
    background-color: #f3f3f3;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

#footer span {
    display: block;
    padding: 8px 10px 0 10px;
}

h1, h2, h3, h4, h5 {
    font-size: 200%;
    margin: 14px 0 5px 0;
    color: #e75c23;
}

h2, h4, h5 {
    color: #1f5386;
}

h1 a, h2 a {
    color: #e75c23 !important;
}


h1 { line-height: 32px; }
h2 { font-size: 180%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }

#inner ol, #inner ul {
    padding: 5px 0 15px 40px;
}

#inner ol li, #inner ul li {
    padding: 2px 0;
}

#inner ul li {
    list-style-type: disc;
}

#inner ol li {
    list-style-type: decimal;
}

#inner h1 {
    margin: 4px 0 10px 0;
}

code, pre, blockquote {
    font-family: Courier, Arial, "Sans-serif";
    font-size: 80%;
    line-height: 18px;
    background: #eee;
    padding: 10px;
    display: block;
    margin: 20px 0;
    white-space: pre;
}

p {
    line-height: 25px;
    margin: 20px 0;
}



.alt {
    background-color: #f3f3f3 !important;
}

.entry h2, .entry h3, .entry h4, .entry h5 {
    font-size: 130%;
    padding: 5px 0;
}

#comments h2, #comment_form h2 {
    color: #e75c23 !important;
    font-size: 150%;
    padding-top: 35px;
}

#comments ol, .entries ul, .generic_list ul, .block p {
    margin: 0 !important;
    padding: 0 !important;
}

#comments li {
    display: block;
    padding: 25px !important;
    margin: 20px 0;
    background: #f1f8ff;
}

#comments .odd {
    background: #e5f2ff;
}

#comments .staff {
    border: 1px solid #78bbff;
    background: #b9dcff;
}

#comments .name {
    font-size: 140%;
}

#comments .date {
    font-size: 70%;
    color: #777;
    padding: 0 7px;
}

#comments .content {
    padding-top: 25px;
}

#comments .content p {
    margin: 8px 0;
}

#comment_form label {
    width: 130px;
    display: block;
    float: left;
    font-size: 110%;
}

#comment_form form p { 
    background: #f6f6f6;
    padding: 10px;
    margin: 1px;
}

#comment_form input {
    width: 200px;
}

#comment_form textarea {
    width: 400px;
    height: 200px;
    font-family: helvetica, tahoma, sans-serif;
    font-size: 90%;
}

#comment_form .submit input {
    width: 100px;
    margin: 0 15px;
}

.alignnone {
    display: block;
}

blockquote {
    line-height: 22px;
    white-space: normal;
    font-family: helvetica, tahoma, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #e7eef6 url('/media/images/quote.png') 10px 10px no-repeat;
    padding: 10px 10px 10px 70px;
    font-size: 95%;
    min-height: 40px;
}

.entries li.entry {
    display: block;
    margin-top: 5px;
    margin-bottom: 60px;
    padding-bottom: 65px !important;
    border-bottom: 1px solid #eee;
}

.entry h2, .entry h3, .entry h4, .entry h5 {
    background: url('/media/images/dots.png') bottom left repeat-x;
}

.entry li {
    margin: 5px 0;
    line-height: 22px;
    margin-left: 25px;
}

.entry img {
    padding: 10px;
}

.latest_entries {
    font-weight: bold;
    display: block;
    margin: 3px 0 10px 0;
}

.sh_sourcecode {
    background: #f1f1f1 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pagination {
    text-align: right;
    font-size: 90%;
}

.generic_list h1 {
    color: #1f5386;
    background: #e3f1ff;
    padding: 5px;
    border: 1px solid #f2f8ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.generic_list li {
    display: block;
    padding: 5px 15px !important;
    margin: 5px 0;
    background: #f1f8ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.generic_list ul li.even {
    background: #f7fbff;
}

.info {
    margin-top: 15px;
}

.info, .facts table {
    background: #f1f8ff !important;
    padding: 5px 15px 5px 25px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.info li {
    padding: 10px 0 !important;
}

.data {
    width: 100%;
}

.data td {
    width: 49%;
    vertical-align: top;
    text-align: center;
}

.portfolio p {
    padding: 0 !important;
    margin-top: 0 !important;
}

.portfolio .facts, #main_visit {
    width: 255px;
    margin: 0 auto;
}

.portfolio .thumbnail img {
    border: 1px solid #eee;
    padding: 5px;
}

.portfolio .facts table {
    border: 1px solid #d3d3d3;
    font-size: 95%;
    background-color: #fefefe;
    width: 100%;
}

.facts th {
    white-space: nowrap !important;
    font-weight: bold;
}

.facts th, .facts td {
    padding: 9px 0;
    vertical-align: middle;
}

/* Markdown adds paragraphs */
.facts td p {
    margin: 0;
    text-align: left;
}

.portfolio #main_visit {
    display: block;
    margin: 25px 0;
    padding: 10px 5px;
    border: 1px solid #e75c23;
    background-color: #e78158;
    color: #efefef;
    font-size: 120%;
    text-align: center;
}

.portfolio #main_visit:hover {
    background-color: #e75c23;
}

.clear {
    clear: both;
}

.portfolio h1 {
    float: left;
}

#header_visit {
    float: left;
    font-size: 85%;
    display: block;
    padding: 16px 0 0 6px;
    color: #666;
}

.block {
    width: 29%;
    margin: 0 5px 25px 5px;
    padding: 10px;
    float: left;
} 

.block h2 {
    font-size: 105%;
    margin: 2px 0 5px 0;
    padding-bottom: 3px;
    background: url("/media/images/dots.png") bottom left repeat-x;
    color: #e75c23;
}

.block ul {
    margin: 0 !important;
    padding: 0 !important;
}

.block ul li {
    list-style: none !important;
    padding: 9px !important;
    line-height: 18px;
    margin: 6px 0 !important;
}

.block p {
    line-height: 18px;
    font-size: 90%;
    padding: 3px 0 !important;
}

#blocks .block .odd {
    background: #f9f9f9;
}

#blocks .block .even {
    background: #f4f4f4;
}


.block li.more {
    background-color: #efefef;
    border-top: 2px solid #ddd;
    font-weight: bold;
    font-size: 85%;
}

.block li a.title {
    font-size: 105%;
    padding: 3px 0;
    display: block;
    color: #1f5386;
}

.about {
    background: #edf6ff;
    border: 1px solid #d7ebff;
}

.about p {
    line-height: 20px;
}

.about img {
    float: right;
    padding: 3px;
    margin: 0 0 7px 7px;
    border: 1px solid #d7ebff;
}

#breadcrumbs {
    padding: 5px 0px;
    background: url("/media/images/dots.png") bottom left repeat-x;
    font-size: 90% !important;
    margin-bottom: 25px;
}

abbr {
    background: #fffaec url("/media/images/dots.png") bottom left repeat-x;
    padding: 3px;
    cursor: help;
}

#logo {
    float: left;
}

#feed {
    float: right;
}