/*  
Theme Name: Theme for Nathan
Theme URI: http://NathanHuang.com/
Description: The Artist blog.
Version: 1.6
Author: Tommy Wu
Author URI: http://techgrunt.com/

This theme was design by the Artist Nathan Huang and hand built by Tommy Wu
Ask permission for use. Must be written and explicit.
*/
body{
margin:0;padding:0;
background:#fff;
/* url(natpagehold.jpg) no-repeat 50% 0;*/
font: normal normal normal small/1.5em "Trebuchet MS" Arial, sans-serif;
text-align:center;
color:#9d958a;
}
a:link, a:visited{
color:#BD3E47;
text-decoration:none;
}
a:hover, a:active{
color:#BD3E47;
text-decoration:underline;
}

#wrap{
width:728px;
height:auto;
margin:0 auto;
text-align:left;
}
#mast-head{
height:37px;
width:100%;
padding:0;
margin:10px 0 4px;
border-bottom:2px #e8e7e2 solid;
}

h1#nat-logo{
float:left;
margin:1px 0 0;
padding:0;
height:auto;
}
h1#nat-logo a{
	float:left;
	text-indent: -9999em;
	width:218px;
	height:0;
	padding-top:29px;
	overflow:hidden;
	background:transparent url(images/nathanhuang.gif) no-repeat scroll 0 0;
}
h1#nat-logo a:hover{
	background-position:0 -30px;
}
/*=Navigation*/
ul#nat-navi{
	display:block;	
	list-style-type: none;
	float:right;
	padding:0;
	margin:12px 0 0;
}
ul#nat-navi li{
float:left;
margin:0 2px;
padding:0;
}
ul#nat-navi li a:link, ul#nat-navi li a:visited{
height:0;
padding:23px 0 0 0;
text-indent:-9999em;
overflow:hidden;
float:left;
margin: 0 3px;
}
#navi-art a{
width:44px;
background: transparent url(images/nart.gif) scroll no-repeat 0 0;
}
#navi-comics a{
width:86px;
background: transparent url(images/ncomics.gif) scroll no-repeat 0 0;
}
#navi-sketch a{
width:83px;
background: transparent url(images/nsketch.gif) scroll no-repeat 0 0;
}
#navi-blog{
	padding-left:3px;
}
#navi-blog a{
width:54px;
padding-left:5px;
background: transparent url(images/nblog.gif) scroll no-repeat 0 0;
}
#navi-store a{
width:66px;
background: transparent url(images/nstore.gif) scroll no-repeat 0 0;
}
#navi-contact a{
width:99px;
background: transparent url(images/ncontact.gif) scroll no-repeat 0 0;
}
ul#nat-navi li a:hover, ul#nat-navi li a:active{
background-position:0 -30px;
}
ul#nat-navi li a#isSelect{
background-position:0 -30px;
}
/*== main Layout*/
#main{
	width:100%;
text-align:left;
}
#main.view-gal{
	text-align:center;
}
#main.theBlog{
	margin-top:20px;
}
#main.theComic{
	margin-top:20px;
}
#art-paginate{
	position:relative;
	width:725px;
	height:19px;
	overflow: hidden;
	text-align:center;
	margin:2px 0 18px;
}
#art-paginate a:link, #art-paginate a:visited{
text-decoration:none;
padding:2px 15px;
font-size:13px;
color:#AC9F98;
}
#art-paginate a:hover, #art-paginate a:active{
background:#eee;
}
#lefty{
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:100;
	width:19px;
	height:19px;
	background:transparent url(images/arrow-previous.gif) no-repeat 50% 4px;
	text-indent:-9999em;
	overflow:hidden;
}
#righty{
	position:absolute;
	display:block;
	top:0;
	right:0;
	z-index:100;
	width:19px;
	height:19px;
	background:transparent url(images/arrow-next.gif) no-repeat 50% 4px;
	text-indent:-9999em;
	overflow:hidden;
}
.theBlog #content, .theComic #content{
width:600px;
float:right;
}
#sidebar{
	width:122px;
	float:left;
}
#sidebar #comics-list a{
	color:#AC9F98;
}
#sidebar a#archLink, a.rss{
	color:#B1A59E;	
}
ul#listArchive{
	margin:0;
	padding:0;
}
ul#listArchive li{
	margin:0;
	padding:0;
	list-style-type: none;
}

