* {
margin : 0;
padding : 0;
}
body {
background : #36444c;
font-size : 11px;
font-family: "Arial", Helvetica, sans-serif;

color : #444444;
}
.clear {
clear : both;
height : 0;
font-size : 0;
line-height : 0;
}
p {
line-height : 1.7em;
}
h1 {
font-family : "Times New Roman", Times, serif;
font-size : 1.8em;
font-weight : 400;
}
h2, h3 {
font-family : "Times New Roman", Times, serif;
font-size : 1.7em;
font-weight : 400;
}
h3 {
margin-top : 10px;
}
h1 a:link, h1 a:visited {
text-decoration : none;
color : #4c4c4c;
letter-spacing : -1px;
font-weight : 400;
}
h1 a:hover, h1 a:focus {
color : #6a6a6a;
}
ul {
margin : 10px auto;
}
ul li {
list-style : none;
background : url(img/bullet.gif) no-repeat 0 3px;
padding-left : 16px;
line-height : 1.7em;
}
blockquote {
border-left : 2px solid #6d6d6d;
color : #666666;
padding-left : 10px;
margin : 10px 0 10px 10px;
}
pre {
margin : 10px auto;
padding-top : 15px;
}
pre code {
width : 500px;
padding : 5px;
white-space : pre;
min-height : 4em;
background-color : #ffffff;
border : 1px solid #999999;
color : #000;
display : block;
overflow : auto;
}
#tabs {
height : 19px;
margin : -1px auto 0;
}
.sidebar {
width : 600px;
margin : 0 auto 10px 100px;
}
#browse {
background : #ecfafb url(img/kartel.gif) repeat-x;
margin : 0 auto;
}
#browsewrapper {
width : 850px;
margin : 0 auto 0 100px;
}
#projects {
width : 400px;
float : right;
padding : 35px 0 0;
}
#categories {
width : 400px;
float : left;
padding : 35px 0 0;
}
#categories ul, #projects ul {
list-style : none;
margin : 5px 0 0;
}
#categories li, #projects li {
display : block;
float : left;
width : 101px;
}
#border {
background : #ecfafb;
font-size : 0;
border-bottom : 1px solid #fff;
height : 5px;
margin : 0 auto;
}
.rss_grey {
background : url(img/rss_grey.gif) no-repeat;
font-size : 0;
width : 10px;
height : 10px;
display : block;
cursor : pointer;
}
#footer {
color : #e3efc2;
text-align : center;
margin : 10px;
}
#footer a {
color : #e3efc2;
text-decoration : underline;
}
a:link, a:visited {
text-decoration : none;
color : #222222;
font-weight : 700;
}
a:hover, a:focus {
text-decoration : underline;
color : #6a6a6a;
}
#previewbutton {
background : url(img/preview.gif) no-repeat;
width : 129px;
height : 29px;
cursor : pointer;
display : block;
float : left;
margin-left : 5px;
}
#archive ul {
margin : 20px 0;
}
#archive ul li {
list-style : none;
background : url(img/bullet_content.gif) no-repeat 0 1px;
padding-left : 16px;
}
.ch_code_container {
background-color : #f0f0f0;
border : 1px solid #a4ba6b;
width : 100%;
text-align : left;
font-size : 1em;
overflow : auto !important;
margin : 10px 0;
padding : 10px;
}
.ch_code_container .head {
color : gray;
font-weight : 700;
background-color : #f0f0ff;
border-bottom : 1px solid #d0d0d0;
padding : 2px;
}
#entries {
width : 438px;
float : left;
}
#entries .index {
width : 650px;
}
#entries .index .post {
width : 470px;
}
#entries .header {
height : 20px;
padding-left : 130px;
}
#entries .cat {
padding-left : 130px;
}
#entries .info {
background : #ecfafb;
float : left;
padding : 5px;
margin : 3px 13px 3px 0;
border : 1px solid #7fb9bd;
width : 100px;
}
#entries .post {
float : left;
padding : 3px 5px;
margin : 3px 0 10px;
border-top : 1px solid #7fb9bd;
width : 300px;
}
#entries .post ul li {
list-style : none;
background : url(img/bullet_content.gif) no-repeat 0 3px;
padding-left : 16px;
}
#entries .info ul {
margin : 3px 0;
}
#entries .info ul li {
background : url(img/tag_blue.gif) no-repeat;
padding-left : 17px;
line-height : 17px;
}
#entries .info a {
display : block;
}
#entries .single {
width : 1000px;
}
#entries .single .post {
width : 500px;
}
#content {
background : #9ccfe9;
width : 950px;
margin : 0 10px 0 -1px;
}
#topwrapper {
background : #9ccfe9;
}
#entrynavigation, #nextprevpost {
margin : 10px 0 10px 120px;
width : 570px;

}
#entries #notfound {
margin : 20px 0 20px 180px;
}
#entries .archive .header {
padding-left : 105px;
}
#entries .archive .post {
margin-left : 100px !important;
margin-left : 50px;
width : 650px;
}
#entries .archive span {
width : 200px;
float : left;
}
#entries .archive ul {
float : left;
width : 200px;
}
#entries .archive ul li.title {
background : none;
}
#logo {
background : url(img/logo2.gif) no-repeat;
width : 156px;
height : 18px;
display : block;
position : relative;
top : 8px;
left : 10px;
}
#header {
background : #36444c;
border-bottom : 1px solid #fff;
height : 33px;
margin : 0 auto;
z-index : 1000;
position : relative;
}
#navigation {
background : #ecfafb;
padding : 2px 2px 2px 20px;
}
#navigation a.menu {
width : 89px;
height : 24px;
float : left;
display : block;
margin : -25px 5px 0 0;
}
#navigation a.journal {
background : url(img/journal.png) no-repeat;
margin-left : 100px;
}
#navigation a.archive {
background : url(img/archive.png) no-repeat;
}
#navigation a.about {
background : url(img/about.png) no-repeat;
}
#navigation #headersearch {
width : 300px;
float : right;
}
#navigationborder {
background : #9ccfe9 url(img/kartel_.gif) repeat-x;
margin : 0 auto;
height : 30px;
}
#recom {
width : 275px;
float : left;
margin-left : 15px;
}
#recom .cat {
margin-left : 10px;
}
#recom .share {
margin-bottom : 10px;
}
#recom .content {
width : 240px;
padding : 5px 10px;
border-left : 1px solid #7fb9bd;
border-right : 1px solid #7fb9bd;
margin : 0 0 10px;
}
#recom .post {
margin-top : 7px;
}
#recom .meta {
color : #777777;
}
#recom .spacer {
width : 24px;
height : 14px;
background : url(img/spacer.gif);
margin : 5px auto;
}
#entries .single #recom .content {
border : 1px solid #7fb9bd;
background : #ecfafb;
}
#activity .cat {
margin-left : 10px;
}
#activity {
width : 240px;
float : left;
}
#activity a {
display : block;
line-height : 15px;
}
#activity ul {
margin : 0;
}
#activity ul li {
background : url(img/comment.gif) no-repeat;
margin-top : 7px;
}
#activity .index {
margin-left : 100px;
border : 1px solid #f00;
width : 300px;
padding : 0;
}
#activity .index ul {
width : 300px;
border-left : 1px solid #7fb9bd;
padding-left : 10px;
margin-left : 15px;
}
#activity .index .cat {
margin-left : 35px;
}
table#testresults {
width : 500px;
}
table#testresults td {
padding : 3px;
background-color : #d3e4a5;
}
table#testresults .header {
font-weight : bold;
background-color : #a4ba6b;
}
table#testresults .best {
color : green;
}
table#testresults .worst {
color : red;
}
#searchform {
width : 200px;
font-size : 13px;
}
#searchform #searchbtn, #searchbtne {
margin-left : 10px;
}
#submit {
float : left;
margin-bottom : 10px;
}
#searchform span {
border : 1px solid #a1d3d6;
}
form table {
width : 100%;
}
form span {
display : block;
padding : 1px;
border : 1px solid #7fb9bd;
background-color : #fff;
}
form input {
font-size : inherit;
vertical-align : middle;
}
form span input, form span textarea, form span select {
margin : 0;
font-size : inherit;
font-family : inherit;
width : 100%;
color : #282828;
background-color : #f5f5f5;
border : 1px solid #dadada;
border-top-color : #c3c3c3;
border-bottom-color : #ddd;
}
form span input:focus, form span textarea:focus, form span select:focus, form span:hover input, form span:hover textarea, form span:hover select {
background-color : #fff;
}
form span.inline {
display : inline-block;
float : left;
width : auto;
margin-top : 3px;
margin-right : 8px;
}
form div.inline span {
display : inline-block;
vertical-align : middle;
}
form div.inline span input, form div.inline span textarea, form div.inline span select {
width : auto;
}
form span.inline input {
width : auto;
border : none;
background-color : transparent !important;
}
td.cinch {
width : 1%;
}
#commentstemplate {
width : 500px;
margin-left : 120px;
}
#commentlist li {
list-style-type : none;
margin : 10px 0;
}
#commentlist li.admin .comment-top {
background : url(img/ca-top.gif) no-repeat;
}
#commentlist li.admin .comment-inner {
background : url(img/ca-inner.gif) repeat-y;
}
#commentlist li.admin .comment-bottom {
background : url(img/ca-bottom.gif) no-repeat;
}
#commentlist .comment-top {
background : url(img/comment-top.gif) no-repeat;
width : 501px;
height : 45px;
margin : 0;
padding : 0;
}
#commentlist .comment-meta {
margin-left : 117px;
width : 350px;
height : 35px;
line-height : 17px !important;
line-height : 18px;
}
#commentlist .comment-gravatar {
border : 1px solid #fff;
float : left;
margin : 0 5px 0 0;
}
#commentlist .comment-inner {
background : #e9f8fa url(img/comment-inner.gif) repeat-y;
width : 481px;
padding : 5px 10px 0;
margin-top : 0;
margin-top : -3px !important;
}
#commentlist .comment-bottom {
background : url(img/comment-bottom.gif) repeat-y;
width : 501px;
height : 17px;
}
#commentlist pre {
width : 479px;
background : none;
margin : 0;
padding : 0;
}
#commentlist pre code {
width : 469px;
padding : 5px;
margin : 0;
white-space : pre;
min-height : 4em;
}
#commentform .inputTD {
width : 200px;
}
#commentform .required {
color : #ff0000;
}
#commentform .textArea {
width : 500px;
}
.javascript .comment {
color : #82bc70;
}
.javascript .global {
color : #247abc;
}
.html .tag {
color : purple;
}
.html .comment {
color : gray;
font-style : italic;
}
.javascript .string, .html .doctype {
color : #db0058;
}
.javascript .brackets {
color : #4d4d4d;
}
.javascript .keywords, .html .string {
color : #247abc;
}
.car-yearmonth {
font-size: 1.6em;
font-weight : 400;
}