/*  
Theme Name: WDW
Theme URI: http://www.webdesignerwall.com/
Description: Wordpress theme of Web Designer Wall.
Author: Nick La
Author URI: http://www.webdesignerwall.com/

	Copyright (c) Web Designer Wall.

*/
* {padding: 0; margin: 0;} 

/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 75%/160% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #4c4c4c;
	width: 100%;
/*	display: table;*/
}
input, textarea {font: 110%/150% Arial, Helvetica, sans-serif;}
p {padding: 0 0 1.1em;}
img {border: none;}
a {color: #c89326;text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}
em {font: italic 110% Arial, Helvetica, sans-serif;}
em strong {color: #CC0000;}
del {color: #666666;}
ins {text-decoration: none;}

blockquote {
	padding: 0 10px 5px 20px;
	background: url(/images/comments-bullet.gif) no-repeat left 2px;
	font: italic 115%/135% Arial, Helvetica, sans-serif;
	color: #666666;
}
blockquote em {
	font: italic 110%/130% Arial, Helvetica, sans-serif;
}
blockquote cite {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
}
ul {
	list-style: none;
	padding-top: .5em;
}
ul li {
	padding: 0 0 1em 18px;
	line-height: 140%;
}
ol {
	font: italic 125% Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin: .3em 0 15px;
}
ol li {
	margin: 0 0 5px 30px;
	padding: 0;
}
ol p {
	font: normal 80%/150% Arial, Helvetica, sans-serif;
	color: #333;
}


/* headings and typography
---------------------------------------------------------------------------------*/
h1, h2 {
	font: bold 190%/100% Arial, Helvetica, sans-serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #2b2b2b;
}
.title {
	background: url(/images/tape.gif) no-repeat center center;
	text-align: center;
	font: normal small-caps 190%/100% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0px 0 20px;
	padding: 16px 20px 16px 0;
}
.title span {
	color: #666666;
}
h1 a, h2 a {
	color: #763712;
}
h1 a:hover, h2 a:hover {
	color: #2b2b2b;
	text-decoration: none;
}
h3 {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0 .3em;
}
h3 em, h4 em {
	color: #CC0000;
	letter-spacing: -1px;
}
h4 {
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color: #666666;
}
.intro {
	font: 115%/155% Arial, Helvetica, sans-serif;
	color: #333333;
	
}

/* header
---------------------------------------------------------------------------------*/
#header {
	height: 115px;
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#logo{
	position:absolute;
	top:-120px;
	left:0;
}


/* content wrap
---------------------------------------------------------------------------------*/
#content-wrap {
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding: 0px 0px 10px 0px;
	min-height:400px;

	
	
}
#content-bg{clear:both;float:left;width:948px;border:1px solid #fddfb7;}
/* ie6 hack for min-height */
 * html #content-wrap{height:400px;}

#content {
	width: 928px;	
	float: left;
	position: relative;
	border:10px solid #FFFFFF;
	z-index: 5;
}
h4.hdr_sub_nav{padding:0px 0px 0px 50px;margin:0px;line-height:70%;font-size:110%;font-weight:normal;
	font-family: "Avant Garde", "Avantgarde", "Century Gothic" Arial Helvetica sans-serif;}
p.holder{padding-top:15px;}


ul#nav-wrap{

	width:100%;
	height:23px;
	padding:0px;
	background:url(/images/bg_nav.jpg) top left repeat-x;
}
ul#nav-wrap li{
	margin:0px 0px 0px 0px;
	padding-bottom:0px;
	padding-right:20px;
	padding-top:0.4em;
	float:right;
	
}
ul#nav-wrap li span{
	position:absolute;
	left:0px;
	background:url(/images/nav_rollover.gif) top left no-repeat;
	width:5px;
	padding:0px;
	margin:0px;
	min-height:15px;
}
ul#nav-wrap li.on{background:url(/images/nav_bg_on.png) no-repeat top left;}

ul#sidenav{
	background:url(/images/sidenav_bot.jpg) bottom center no-repeat;
	margin:0px;
	width:150px;
	min-height:140px;
	padding:0 0 35px;
}

* html ul#sidenav{height:140px;}
ul#sidenav li{border-bottom:1px dotted #CCCCCC;line-height:90%;width:140px;padding:0px;padding-top:5px;padding-bottom:5px;padding-left:10px;margin:0px;}
ul#sidenav li.starter{font-size:120%;border-bottom:0px;background:#EEEEEE;}
ul#sidenav li li{border:0px;font-size:95%;padding-top:0;width:130px;line-height:90%;padding-bottom:10px;}
ul#sidenav li.on{font-weight:bold;}
ul#sidenav li.top{border:0px;width:150px;padding:0px;}
#left_column{float:left;margin-top:20px;width:150px;padding:10px;padding-left:0px;background:url(/images/grey_vert_bg_sidenav.jpg) right top repeat-y;
}
#main_column{float:right;padding:0px;width:730px;}

