/* @override http://clintmckoy.com/blog/wp-content/themes/asterisk/style.css */

/*
Theme Name: Clint McKoy Blog
Version: 1.0
Author: Clint McKoy
Author URI: http://www.clintmckoy.com/
*/


/* @group general */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #fff;
	font-family: georgia, arial, times;
	background: url(http://clintmckoy.com/images/darkbg.jpg) repeat;
}

a {
	color: #fff;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a img {
	border: none;
}

.entry img {
	padding: 0 10px 10px;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 5px;
}

.preload {
	display: none;
}

#wrapper {
	display: block;
	position: absolute;
	min-height: 100%;
	width: 100%;
}

/* The margin in "nonfooter" is what keeps the footer from overlapping the content */
#nonfooter {
	display: block;
	margin-bottom: 10em;
}

#musicpage #nonfooter {
	display: block;
	margin-bottom: 31em;
}

#top {
	background: url(http://clintmckoy.com/images/topbg.jpg) repeat-x;
	height: 163px;
}

#logo {
	background: url(http://clintmckoy.com/images/logo.jpg) no-repeat center top;
	width: 900px;
	height: 163px;
	margin: auto;
}

#middle {
	height: auto;
	width: 832px;
	margin: auto;
	color: #ccc;
	min-height: 500px;
	display: table;
}

#bottomwrapper {
	background: url(http://clintmckoy.com/images/bottombg.jpg) repeat-x;
	height: 160px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

#footer {
	height: 160px;
	width: 900px;
	margin: auto;
}

#footer ul {
	float: right;
}

#footer ul li{
	list-style-type: none;
	float: left;
	padding: 10px 5px 5px;
}

#contactlink {
	clear: both;
	text-align: right;
	padding-top: 52px;
}

#contactlink a {
	text-decoration: none;
}


/* @end */

/* @group nav */

#logo ul {
	width: 516px;
	float: right;
	list-style-type: none;
	padding-top: 129px;
}

#logo ul li {
	float: left;
	padding-left: 5px;
}

#welcome {
	background: url(http://clintmckoy.com/images/nav/welcome.jpg) no-repeat;
	width: 100px;
	height: 30px;
	display: block;
}

#welcome:hover, #welcomepage #welcome {
	background: url(http://clintmckoy.com/images/nav/welcome-over.jpg) no-repeat;
	width: 100px;
	height: 30px;
	display: block;
}

#music {
	background: url(http://clintmckoy.com/images/nav/music.jpg) no-repeat;
	width: 69px;
	height: 30px;
	display: block;
}

#music:hover, #musicpage #music {
	background: url(http://clintmckoy.com/images/nav/music-over.jpg) no-repeat;
	width: 69px;
	height: 30px;
	display: block;
}

#photography {
	background: url(http://clintmckoy.com/images/nav/photography.jpg) no-repeat;
	width: 142px;
	height: 30px;
	display: block;
}

#photography:hover, #photographypage #photography {
	background: url(http://clintmckoy.com/images/nav/photography-over.jpg) no-repeat;
	width: 142px;
	height: 30px;
	display: block;
}

#webdesign {
	background: url(http://clintmckoy.com/images/nav/webdesign.jpg) no-repeat;
	width: 121px;
	height: 30px;
	display: block;
}

#webdesign:hover, #webdesignpage #webdesign {
	background: url(http://clintmckoy.com/images/nav/webdesign-over.jpg) no-repeat;
	width: 121px;
	height: 30px;
	display: block;
}

#blog {
	background: url(http://clintmckoy.com/images/nav/blog.jpg) no-repeat;
	width: 56px;
	height: 30px;
	display: block;
}

#blog:hover, #blogpage #blog {
	background: url(http://clintmckoy.com/images/nav/blog-over.jpg) no-repeat;
	width: 56px;
	height: 30px;
	display: block;
}



/* @end */

/* @group pages */

h2, h3, h4 {
	font-weight: normal;
	color: #ccc;
}

