/*
Theme Name: Smoke & Mirror
Theme URI: http://smokeandmirror.com
Description: Smoke and Mirror template
Version: 1.0
Author: Christian Kirkegaard
Author URI: http://christiank.org
Tags: awesome, hot, sexy
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {
	background-image: url('images/grid.gif');
	background-position: top center;
}

body {
	font-family: Georgia, sans-serif;
	font-size: 11px;
}


strong, b {
	font-weight: bold;
}
em, i {
	font-style:italic;
}
a {
	color: #0098aa;
	text-decoration:none;
}
a:hover {
	color: #0098aa;
}
p {
	line-height: 1.5em;
}


#wrapper {
	-moz-box-shadow:0px 0px 10px #b3b2af;
	-webkit-box-shadow: 0px 0px 10px #b3b2af;
	background-color: #fff;
	/*background-image: url('images/gradient.png');*/
	background-repeat: repeat-y;
	width: 1030px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
}

#page {
	padding-top: 55px;
	height: 100%;
	overflow:hidden;
}


.row-list {}
	.row-list ul {}
		.row-list ul li {
			float:left;
			width: 140px;
			margin: 0px 10px;
		}
			.row-list ul li.alpha {
				margin-left: 0px;
			}
			.row-list ul li.omega {
				margin-right: 0px;
			}


/**
 * #LEFT
 */

#logo {
	margin-bottom: 20px;
}
	#logo a {
		margin-left: 20px;
	}

#menu {
	margin-bottom: 55px;
}
	#menu ul {}
		#menu ul li {
			font-size: 16px;
			font-style: italic;
		}
			#menu ul li a {
				color: #817f76;
				text-decoration:none;
			}
			#menu ul li a:hover {
				text-decoration:none;
			}
			#menu ul li.current_page_item a,
			#menu ul li.current_page_parent a {
				color: #0098aa;
			}

#description {
	/*padding-left: 10px;*/
	left: 70px;
	height: 165px;
	border-left: 1px solid #ccc;
	position:relative;
}
	#description h1,
	#description p {
		padding-left: 10px;
	}
	
	#description h1 {
		background-color: #0098AA;
		color: #fff;
		font-size: 12px;
		padding: 4px 10px;
		margin-bottom: 5px;
	}
		.home #description h1,
		.page #description h1 { display:none;}
	#description p {
		margin-bottom: 10px;
	}


/**
 * #RIGHT
 */
#right {}

#image {
	height: 390px;
	width: 590px;
	overflow:hidden;
	margin-bottom: 15px;
	position:relative;
}
	#image ul {
		position:absolute;
		left: 0px;
		width: 999999px;
	}
		#image ul li {
			float:left;
			height: 390px;
			width: 590px;
		}
#navigation {
	width: 590px;
	display:none;
	font-style:italic;
}
	#navigation #navigation-container {
		text-align:center;
	}
		#navigation #navigation-container span {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#navigation #navigation-container span a {
				color: #000;
			}
			#navigation #navigation-container span a:hover {
				color: #0098aa;
			}
			#navigation #navigation-container span a.active {
				color: #0098aa;
				text-decoration:underline;
			}


body.blog #navigation,
body.single #navigation {
	display:block;
}

/**
 * #BOTTOM
 */
#bottom {
	padding-left: 10px;
	left: 70px;
	border-top: 1px solid #ccc;
	margin-bottom: 50px;
}
	#bottom h1 {
		font-size: 11px;
		color: #000;
		margin-bottom: 5px;
	}
		#bottom h1 a {
			color: #817f7b;
		}
			#bottom h1 a:hover {
				color: #0098AA;
			}
	#bottom h2 {
		font-size: 12px;
		color: #0098aa;
		margin-bottom: 10px;
	}
	#bottom img {
		margin-bottom: 5px;
	}
	#bottom p {
		color: #817f7b;
		
	}


#footer {
	background-image: url('images/footnote.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top: 15px;
}
	#footer p {
		color: #817f7b;
	}
		#footer p a {
			color: #b45f00;
		}


#categories {}
	#categories ul {
		margin-right: 20px;
	}
		#categories ul li {
			text-align:right;
		}
			#categories ul li a {
				color: #000000;
			}
			#categories ul li a:hover {
				color: #0098aa;
				text-decoration:none;
			}
			#categories ul li.active a {
				color: #0098aa;
				text-decoration:underline;
			}
#posts {}
	#posts ul {
		float:left;
		height: 102px;
		width: 155px;
		/*margin-left: 10px;
		margin-right: 10px;*/
	}
		#posts ul li {
			margin: 0px;
			float:none;
			display:block;
			width: 155px;
		}
			#posts ul li a {
				color: #817f7b;
				font-style:italic;
			}
			#posts ul li.highlight a,
			#posts ul li a:hover {
				color: #0098aa;
				text-decoration:none;
			}
			#posts ul li.active a {
				color: #0098aa;
				text-decoration:underline;
			}

#posts li a, #categories li a {
	line-height: 1.6em;
}
#random-post .random-post-container {
    padding-right: 20px;
}
#posts, #categories, #random-post, #recent-work {
	padding-top: 15px;
}
	#random-post p, #recent-work p {
		font-style: italic;
	}
#categories, #random-post {
	border-right: 1px solid #ccc;
}
#posts, #recent-work {
	padding-left: 18px;
}

/**
 * #FOOTER
 */