#main_column_areas{float:right;padding:0px;width:730px;}
#main_column_areas h2{clear:both;padding-top:10px;}
#main_column_areas img{padding:10px;padding-bottom:20px;}
#main_column_areas img.hdr{padding:0px;margin:0px;}
#main_column img.hdr{padding:0px;margin:0px;}

#main_column * {  
	vertical-align: baseline;  
	font-family: inherit;  
	font-style: inherit;  
	font-size: 100%;  
	border: none;  
	padding: 0;  
	margin: 0;  
	} 

#main_column a,#main_column a:hover,#main_column a:visited,#main_column a:active{color:#C89326 !important;}
#main_column p, #main_column pre, 
#main_column blockquote, #main_column form, 
#main_column ul, #main_column ol, 
#main_column dl { 
	
	line-height:100%; 
	padding: 5px 0;  
	}  

#main_column p{
	line-height:150% !important;
}
#main_column img{
	padding:10px !important;
}
#main_column p.hdr img{padding:0px !important;}	 
#main_column li, #main_column dd, #main_column blockquote {  
	margin-left: 5px;  
	}  
#main_column table {  
	border-collapse: collapse;  
	border-spacing: 0;  
	}
	p.hdr{
		border:1px solid #CCCCCC !important;padding:5px !important;float:left !important;width:720px !important;margin-bottom:20px !important;}
	
	h1.sub_hdr{position:absolute !important;font-size:140% !important;font-weight:normal !important;left:200px !important;
		color:#c89326 !important;padding:0px !important;margin:0px !important;padding-top:55px !important;padding-left:30px !important;}
	#main_column h3{padding-top:20px !important;font-weight:normal !important;color:#4f4f4f !important;}

/* sidebar
---------------------------------------------------------------------------------*/
#sidebar {
	width: 179px;
	float: right;
	padding-right: 164px;
	position: relative;
	z-index: 4;
	overflow: hidden;
}

p.sidebox-generic-wrap{
	margin:0px;
	padding:0px;
	padding-top:0px;
}
ul.sidebox-generic{
	background: url(/images/sub_nav_bot.gif) bottom left no-repeat;
	width:177px;
	padding-top:0px;
	padding-bottom:15px;
	
}
ul.sidebox-generic li{
	background: url(/images/sub_nav_mid.gif) top left repeat-y;
	line-height:90%;
	padding-bottom:10px;
	padding-top:5px;
	
	
}


/* footer
---------------------------------------------------------------------------------*/
#footer {
	clear: both;
}
#footer-wrap {
	width: 950px;
	height: 30px;
	margin: 0 auto;
}
p#credits{
	float:left;
	width:950px;
	text-align:center;
	padding:5px 0px 20px 0px;
	font-size:88%;
	color:#999999;
	line-height:100%;
}
.mini_credit{font-size:82%;}

/* wood border 
-----------------------------*/
#wood_border_top{
	top:0;
	color:#111111;
	font-size:11px;
	height:25px;
	padding:0;
	position:fixed;
	right:0;
	width:100%;
	z-index:98;background:transparent url(/images/wood_border.jpg) repeat-x scroll left top;
	
}
#wood_border_bottom{
	bottom:0;
	color:#111111;
	font-size:11px;
	height:25px;
	padding:0;
	position:fixed;
	right:0;
	width:100%;
	z-index:99;background:transparent url(/images/wood_border.jpg) repeat-x scroll left bottom;
	
}
#wood_border_bottom {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; bottom: 0px;
}
body > div#wood_border_bottom {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/* alignments etc (content elements)
---------------------------------------------------------------------------------*/
.border-top {
	background: url(/images/border-top.gif) no-repeat;
	margin: 20px 0 5px;
	padding: 15px 0 0;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
	margin: auto;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
/* image */
img.image {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image {
	margin-top: 4px;
}
p.image em {
	display: block;
	text-align: center;
	font-size: 95%;
	color: #666;
	padding: 4px 0 6px;
	line-height: 140%;
}
p.image img {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image a:hover img {
	border: 1px solid #666;
	background: #fff;
}
p.image a, p.image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
p.image a:hover {
	text-decoration: underline;
}
p.image small {
	color: #999999;
	display: block;
	font-size: 95%;
	line-height: 100%;
}
p.left {
	float: left;
	margin-right: 15px;
}
p.right {
	float: right;
	margin-left: 15px;
}
img.left {
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}
#user_nav{
	font-size:90%;
	position:absolute;
	right:0px;
	top:-60px;
	z-index:20;
}
ul.admin_sub_nav{width:700px;list-style:none;}
ul.admin_sub_nav li{list-style:none;padding:10px;float:left;margin:5px;background:#CCCCCC;color:#000000;}
div.main_content_admin{padding-top:15px;width:100%;clear:both;float:left;}
div#projects_right{width:210px;}
div#projects_right h3,div#projects_right h4{border-top:1px dotted #CCCCCC;padding:10px;}
div#projects_right p{padding-left:15px;}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* commonly used elements */
img, div,li { behavior: url(/iepngfix.htc) }