/*
Theme Name: Ochtendgrijs
Theme URI: http://ochtendgrijs.be/
Description: Theme for <a href="http://ochtendgrijs.be/">ochtendgrijs.be</a>.
Version: 0.1
Author: Hoss
Author URI: http://ochtendgrijs.be/
Tags: fixed width, 960.gs
*/

/* GENERAL
   ========================================================================== */

body {
	background-color: #fff;
	color: #444;
	font: 13px/20px Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
}

#description {
	display: none;
}

#sidebar {
	background: transparent url(images/nope.gif) 50% 0 no-repeat;
	padding-top: 240px;
}

#sidebar, #footer {
	font: 13px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#footer {
	background-color: #e5e5e5;
	font-size: 11px;
	margin-top: 30px;
	padding: 30px 0;
}

/* TYPOGRAPHY
   ========================================================================== */

h1 {
	margin: 0 auto;
	padding: 55px 0 65px;
	width: 424px;
}

h1 a {
	background: transparent url(images/logo.gif) 0 0 no-repeat;
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	width: 424px;
}

h1 a:hover {
	background: transparent url(images/logo.gif) 0 -60px no-repeat;
}

h2 {
	color: #444;
	font: 36px/40px "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0 0 20px;
}

h3 {
	font: 20px/20px "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 0 0 20px;
}

h2 a, h3 a {
	color: #444;
	font-weight: normal;
	text-decoration: none;
}

h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h2 a:focus {
	color: #798;
}

h4, #sidebar h2, #footer h3 {
	font: bold 11px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 7px 0 13px;
	text-transform: uppercase;
}

#footer h3 {
	padding: 5px 0;
}

h4 a {
	color: #444;
	text-decoration: none;
}

h4 a:hover, h4 a:active, h4 a:focus {
	color: #687;
}

p, ul, ol {
	padding: 0 0 20px;
}

ol {
	margin-left: 25px;
}

ul li {
	list-style-type: disc;
	margin-left: 15px;
}

ol li {
	list-style-type: lower-roman;
	/* margin-left: 15px; */
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.hidden {
	display: none;
}

code, var {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
}

del {
	color: #888;
	text-decoration: line-through;
}

.caps {
	font-size: 90%;
	letter-spacing: 1px;
	text-transform: uppercase;
}

a {
	color: #668;
	font-weight: bold;
	outline: none;
	text-decoration: underline;
}

a:visited {
	color: #444;
}

a:hover, a:active, a:focus {
	color: #687;
	text-decoration: none;
}

.post, #comments, .comment {
	padding: 0 0 20px;
}

.post-meta, .comment-meta {
	color: #888;
	font: 11px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.avatar {
	display: block;
	padding: 11px 0 21px;
}

.aligncenter {
	margin: 0 auto;
	text-align: center;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img {
	border: 0;
}

img.alignleft {
	margin: 0 20px 10px 0;
}

img.alignright {
	margin: 0 0 10px 20px;
}

.tweet {
	font-style: italic;
}

#latest-tweet {
	background: transparent url(images/twitter.gif) 100% 100% no-repeat;
	font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
}

#latest-tweet a {
	font-weight: bold;
}

cite {
	font-style: normal;
	font-weight: bold;
}

blockquote {
	font-style: italic;
	padding: 0 0 0 20px;
}

/* FORMS
   ========================================================================== */

.label {
	text-align: right;
}

#author, #email, #url, #comment {
	border: 1px solid #ddd;
	font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
	width: 45%;
}

#comment {
	border: 1px solid #ddd;
	width: 95%;
}

#s {
	border: 1px solid #ccc;
	color: #444;
	font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
	width: 95%;
}

#author:focus, #email:focus, #url:focus, #comment:focus, #s:focus {
	border: 1px solid #adf;
}

#submit {
	color: #222;
	font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
}