/*
Theme Name: Michael Tempest custom wordpress layout
Theme URI: http://www.michaeltempest.com/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.0
Author: Michael Tempest
Tags: mantle color, variable width, two columns, widgets
*/

/* CSS Reset */
@import url("reset.css");
/* CSS TEXT */
@import url("text.css");


.left {
	float:left;
	display:inline;
}

.right {
	float:right;
	display:inline;
}

.clear {
	clear:both;
}

.hide {
	display:none;
}

pre {
	border:dotted 1px #fff;
 	color:#CCC;
	padding:10px; 
	margin-top:15px;
	background: #3F3F3F;
}


.width30 {
	width:186px;
	padding-right:15px;
}

.width100 {
	width:588px;
}

.width30 input {
	width:100%;
	background-color:#231F20;
	border:none;
	border-bottom:1px dotted #fff;
	color:#fff;
}

.textAlignLeft {
	text-align:left;
}

textarea#comment {
	width:100%;
	background-color:#231F20;
	border:none;
	border:1px dotted #fff;
	color:#fff;
}

.noBorderRight {
	border-right:none !important;
}

.blog-post {
	float:left;
	display:inline;
	clear:left;
	width:640px;
	padding:0 20px;
	margin-top:20px;
}

#left-column {
	float:left;
	display:inline;
	width:640px;
	padding-bottom:20px;
}

.storycontent {
	padding-top:5px;
}

.feedback {
	padding-top:10px;
}

/* Begin Typography & Colors */
body {
	background-color:#231F20;
	background-image:url(/images/bg.gif);
	background-repeat:repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
}

#container {
	width:960px;
	margin:0 auto;
	background-color:#231F20;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#header {
	float:left;
	display:inline;
	clear:both;
	width:920px;
	padding:20px;
	border-bottom:1px solid #e7f200;
}

#header .right {
	margin-top:153px;
}

#navigation {
	float:left;
	display:inline;
	width:149px;
	padding-left:13px;
}

#navigation .home {
	float:left;
	display:block;
	width:149px;
	height:46px;
	background-image:url(/images/nav/home.gif);
	background-repeat:no-repeat;
}

#navigation .blog {
	float:left;
	display:block;
	width:149px;
	height:49px;
	background-image:url(/images/nav/blog.gif);
	background-repeat:no-repeat;
	margin-top:1px;
}

#navigation .portfolio {
	float:left;
	display:block;
	width:149px;
	height:26px;
	background-image:url(/images/nav/portfolio.gif);
	background-repeat:no-repeat;
	margin-top:3px;
}

#navigation .music {
	float:left;
	display:block;
	width:149px;
	height:41px;
	background-image:url(/images/nav/music.gif);
	background-repeat:no-repeat;
	margin-top:3px;
}

#navigation .contact {
	float:left;
	display:block;
	width:149px;
	height:28px;
	background-image:url(/images/nav/contact.gif);
	background-repeat:no-repeat;
	margin-top:3px;
}

#main-content {
	float:left;
	display:inline;
	clear:both;
	width:920px;
	padding:20px;
	border-top:1px solid #e7f200;
}

#latest-work {
	width:922px;
	height:302px;
	padding:18px;
	clear:both;
	overflow:hidden;
}

#large-image {
	width:600px;
	height:300px;
	border:1px solid #e7f200;
	background-image:url(/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	cursor:pointer;
}
#large-image img {
	position:relative;
	z-index:1;
}

#large-caption {
	position:relative;
	float:left;
	display:inline;
	width:560px;
	height:25px;
	z-index:5;
	background-image:url(/images/alpha-bg.png);
	background-repeat:repeat;
	margin-left:10px;
	padding:10px;
}

#latest-thumbs {
	width:318px;
	height:300px;
	overflow:hidden;
	border-top:1px solid #e7f200;
	border-bottom:1px solid #e7f200;
	border-right:1px solid #e7f200;
	cursor:pointer;
}

#sidebar {
	float:right;
	display:inline;
	padding-right:20px;
	margin-top:20px;
	width:260px;
	text-align:right;
}

#searchform label {
	display:none;
}

#searchform input#s {
	display:inline;
	background-color:#231F20;
	border:none;
	border-bottom:dotted 1px #FFF;
}

#searchform input#searchsubmit {
	display:inline;
}

.tag-item {
	list-style:none;
	float:right;
	display:inline;
	padding-left:20px;
}

input.submit {
	padding-top:10px;
}

