/*  
Theme Name: David McWane 2.0
Version: 1.0
Author: Yosef
Author URI: http://www.yoyoyosef.com/
*/


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 19px;
	background: #999999 url('http://www.davidmcwane.com/img/bg_center.gif') center repeat;
	color: #000000;
	text-align: left;
	line-height:1.6em;
	}

table,th,td {xfont-size:inherit;font:100%;}

.widecolumn {line-height: 1.6em;}
.alt {background-color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
small {font: .9em 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #fff;}

h1 {padding: .0em .5em; font-size: 1.0em; color:#000; font-weight:normal; text-transform:uppercase;}
#content h2, h2 a {padding: .0em .0em; font-size: 1.3em; color:#000000; text-transform:uppercase; letter-spacing:.2em; text-align:center;}
#sidebar h2, h2 a {padding: .0em .0em; font-size: 1.3em; color:#000000; text-transform:uppercase; letter-spacing:.2em;}
h1 a, h1 a:hover, h1 a:visited, {text-decoration: none; color:#555;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, {text-decoration: none;}
h3 {padding: 2em 0 1em 0; font-size: 1.3em; color:#000000; text-transform:uppercase; letter-spacing:.2em;}

a {color: #555;text-decoration: none;}
a:hover {color: #000000;text-decoration: none;}
/* End Typography & Colors */




/* Begin Structure */
body {margin: 0 0 0 0; padding: 0;}

#page {
	background-color:transparent;
	margin: 0px auto;
	padding: 0;
	width: 1000px;
	border: 0px solid #000000;
	}
	
#header {
	background: #333 url('http://www.davidmcwane.com/img/header_bg.gif') repeat center;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height:220px;
	clear: both;
	color: #000;
	}
	
#headerimg {
	background: url('http://www.davidmcwane.com/img/header_center.gif') center no-repeat;
	padding: 0;
	width:1000px;
	margin: 0 auto;
	height:220px;
	display:block;
	}

#leftcolumnwrap {
	background: transparent url('http://www.davidmcwane.com/img/xbg_wrapper.gif') repeat-y;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 750px;
	clear:both;
	}
	
#leftcolumn {
	background:transparent;
	float: left;
	padding: 0px 0px 0px 0;
	width: 250px;
	}

.middlecolumn {
	background: #ffffff;
	float: right;
	padding: 0px 25px 0px 25px;
	margin: 0px 0 0 0px;
	width: 450px;
	font-size: 1.2em;
	line-height:1.4em;
	}

#footer {
	background: #000 url('http://www.davidmcwane.com/img/footer_bg.gif') repeat center;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height:310px;
	clear: both;
	color: #000;
	}
	
#footerimg {
	background: url('http://www.davidmcwane.com/img/footer_center.gif') center no-repeat;
	padding: 0;
	width:1000px;
	margin: 0 auto;
	height:310px;
	display:block;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 5px 30px 0 50px;
	text-align: right;
	}
	
#credit {padding-top:280px; color:#fff; letter-spacing:.1em;}
#credit a:link {color:#555;}
#credit a:hover {color:#fff;}
	
.divider {width:450px; height:1px; margin:25px 0 25px 0; background:#000;clear:both;}

.post {display:table; margin: 20px 0 0 0; clear:both; width:450px;}

input, textarea {font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
/* End Structure */







/* Begin Images */
p img {padding: 0; max-width: 10}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left}
/* End Images */





/* Begin Sidebar
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
#sidebar {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 200px;
	}

#sidebar form {margin: 0;}

#sidebar {
	font: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #999999;
	text-transform:uppercase;
	}

#sidebar ul {
	color: #333;
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0px;
	border: none;
	}

#sidebar ul li{
	margin: 0;
	display: block;
	padding: 0px 0px 0px 0px;
	color: #000;
	text-decoration: none;
	width: 100%;
	}

html>body #sidebar li a {width: auto;}
/* End Sidebar */






.product {float:left; margin:0 0 20px 10px; display:inline; width:215px; background:#999;}





.menu {width:640px; height:30px; position:relative; z-index:100;text-transform:uppercase; letter-spacing:.2em; margin: 0px auto; padding:110px 0 0 100px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:640px; w\idth:640px;}

.menu ul {display:inline;}

.menu li {
	float: left;
	position: relative;
	list-style:none;
	padding: 0 5px 0 5px; 
}

.menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: #000;
	padding: 0 0 5px 0;
	color: #fff;
}

.menu li li {
	display: block;
	float: none;
	background-color: #000;
	border: 0;
	color: #fff;
}

.menu li:hover ul, li.over ul {
	display: block;
}

.menu li a {text-decoration: none; color: #fff; font-size:12px;}

.menu li a:hover {text-decoration: none; color: #999; font-size:12px;}






/* Begin Various Tags & Classes */
.center {text-align: center;}

hr {display: none;}

a img {border: none;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/