/*
     Byron Pinkleton official stylesheet
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Georgia, Times New Roman, "times", serif;
 font-size: 13px;
 font-color: #3d3430;
 background-color: #4f422f; 
 text-align:left; 
 background-image: url(images/background_stripe.png);
 background-repeat: repeat;
}




#wrapper { 
 margin: 0 auto;
 width: 927px;
 position: relative;
}

#headwrapper { 
 margin: 0 auto;
 width: 927px;
}

#headernav {
 padding: 125px 0 0 0;
 height: 57px;
}

#faux {
 background-color: #cbb277;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#fillback {
 float: left;
 background-image: url(images/background_fillback.gif);
 background-repeat: repeat-y;
 width: 927px;
}

/** fill back for archives and whois pages **/
#fillback2 {
 float: left;
 background-image: url(images/background_fillback2.gif);
 background-repeat: repeat-y;
 width: 927px;
}

#header {
 width: 927px;
 height: 182px;
 margin: 0px 0px 0px 0px;
 background-image: url(images/background_header.jpg);
 background-repeat: no-repeat;
}

#subcomic {
 display: block;
 width: 927px;
 height: 27px;
 float: left;
 background-image: url(images/background_nav_comic.jpg);
 background-repeat: no-repeat;
}

#subwhois {
 display: block;
 width: 927px;
 height: 55px;
 float: left;
 background-image: url(images/background_nav_whois.jpg);
 background-repeat: no-repeat;
}

#subblank {
 display: block;
 width: 927px;
 height: 55px;
 float: left;
 background-image: url(images/background_nav_blank.jpg);
 background-repeat: no-repeat;
}

#comicarea {
 width: 927px;
 
 padding: 40px 0px 0 0px;
 background-color: #d1b472;
 }
 
#comic {
 width: 860px;
 
 padding: 0 32px 0 33px;
 background-color: #d1b472;
 }
 
#comicnavarea {
 width: 927px;
 height: 40px;
 margin-top: -3px;
 background-image: url(images/background_comicnav.jpg);
 background-repeat: no-repeat;
 } 
 
 #comicnav {
 width: 927px;
 height: 40px;
 } 

#spacer {
 width:927px;
 height: 40px;
 background-color: #d1b472;
 clear:both;
 }
 
#spacer2 {
 width:190px;
 height: 40px;
 clear:both;
 }
 
 
#spacer3 {
 width:190px;
 height: 20px;
 clear:both;
 }
 
 
 #singleline {
 width:200px;
 height: 25px;
 background-image: url(images/img_singleline.gif);
 background-repeat: no-repeat;
 clear:both;
 margin: 0 0 0 40px;
 }
 

#leftcolumn { 
 display: inline;
 background-color: #d1b472;
 margin: 0 0 0 0px;
 padding: 0 0 0 30px;
 width: 191px;
 float: left;
}

#content { 
 float: left;
 padding: 0px 0px;
 padding: 0px;
 width: 495px;
 display: inline;
 position: relative;
}

#blog { 
 float: left;
 background-image: url(images/background_blog.gif);
 background-repeat: repeat-y;
 padding: 0;
 width: 495px;
 display: inline;
 position: relative;
}

#news { 
 float: left;
 background-image: url(images/background_news.gif);
 background-repeat: repeat-y;
 padding: 0 0 40px 0;
 width: 495px;
 display: inline;
 position: relative;
}

#rightcolumn { 
 display: inline;
 position: relative;
 background-image: url(images/background_sidebar.gif);
 background-repeat: repeat-y;
 width: 211px;
 margin: 0 -211px 0 0;
 float: right;
}

#rightsidepad {
 margin: 0 0 0 28px;
}

#footer { 
 width: 927px;
 height:150px;
 clear: both;
 color: #333;
 background: #aa7433;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
.clear { clear: both; background: none; }

#footleft {
 width: 520px;
 float: left;
 display: inline;
 margin: 20px 0 0 25px;
 }
 
#footright {
  width: 300px;
  float: right;
  display: inline;
  margin: 20px 0 0 0px;
  }

#twitter_div {
 	font-color:#3d3430;
	font-size: 11px;
	width: 127px;
	margin: 0 0 0px 5px;
}

#twitter_update_list {
	list-style-image: none;
	color:#3d3430;
	font-size: 11px;
	width: 97%;
	margin: 0 0 0 0px;
	}
	
#twitter_update_list li {
	list-style-type: none;
	color:#3d3430;
	font-size: 11px;
	width: 97%;
	margin: 0 0 0 0px;
	}
	
#comments {
	font-size: 13px;
	line-height: 100%;
	width: 86%;
	padding: 0 0 30px 40px;	
}



/** MENU NAVIGATION ROLLOVERS **/