.thumb {
	float:left;
	display:inline;
	clear:both;
	width:318px;
	height:99px;
	border-bottom:1px solid #e7f200;	
}

#about-me {
	width:600px;
}

#content {
	float:left;
	display:inline;
	width:920px;
	padding:20px;
}

.navigation {
	float:left;
	display:inline;
	width:620px;
	padding:20px 0px 0px 20px;
}

.align-left {
	float:left;
	display:inline;
	width:49%;
}
.align-right {
	float:right;
	display:inline;
	width:49%;
	text-align:right;
}

p.tags {
	margin-top:2px;
}

.postmetadata {
	padding-bottom:20px;
	border-bottom:1px solid #e7f200;
}

#respond {
	float:left;
	display:inline;
	width:620px;
	padding-left:20px;
}

.portfolio-section {
	float:left;
	display:inline;
	clear:both;
	border-bottom:3px solid #e7f200;
	margin:10px 0;
}

.portfolio-item {
	float:left;
	display:inline;
	width:914px;
	height:120px;
	overflow:hidden;
	position:relative;
	z-index:1;
	border-top:3px solid #e7f200;
	border-left:3px solid #e7f200;
	border-right:3px solid #e7f200;
}

.portfolio-slide {
	float:left;
	display:inline;
	width:920px;
	height:431px;
	position:absolute;
	top:0px;
	left:0px;
	position:relative;
	z-index:1;
}

.portfolio-description {
	position:absolute;
	width:180px;
	height:80px;
	padding:10px;
	top:10px;
	left:704px;
	background-image:url(/images/alpha-bg.png);
	background-repeat:repeat;
	z-index:10;
	overflow:hidden;
}

.portfolio-description p {
	margin-top:4px;
}

.portfolio-slide img {
	float:left;
	display:inline;
}

#blog-links, #blog-tags {
	width:300px;
	text-align:right;
}

#blog-tags {
	margin-top:20px;
}

#blog-tags li {
	list-style:none;
	float:right;
	display:inline;
	padding-left:20px;
}

.move-left {
	position:absolute;
	width:100px;
	height:0px;
	top:0px;
	left:0px;
	background-image:url(/images/move-left.png);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
}
.move-right {
	position:absolute;
	width:100px;
	height:0px;
	top:0px;
	left:820px;
	background-image:url(/images/move-right.png);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
}

#contact-form {
	position:absolute;
	top:0px;
	left:0px;
	width:298px;
	z-index:10;
	padding:20px;
	background-image:url(/images/alpha-bg.png);
	background-repeat:repeat;
	margin-left:-340px;
	border:1px solid #fff;
}

#quick-nav-button{
	float:left;
	display:inline;
	width:9px;
	height:95px;
	padding:10px 5px;
	border-right:1px solid #fff;
	cursor:pointer;
}

#quick-nav {
	position:absolute;
	width:19px;
	top:0px;
	right:0px;
	z-index:10;
	background-image:url(/images/alpha-bg.png);
	background-repeat:repeat;
	border:1px solid #fff;
	overflow:hidden;
}

#quick-nav li {
	margin-left:19px;
	padding:3px 10px 3px 10px;
	border-bottom:1px solid #fff;
}

#quick-nav li.last {
	border-bottom:none;
}

.date {
	float:left;
	display:inline;
	width:86px;
	height:64px;
	overflow:hidden;
}

.blog-year {
	float:left;
	display:inline;
	width:46px;
	height:46px;
	margin-top:2px;
	text-align:center;
}

.blog-date {
	float:left;
	display:inline;
	width:40px;
	height:30px;
	text-align:center;
	overflow:hidden;
}

.blog-month {
	float:left;
	display:inline;
	clear:both;
	width:40px;
	height:16px;
	text-align:center;
	overflow:hidden;	
}

img.close {
	cursor:pointer;
}

#contact-form textarea {
	width:296px !important;
	padding:2px !important;
}

#contact-form .wpcf7-form-control-wrap input {
	width:296px !important;
	padding:2px !important;
	border:none;
}

#footer {
	float:left;
	display:inline;
	clear:both;
	width:920px;
	padding:20px;
	border-top:1px solid #e7f200;
}

#footer p.right {
	text-align:right;
	width:40%;
}
#footer ul.left{
	width:50%;
}
#footer ul.left li {
	float:left;
	display:inline;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #fff;
}
#footer ul.left li a{
	float:left;
	display:inline;
}

#footer p {
	margin-top:0px;
}