/*

Theme Name: OkDork.com V3	
Theme URI: http://www.okdork.com
Description: Sexed up design for Noah Kagan
Version: 3.0
Author: Ben Bleikamp [ ben.bleikamp@gmail.com  | http://www.bleikamp.com ]
Author URI: http://www.bleikamp.com

*/

/* Eric Meyer's reset.css file 
	More Info: http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/  */

@import url('reset.css'); 

body { background: #52a300 url("images/bg.gif") top center no-repeat; background-attachment: fixed; font: 62.5% Helvetica, Arial, Sans-Serif; color: #333; text-align: center; }

/* ------ ## MAIN DIVS ## --------
------------------------------------------------------------------------------------------ */

div.wrap { width: 820px; margin: 0 auto; text-align: left; }

#header { float: left; background: #6cb126; width: 100%; }

	div#quote { float: right; background: url("images/quote.gif") 0 0 no-repeat; padding-top: 3%; padding-bottom: 2%; width: 550px; text-align: right; font-size: 1.8em; color: #fff; line-height: 1em; }

	span.quote_meta { font-size: .5em; }
	
#top { float: left; width: 820px; padding-bottom: 1.5em; background: url("images/sidebar.gif") 0 0 repeat-y; }

div#logo { float: left; background: url("images/logo.gif") 0 0 no-repeat; width: 112px; height: 83px; text-indent: -9000px; }

#content { float: left; display: block; background: #fff; width: 820px; margin: 0 auto; }

	#left { float: left; width: 565px; }
	
	div.post { float: left; width: 490px; margin: 0 0 3em 0; }
	div.first { width: 494px; padding: 20px 30px 20px 40px; background: #e1ffba url("images/latest.gif") 0 20px no-repeat; margin: 0; }
	div.second { width: 494px; padding: 20px 30px 20px 40px; background: #eefdd4 url("images/still.gif") 0 20px no-repeat;}
	div.single { padding: 20px; width: 525px; }
	div.page_container { padding: 20px; width: 525px; }
	
		p.meta { font-size: 1.2em; color: #666; padding: 0 0 5px 0; margin: 0 0 .5em 0; background: url("images/dotted_line.gif") bottom left repeat-x; }
		
			span.date { background: url("images/date_icon.gif") 0 0 no-repeat; padding: 4px 0 5px 23px; margin-right: 25px; line-height: 20px; }
			span.comments { background: url("images/comments_icon.gif") 0 0 no-repeat; padding: 2px 0 5px 20px; margin-right: 25px; line-height: 16px; }
			span.author { background: url("images/author_icon.gif") 0 0 no-repeat; padding: 4px 0 5px 20px; }
			
		div.post ul { font-size: 1.2em; padding: 0 0 0 17px; }
		div.post ul li { margin: 0 0 1em 0;  padding: 0; }
		div.post ul li:before { content: "\00BB \0020"; font-size: 1.1em; color: #71bd10;  margin-left: -15px; }
		
		div.post ol { font-size: 1.2em; padding-left: 50px;  margin-bottom: 0 0 1.5em 0; }
		div.post ol li { margin: 0 0 .3em 0; list-style: decimal; }
		
		
		#related { background: #e2ffcc; float: left; width: 505px; padding: 10px; }	
		
		#recent_posts { float: left; width: 525px; padding: 0 20px; }
		
			div.recent_left { float: left; width: 130px; }
			div.recent_right { float: right; width: 390px; }
			
				div.recent_left p { margin-bottom: .2em; font-size: 1em; }
		
		
			#recent_posts div.recent_right p { font-size: 1em; margin: 0;  }
			#recent_posts li { float: left; background: url("images/dotted_line.gif") bottom left repeat-x; font-size: 1.2em; margin-bottom: 1.5em; padding: 1em 0; }
		
		#done { background: #f1f1f1; padding: 10px; width: 505px; float: left; margin: 1em 0; border: 1px solid #aaa; }
		
			#done strong { color: #71bd10; }
		
			#done p { margin: 0; }
		
	div.navigation { float: left; width: 480px; font-size: 1.2em; margin: 1em 0; }
		div.alignleft { float: left; width: 50%; text-align: left; }
		div.alignright { float: right; width: 50%; text-align: right; }
		
 	
	div.more-link { font-size: 1.2em; float: left; display: inline; }
	
	#comments { float: left; margin: 1.5em 0; width: 525px; margin: 0 0 0 20px; }
	
		ul#comment_list { }
		
		ul#comment_list li.item { float: left; margin-bottom: 2em; width: 100%; }
		
		ul#comment_list li.author span.comment_author a { color: #71bd10; font-weight: bold; }
		
		div.comment_meta { float: left; width: 135px; background: url("images/comment.gif") top right no-repeat; padding-right: 25px; }
		
			span.comment_author { float: left; width: 100%; font-size: 1.2em; font-weight: bold; margin-bottom: .4em; }
			
			span.comment_time { float: left; width: 100%;  font-size: 1.2em; }
		
		div.entry { float: left; width: 325px; background: #eaeaea; padding: 10px; }
		
		input.text_input { width: 210px; border: 1px solid #ccc; background: #fff; padding: 5px; font-size: 1em; font-family: Helvetica, Arial, Sans-Serif; }
		textarea.text_input { width: 400px; border: 1px solid #ccc; padding: 5px; font-size: 1em; font-family: Helvetica, Arial, Sans-serif; }
		
			.text_input:focus { border: 1px solid #71bd10; }
		
		/* Archives Page Styles */
		
		div.cat { float: left; width: 220px; padding: 10px; margin-bottom: 1.5em; }	
		div.wide { width: 440px; }
			
			div.wide ul { margin-top: 1em; }
			div.wide ul li { float: left; margin: 0 10px 1em 0; width: 135px; font-size: 1.2em; }
		
		/* Contact Form */
		
		div.contactform label { font-size: 1.2em; margin-bottom: .4em; }
		div.contactleft { float: left; margin-bottom: .5em; width: 100%; }
		div.contactright { float: left; margin-bottom: 1.5em; width: 100%; }
		
		div.contactform input { border: 1px solid #ccc; padding: 5px; }
		div.contactform textarea { border: 1px solid #ccc; padding: 5px; }

	#sidebar { float: right; width: 220px; padding: 15px 20px 0 10px; }
	
		#sidebar ul li { float: left; width: 100%; margin-bottom: 2em; }
		
			#sidebar ul li ul.inside { font-size: 1.2em; padding: 0 0 0 17px; }
			#sidebar ul li ul.inside li { margin: 0 0 1em 0;  padding: 0; }
			#sidebar ul li ul.inside  li:before { content: "\00BB \0020"; font-size: 1.1em; color: #71bd10;  margin-left: -17px; }
	
			li#author_info { float: left; width: 100%; font-size: 1.2em; line-height: 1.5em; padding: 1em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
		
			li#search { float: left; background: #fff; }
				li#search input.search_input { padding: 5px; border: 1px solid #ccc; width: 215px;}
				li#search input.search_input:focus { border: 1px solid #71bd10; }
					
			img.author_avatar { float: left; border: 1px solid #ccc; margin: 0 10px 3px 0; }
			img.subscribe { margin-left: 4px; }
			
			input.email_sub { background: #fff url("images/rss_form.gif") 5px 5px no-repeat; width: 193px; padding: 5px 5px 5px 25px; border: 1px solid #ccc; }
				input.email_sub:focus { border: 1px solid #71bd10; }
			input.sub_button { margin: 5px 0 0 0; padding: 2px; float: right; display: inline; }
                        input.sub_button_single { margin: 5px 0 0 0; padding: 2px; display: inline; }
			
			#sidebar ul li.firsttime p { margin-bottom: 1em; }
		
	#extra { float: left; width: 780px; padding: 0 20px; text-align: center; margin-bottom: 2em; background: url("images/green_gradient.gif") 0 0 repeat-x; border-top: 1px solid #ccc; text-align: center; }
	
		.extra_node { float: left; width: 220px;  margin-bottom: 1.5em;  padding: 20px; text-align: left; s}
		
			.extra_node ul li { list-style: none; font-size: 1.2em; line-height: 1.4em; margin: 0 0 .3em 13px; }
			.extra_node ul li:before { content: "\00BB \0020"; font-size: 1.1em; color: #71bd10;  margin-left: -13px; }
	
	#global_archives { float: left; width: 780px; margin-left: 20px; margin-right: 20px; margin-bottom: 2em; background: #71bd10; }		
	
		#categories { float: left; width: 740px; padding: 15px 20px; }		
		
			#global_archives #categories ul li { float: left; margin-right: 35px; padding: .5em 0; width: 140px; font-size: 1.2em; }

	#footer { float: left; width: 740px; padding: 20px 20px; background: #333; margin-bottom: 1.5em; margin: 0 20px 20px 20px; }
	
		#about { float: left; width: 420px; }
		#okdork { float: right; width: 250px; }
		#contact { float: left; width: 100%; margin-top: 1em; tab}

/* ------ ## NAVIGATION ## --------
------------------------------------------------------------------------------------------ */

#nav { float: left; width: 100%; background: #333; font-size: 1.2em; }

	#nav ul li { float: left; margin-right: 25px; line-height: 30px; }
	#nav ul li.right { float: right; margin: 0; }
	
	#nav a { color: #fff; text-decoration: none; }
	#nav a:hover { color: #71bd10; }
	#nav a.here { color: #71bd10; font-weight: bold; text-decoration: underline; }
	
/* ------ ## COMMNON ELEMENTS ## --------
------------------------------------------------------------------------------------------ */

h1 {}

	h1.post_title { font-size: 2.4em; margin: 0 0 .1em 0; letter-spacing: -1px; color: #71bd10; }
	
h2 {}

	h2.post_title { font-size: 2.2em; margin: 0 0 .3em 0; letter-spacing: -1px; font-weight: bold; }
	
	h2.page_title { font-size: 2.4em; margin: 0 0 .1em 0; letter-spacing: -1px; color: #71bd10; }
	
		h2.archive { margin-bottom: 1em; }
	
    div.recent_right h2 { font-size: 1.3em; font-weight: bold; }
	
h3 {}

	#sidebar h3, #related h3 { font-size: 1.4em; margin-bottom: 1em; padding: .2em 0; font-weight: bold; color: #71bd10;}
		#related h3 { background: transparent; }

	#categories h3 { font-size: 1em; color: #71bd10; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin-bottom: .5em; }
	
	h3.sub_heading { font-size: 1.6em; color: #999; line-height: 1.4em; margin-bottom: 1em; padding-bottom: .3em; background: url("images/dotted_line.gif") bottom left repeat-x; }
	
	#footer h3 { font-size: 1.8em; letter-spacing: -1px; color: #71bd10; margin-bottom: .3em;}
	
	h3.comments_headers { font-size: 1.8em; margin: 0 0 1em 0; background: url("images/dotted_line.gif") bottom left repeat-x; padding-bottom: .2em; }
	
	div.post h3 { font-size: 2em; color: #71bd10; margin-bottom: .5em; margin-top: .5em;  }
	
h4 {}

 		#recent_posts h4, #extra .extra_node h4, #global_archives h4, h4.latest { font-size: 1.4em; color: #71bd10; margin: 0 0 .3em 0; font-weight: bold; }
		
		#global_archives h4  { color: #fff; }
		
		h4.latest { margin-bottom: 1em; }
		
		#recent_posts h4, h4.latest { font-size: 1.6em;}

	div.cat h4 { font-size: 1.6em;  margin-bottom: .2em;}
	
	h4.category { font-size: 1.4em; font-weight: bold; margin-bottom: 1em; padding-bottom: .3em; background: url("images/dotted_line.gif") bottom left repeat-x;  }

p { margin-bottom: 1.5em; font-size: 1.2em; line-height: 1.5em; }

	#footer p { color: #ccc; }
	
	#sidebar p { margin: 0; padding: 0; }
		
        p.center { text-align: center; }
		
	div.single h2.post_title + p { font-size: 1.4em; color: #999; font-family: "Lucida Bright", Georgia, "Times New Roman", Serif; }

strong { font-weight: bold; line-height: 1.5em; }

em { background: #ffc; padding: 2px; }
	
blockquote { margin-left: 25px; padding: 10px; background: #f1f1f1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1.5em; clear: both; }
	
a { color: #267bda; }
a:visited { color: #666; }
a:hover { color: #33ccff; }

#footer a { color: #fff; }
#footer a:hover { color: #fff; text-decoration: none; }

h2.post_title a { color: #333; text-decoration: none; }

#logo a { display: block; width: 100%; height: 100%;}

div#quote a { color: #daffb4; }
div#quote a:hover { color: #fff; }

div#cats a, div#authors a { color: #fff; }
div#cats a:hover, div#authors a:hover { color: #71bd10; }

div.comment_meta a { color: #333; }
div.comment_meta a:hover { color: #999; }

#global_archives a { color: #fff; }
#global_archives a:hover { text-decoration: none; }

img { border: 0; }

	div.post img { max-width: 490px;  width: expression(this.width > 490 ? 490: true); }

	div.post img.left { float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; }
	div.post img.right { float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; }

	#about img { float: left; margin: 0 10px 3px 0; border: 1px solid #999; padding: 1px; }

div.clear { clear: both; }



.cpEmbedPageCommentBodyCollapseDivCustom {padding-top:5px}
.cpEmbedPageCommentFooterCustom {padding-top:5px}