a.comicRollover {  
     display: inline;  
     float: left;
     width: 125px;  
     height: 57px;  
     background: url(images/btn_comic.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.comicRollover {  
     background-position: 0px -57px;  
}


a.whoisRollover {  
     display: inline;  
     float: left;
     width: 176px;  
     height: 57px;  
     background: url(images/btn_whois.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.whoisRollover {  
     background-position: 0px -57px;  
}


a.firstRollover {  
     display: block;
     position:absolute;
	 left:32px;  
     float: left;
     width: 110px;  
     height: 40px;  
     background: url(images/btn_first.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.firstRollover {  
     background-position: 0px -40px;  
}

a.lastRollover {  
     display: block; 
     position:absolute;
	 left:789px; 
     float: left;
     width: 105px;  
     height: 40px;  
     background: url(images/btn_last.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.lastRollover {  
     background-position: 0px -40px;  
}

a.priorRollover {  
     display: block; 
     position:absolute;
	 left:142px;   
     float: left;
     width: 171px;  
     height: 40px;  
     background: url(images/btn_prior.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.priorRollover {  
     background-position: 0px -40px;  
}

a.nextRollover {  
     display: block; 
     position:absolute;
	 left:612px; 
     float: left;
     width: 171px;  
     height: 40px;  
     background: url(images/btn_next.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.nextRollover {  
     background-position: 0px -40px;  
}

a.archivesRollover {  
     display: block; 
     position:absolute;
	 left:310px;  
     float: left;
     width: 299px;  
     height: 40px;  
     background: url(images/btn_archives.jpg) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.archivesRollover {  
     background-position: 0px -40px;  
}

a.readoriginalRollover {  
     display: inline;  
     float: left;
     width: 127px;  
     height: 135px;  
     background: url(images/btn_readoriginal.gif) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.readoriginalRollover {  
     background-position: 0px -135px;  
}

a.rssRollover {  
     display: inline;  
     float: left;
     width: 127px;  
     height: 77px;  
     background: url(images/btn_rss.gif) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.rssRollover {  
     background-position: 0px -77px;  
}

a.donateRollover {  
     display: inline;  
     float: left;
     width: 127px;  
     height: 125px;  
     background: url(images/btn_donate.gif) no-repeat 0 0;  
     overflow: hidden;  
     text-indent: -10000px;  
     font-size: 0px;  
     line-height: 0px;  
}

 a:hover.donateRollover {  
     background-position: 0px -125px;  
}


/* ------------------------------------------
   FONT ELEMENTS
------------------------------------------- */

p {
    font-family: Georgia, Times New Roman, "times", serif;
 font-size: 13px;
 font-color: #3d3430;
}

a:link {
    color: #672106;
    text-decoration: underline;
}

a:visited {
    color: #672106;
    text-decoration: underline;
}

a:hover {
    color: #903310;
    text-decoration: underline;
}   

   

.text-blog {
	color:#3d3430;
	font-size: 13px;
	line-height: 150%;
	width: 86%;
	padding: 0 0 20px 40px;	
}

.text-quote {
	color:#6d3a25;
	font-size: 18px;
	font-style:italic;
	line-height: 130%;
	width: 86%;
	padding: 0 0 20px 40px;	
}

.text-more {
	color:#3d3430;
	font-size: 11px;
	line-height: 100%;
	text-align: right;
	width: 86%;
	padding: 0 0 30px 40px;
	text-decoration: none;	
}

a.text-more { 
 text-decoration: none;
 }
 
 a:hover.text-more { 
 text-decoration: underline;
 }

.text-list {
	color:#3d3430;
	font-size: 13px;
	list-style-image:url("images/bullet-arrow.gif");
	line-height: 150%;
	width: 86%;
	padding: 0 0 30px 60px;	
}

.date {
	color:#7f6445;
	font-size: 16px;
	line-height: 100%;
	width: 80%;
	margin: 0 0 2px 40px;	
}

.date2 {
	color:#7f6445;
	font-size: 12px;
	line-height: 100%;
	width: 80%;
	margin: 0 0 15px 40px;	
}

 
.text-sidebar {
	color:#3d3430;
	font-size: 11px;
	width: 127px;
	margin: 0 0 0px 5px;	
}

.text-footer {
	color:#2e241f;
	font-size: 11px;
	line-height: 170%;
	width: 98%;
	padding: 4px 0 0 0;	
}


/** HEADERS **/

h1 {
    font-family: Georgia, Times New Roman, "times", serif;
    font-size: 34px;
	line-height: 100%;    
    color: #6d3a25;
    width: 86%;
    margin: 0px 0 0 40px;
    padding: 0 0 15px 0;
}

h2 {
    font-family: Georgia, Times New Roman, "times", serif;
    font-size: 23px;
	line-height: 100%;    
    color: #6b5543;
    width: 86%;
    margin: 10px 0 0 40px;
    padding: 0 0 4px 0;
}