/*
------------------------------------------------------------------------
Theme Name:JustLife
Theme URI:http://ajustlife.org
Description:Theme for ajustlife.org
Version:0.1
Author:Roger Simms
Author URI:http://allofthesepeople.com
------------------------------------------------------------------------
*/

/*
blue: 		background-color:rgb(12, 38, 42); 
dark yellow: 	background-color:rgb(249, 198, 29);
bright yellow:	background-color:rgb(255, 217, 0);
*/
/********** The Reset **********/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

a { text-decoration:none; color:#333; }
sup {position:relative; font-size:0.6em; height:0; line-height:1; vertical-align:baseline; margin:0 0 0 2px; bottom:0.5em;}
/********** Basics **********/
body, html	{ background-color:#fcfcfc; min-height:100%; height:100% !important; /*color:#333;*/ color:background-color:rgb(12, 38, 42); font-family:Baskerville, 'Palatino Linotype'; }
div#wrap	{ position:relative; width:960px;  min-height:100%; height:auto !important; margin:0 auto; background-color:#fff; }

div#header	{ position:relative; margin-bottom:15px; border-bottom:1px solid rgb(255, 217, 0); background: transparent url('leaves.jpg') no-repeat 40px right;}
div#main	{ position:relative; height:100%; margin-bottom:30px; padding: 0 0 20px 0; display:block; clear:both; }
div#footer	{ position:absolute; bottom:0px; line-height:30px; width:100%; border-top:1px dotted #ccc; }

.left		{ float:left; }
.right		{ float:right; }
h1, h2, h1 a, h2 a	{ color:rgb(12, 38, 42); font-variant:small-caps;}
strong 		{ font-weight:bold; }

/********** header **********/
div#top_bar		{ height:40px; line-height:40px; border-bottom:5px solid rgb(249, 198, 29); }
div#nav			{ margin:0 0 0 10px; width:60%; display:inline; float:left; color:rgb(12, 38, 42); }
#nav ul			{ }
#nav ul li		{ display:inline; margin:0 20px 0 0; font-variant:small-caps; font-size:16px; }

div#topsearch	{ position:relative; height:40px; line-height:40px; vertical-align: baseline; float:right; margin-right:5px;}
#topsearch form { position:relative; height:40px; line-height:40px; vertical-align: baseline; }
#topsearch label { font-variant:small-caps; font-size:14px; }
#topsearch input{ margin-top:10px; border:none; background-color:rgb(255, 255, 200); }
div.front_page div#header	{ height:200px; }
div.front_page h1		{ width:460px; text-align:right; font-size:72px; margin-top:20px; line-height:96px; background-color:transparent; }
div#tagline				{ margin:-20px 0 0 200px; width:260px; text-align:right; font-size:14px; background-color:transparent; color:rgb(12, 38, 42); }
div#tagline strong { font-weight:lighter; }
/********** main **********/

div#articles				{  }
div#articles h2				{ font-variant:small-caps; } 
div#articles p.info			{  } 
div#articles .content		{ font-size:12px; } 
div#articles .content p		{ text-align:justify; margin-bottom:1em; }
div#articles p.meta			{  } 


div#articles .archive 			{ position:relative; display:block; clear:both; float:none; margin:20px 120px 40px 120px; }
div#articles .archive .info		{ border-bottom:1px dotted rgb(255, 217, 0); }
div#articles .archive .infor	{ width:250px; float:right; margin-top:20px;}
div#articles .archive h2		{ font-size:36px; padding-top:5px; margin-top:10px; }
div#articles .archive p.author 	{ font-size:14px; color:#aaa; margin-bottom:12px; padding-bottom:12px; }
div#articles .archive p.date	{ text-align:right; font-size:12px; color:#aaa; line-height:16px;}
div#articles .archive p.comdata	{ text-align:right; font-size:12px; color:#aaa; line-height:16px;}
div#articles .archive .content	{ display:block; clear:both; }
div#articles .archive .text 		{ margin:16px 70px; }
div#articles .archive .text p	{ font-size:15px; line-height:24px;  }

div#articles .recent 			{ width:440px; margin:20px; }
div#articles .recent h2			{ font-size:36px; line-height:48px; border-top:2px solid rgb(255, 217, 0); border-bottom:1px dotted rgb(12, 38, 42); color:rgb(12, 38, 42); }
div#articles .recent p.info 	{ line-height:32px; text-align:right; }
div#articles .recent p			{ font-size:13px; line-height:18px; }
div#articles .recent p.meta		{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top: 20px; line-height:24px; text-align:right; background-color:rgb(12, 38, 42); color:#fff; padding-right:5px; }
div#articles .recent p.meta a	{ color:#fff; }

div#articles .single			{ position:relative; display:block; clear:both; float:none; margin:20px 120px 40px 120px; }
div#articles .single h2			{ font-size:36px; padding-top:5px; margin-top:10px; }
div#articles .single p.author 	{ font-size:14px; color:#aaa; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted rgb(255, 217, 0);}
div#articles .single p.date		{ text-align:right; font-size:12px; color:#aaa; line-height:16px;}
div#articles .single p.comdata	{ text-align:right; font-size:12px; color:#aaa; line-height:16px;}
div#articles .single .text 		{ margin:16px 70px; }
div#articles .single .text p	{ font-size:15px; line-height:24px;  }




div#comment_section			{ border-top:1px solid rgb(255, 217, 0); padding-top:20px; margin:0 40px; }
div#comment_section h3		{ margin-top:20px; }
ol.commentlist 				{ margin:20px 0; }
ol.commentlist li			{ margin-left:25px;}
ol.commentlist li div.comment-author	{  }
ol.commentlist li div.comment-meta	{  }
ol.commentlist li p			{ margin: 0 160px 1em 240px; line-height:24px; text-align:justify; font-size:14px; }
ol.commentlist li div.reply	{ text-align:right; margin-right:160px; }

div#respond					{ border-top:1px solid rgb(255, 217, 0); padding-top:20px; margin:0; }

div#col2		{ position:absolute; left:480px; width:240px; border-left:1px solid #ddd; border-right:1px solid #ddd; height:100%; min-height:100%; }
.side_sec 		{ margin:20px; }
#col2 h2, #col3 h2		{ font-size:24px; border-bottom:2px solid #ddd; line-height:48px;	}
#col2 p, #col3 p		{ font-size:13px; margin:10px 0; line-height:18px; }

div#col3		{ position:absolute; left:720px; width:240px; }


div.side_sec h3		{ margin-top:10px; line-height:20px; border-bottom:1px solid #ddd; }
div.side_sec ul		{ margin-top: 10px; }
div.side_sec ul li 	{ font-size:12px; line-height:15px; }
div.side_sec ul li strong { font-weight:bold; }

/********** footer **********/
div#footer p 	{ font-size:11px; color:#777; text-align:center; font-variant:small-caps; }
img#wpstats{display:none}