/*  
Theme Name: doodlism 2.0
Theme URI: http://www.doodlism.com/blog/
Description: Created for my blog and portfolio site, doodlism.com.
Version: 1.0
Author: Jason Anderson
Author URI: http://www.doodlism.com/

*/

/*

reset styles here

*/

* {
	padding: 0;
	margin: 0;
}

html,body {
	height: 100%;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Helvetica', 'Helvetica Neue', 'Helvetica CY', Helvetica, Verdana, Arial, Sans-Serif;
	text-align: center;
} 

h1 {
	margin-bottom: 2em;
}

p {
	margin-bottom: 1em;
}

p a {
	margin: -2px;
	padding: 2px;
}

/*
	Page structure
*/

.wrapper {
	margin: 0 auto 0 auto;
	/*width: 1100px;*/
	font-size: 1.4em;
	width: 1100px;
}

.left {
	display: block;
	float: left;
	width: 462px;
}

.content {
	display: block;
	margin-left: 462px;
	width: 638px;
}

#controlBar {
	display: block;
	height: 30px;
}
#controlBar a {
	display: block;
	height: 30px;
	left: 170px;
	position: relative;
	top: 0px;
	width: 100px;
	z-index: 9999;
}
#portrait_head {
	display: block;
	height: 150px;
	position: relative;
	top: -150px;
	width: 462px;
}

#about {
	clear: both;
	height: 416px;
} #about h1 {
	display: none;
	height: 73px;
	width: 472px;
}

#aboutMe, #aboutSite {
	display: block;
	float:left;
	margin-left: 60px;
	padding-top: 60px;
	width: 250px;
} #aboutMe ul {
	margin-bottom: 120px;
} #aboutMe li {
	display: block;
	float: left;
	margin: 5px 10px;
}

#aboutSite {

}

#portrait {
	display: block;
	height: 416px;
	position: relative;
}

#main {
	clear:both;
	height: 3051px;
}

#left_drawing {
	height: 3051px;
}

.portrait_button {
	display: block;
	height: 100px;
	width: 462px;
}
.portrait_button a {
	display:block;
	height: 100px;
	position: relative;
	width: 462px;
}
#about_button {
	position:relative;
}
#portfolio_button {
	position:relative;
	top: 500px;
}

.popup {
	display: block;
	position: absolute;
	z-index: 2;
}
#about_popup {
	top: 20px;
}
#portfolio_popup {
	height: 90px;
	top: -20px;
	left: 250px;
	width: 200px;
}

#header {
	display: block;
	height: 67px;
	margin-bottom: 100px;
	padding-top: 77px;
	position: relative;
	top: 30px;
}
#header a, .floating_header {
	display: block;
	height: 67px;
	left: 0em;
	position: absolute;
	top: 0em;
	width: 355px;
}
.subhead {
	display: block;
	height: 54px;
	/*width: 682px;*/
}

#container {
	width: 480px;
	position: relative;
	padding: 15px 0 15px 0;
}
.navigation {
	display: block;
	position: absolute;
	top: -35px;
	left: -60px;
	width: 600px;
}
.prevpost, .nextpost {
	float: left;
	width: 50px;
	height: 50px;
} .prevpost span, .nextpost span {
	display: block;
	height: 20px;
	position: relative;
	width: 55px;
} .prevpost span {
	left: -70px;
	padding: 10px 6px 10px 9px;
} .nextpost span {
	left: 50px;
	padding: 10px 3px 10px 12px;
}

.posttitle {
	display: block;
	float: left;
	width: 479px;
	height: 50px;
	overflow: hidden;
}
.posttitle a {
	display: block;
	height: 20px;
	position: relative;
	padding: 5px 2px 15px 15px;
}
.entry {
	display: block;
	width: 440px;
	height: 320px;
	padding: 20px;
}
.entry div {
	height: 320px;
	overflow: hidden;
}
.comments-template {
	left: 25px;
	padding-bottom: 250px;
	position: relative;
	top: 15px;
	width: 430px;
}
#comments a {
	display: block;
	width: 300px;
	height: 25px;
	padding: 5px 0 10px 63px;
}
.commentlist li {
	margin: 0.5em 0 0.5em 0;
	padding: 1em;
}
#respond {
	margin-top: 20px;
	margin-bottom: 5px;
}
form input {
	margin-right: 5px;
	width: 170px;
	height: 25px;
}
form textarea {
	width: 430px;
}
form p {
	margin-bottom: 5px;
}

.notes {
	visibility: hidden;
}

.sidebar {
	position: absolute;
	top: 40px;
	left: -200px;
	width: 200px;
}
#calendar {
	width: 200px;
	height: 320px;
}
#wp-calendar {
	display: block;
	margin-left: 15px;
	width: 160px;
	height: 180px;
	padding: 130px 30px 10px 10px;
}

#middle {
	padding: 0 auto;
	width: 100%;
}