h3 {
	color: #6c644e;
}

.vcenter {
	line-height: 73px;
	font-size: 17px;
}

.latestworkleft {
	float: left;
}

.latestworkright {
	float: right;
}

.latestworkleft h3, .latestworkright h3 {
	text-align: right;
}

.togglelink {
	text-decoration: none;
}

#refresh {
	width: 25px;
	height: 25px;
	display: block;
	background: url(http://clintmckoy.com/images/refresh.png) no-repeat;
}

#refresh:hover {
	width: 25px;
	height: 25px;
	display: block;
	background: url(http://clintmckoy.com/images/refresh-over.png) no-repeat;
}

#musicpage #greyarea ul {
	list-style-type: none;
	width: 800px;
	margin: auto;
}

#musicpage #greyarea ul li {
	float: left;
}

#musicpage #greyarea img {
	padding: 5px;
}

#musicpage img {
	padding: 5px 20px 5px 0;
}

#musicpage h2 img {
	padding: 0 2px;
}

#newsarea {
	width: 500px;
	float: left;
}

#rightcolumn {
	width: 250px;
	float: right;
	list-style-position: inside;
	border-left: 2px dotted #666;
	padding-left: 16px;
}

#photographypage #middle ul {
	list-style-type: none;
	width: 832px;
	height: 400px;
}

#photographypage #middle li {
	float: left;
	padding: 10px;
}

#webdesignpage #greyarea ul {
	list-style-position: inside;
	height: 50px;
}

#webdesignpage #greyarea ul li {
	float: left;
	padding: 5px;
}

#webdesignpage #middle #webportfolio {
	list-style-type: none;
	width: 832px;
	height: 600px;
}

#webdesignpage #middle #webportfolio li {
	float: left;
	padding: 10px;
}


/* @end */


.alignleft {
	float: left;
}

.alignright {
	float: right;
}



#sidebar {
	clear: both;
	width: 792px;
	
	padding: 0 20px 20px;
		background: url(images/greybg-middle.jpg) repeat;
		display: table-cell;
}

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

#sidebar li {
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
}

#sidebar h2 {
	padding-left: 0px;
}

#content {
	width: 832px;
	padding: 20px;
}

.greyareatop {
	width: 832px;
	height: 10px;
	background: url(images/greybg-top.jpg) no-repeat;
	clear: both;
}

.greyareabottom {
	width: 832px;
	height: 10px;
	background: url(images/greybg-bottom.jpg) no-repeat;
	margin-bottom: 20px;
}

.post {
	background: url(images/greybg-middle.jpg) repeat;
	padding: 20px;
}

#content.single .post {
	background-image: none;
}

.post .date {
	float: right;
	width: 65px;
	height: 45px;
	margin: 13px 0 0;
	padding-top: 2px;
	background-color;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8dafa1;
}

.post .date b {
	display: block;
	margin-top: -5px;
	font-size: 35px;
}

.post .title {
	margin: 0;
	padding: 20px 0 0 0;
}

.post h1.title {
}

.post h2.title {
	font-size: 1.8em;
}

.post .meta {
	margin: 5px 0 10px;
	padding: 0;
	color: #C6C6C6;
	line-height:normal;
}

.post .meta a {
	color: #C6C6C6;
}

.post .entry {
	padding-bottom: 20px;
	clear: both;
	display: table-cell;
}

/*.greyareatop {
	width: 832px;
	height: 10px;
	background: url(../images/greybg-top.jpg) no-repeat;
}

.entry {
	width: 832px;
	height: auto;
	display: table-cell;
	padding: 10px 20px;
	background: #56524f;
}

.greyareabottom {
	width: 832px;
	height: 10px;
	background: url(../images/greybg-bottom.jpg) no-repeat;
}*/

h2 a {
	text-decoration: none;
}

h2 a:hover {
	color: white;
	text-decoration: underline;
}

textarea {
	width: 500px;
}

#commentform {
	height: 450px;
}