/*
Theme Name: Oddlabs Game Development Blog
Theme URI: http://oddlabs.com/blog/
Description: A theme made in the style of the oddlabs.com website
Version: 1.0
Author: Jacob Olsen
Author URI: http://oddlabs.com/
*/

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Trebuchet MS, Verdana, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #e0e8ff;
	background-image: url("images/background.png");
	background-repeat: repeat-x;
	text-align: center;
}

/* LAYOUT */

#container {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#bar1 {
	float: left;
	width: 128px;
	height: 64px;
	background-image: url("images/bar1.png");
	cursor: hand;
	cursor: pointer;
}

#bar2 {
	position: relative;
	float: left;
	width: 620px;
	height: 64px;
	background-image: url("images/bar2.png");
	background-repeat: repeat-x;
}

#bar3 {
	float: left;
	width: 12px;
	height: 64px;
	background-image: url("images/bar3.png");
}

#block1 {
	float: left;
	clear: left;
	width: 14px;
	height: 136px;
	background-image: url("images/header1.png");
}

#block2 {
	float: left;
	width: 732px;
	height: 90px;
	background-image: url("images/header2.png");
	background-repeat: repeat-x;
	padding: 23px 0;
}

#block3 {
	float: left;
	width: 14px;
	height: 136px;
	background-image: url("images/header3.png");
}

#content {
	float: left;
	clear: left;
	width: 580px;
	text-align: left;
	background-color: #fff;
}

#blockw1 {
	background-image: url("images/blockw1.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#blockw2 {
	width: 580px;
	background-image: url("images/blockw2.png");
	background-position: top left;
	background-repeat: repeat-x;
}

#blockw3 {
	background-image: url("images/blockw3.png");
	background-position: top right;
	background-repeat: no-repeat;
}

#blockw4 {
	background-image: url("images/blockw4.png");
	background-position: top left;
	background-repeat: repeat-y;
}

#blockw {
	width: 532px;
	background-color: #fff;
	padding: 10px;
}

#blockw5 {
	background-image: url("images/blockw5.png");
	background-position: top right;
	background-repeat: repeat-y;
}

#blockw6 {
	background-image: url("images/blockw6.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#blockw7 {
	background-image: url("images/blockw7.png");
	background-position: bottom left;
	background-repeat: repeat-x;
}

#blockw8 {
	background-image: url("images/blockw8.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 14px 14px 14px 14px;
}

#sidebar {
	float: left;
	width: 180px;
	text-align: left;
	background-color: #ebf0ba;
}

#blockb1 {
	background-image: url("images/blockb1.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#blockb2 {
	width: 180px;
	background-image: url("images/blockb2.png");
	background-position: top left;
	background-repeat: repeat-x;
}

#blockb3 {
	background-image: url("images/blockb3.png");
	background-position: top right;
	background-repeat: no-repeat;
}

#blockb4 {
	background-image: url("images/blockb4.png");
	background-position: top left;
	background-repeat: repeat-y;
}

#blockb {
	width: 152px;
	background-color: #ebf0ba;
}

#blockb5 {
	background-image: url("images/blockb5.png");
	background-position: top right;
	background-repeat: repeat-y;
}

#blockb6 {
	background-image: url("images/blockb6.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#blockb7 {
	background-image: url("images/blockb7.png");
	background-position: bottom left;
	background-repeat: repeat-x;
}

#blockb8 {
	background-image: url("images/blockb8.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 14px 14px 14px 14px;
}

#footer {
	clear: both;
	text-align: center;
	padding-bottom: 2em;
}

/* TYPEFACES */

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 16px;
}

h3, p, li, td {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a {
	color: #048;
	text-decoration: none;
}

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

a:visited {
	color: #048;
}

p {
	margin-bottom: 1em;
}

pre {
	background-color: #fff8e8;
	border: #fff0d0 solid 1px;
	font-size: 10px;
	padding: 4px;
}

.headerfooter {
	margin: 0;
	padding-top: 1px;
	font-size: 11px;
	font-weight: lighter;
	color: #284080;
}

.menubar {
	position: absolute;
	top: 30px;
	left: 0;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
}

/* BLOCK SPECIFIC STYLES */

img {
	border-style: none;
}

#content h2 {
	font-size: 14px;
}

#commentform textarea {
	width: 520px;
}

#sidebar h2 {
	border-style: solid;
	border-color: #d5e07c;
	border-width: 0 0 1px 0;
	margin-top: 10px;
}

#sidebar input {
	font-size: 12px;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar ul ul {
	list-style: none;
	margin: 0;
}

#sidebar li li {
	margin: 0;
	padding: 0;
}

#calendar table {
	width: 100%;
	margin: 0 auto;
}

#calendar th {
	text-align: center;
}

#calendar td {
	text-align: center;
}

#today {
	background-color: #d5e07c;
}

.entrydate {
	margin: 0;
	padding: 0;
	border-style: solid;
	border-color: #ddd;
	border-width: 0 0 1px 0;
}

.entrytitle {
	padding: 10px 0 0 0;
	font-size: 16px;
}

.entrymeta {
	margin-bottom: 1em;
	color: #999;
	font-size: 12px;
}

#comments {
	background-color: #fff0d0;
}

.commentlist {
	margin: 0;
}

#comments {
	padding: 4px 0;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	padding: 4px 0;
	background-color: #fff8e8;
}

.commentlist .alt {
	margin: 0;
	padding: 4px 0;
	background-color: #fff;
}

.wordpress {
	margin: 1em 0 0 0;
}