#portfolio {
	clear: both;
	height: 450px;
	padding: 300px 0 150px 0;
}
#portfolio h1 {
	display: block;
	height: 73px;
	width: 454px;
	margin-top: -125px;
	margin-left: 60px;
}
#portfolio .back {
	display: block;
	width: 50px;
	position: relative;
	top: -50px;
	left: 400px;
}
#portfolio ul {
	display: block;
	float: left;
	padding: 0 50px 300px 0;
}
#portfolio li {
	display: block;
	margin-top: 5px;
	position: relative;
	width: 200px;
}
#portfolio li a {
	display: block;
	margin: -3px;
	padding: 1px;
}
#portfolio #info {
	padding-top: 11px;
	padding-right: 20px;
}
#portfolio #info span {
	display: block;
	margin-top: 20px;
}
#imageViewer {
	margin: 0px 0 0 50px;
}
.thumbnail {
	display: block;
	float:left;
	height: 150px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding: 5px;
	width: 150px;
} .thumbnail a {
	display: block;
	width: 150px;
	height: 150px;
	padding-top: 150px;
	position: relative;
	overflow: hidden;
}

#bottom {
	width: 100%;
}

#footer {
	display: block;
	clear: both;
	height: 0px;
}

/*
	Typography and colos
*/

/* Global styles */

body {
	background: #f1e5cb url('images/body_bg.JPG') repeat top;
	font-weight: 200;
	line-height: 1.6em;
	text-align: left;
}

strong {
	color: #e6693d;
}

a {
	text-decoration: none;
	color: #f4a339;
}
p a:hover {
	color: #ffffff;
	background-color: #f4a339;
}

small {
	font-size: 0.8em;
}

.hidden {
	visibility: hidden;
}

/* content styles */

#main {
	background: url('images/header_bg.png') no-repeat top;
}

#about {
}
#portrait {
	background: url('images/portrait_bodies.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
}
#about p {
	color: #666666;
	line-height: 1.2em;
}
#about h1 {
	background: url('images/about_header.png') no-repeat;
	text-indent: -9999px;
}

#left_drawing {
	background: url('images/left_drawing.png') no-repeat bottom;
	text-indent: -9999px;
}

.popup {
	color: #666666;
	font-size: 1.3em;
	font-weight: 100;
	line-height: 1.0em;
	text-indent: 0px;
}
#about_popup {
	background: url('images/aboutme_button.png') no-repeat top;
}
#portfolio_popup {
	background: url('images/portfolio_button.png') no-repeat top;
	text-indent: -9999px;
}

#header {
	background: url('images/header.png') no-repeat 0px -67px;
	text-indent: -9999px;
}
.floating_header {
	background: url('images/header.png') no-repeat 0px 0px;
}
.subhead {
	background: url('images/subhead.png') no-repeat;
	text-indent: -9999px;
}

.prevpost, .nextpost {
	cursor: pointer;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
}
.prevpost {
	background: url('images/left_arrow.png') no-repeat bottom;
} .prevpost span {
	background: url('images/speech_bubble.png') no-repeat 0px 0px;
}
.nextpost {
	background: url('images/right_arrow.png') no-repeat bottom;
} .nextpost span {
	background: url('images/speech_bubble.png') no-repeat -70px 0px;
}

.prevpost:hover, .nextpost:hover {
	background-position: top;
	color: #ffffff;
}

.posttitle {
	font-size: 1.6em;
	font-weight: 800;
	/*letter-spacing: -0.1em;*/
	/* text-align: center; */
	/*text-shadow: #999999 1px 1px;*/
	text-decoration: none;
	text-transform: lowercase;
	vertical-align: bottom;
}

.post {
	background: url('images/main.png') no-repeat top left;
}
.waiting {
	background: url('images/waiting.gif') no-repeat center;
}

#comments a {
	background: url('images/comments.png') no-repeat bottom left;
}
#comments a:hover {
	background-position: top left;
}
.comments-template li ,.sidebar li {
	list-style:none;
}
.commentlist li.alt {
	background: #faf3e6;
}
.commentlist li.author {
	border-width: 0;
	background: #78777d;
	color: #eeeeee;
}
#respond, form input, form textarea {
	color: #555555;
	font-size: 1.0em;
}

#wp-calendar {
	font-weight: 500;
	color: #aaaaaa;
}
#wp-calendar td, th {
	display:table-cell;
	margin: 2px;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
#wp-calendar thead, #wp-calendar caption, #wp-calendar tfoot {
	color: #555555;
}
#wp-calendar td a {
	display:block;
	font-size: 16px;
	font-weight: 800;
	color: #f4a339;
} #wp-calendar td a:hover{
	background: #f4a339;
	color: #ffffff;
}

#middle, #middle .wrapper {
	color: #f1e5cb;
	background: #444444 url('images/paper_dark.jpg') repeat top;
}

#portfolio {
}
#portfolio h1 {
	background: url('images/portfolio_header.png') no-repeat;
	text-indent: -9999px;
}
#portfolio li {
	text-align: right;
}
#portfolio a.nav:hover {
	background-color: #f4a339;
	color: #000000;
}
#portfolio #info {
	color: #DBCBAF;
	font-size: 0.8em;
}
.thumbnail {
	background: #9a8f7c;
	/*border-bottom: 1px solid #dddddd;*/
}

#bottom {
	background-color: #222222;
}
#controlBar a {
	text-indent: -9999px;
}
#controlBar #portrait_head {
	background: url('images/portrait_heads.png') no-repeat 0px 0px;
	text-indent: -9999px;
}


img#wpstats {
	visibility:hidden;
}