#footer{
	margin:50px 0;
	font-size:90%;
	width:100%;
	float:left;
	clear:both;
	text-align:center;
}
/*==Blog Related*/
.post{
	margin:0 0 15px;
}
.post .post-title h2{
	font-weight:bold;
	font-size:100%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style: normal;
	float:left;
	margin:0;padding:0;
}
.post .post-title h2 a{
	color:#BD3E47;
	text-decoration:none;
}
.view-gal h3{
	font-weight: normal;
	font-size:90%;
	margin-bottom:10px;
}
.view-gal h3 span{
	margin-right:2px;
	color:#7E7272;
}
.post-title{
	width:100%;
	float:left;
	clear:both;
	margin:0 0 8px;
	border-bottom:#e8e7e2 2px solid;
	padding-bottom:3px;
}
.post .post-title span{
	float:left;
	font-size:90%;
	padding-right:12px;
	margin-right:12px;
	border-right:#e8e7e2 2px solid;
}
.theBlog .post .post-title span{
	float:right;
	padding:0;
	padding-left:12px;
	border:none;
	border-left:#e8e7e2 2px solid;
}
.entry{
	position:relative;
	float:left;
	border-bottom:2px solid #E8E7E2; 
}
.theComic .post .post-title span{
	font-size:12px;
}
.post-comm{
	float:left;
}
p.postmetadata{
	margin:0;padding:0;
}
/*==contact-page*/
.contact-page{
	margin-top:30px;
}
#em-contact{
	color:#C13F49;
}
.contact-page h4{
	float:right;
	clear:both;
	border-bottom:1px #c2b3a0 solid;
}
.contact-page p{clear:both;}
h4#cont{
	width:160px;
	color:#C63F49;
	border-color: #DF535F;
}
h4#con-bio{
	width:205px;
}
h4#con-list{
	width:280px;
}
#link-nav a:link, #link-nav a:visited{
	font-size:14px;
	text-transform: uppercase;
	text-decoration: none;
	color:#9E9596;
}
#link-nav a:hover, #link-nav a:active{
	
}
#comics-list{
	list-style-type: none;
	padding:0;
}
#comics-list li{
	line-height:16px;
	margin:16px 0;
	padding:0;
	list-style-type: none;
}
#comics-list li a:link, #comics-list li a:visited{
	text-decoration:none;
	text-transform: uppercase;
	font-size:14px;
	color:#AC9F98;
}
#comics-list li a:hover, #comics-list li a:active{
}
h4{
	margin:15px 0 0;
	font-weight:normal;
	font-size:100%;
	padding:0;color: #7E7272;
}
.contact-left{
	width:425px;
	float:left;
	text-align:right;
}
.contact-left p{
	margin:2px 0;
}
.contact-img{
	float:right;
	width:255px;
	margin:0 0 0 12px;
}
#main.theComic .post-title{
	width:auto;	
	border:none;
	margin-bottom:none;
}
#comic-img-list{
	position:relative;
	float:left;
	margin:0 0;
	border-top:#e8e7e2 2px solid;
}
#nav4{
	position:relative;
	z-index:100;
	float:left;
	margin:0;
}
#nav4 div{
	float:left;
	margin:0;
}
#nav4 .highlight{
	background:#eee;
}
#nav4 div a{
	padding:2px 5px;
	font-size:13px;
	color:#AC9F98;
	text-decoration:none;	
}
#nav4 div a:hover{
	background:#eee;
}
.isArtShow{
	background:#eee;
}
ul#archiveList{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#archiveList li{
	list-style-type:none;
	margin:3px 0;
	padding:0;
	white-space: nowrap;
	overflow:hidden;
}

/*==Comments==*/
ol.commentlist{
	margin:0;
	padding:0;
}
ol.commentlist li{
	margin:12px 11px;
	padding:0;
}
.commentmetadata{
	margin:0;
}
ol.commentlist li p{
	margin:0;
	line-height:14px;
	font-size:11px;
}
ol.commentlist li a{
	color:#BF8388;
}
/*=generic items*/

.current_page_item a{
	color:#111;
}

a.biggerArt{
	border:none;
	text-decoration:none;
	position:relative;
}
a.biggerArt img{
	border:none;
}
a.biggerArt div.openToNew{
	position:absolute;
	display:none;
	top:0;
	left:0;
	color:#fff;
	border:none;
}
a{
	outline:none;
}
input{
	border:2px #AC9F98 solid;
	background:#eee;
}
input:focus{
	background:#fff;
}
textarea{
	background:#eee;
	border:2px #AC9F98 solid;
}
textarea:focus{
	background:#fff;
}

/*=hide elements*/
.hide{
	display:none;
}
/*self clearing*/
#wrap:after,
#main:after,
.contact-page h4:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html #wrap,
* html #main,
* html p{
height:1%;
}