/*
Theme Name: Confused Amused HTML 5
Theme URI: http://confusedamused.com
Description: New CA design with HTML 5
Version: 1.0
Author: Tom Pacyk
Author URI: http://www.confusedamused.com
Tags: 
*/


/*
// Defaults and resets
// ---------------------------------------------
*/

/* reset elements to no padding or margins */
body,h1,h2,h3,h4,h5,h6,p,div,li,ul,ol,span,blockquote,a,code,pre,cite,form {
	margin: 0;
	padding: 0;
}

/* make HTML 5 elements block level */
header,footer,nav,article,section,aside {
	display: block;
}

/* standard weight headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* standardize base font size */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
}

.clear {
	clear: both;
}

/*
// Page structure and positioning only
// ---------------------------------------------
*/


/* column container */
#page-container {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background:#fbfbfa;	/* right column background colour */
	border-top: #e38622 3px solid;
	z-index: 6;
	position: relative;
}
/* common column settings */
#left-column-background {
	float:left;
	width:100%;
	position:relative;
	right:68%;			/* right column width */
	background: transparent url('images/column-left-background.gif') repeat;	/* left column background colour */
	border-right: #1266a2 6px solid;
	z-index: 1;
	position: relative;
}

#left-column-container,#right-column-container {
	float:left;
	position:relative;
	padding:0;
	overflow:hidden;
	
}



/* right column */
#right-column-container {
	width:68%;			/* right column content width */
	left:100%;			/* 100% plus left column left padding */
	
}

/* left column */
#left-column-container {
	width:32%;			/* left column content width (column width minus left and right padding) */
	left:0%;			/* (right column left and right padding) plus (left column left padding) */
	z-index: 2;
	position: relative;
}


aside {
	width: 260px;
	float: right;
	margin-top: 70px;
}


/*
// Styles
// ---------------------------------------------
*/

body {
	font-family: 'Lucida Grande',Verdana,Tahoma,sans-serif;
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}






/*
// Sidebar
// ---------------------------------------------
*/






/* Logo header */
h1#logo {
	background: transparent url('images/logo.png') no-repeat;
	position: relative;
	text-indent: -5000px;
	width: 187px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

h1#logo a {
	display: block;
	width: 200px;
	height: 50px;
	position: relative;
	top: -10px;
}



/* set list and text color */
aside {
	color: #fff;
	margin-right: 20px;
}

aside {
	font-size: 1.15em;
}


aside p {
	line-height: 1.5em;
	margin-top: 4px;
}

aside a {
	color: #3487c2;
}


/* Sidebar lists */

aside ul.block {
	margin: 0;
}

aside ul.block li {
	list-style-type: none;

}

aside ul.block li a {
	line-height: 1.5em;
display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	border-bottom: #0d314b 1px solid;
	border-left: transparent 6px solid;
}

aside ul.block li a:hover {
	border-left: #1266a2 6px solid;
	text-decoration: none;
}



/* Search Form */

#searchform {
	margin: 0;
	padding: 0;
}
.search {
	background-color: #fff;
	background-image: url('images/search-button.png');
	background-repeat: no-repeat;
	background-position: top right;
	
	height: 16px;
	margin-top: 4px;
	padding: 2px;
	width: 220px;
	margin-bottom: 0;
}

/* Hide the search button */
.search-button {
	position: absolute;
	visibility: hidden;
}


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

}


/* Sidebar Twitter */
.twitter li {
	background: transparent url('images/tweet.png') 4px 0 no-repeat;
	margin: 0;
	padding-left: 40px;
	list-style-image: none;
}

aside li {
	margin-left: 0;
}

.twitter-item {
}



/* Sidebar Flickr images */
aside img {
	border: #1266a2 1px solid;
	height: 70px;
	width: 70px;
}

.flickr, .flickr li {
	display: inline;
	list-style-type: none;
	margin: 0;
}

.flickr li img, #lastfmrecords img {
	margin-right: 8px;
	margin-top: 4px;
}

img.me {
	float: right;
	height: 100px;
	width: 50px;
	margin-left: 20px;
}


/*
// Main content section
// ---------------------------------------------
*/

#content {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-left: 26px;
	width: 600px;
}


article.post {
	color: #292929;
	border-bottom: #c6c9cc 1px solid;
	padding-left: 20px;
	padding-right: 20px;

}



h1,h2,h3,h4,h5,h6,h1 a {
	color: #081927;

}

/*
// Article headers
// ---------------------------------------------
*/

h1 {
	background: none;
	margin-bottom: 4px;
	font-size: 1.9em;
	line-height: 1.1em;
	font-weight: normal;
}

h1.pagetitle {
	background-color: #e38622;
	color: #fff;
	padding: 10px;
	position: relative;
}



/* article header */
h2 {
	color: #0c3856;
	font-size: 1.3em;
	text-transform: uppercase;
}





h3 {

	color: #d58600;
	font-size: 1.2em;
}

h4 {

	color: #2173ad;
	font-size: 1.1em;
	font-style: italic;
}

h5 {
	color: #0c3856;
	font-size: 1em;
	text-transform: uppercase;
}

h6 {
	color: #2173ad;
	font-size: 0.9em;
}


/* article date and time */
article time {
	color: #cd6f0a;
	font-size: .9em;
}

article header {
	margin-top: 20px;
	margin-bottom: 20px;
}

article a, .comments a {
color: #2173ad;
}

h1 a {
	color: #0c3856;
}

.comments h1 {
	margin-top: 20px;
}


