/*  
Theme Name: classic New
Theme URI:
Description: Grid aligned WordPress theme
Version:
Author: Jaap Walhout
Author URI: http://www.jaapwalhout.net/
*/

* {margin:0; padding:0;}
body {background:#fff; color:#333; font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center;} 
h1 {font-size:1.4em;}
h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
a {color:#900; text-decoration:none;}
a:hover {color:#f00;}

/* -- oh the convenience -- */

.entry a,
.secondaryColumn a,
#commentsContainer h3 a,
.commentlist .comment-author a {font-weight:bold;}
.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover {color:#f00;}
.secondaryColumn a {font-weight:normal;}
.secondaryColumn h3,
#commentsContainer h3 {font-size:1.2em;}
#cancel-comment-reply-link {color:#3C6C92; font-size:0.8em;}
.commentlist .comment-meta a {color:#777;}
.commentlist .comment-author cite {font-weight:bold;}
.commentlist .comment-meta {font-size:0.8em;}
#commentform p span input,
#commentform span textarea {color:#333; font-size:1em;}
#paginateIndex {font-size:0.9em; text-transform:uppercase;}

/* -- main structure -- */

#wrapper {margin:20px auto; text-align:left; width:900px; padding:0 5px;}
#masthead {padding:15px 0}
#filler {}
#mainColumn {float:left; margin:30px 0 0 0; width:560px;}
.secondaryColumn {float:left; margin:30px 0 0 80px; overflow:hidden; width:260px;}

/* -- header elements -- */

#masthead h1 {float:right; text-align:right; margin:15px 0 15 0px;}
#masthead h1 a {text-decoration:none; color:#900;}

/* -- top + bottom navigation -- */

.navStripWrapper {position:relative; clear:both; border-top:1px solid #666; border-bottom:2px solid #666;}
.nav {background:#fff;}
.nav li {line-height:1.2em; display:block; float:left;}
.nav li a {font-weight:bold; display:block; padding:5px 4px 5px 2px; width:110px; color:#900}
.nav li a:hover {color:#f00;}
.nav li.searchField {float:right; border:0;}
.nav .searchField div {margin:2px 2px 0 0;}
.nav .searchField input {border:1px solid #bbb; outline:none; padding:1px; width:120px; font-size:0.9em; color:#777;}

/* -- meta lead for each post -- */

.postMeta {font-size:0.9em; border-top:1px solid #ccc; text-align:right; margin-bottom:14px; position:relative;}
.postMeta .container {position:absolute; top:-9px; right:0;}
.postMeta span.date {color:#777; background:#fff; padding:0 4px;}
.postMeta span.comments {background:#fff url(images/chat_grey.gif) no-repeat 2px -1px; padding-left:18px;}
.postMeta span.comments a,
.postMeta span.date a {color:#3c6c92;}

/* -- general post -- */

.post {margin:0 0 21px 0;}
.post h2 {line-height:1.2em; margin-bottom:10px; padding:0 3px;}
.post h2 a {display:block;}

/* -- entry body -- */

.entry {padding:0 3px; overflow:hidden;}
.entry p {line-height:1.6em; margin:20px 0; text-align:justify;}
.entry ul,
.entry ol,
.entry blockquote {color:#555; margin:0 14px;}
.entry ol {list-style:decimal;}
.entry ul li,
.entry ol li {margin:0 0 7px 18px;}
.entry ul li {list-style:circle;}
.entry blockquote {border-left:1px solid #ccc; font-style:italic; font-size:1.1em; line-height:1.4em; margin-left:21px; padding-left:10px;}
.entry img,
.entry a img {background:#fff; border:0px; padding:3px;}

.entry.meta {background:#eee; border:1px solid #ccc; border-width:1px 0;}
.entry.meta p {margin:5px 7px;}
.entry.meta .highlight {text-transform:uppercase; font-size:10px;}
.entry.meta a {color:#333; border-color:#bbb;}
.entry.meta a:hover {color:#000; border-color:#000;}

/* -- main index pagination -- */

#paginateIndex {margin-bottom:25px;}
#paginateIndex a,
.commentlist li .reply a {color:#777; font-size:0.9em; text-transform:uppercase; display:block; padding:4px 7px 3px; background:#fff; border:1px solid #ddd;}
.commentlist li .reply a {color:#aaa;}
#paginateIndex a:hover,
.commentlist li .reply a:hover {color:#3c6c92; border-color:#3c6c92; background:#eee;}

/* -- widget enabled sidebar -- */

.secondaryColumn h3 {border-top:1px solid #ccc; border-bottom:1px solid #eee; margin:0 0 10px 0; padding:7px 4px;}
.widgetContainer {margin:0 0 20px 0;}
.widgetContainer ul li {margin:0 3px 7px 21px; list-style:circle;}
.widgetContainer ul li ul {margin-top:5px;}
.widgetContainer .textwidget {margin:0 3px; line-height:1.5em;}
.widgetContainer #wp-calendar {border-collapse:collapse; width:100%;}
#wp-calendar caption {font-weight:bold; margin-bottom:7px;}
#wp-calendar thead {}
#wp-calendar thead th {padding:4px 0 4px 3px; border:1px solid #ccc; border-width:1px 0;}
#wp-calendar td {padding:3px 0 4px 3px; color:#777;}
#wp-calendar td a {font-weight:bold;}

/* -- style some comments -- */

#commentsContainer {margin-bottom:30px;}
#commentsContainer span.hook {position:relative; display:block;}
#commentsContainer h3 {display:block; margin:10px 0; padding:7px 4px 0; border-top:1px solid #3c6c92;}
.cancel-comment-reply {position:absolute; top:-1px; right:4px;}
.commentlist {list-style:none; margin:0 0 20px;}
.commentlist .comment-author {border-top:1px solid #ccc; padding-top:7px; margin-top:10px; overflow:hidden;}
.commentlist .comment-author img.avatar {display:block; float:left; height:16px; width:16px; margin:0 4px 0 0;}
.commentlist .comment-meta {margin:0 0 0 20px;}
.commentlist li .reply {text-align:right; padding-bottom:10px;}
.commentlist li .reply a {display:inline;}
.commentlist li p {margin:1em 0; padding:0 3px;}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {margin:0 20px;}
.commentlist .children {margin:0 0 0 40px;}
.commentlist .children li {list-style:none;}
#commentform .contain {margin:0 0 10px 0 !important;}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {padding:4px 3px; border:1px solid #ccc; border-left-color:#bbb; border-bottom-color:#bbb; background:#fff; margin-right:4px;}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {border:1px solid #bbb; outline:none; padding:4px 3px; width:160px;}
#commentform p label {margin:4px 0 0 0;}
#commentform textarea {float:none; width:98%; overflow:auto;}

/* -- footer -- */

#footer {border-top:2px solid #666; margin:35px 0; clear:both;}
#footer p {padding:14px 3px 0;}
#footer p a {font-weight:bold; color:#333;}

/* -- floats + clearing rule -- */

.floatleft,
.alignleft {float:left; margin:3px 7px 0 0;}
.floatright,
.alignright {float:right; margin:3px 0 0 7px;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fix {display:inline-block;} 
* html .fix{height:1%;}
.fix {display:block;}