/*  
Theme Name: Oak Flame
Theme URI: http://addictedtonew.com
Description: Design by oak, dev by me.
Version: 1.0
Author: John Nunemaker
Author URI: http://addictedtonew.com/
*/

@media screen, projection {
	/*
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version:2.5.0
	reset, fonts, and base
	*/
	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
	body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:0 0 20px;}ol,ul,dl{margin-left:35px;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:20px;}th,td{padding:5px;}th{font-weight:bold;}caption{margin-bottom:5px;text-align:center;}
	
/**
 * REDECLARATIONS
 */
	body																{font-family:Helvetica, Arial, sans-serif; background:url(/wp-content/themes/oakflame/images/body.gif); color:#141516;}
	h1,h1 a,h3,h3 a,h4,h4 a,
	h5,h5 a, strong, a									{color:#141516;}
	a:hover															{text-decoration:none;}
	blockquote													{margin:20px 50px; font-style:italic;}
	pre																	{overflow:auto; border-top:1px solid #ccc; background:#F6F6F6; margin:20px 0; padding:15px 20px; line-height:1.2;}
	code                                {font-family:Courier, "Courier New", monospace; font-size:92%;}
	textarea														{width:100%;}
	strong                              {color:#222;}
	
/**
 * STYLE CHUNKS
 */
	.javascript .comment, 
	.ruby .comment,
	.css .comment,
	.html .comment 											{color:#91603A;}
	.javascript .string, 
	.ruby .string 											{color:#f72500;}
	.javascript .keywords, 
	.ruby .keywords 										{color:#C46114;}
	.javascript .global 								{color:blue;}
	.javascript .brackets, 
	.ruby .brackets 										{color:#C46114;}
	.css .properties 										{color:#C46114;}
	.css .selectors 										{color:#f72500;}
	.css .units 												{color:#f72500;}
	.css .urls 													{color:#91603A;}
	.html .tag 													{color:#C46114;}
	.html .string 											{color:#C46114;}
	.html .doctype 											{color:#f72500;}
	
	/* search */
	div#search													{margin:30px 0 0;}
	div#search h3 small a               {text-decoration:none;}
	div#search h3 small a:hover         {text-decoration:underline;}
	div#search #s												{width:155px;}
	div#addicted_results                {margin:20px 0;}
	div#addicted_results li             {border-bottom:1px solid #eee;}
	div#addicted_results a              {display:block; color:#666; padding:5px; font-size:93%; text-decoration:none;}
	div#addicted_results a:hover        {background:#666; color:#fff;}
	
	/* works */
	div#works                           {}
	div#works p.work                    {}
	div#works p.work img                {width:456px;}
	div#works p.work span.figure        {display:block; font-size:85%; background:#eee; margin:0; padding:5px 10px;}
	
	/* comments */
	div.single                              {min-height:500px;}
	ol.commentlist													{margin:0 0 0 -250px; padding:0;}
	ol.commentlist li												{margin:0 0 30px; list-style-type:none;}
	ol.commentlist li												{clear:left; float:left; display:inline; width:100%; border-top:1px dotted #ccc;}
	ol.commentlist li div.comment_info			{float:left; display:inline; width:230px; font-size:92%; margin:0 20px 0 0; padding:20px 0 0;}
	ol.commentlist li div.comment_info img 	{float:left; display:inline; width:45px; border:1px solid #ccc; margin:0 20px 20px 0; padding:1px;}
	ol.commentlist li div.comment_info span {display:block; margin:0 0 1px;}
	ol.commentlist li div.comment_text			{float:left; display:inline; width:460px; padding:20px 0 0;}
	ol.commentlist li div.comment_text p		{margin:0 0 20px !important;}
	
	/* pagination */
	div.navigation											{float:left; display:inline; width:100%;}
	div.navigation div.older					  {float:left; display:inline;}
	div.navigation div.newer						{float:right; display:inline; text-align:right;}
	div.browsing												{float:left; background:#eee; margin:30px 0 0; padding:20px;}
	div.browsing p											{margin:0 !important; padding:0;}
	
	div.post                            {margin:0 0 60px;}
	div.post_listing                    {margin:0 0 30px;}
	div.post_listing p                  {margin:0 0 20px;}
	#content div.post_listing h2        {margin:0 0 2px; padding:0;}
	#content div.post_listing h3        {margin:0 0 7px; font-size:13px; padding:0; color:#666;}
	
	/* code snippet plugin styling */
	.code-snippet												{margin:20px 0 20px 23px !important;}
	.code-snippet li										{margin:1px 0 1px 0; background:#E8F1E8;}
	.tab-1															{padding-left:10px;}
	.tab-2															{padding-left:20px;}
	.tab-3															{padding-left:30px;}
	.tab-4															{padding-left:40px;}
	.tab-5															{padding-left:50px;}
	.tab-6															{padding-left:60px;}
	
	/* archaic photo styles from old posts */
	.imgr 															{float: right; margin:0 0 10px 10px; border:1px solid #ccc; padding:1px;}
	.image, .photo 											{border:1px solid #ccc; padding:1px;}
	.right 			 												{float:right; margin:0 0 10px 10px;}
	.left 			 												{float:left; margin:0 10px 10px 0;}
	
	/* delicious links */
	p.delicious                         {margin:20px 0 25px !important; padding:10px 20px; background:#eee; border:1px solid #ccc;}
	div#links_container									{margin:20px 0 0;}
	div.link														{margin:0 0 30px;}
	div.link p.link_note								{margin:0 0 3px 20px !important;}
	div.link p.link_tags								{margin:0 0 0 20px !important; font-size:92%;}
	div.link p.link_tags a							{margin:0 5px 0 0;}
	
	/* ads */
	div.ads                             {margin:10px 0;}
	div#article_footer_ads              {margin:30px 0;}
	
/**
 * LAYOUT
 */
	div#wrapper													{float:left; display:inline; width:100%; background:#FD8C19 url(/wp-content/themes/oakflame/images/wrapper.gif) repeat-x;}
	div#wrapper_inner										{float:left; display:inline; width:100%; background:url(/wp-content/themes/oakflame/images/flame.jpg) no-repeat;}
	div#header													{float:left; display:inline; width:748px; padding:0 0 0 212px; background:#1C0500 url(/wp-content/themes/oakflame/images/header.gif) 0 100% no-repeat;}
	div#header strong										{color:#fff;}
	div#header h3 											{margin:0; padding:0; line-height:1; color:#fff;}
	div#header h3 a											{float:left; display:block; padding:9px 0; font-size:123.1%; font-weight:normal; color:#fff;}
	div#header a												{color:#fff; text-decoration:none;}
	div#header ul#nav										{float:right; display:inline; margin:5px 0 0; padding:0 39px 0 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
	div#header ul#nav li								{float:left; display:inline;}
	div#header ul#nav li a							{float:left; display:block; font-weight:bold; font-size:93%; margin:0 2px 0 0; padding:6px 12px 17px; background:url(/wp-content/themes/oakflame/images/nav.gif) 50% 100% no-repeat; line-height:1;}
	div#header ul#nav li a:hover				{text-decoration:underline;}
	div#header ul#nav li.active a				{background:#FD7D14 url(/wp-content/themes/oakflame/images/nav_hover.gif) 50% 100% repeat-x;}
	div#header ul#nav li.active a:hover	{text-decoration:none;}
	
	div#content													{clear:left; float:left; display:inline; width:960px; padding:0 0 100px; background:transparent url(/wp-content/themes/oakflame/images/content.png) repeat-y; color:#686868;}
	div#content_inner										{float:left; display:inline; width:960px; padding:28px 0 0; background:transparent url(/wp-content/themes/oakflame/images/content_inner.jpg) 100% 0 no-repeat;;}
	div#primary													{float:left; display:inline; width:460px; padding:56px 90px 0 0; border-left:410px solid #fff;}
	div#primary h1											{font-size:355%; line-height:1.1; margin:0 0 20px;}
	div#primary div.post h1             {margin:0;}
	div#primary h1 a										{text-decoration:none;}
	div#primary h1 a:hover							{color:#3F4040;}
	div#primary h2											{font-size:138.5%; margin:0 0 10px; color:#231F20;}
	div#primary h2 a										{color:#231F20;}
	div#primary h3											{font-weight:normal; font-size:138.5%; margin:0 0 20px;}
	div#primary p												{margin:0 0 25px; line-height:1.5;}
	div#primary a												{font-weight:bold;}
	div#secondary												{float:left; display:inline; width:159px; margin:0 0 0 -772px; padding:0 0 0 11px;}
	div#secondary h3										{margin:0 0 10px; padding:0; line-height:1;}
	div#secondary ul										{margin:0; padding:0;}
	div#secondary ul li									{margin:0 0 5px; padding:0; list-style-type:none;}
	div#about_this_site									{margin:0 0 10px;}
	div#about_this_site h3							{margin:0 0 32px -11px; padding:0;}
	div#about_this_site h3 a						{display:block; width:170px; height:277px; background:url(/wp-content/themes/oakflame/images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}
	div#about_this_site h3 a:hover			{background-position:0 -277px;}
	div#about_this_site p								{font-size:93%; line-height:1.5;}
	div#feed a 													{text-decoration:none; font-weight:bold;}
	div#feed a:hover 										{color:#333;}
	div#feed a img							 				{float:left; margin:-2px 5px 0 0;}
	div#bug															{margin:30px 0 0;}
	div#google_ads											{margin:30px 0 0;}	
	
	div#footer													{clear:both; float:left; display:inline; width:100%; padding:20px 0 56px 0; background:#001121; color:#fff; font-size:85%;}
	div#footer p												{margin:0 0 0 412px;}	
}

/*
10 	 77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/