/*
Theme Name: Matik
Theme URI: http://automatikproductions.com
Description: Automatik Productions Stylesheet
Author: Simon O'Shea
Author URI: http://simantic.net
*/


@import url(reset.css);

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background: #000 url(images/bg.png) center top repeat-y;
	font: 13px/21px Helvetica, Arial, sans-serif;
	color: #999;
	text-align: left;
}
#container {
	margin: 46px auto;
	width: 980px;
	min-height: 480px;
	height: auto !important;	/* min-height ie fix */
	height: 480px;				/* min-height ie fix */
}
#container section {
	float: left;
	width: 662px;
}
h2 {
	font-size: 28px;
	margin: 0 0 4px 0;
	/* margin: 0 0 20px 0; */
	letter-spacing: -1px;
	text-transform: uppercase;	
}
h3 {
	margin: 0 0 18px 1px;
	color: #bbb;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 24px 0;
}

/* Nav */

header h1 {
	background: url(images/header.jpg) 0 0 no-repeat;
	width: 980px;
	height: 132px;
	margin: 80px auto 23px auto;
	text-indent: -9999px;
}
nav {
	height: 23px;
	padding: 10px 0;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
}
nav ul {
	width: 980px;
	margin: 0 auto;
}
nav li {
	text-indent: -9999px;
}
nav li a {
	height: 23px;
	display: block;
	margin: 0 40px 0 0;
	float: left;
}
nav li a:hover,
nav li.on a {
	background-position: 0 -23px;
}
li.blog a { background: url(images/nav_blog.gif) 0 0 no-repeat; width: 59px; }
li.biog a { background: url(images/nav_bio.gif) 0 0 no-repeat; width: 37px; }
li.disc a { background: url(images/nav_discography.gif) 0 0 no-repeat; width: 164px; }
li.foto a { background: url(images/nav_photos.gif) 0 0 no-repeat; width: 92px; }


/* Posts */

.postmetadata {
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
	display: block;
	margin: 0 0 60px 0;
	padding: 10px 0;
}
.pagination h2 {
	float: left;
	display: block;
	margin: 0 20px 20px 0;
}


/* Comments */

.comment {
	background: #000;
	display: block;
	margin: 0 0 30px 0;
}
.comment p {
	padding: 6px 0 6px 52px;
}
.commentlist {
	margin: 0 0 60px 0;
}
.commentlist .avatar {
	margin: 2px 0 0 0;
	float: left;
	display: block;
}
.commentlist cite,
.commentmetadata a {
	padding: 0 0 0 20px;
}
#commentform label {
	padding: 0 0 0 7px;
}
#commentform input,
#commentform textarea {
	color: #000;
	font: 13px/21px Helvetica, Arial, sans-serif;
}
textarea#comment {
	width: 660px;
	padding: 0 2px;
}
input#submit {
	color: #000;
	font: 13px/21px Helvetica, Arial, sans-serif;
	background: #fff;
	border: 3px double #000;
	font-weight: bold;
	padding: 8px 10px;
	cursor: pointer;
}



/* Sidebar */

aside {
	width: 258px;
	height: 100px;
	display: block;
	position: relative;
	top: -79px;
	float: right;
}
aside h2 {
	color: #4d4d4d;
	margin: 0 20px 50px 0;
	text-align: right;
}
aside p {
	padding: 20px;
	text-align: right;
	display: block;
	clear: both;
}
aside ul {
	float: right;
}
#follow {
	display: block;
	margin: 0 0 10px 0;
}
#follow li {
	list-style: none;
	text-indent: -9999px;
}
#follow li a {
	width: 154px;
	height: 23px;
	display: block;
	margin: 0 20px 12px 0;
	float: right;
}
#follow li a:hover {
	background-position: 0 -23px;
}
li.myspace a	{ background: url(images/follow_myspace.png) 0 0 no-repeat; }
li.twitter a	{ background: url(images/follow_twitter.png) 0 0 no-repeat; }
li.facebook a	{ background: url(images/follow_facebook.png) 0 0 no-repeat; }


/* Photos */

.gallery-item {
	text-align: left !important;
	width: 220px !important;
	margin: 0 0 66px 0;
}


/* Footer */
footer {
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
	display: block;
	margin: 0 0 10px 0;
	padding: 10px 0;
	clear: both;
}
footer span {
	color: #666;
	width: 980px;
	text-align: left;
	margin: 0 auto;
	display: block;
}