/* paragraph style */
p {
	margin-bottom: 1.2em;
}

/* blockquotes */
blockquote {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	border-left: #dadada 6px solid;
	padding-left: 12px;
}

/* ordered and unordered lists */
article ol, article ul {
	margin-left: 20px;
	margin-bottom: 10px;
}


/* remove margin from nested lists */
article li ul, article li ol {
	margin-bottom: 0;
}

/* images */
article img {
	background-color: #eee;
	border: #b9b9b9 2px solid;
	padding: 10px;
}


/*
//  Code samples
// ---------------------------------------------
*/

pre {
	font-size: 10px;
	
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

code {
	background-color: #eee;
	border: #b9b9b9 1px solid;
	font-family: Monaco,Consolas,'Courier New';
	font-size: 1.15em;
	line-height: 1.6em;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 540px;
}


/*
//  Comments
// ---------------------------------------------
*/



/* drops a bar below the comment section */
.comments {
	border-bottom: #c6c9cc 1px solid;
	padding-left: 20px;
	
}


/* list for all the comments */
.comment-list {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	font-size: .9em;
	margin-bottom: 20px;
	
}

.comment-list article {
	border: none;
	margin: 0;
	padding: 0;
	min-height: 90px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
}

/* each comment entry */
.comment-list li {
	border-bottom: #c6c9cc 1px solid;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	position: relative;
}

/* left-side comment metadata */
.comment-metadata {
	float: left;
	width: 160px;
}

/* comment id */
.comment-number {
	border: 0;
	bottom: .5em;
	color: #e7e7e7;
	font-family: 'Gotham Narrow',Georgia,serif;	
	font-size: 3em;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
}

/* post number color */
a.comment-number {
	color: #e7e7e7;
}

/* darken on hover */
a:hover.comment-number  {
	color: #b4b4b4;
	text-decoration: none;
}


/* author */
cite {
	display: block;
	color: #2173ad;
	font-style: normal;
	font-size: 1.2em;

}

/* comment posted date */
.comment-date {
	color: #d58600;
	font-size: .85em;
	
}

/* actual comment */
.comment-content {
	float: right;
	text-align: left;
	width: 352px;
	margin-left: 0px;
	line-height: 1.6em;
}

/* special comment style for my posts */
li.tom {
	background-color: #0e1e2b;
	color: #fff;
	margin: 0;
	padding-left: 20px;

}

li.tom p {
	color: #fff;
}

li.tom cite a {
	color: #45a3e5;
}

/* dark comment number for my posts */
li.tom .comment-number {
	color: #233646;
}

/* lighten commnt number for my posts */
li.tom a:hover.comment-number {
	color: #214766;
}

/* clean up HTML formatting of comments */
.comment-content li {
	border: 0;
}

.comment-content ol li {
	list-style-type: decimal;
	padding-left: 6px;
	padding-bottom: .6em;
}

/* Remove gray boxes around emoticons */
.comment-content img {
	border: 0;
	padding: 0;
	margin: 0;
}


/*
//  Comment Form
// ---------------------------------------------
*/

form {
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-left {
	margin-top: 20px;
	float: left;
	width: 348px;
}

.form-right {
	float: right;
	width: 240px;
}

label {
	display: block;
	margin-bottom: .3em;
}


textarea {
	height: 200px;
	width: 320px;
}

input {
	margin-bottom: 1.5em;
	width: 204px;
}

.submit {
	width: 140px;
}


/*
//  Archives
// ---------------------------------------------
*/


.archives li {
	border-bottom: #c6c9cc 1px solid;
	list-style-type: none;

	margin: 0;
}

.archives li a {
	padding-top: .5em;
	margin-left: 0;
	padding-bottom: .5em;
	border-left: transparent 6px solid;
	padding-left: 8px;
	display: block;
	text-decoration: none;
}

.archives li a:hover {
		border-left: #c6c9cc 6px solid;
		text-decoration: none;
}



.archives ul {
	list-style-type:none;
	margin-left: 0;
}




li.year {
	margin-left: 0;
	padding-left: 0;
	margin-top: 20px;
	border-bottom: none;
}

li.month {
	margin-top: 20px;
	border-bottom: none;
}





/*
//  Footer
// ---------------------------------------------
*/

footer {
	background: transparent url('images/harmony.png') bottom right no-repeat;
	padding-bottom: 20px;
}


footer h2 {
	color: #081927;
	margin-bottom: 8px;
		margin-top: 20px;
}

footer a {
		color: #1266a2;
}

#footer-left {
	float: left;
	width: 300px;
}

#footer-right {
	width: 120px;
	float: right;
	margin-right: 140px;
}

footer ul {
	margin: 0;
}

footer li {
	border-bottom: #c6c9cc 1px solid;
	list-style-type: none;

	margin: 0;
}

footer li a {
	padding-top: .5em;
	padding-bottom: .5em;
	border-left: transparent 6px solid;
	padding-left: 8px;
	display: block;
	text-decoration: none;
}

footer li a:hover {
		border-left: #c6c9cc 6px solid;
		text-decoration: none;
			
}

	
/* Embedded Fonts */

aside h2, footer h2 {
	font-family: 'myGotham';
	font-family: "ligurino-condensed-1","ligurino-condensed-2";
	color: #1266a2;
	font-size: 1.65em;
	margin-top: 40px;
	letter-spacing: .075em;

}

/* Strech the page */
.height-extender {
	height: 600px;
	display: block;
}