/*
THEME NAME: Disco Ape 
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; }

html, body, div {
  height: 95%;
 }

body {
  max-width: 1100px;
  min-width: 800px;
 
}


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

body { background: #FFF; color: #76787a; 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: #76787a; text-decoration: none; }
a:link { color: #76787a; text-decoration: none; }
a:visited { color: #76787a; text-decoration: none; }
a:hover { color: #ca0088;}
a:active { color: #ca0088;}

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

hr { border: none; margin: 30px 0; color: #D9A194; background: #D9A194; height: 1px; clear: both; }
blockquote p { border-left: 2px solid #8C8981; color: #8C8981; padding: 3px 0 3px 10px; margin-left: 5px; margin-bottom: 1em; }
.hidden { display: none; }
ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/icons/sidebar-bullet.gif) no-repeat 1px 7px; padding-left: 21px; 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; }

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


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

#container { width: 98%; padding: 20px 0 0 20px;}


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

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

/* POST META ---------------------------- */	
		
.post-bottom { font-size: 0.8em; color: #888787; float: left; position: relative; padding: 0; margin: 10px 0 10px 0; background: url(images/post-bottom-bg.gif) repeat-x left center; height: 16px; width: 778px; }
.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; text-decoration: 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; }

		/* COMMENTS ---------------------------- */	
		
				
		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: 680px; }
        			.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: 532px; 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: 13%; line-height: 1.5em; margin-bottom: 30px;}
	
		#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: 18px; }
			h1 a { display: block; text-indent: -9999px; margin: 0 8px; background: url(images/logo.gif) no-repeat 0 0; width: 85px; height: 89px; border: none; }
	
	
	
		/* SIDEBAR ULs ---------------------------- */	
		
		#sidebar ul { margin-bottom: 16px; margin-left: 9px;}
		
			#sidebar ul li { display: inline; font-size: 1.2em; float: left; width: 157px; padding-left: 0px; margin-bottom: 4px; background: none; }
				#sidebar ul li a { float: left; border: none; font-size: 1.2em;}



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

	#footer { height: 2%; border: none; font-size: 0.8em;  text-align: center; padding-top: 20px}	
			

						
	

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

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



/* disco remix */

form#loginform form{border: 0px;}
li.current_page_item a { color: #ca0088; text-decoration: none;}
li.current_page_item a:hover { color: #ca0088; text-decoration: none;}

#contact {margin-top: 118px; margin-left: 125px; font-size: 1.5em; line-height: 1.1em; height:85%;}
li.page-item-29 {margin-top:20px;}

.simpleviewer {height: 98%;}

#sidebar div.widget{display: none;}

a.loglink {color: #ca0088;}
a.loglink:hover {color: #0090ff;}

#flexipages-419716581 {height: 250px;}
.menu {height: 250px;}
#disco-widget2 {height: 200px;}
#sidebar ul li ul {margin-bottom: 0px;}
#sidebar ul li ul li {font-size: 1.0em; margin-bottom: 0px;margin-left:5px;}
#sidebar ul li ul li a {font-size: 1.0em; color: #76787A; text-decoration: none;}
#sidebar ul li ul li a:hover {font-size: 1.0em; color: #ca0088; text-decoration: none;}