/*
THEME NAME: Disco Ape (BLOGSTYLE)
DESCRIPTION: Theme for nathanpask.com
TAGS: minimalistic, clean, simple, white
VERSION: 0.5

*/

/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

body { background: #FFF url(images/line_paper.jpg) repeat-y 0 0; background-attachment: fixed; color: #565656; font: 62.5%/1.7em "Helvetica", "Lucida Grande", Verdana, Arial, sans-serif;}

p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #663300; text-decoration: none; text-decoration: none; }
a:hover { color: #ca0088; text-decoration: underline; }

h2 { font: 1.7em/1.5em "Helvetica", "Lucida Grande", Verdana, Arial, sans-serif; color: #663300; }
h3 { font: 1.2em/1.3em "Helvetica", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: bold; letter-spacing: 0px; color: #585858; margin-bottom: 10px; }
h2 a { color: #663300; text-decoration: none; }
h2 a:hover { color: #ca0088; text-decoration: none; }
h2.h2-page { margin-bottom: 20px; }
h2.h2-archives { border-bottom: 1px solid #E5E5E5; padding-bottom: 13px; margin-bottom: 20px; color: #A7A7A7; text-transform: none; }
	h2.h2-archives span { color: #888787; }
h2.h2-category { border-bottom: 1px solid #E5E5E5; padding-bottom: 13px; margin-bottom: 20px; color: #A7A7A7; text-transform: none; }
	h2.h2-category span { color: #888787; }

hr { border: none; margin: 30px 0; color: #D9A194; background: #D9A194; height: 1px; clear: both; }
blockquote p { border-left: 4px solid #8C8981; color: #8C8981; padding: 3px 0 3px 20px; margin-left: 10px; margin-bottom: 1em; }
.hidden { display: none; }
ul, ol { margin-bottom: 10px; }	
	ul li {padding-left: 0px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }




/* CONTAINER ---------------------------- */

#container { width: 660px; padding: 0px 0 0 0px;}




	/* CONTENT ---------------------------- */	

	#content { width: 490px; float: right; font-size: 1.3em;}
	
		#content h3 { margin: 20px 0 10px 0; }
	
	
	

	/* HEADER ---------------------------- */	
	
	#header { width: 490px; height: 80px; margin: 0 0px; border: none;}	



		/* POSTS ---------------------------- */	
		
		.index-post { background: none; padding-bottom: 5px; }			
			
			.post-date { font-size: 0.8em; color: #888787; margin-bottom: 20px; }
				.post-date span { color: #6b6b6b; }
				


			/* POST META ---------------------------- */	
		
			.post-bottom { font-size: 0.8em; color: #888787; float: left; position: relative; padding: 0; margin: 5px 0 5px 0; background: url(images/post-bottom-bg.gif) repeat-x left center; height: 16px; width: 470px; }
				.post-bottom span { color: #6b6b6b; }
				
			.post-bottom-single { margin-bottom: 20px; }
				
				p.comments-link { background: #FFFFFF; position: absolute; top: -2px; right: 6px; }
					p.comments-link a { background: url(images/icons/comments-icon.gif) no-repeat 97% 0; padding: 1px 22px 0 1px; border-bottom: none; }
					p.comments-link span { background: url(images/icons/comments-icon.gif) no-repeat 97% 0; padding: 1px 22px 0 1px; }
					
				p.back-to-top-link { background: #FFFFFF; position: absolute; top: -2px; right: 6px; }
					p.back-to-top-link a { background: url(images/icons/back-to-top.gif) no-repeat 97% 50%; padding: 1px 20px 0 1px; border-bottom: none; }


	
										
				
				
			/* POST NAVIGATION ---------------------------- */	
			
			.post-navigation { width: 490px; padding: 21px 0 20px 0; float: left; }
				.older-posts-link a { float: left; display: block; background: url(images/icons/arrow-left.gif) no-repeat left center; border: 1px solid #d6d6d6; padding: 5px 8px 5px 18px; }
				.newer-posts-link a { float: right; display: block; background: url(images/icons/arrow-right.gif) no-repeat right center; border: 1px solid #d6d6d6; padding: 5px 18px 5px 8px; }	
					.older-posts-link a:hover, .newer-posts-link a:hover { border-color: #bbbbbb;}
		.post {margin-left: 10px; margin-right: 10px;}		
				

		/* COMMENTS ---------------------------- */	
		
#comments {margin-left: 10px; margin-right: 10px;}
				
		ol.commentlist {  border-top: 1px solid #D6D6D6; }
        	ol.commentlist li { border-bottom: 1px solid #D6D6D6; position: relative; list-style: none; list-style-type: none; list-style-position: outside; margin: 0; }
        	 ol.commentlist li.bypostauthor .comment-bg-wrapper { background: url(images/comment-form-bg.gif) repeat 0 0; margin-bottom: 1px; }
        	 .comment-bg-wrapper { padding: 15px 0; }
        	 	.avatar-box { float: left; border: 4px solid #d6d6d6; }
        	 		.avatar-box img { vertical-align: bottom; }
        		.comment-date { position: absolute; top: 14px; right: 0; font-size: 0.8em; color: #888787; }
        			li.alt div.comment-date-box { background: url(images/comment-date-bg-alt.gif) no-repeat top center; }
        			 
        		.comment-text { float: right; width: 390px; }
        			.comment-author { color: #8c8981; width: 301px; }
        			.comment-author cite { color: #4b4b4b; font-weight: bold; }
        			
        		.comment-p-last { margin-bottom: 0; }
        		
        		.unapproved { background: #8e8e8e; color: #FFF; padding: 4px 8px; }
        						
			
		
			/* COMMENT FORM ---------------------------- */
    					
    		.form-container { padding: 0 0 30px 0; }
    					
    		.input-label-wrapper { margin-bottom: 20px; }
    			.form-input { float: left; width: 240px; }		
    				.form-input input { float: left; background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; color: #616161; width: 220px; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif; }
    			.form-label { float: left; width: 300px; line-height: 2.3em; padding-top: 5px; color: #565656; }
    				.form-label label { margin-left: 20px; font-weight: bold; }
    				.form-label .required { color: #888787; font-weight: normal; }
    			.form-textarea { margin: 10px 0; }
    				.form-textarea textarea { width: 432px; background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; color: #616161; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif; vertical-align: bottom;  }
    			.form-submit input { background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; float: left; cursor: pointer; color: #4478b0; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif;  }
    			.form-submit input:hover { background-position: bottom left; }




	/* SIDEBAR ---------------------------- */	
	
	#sidebar { float: left; width: 160px; height: 819px; line-height: 1.4em; margin-bottom: 30px; position: fixed; background: #FFF url(images/blog_sidebar.jpg) no-repeat 0 156px; }
	
		#sidebar h3 { font: 1.3em "Lucida Grande", Verdana, sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 0px; color: #363636; }
	
	
		/* LOGO ---------------------------- */	
		
		h1 { padding-bottom: 12px; margin-bottom: 0px; }
			h1 a { display: block; text-indent: -9999px; margin: 0 0px; background: url(images/blog_logo.jpg) no-repeat 0 0; width: 159px; height: 156px; border: none; }
	
	
		


		/* SIDEBAR ULs ---------------------------- */	
		
		#sidebar ul { margin-bottom: 16px; }
		
			#sidebar ul li { display: inline; float: left; width: 100px; margin-bottom: 4px;}
				#sidebar ul li a { float: left; border: none; }



	/* FOOTER ---------------------------- */		

	#footer { width: 490px; border: none; padding: 20px 0 0 0; margin: 20px 0 40px 0; font-size: 0.8em;  text-align: center; }	
		#footer p { margin: 0; }	
						
	

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}


#sidebar div.widget {display: none;}
div#linkcat-9 {font-size: 1.2em; position: absolute; top: 180px; left: 35px; }
div#linkcat-2 {font-size: 1.2em; position: absolute; top: 228px; left: 35px; }
div#disco-widget {font-size: 1.2em; position: absolute; top: 325px; left:30px;}						
div#calendar {font-size: 0.85em; position: absolute; top: 300px; left: 35px; margin-left: 
26px;}	
table#wp-calendar {width: 100px; color: #4478b0;}
table#wp-calendar a {color: #cc0066;}
table#wp-calendar a:hover {color: #8e8e8e;}
table#wp-calendar thead {display: none;}	
div#search {font-size: 1.2em; position: absolute; top: 365px; left: 28px;}
input#s {width: 85px; padding: 0px; margin: 0px;}
input#searchsubmit {width: 54px;}
li.rssicon {background: url(images/feed-icon-12x12.png) no-repeat 0px 1px; padding-left:14px;}
li.calendar {background: url(images/calendar.png) no-repeat 0px 1px; padding-left:14px;}
ul.car-list {margin: 10px;}
ul.car-monthlisting {margin: 10px;}
p.wp-caption-text {font-size: 0.8em;}
div.attachment {margin-left:10px; margin-right:10px;}
#hidden1 {position: fixed; left: 870px; top: 350px; height: 50px; width: 50px; z-index: 2;}
#hidden2 {position: fixed; left: 790px; top: 10px; height: 50px; width: 50px; z-index: 2;}
#hidden3 {position: fixed; left: 755px; top: 610px; height: 50px; width: 50px; z-index: 2;}
#hidden4 {position: fixed; left: 900px; top: 625px; height: 50px; width: 50px; z-index: 2;}
#hidden5 {position: fixed; left: 85px; top: 570px; height: 50px; width: 50px; z-index: 2;}
#hidden6 {position: fixed; left: 725px; top: 715px; height: 50px; width: 50px; z-index: 2;}
#hidden7 {position: fixed; left: 750px; top: 425px; height: 50px; width: 50px; z-index: 2;}
#hidden8 {position: fixed; left: 50px; top: 720px; height: 50px; width: 50px; z-index: 2;}
#hidden9 {position: fixed; left: 1053px; top: 140px; height: 50px; width: 50px; z-index: 2;}
.sociable_tagline {display: none}

#sidebar a { color: #565656; text-decoration: none; text-decoration: none; }
#sidebar a:hover { color: #ca0088; text-decoration: underline; }