/*
Theme Name: iamnotagoodartist3
Theme URI: http://iamnotagoodartist.com/
Description: CSS from scratch. XHTML from Glass Onion.
Version: 1.0.2
Author: tommy
Author URI: http://iamnotagoodartist.com/
*/

/* --- reset --- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;list-style-image:none;list-style-type:none;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* --- layout --- */

body {
	font-family: Century Gothic, Apple Gothic, sans-serif;
	font-size: 13px;
	color: #343434;
}

.container {
	width: 821px;
	margin: 0 auto;
	overflow: hidden;
}

.header {
	margin: 20px 0 10px;
}

.banner {
	height: 200px;
	background: #343434 url("/wp-content/themes/iamnotagoodartist3/images/banner.jpg") no-repeat top left;
	margin-bottom: 10px;
	position: relative;
}

.content {
	border-right: 1px solid #828282;
	padding-right: 10px;
	margin-bottom: 10px;
}

.footer {
	clear: both;
	padding: 10px 0;
	border-top: 1px solid #828282;
	text-align: center;
}

/* --- basic formatting --- */

a { color: #B46900; text-decoration: none; }
a:visited { color: #945600; }
a:hover { color: #DF8200; }
h1,h2,h3,h4,h5,h6,table,p,ol,ul,pre,hr,small { margin-bottom: 13px; line-height: 20px; }
h2,h3,h4,h5,h6 { font-weight: bold; color: black; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited { color: black; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }
li { margin-left: 30px; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }
i, em { font-syle: italic; }
b, strong { font-weight: bold; }
blockquote {
	margin: 0 12.5px;
	padding: 0 12.5px;
	border-left: 5px solid #828282;
}
code {
	font-family: Courier New, Courier, monospace;
	background-color: #dedede;
	padding: 0 .25em;
}
ins {
	text-decoration: none;
	border-bottom:  1px dotted #343434;
}

/* --- special classes --- */

a.bookmarklet {
	color: white;
	background-color: black;
	padding: 2px 5px;
	text-decoration: none;
	display: inline-block;
}

embed {
	width: 536px;
}

.navigation a { font-weight: bold; }
.navigation .alignleft, .navigation .alignright { max-width: 258px; }
.navigation .alignright { text-align: right; }

br.clear { clear: both; display: block; }

.rounded {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.hidden { display: none; }
.nomargin { margin: 0; }

a.hover_thumb {
	display: block;
	width: 126.5px;
	height: 126.5px;
	margin: 0 10px 10px 0;
	color: white;
	position: relative;
	background: url("/wp-content/themes/iamnotagoodartist3/images/noimage.jpg");
}

a.hover_thumb span {
	display: none;
	padding: 5px;
	background-color:rgba(0,0,0,.75);
	width: 116.5px;
	position: absolute;
	bottom: 0;
	line-height: 1em;
}

a.hover_thumb:hover { text-decoration: none; }
a.hover_thumb:hover span { display: block; }

.rssbutton {
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -100px;
	overflow: hidden;
	background: url("/wp-content/themes/iamnotagoodartist3/images/rssbutton.jpg");
}

.squarethird {
	width: 172px;
	height: 172px;
	overflow: hidden;
}

.paddedtable td {
	vertical-align: top;
	padding: 0 10px 10px 0;
}

.paddedtable { margin-bottom: 3px; } /* 13px (body line height) - 10px */

/* --- wordpress imperatives --- */

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	margin: 0 0 13px 13px;
	display: inline;
}
.alignleft {
	margin: 0 13px 13px 0;
	float: left;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto 13px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px;
	margin: 0;
}

/* --- forms --- */

.ohno {
	display: none;
	background-color: #f8d329;
	border: 1px solid #b9a130;
	padding: 5px 10px;
	color: black;
	font-size: 12px;
	margin-left: 70px;
}

#contact_form label {
	display: inline-block;
	width: 70px;
	font-style: italic;
	vertical-align: top;
}

form { margin-bottom: 1em; }

.button {
	width: 100px;
	font-size: 10px;
	padding: 3px 0;
	border: 1px solid #828282;
	background-color: #d3d3d3;
	cursor: pointer;
}

.button:hover { background-color: #dedede; }

.textinput {
	font-size: 12px;
	border: 1px solid #828282;
	background-color: white;
	padding: 5px;
	font-family: Century Gothic, Apple Gothic, sans-serif;
}

textarea.textinput {
	width: 524px; /* 536 - 2(borders) - 10(padding) */
	padding: 5px;
}

#contact_form .textinput {
	font-size: 12px;
	width: 459px;
}

#contact_form textarea.textinput { height: 100px; }
#searchform .textinput { font-size: 16px; }

/* --- header --- */

.header h1 { margin: 0; }

.header a {
	background: url("/wp-content/themes/iamnotagoodartist3/images/header.gif") no-repeat top left;
	display: block;
	width: 539px;
	height: 57px;
	text-indent: -200px;
}

.header .search form { margin: 0; }

/* --- banner --- */

.banner div {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 26px;
	color: white;
	letter-spacing: 1px;
	text-align: right;
}

.banner div div {
	position: relative;
	width: auto;
	float: right;
	clear: right;
	padding: 8px 20px 10px 10px;
	background-color:rgba(0,0,0,.5);
	line-height: .8em;
	display: block;
}

.banner div.top { padding-bottom: 8px; }

.banner h1 { display: inline; }

/* --- content --- */

.content {
	width: 536px;
	float: left;
}

.posttitle {
	float: left;
	width: 455px;
	margin: 2px 0 8px 0;
}

.posttitle a {
	font-size: 32px;
	line-height: .9em;
	font-weight: bold;
	text-decoration: none;
}

.postmetadata {
	font-size: 12px;
	clear: both;
}

.postdate {
	background-color: black;
	color: white; 
	padding: 5px;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase; 
	width: 67px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
}

.postdate span {
	position: absolute;
	background: url("/wp-content/themes/iamnotagoodartist3/images/postdate.gif");
	text-indent: -100px;
	overflow: hidden;
	display: block;
}

.postdate .month {
	height: 10px;
	width: 32px;
	left: 4px;
	top: 6px;
	background-position: 0 0;
}

.postdate .month_Jan { background-position: 0 0px; }
.postdate .month_Feb { background-position: 0 -30px; }
.postdate .month_Mar { background-position: 0 -60px; }
.postdate .month_Apr { background-position: 0 -90px; }
.postdate .month_May { background-position: 0 -120px; }
.postdate .month_Jun { background-position: 0 -150px; }
.postdate .month_Jul { background-position: 0 -180px; }
.postdate .month_Aug { background-position: 0 -210px; }
.postdate .month_Sep { background-position: 0 -240px; }
.postdate .month_Oct { background-position: 0 -270px; }
.postdate .month_Nov { background-position: 0 -300px; }
.postdate .month_Dec { background-position: 0 -330px; }

.postdate .day {
	height: 23px;
	width: 33px;
	top: 5px;
	left: 39px;
	background-position: -80px 0px;
}

.postdate .day_01 { background-position: -80px 0px; }
.postdate .day_02 { background-position: -80px -30px; }
.postdate .day_03 { background-position: -80px -60px; }
.postdate .day_04 { background-position: -80px -90px; }
.postdate .day_05 { background-position: -80px -120px; }
.postdate .day_06 { background-position: -80px -150px; }
.postdate .day_07 { background-position: -80px -180px; }
.postdate .day_08 { background-position: -80px -210px; }
.postdate .day_09 { background-position: -80px -240px; }
.postdate .day_10 { background-position: -80px -270px; }
.postdate .day_11 { background-position: -80px -300px; }
.postdate .day_12 { background-position: -80px -330px; }
.postdate .day_13 { background-position: -80px -360px; }
.postdate .day_14 { background-position: -80px -390px; }
.postdate .day_15 { background-position: -80px -420px; }
.postdate .day_16 { background-position: -80px -450px; }
.postdate .day_17 { background-position: -80px -480px; }
.postdate .day_18 { background-position: -80px -510px; }
.postdate .day_19 { background-position: -80px -540px; }
.postdate .day_20 { background-position: -80px -570px; }
.postdate .day_21 { background-position: -80px -600px; }
.postdate .day_22 { background-position: -80px -630px; }
.postdate .day_23 { background-position: -80px -660px; }
.postdate .day_24 { background-position: -80px -690px; }
.postdate .day_25 { background-position: -80px -720px; }
.postdate .day_26 { background-position: -80px -750px; }
.postdate .day_27 { background-position: -80px -780px; }
.postdate .day_28 { background-position: -80px -810px; }
.postdate .day_29 { background-position: -80px -840px; }
.postdate .day_30 { background-position: -80px -870px; }
.postdate .day_31 { background-position: -80px -900px; }
.postdate .day_31 { background-position: -80px -930px; }

.postdate .year {
	height: 10px;
	width: 32px;
	top: 19px;
	left: 4px;
	background-position: -40px 0px;
}

.postdate .year_2007 { background-position: -40px -0; }
.postdate .year_2008 { background-position: -40px -30px; }
.postdate .year_2009 { background-position: -40px -60px; }
.postdate .year_2010 { background-position: -40px -90px; }
.postdate .year_2011 { background-position: -40px -120px; }

.entry { clear: both; }

.post {
	margin-bottom: 1em;
	border-bottom: 1px solid #828282;
	position: relative;
}

.page_entry { clear:  both; }

.archive .hover_thumb { float: left; }

.archive_entry {
	float: right;
	width: 399px;
}

.disclaimer {
	border: 1px solid #828282;
	background-color: #E0E0E0;
	padding: 10px 10px 0 10px;
	margin-bottom: 13px;
}

/* --- gallery --- */

.gallery {
	width: 546px !important;
	overflow: hidden;
	margin-bottom: 3px !important;
}

.gallery * {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}

.gallery dt, .gallery dd {
	margin: 0 10px 10px 0 !important;
	width: 126.5px !important;
}

.gallery dd {
	height: 2em;
	font-size: 10px;
	padding-right: 10px !important;
	margin: -5px 0 10px 0 !important;
}

.gallery img {
	width: 126.5px !important;
	height: 126.5px !important;
}

.gallery br { display: none; }

/* --- comments  --- */

.commentlist li { margin-bottom: 15px; }

.commentlist li .avatar {
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	margin: 0 10px 5px 0;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-size: 16px;
}

.commentlist p { clear: both; margin-bottom: 5px; }

/* --- front page --- */

.front_row {
	width: 819px;
	border: 1px solid #828282;
	border-width: 0 0 1px 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.front_bottom {
	border-width: 1px 0 0 0;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

.front_1and2 {
	position: relative;
	width: 536px;
	float: left;
	margin: 0 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #828282;
}

.front_2and3 {
	width: 541px;
	float: left;
}

.front_1, .front_2, .front_3 {
	width: 257px;
	float: left;
	overflow: hidden;
}

.front_1 {
	padding-right: 10px;
	border-right: 1px solid #828282;
	margin: 0 10px 10px 0;
}

.front_panel .posttitle { width: 100%; }
.front_panel .posttitle a { font-size: 16px; }

.front_panel .postmetadata {
	width: 120px;
	float: right;
}

.front_panel .postdate, .front_panel a.hover_thumb { float: left; position: relative; }

.front_panel ul li {
	float: right;
	clear: right;
	width: 120px;
	list-style-type: none;
	font-size: 10px;
	margin: 0 0 5px;
	line-height: 10px;
}

/* --- portfolio --- */

.portfolio {
	width: 546px;
	height: 263px;
	overflow: hidden;
	margin: 0;
}

#portfolio_graphics, #portfolio_other { display: none; }

#portfolio_nav {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #828282;
}

#portfolio_nav a { font-weight: bold; }
#portfolio_nav a.current { color: black; cursor: default; }
#portfolio_nav a.current:hover { text-decoration: none; }

.portfolio li {
	list-style-type: none;
	margin: 0;
	float: left;
}

/* --- things i like --- */

.things h3 {
	margin: 0;
	line-height: 1;
}

.things h3 a {
	color: black;
	font-size: 14px;
}

.things h3 a:hover { text-decoration: none; }

.things li {
	margin: 0 0 10px 0;
	list-style-type: none;
	font-size: 10px;
}

.things li p { line-height: 10px; }

.things li p.things_date {
	margin: 2px 0;
	font-style: italic;
	font-size: 9px;
	line-height: 20px;
}

/* --- archives --- */

ul.archive li, ul.wp-tag-cloud li {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	width: 131px;
	overflow: hidden;
	height: 1.4em;
}

/* --- sidebar --- */

.sidebar {
	width: 274px;
	float: left;
}

.sidebar .sidebox { margin: 0 0 10px 10px; }
.sidebar .search #s { width: 252px; }

.sidebar .adsense {
	border: 1px solid #828282;
	padding: 6px;
	background-color: #ece5dc;
}

.sidebar_1, .sidebar_2 {
	width: 126px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
}

.sidebar h2 { margin: 0 0 5px -1px; line-height: .9em; }
.sidebar ul ul { margin: 0; }
.sidebar li { list-style-type: none; margin: 0 0 10px; line-height: 1.2em; }
.sidebar li li { margin: 0; padding-left: 10px; text-indent: -10px; }

.adblock {
	border: 1px solid #828282;
	padding: 10px;
	background-color: #ece5dc;
}

.adblock strong { font-size: 16px; }

/* --- footer --- */

.footer .adsense {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #828282;
}