@charset "utf-8";

/* CSS Document */





/*

Theme Name: plannedDiet

Theme URI: http://plannedDiet.com

Description: Design and Coded by Gordon French

Version: 1.0

Author: Gordon French

Author URI: http://gordonfrench.com/

Tags:



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/







/*



medium mud brown		=	#85695b
main content white		=	#fefaf7
stroke grey				=	#505047
orange					=	#c67e51
medium foot nav tan		=	#e2d6c3
medium login brown		=	#6a4d3b
dark link brown			=	#553e30
orange footer link		=	#cc8053
dark logo blue			=	#225958
dark grey				=	#51524a

*/



/* ------------------------------------- Main Structure ------------------------------------------------------- */

body				{ margin:0; background:url(images/bg.jpg) repeat-x #85695b; font-family:Arial, Helvetica, sans-serif}



.aligncenter { display:block; margin-left:auto; margin-right:auto; text-align:center}
.alignleft { float: left;}
.alignright {float: right;}


.highlight, #highlight		{ border:2px solid #f7a468; background-color:#f7d8c2}


.errorBox		{ position:relative; width:705px; border:2px solid #f7a468; background-color:#f7d8c2; padding:10px; margin:5px 0px}

.errorBox li	{ margin:0px 0px 0px 30px; font-size:90%; list-style:none}
.savedBox		{ position:relative; width:705px; border:2px solid #229585; background-color:#c2f7f0; padding:10px;  margin:5px 0px}



h1, h2, h3, h4		{ margin:0px 0px 0px 0px}
p				{ margin:0px 0px 5px 0px}


.cousor			{ cursor:pointer;}
.blue			{ color:#225958}
.mediumGrey		{ color:#5a5957}
.white			{ color:#FFF}
.green			{ color:#abb88d}
.red			{ color:#900}


.warning		{ border:#900 1px solid; padding:10px; background-color:#EED2D6}


/* no need to change the im-wrapper it simple allows everything to be centered */

.im-wrapper			{ width:100%; position:relative }
.im-footerWrapper	{ width:100%; position:relative; background: url(images/footerBg.png) repeat-x #553e30; min-height:120px; }



/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 

   when using the complex template

*/

.im-frame			{ width:1100px; text-align:left; clear:both; }



/* required stuff */

img, a img 			{ border:none}
a:active 			{ outline: none;}
a:focus				{ outline: none;}
a				{ text-decoration:none}







/* ------------------------------------- Header --------------------------------------------------------------- */

.im-header			{ position:relative; min-height:190px; padding:5px; }
.dietLogo			{ position:relative; margin:-15px 0px 0px -10px; float:left;}


.searchBox			{ position:absolute; width:370px; left:730px}
.searchField		{ float:right;}
.searchInput		{ height:24px; width:250px; font-size:110%; color:#85695b}
.searchBTN			{ position:relative; top:-1px; width:25px;}



.im-nav				{ position:absolute; top:164px; left:-2px}
.im-nav	a			{ color:#fdfbf7; font-weight:bold; padding-right:7px;  }
.im-nav	a + a		{ border-left:1px solid #b6a398; padding-left:7px}
.im-nav a:hover		{ color:#c67e51 }


.nav-right			{ position:absolute; left:755px; text-align:right; width:350px; top:166px; font-size:90%; z-index:3}


.logoBlock			{ position:absolute; width:800px; left:320px; top:80px; text-align:right}
.logoBlock	img		{ padding:5px}
.mcafee				{ margin-right:8px;}
.hostgator			{ position:relative; top:18px;}









/* ------------------------------------- Footer --------------------------------------------------------------- */

.im-footer				{ position:relative; min-height:110px; padding:5px 0px}
.im-footerNav			{ position:absolute; top:30px; font-size:80%; }
.im-footerNav	a		{ color:#e2d6c3; font-weight:bold; padding-right:7px; }
.im-footerNav	a + a	{ border-left:1px solid #8a7365; padding-left:7px}
.im-footerNav a:hover	{ color:#c67e51 }


#disclamer				{ position:absolute; top:55px; width:700px; font-size:60%; color:#a79080}
.smLogin				{ position:absolute; top:30px; left:794px; background:#6a4d3b; width:300px; 
							height:20px; padding:3px 3px 0px; font-size:80%; text-align:center; color:#e6d9d1}
.login					{  padding:0px 5px 0px 5px; color:#abb88d; font-weight:bold; font-size:110%}
.pass					{ color:#cc8053;}		.pass:hover, .login:hover	{ text-decoration:underline}

#copyright				{ position:absolute; left:655px; top:95px; color:#e6d9d0; font-size:60%; text-align:right; width:450px;}
#copyright a			{ color:#e6d9d0; padding:3px}	.copyright a:hover	{color:#cc8053;}

#validation				{ position:absolute; text-align:right; width:180px; top:65px; left:925px}









/* ------------------------------------- Content --------------------------------------------------------------- */

.im-contentFrame	{ width:1100px; text-align:left;  background:#fefaf7; border:solid 1px #505047; min-height:600px;}
.im-mainContent		{ position:relative; width:725px; padding:10px 5px 5px 20px; overflow:hidden; min-height:700px;   }







/* ------------------------------------- Sidebar --------------------------------------------------------------- */
/* the width oof the sidebar must be less then the width of the frame minus the 
   width of the content are minus any padding. In this example the frame is 1000
   the content is 670px + 5px padding on each side totaling 680px. Therefore the
   sidebar width must be less then or equal to 320px. The side bar has a width of 
   300px and a padding of 5px on each side totaling 310px, that will give us a
   margin of 10px between the content and the sidebar.
*/   

.im-sidebarRight			{ position:relative; width:300px; padding:15px 25px 5px 5px; float:right; font-size:90% }
.im-sidebarLeft				{ position:relative; width:300px; padding:5px 10px 5px 5px; float:left;  }


.im-sidebarRight ul			{ margin:0px 15px; padding:0px;}
.im-sidebarRight li			{ list-style:none; margin:0px 0px 0px 10px; width:260px;}
.im-sidebarRight li li		{ list-style:circle; margin:0px 10px; padding:0px 5px;}
.im-sidebarRight caption	{ font-weight:bold; color:#6a4d3b; text-align:left; font-style:italic;}
.im-sidebarRight a			{ color:#5b673f;}
.im-sidebarRight a:hover	{ color:#333a23; text-decoration:underline}



.widgettitle				{ position:relative; color:#242424; padding-bottom:3px; margin:20px 0px 10px -15px; border-bottom:double #e8d9cf}


#calendar_wrap				{ text-align:center; }
#wp-calendar				{ position:relative;}
#wp-calendar table			{ background:#d8cac2; border:none}
#wp-calendar th				{ background:#6e5b4f; color:#FFF; padding:3px}
#wp-calendar tr				{ background:#f7ede7;}
#wp-calendar tr.alternate	{ background:#ead5c8}
#wp-calendar td				{ padding:3px}







/* ------------------------------------- FORMS ------------------------------------------------------------------ */

.signUpForm				{ width:500px; background-color:#CCC; padding:1px 10px 10px}
.signUpForm .recaptcha	{ position:relative; left:100px;}


.fieldBlock				{ position:relative; width:730px; margin:10px 0px 15px 0px; padding:25px 0px 15px 0px; 
							border-top:1px solid #896f60; border-bottom:1px solid #896f60}
.label					{ position:absolute; color:#553e30; font-weight:bold; width:200px; font-size:100%; padding:5px 0px 0px}
.input					{ position:relative; height:45px; }
.field					{ position:absolute; width:300px; padding:3px; font-size:130%; color:#686a69; margin:0px 0px 0px 170px; top:0px; }

.intro					{ color:#242424}
.intro p				{ padding:0px 0px 5px; font-size:90%}
.intro h4				{ margin:15px 0px 5px 0px}
.desc					{ margin:-10px 0px 0px 170px; width:300px; font-size:80%; font-family:Georgia, "Times New Roman", Times, serif; color:#6a4d3b}

.small					{ margin-left:5px; font-family:Georgia, "Times New Roman", Times, serif; color:#6a4d3b; font-size:60%}
.dropdown				{ position:absolute; width:300px; padding:3px; font-size:130%; color:#686a69; margin:0px 0px 0px 170px }


.build					{ }


.blueBox				{ background-color:#225958; padding:10px; color:#afe4e3; font-size:90%;}
.blueBox b				{ color:#FFF}	.blueBox a			{ color:#FFF}
.brownBox				{ background-color:#6a4d3b; padding:10px; color:#dccac0; font-size:90%;}
.brownBox b				{ color:#FFF}	.brownBox a			{ color:#FFF}





/* ------------------------------------- Ads -------------------------------------------------------------------- */

.top728				{ width:728px; height:90px; margin:10px 0px 10px 0px; overflow:hidden}
.side300			{ position:relative; width:300px; height:250px; margin:5px 0px 0px 0px; left:-20px}













/* ------------------------------------- POSTS ------------------------------------------------------------------ */

.post					{ font-size:90%;}
.post a					{ color:#247c7b}
.post img				{ padding:0px 10px 0px 10px;}


.post h1, .post h2, .post h3	{ color:#242424; margin:5px 0px 0px 0px}
.post h4, .post h5, .post h6	{ color:#242424; margin:5px 0px 0px 0px}
.post h1 a						{ color:#242424; }



.singleTitle			{ border-bottom:double #e8d9cf; margin:5px 0px 0px 0px}

.postAuthor				{ font-size:80%; color:#b39887; margin-bottom:0px; text-align:right;}
.postAuthor	a			{ color:#85695b}
.postAuthor	a:hover		{ color:#553e30; text-decoration:underline;}

.post p					{ margin:0; padding:10px 0px; min-width:400px;}


.post .tags				{ color:#2f221b; background-color:#f2ebe6; width:720px; padding:5px; font-size:90%; margin:10px 0px 10px 0px}

.post .tags	a			{ color:#553e30}
.post .edit a			{ color:#7d1515; font-size:60%}
.post blockquote		{ margin:3px 20px; color:#3c322c}



.post ul 				{ padding:0; margin:0px 0px 0px 50px}
.post li 				{ color:#553e30; margin:0px 0px 5px 50px;}
.post ol 				{ list-style-type: decimal; color:#553e30; }
.post ol ol 			{ list-style-type: upper-alpha; }
.post ol ol ol 			{ list-style-type: upper-roman; }
.post ol ol ol ol 		{ list-style-type: lower-alpha; }
.post ol ol ol ol ol 	{ list-style-type: lower-roman; }



.post table				{ background:#d8cac2}
.post th				{ background:#6e5b4f; color:#FFF; padding:3px}
.post tr				{ background:#ead5c8;}
.post tr.alternate		{ background:#f7ede7}
.post td				{ padding:3px}


.even					{ background:#f9f3ef}
.odd					{ background:#f7ede7}

#commentsFrame			{ width:730px; }
#commentsFrame h3		{ margin:5px 0px 5px 0px}
#respond a				{ color:#85695b}
#respond a:hover		{ color:#553e30; text-decoration:underline;}


.commentlist .photo		{ float:left; padding:3px 5px 0px 3px}
ol.commentlist 			{ left:-20px; margin:3px 0px; padding:0px}
.commentlist li			{ list-style:none; margin:10px 0px; padding:5px}
.commentlist a			{ color:#242424}
.commentlist .url		{ font-size:110%; font-weight:bold; font-style:normal}


.commentlist .reply		{ margin-bottom:5px}
.commentlist .reply a	{ color:#abb88d; font-weight:bold; }
.commentlist .reply a:hover	{ color:#73834f; text-decoration:underline; }


.comment-meta a			{ color:#757670}

.addthis_container		{ position:relative; left:-10px; top:10px;}



.previous_next a		{ color:#cc8053}
.previous_next a:hover	{ color:#242424}





/* ------------------------------------- CATEGORIES --------------------------------------------------------------- */

.category h1 a			{ color:#242424; font-size:80% }
.category h1 a:hover	{ color:#5c6e32 }
.category				{ font-size:90%; border:1px solid #242424; margin:0px 0px 10px;  padding:10px; width:706px}
.category p				{ margin:0; padding:5px 0px}



.category .tags			{ color:#2f221b; width:715px; font-size:70%; margin:10px 0px 0px 0px}
.category .tags	a		{ color:#553e30}
.pageLinks a			{ color:#743108}
.pageLinks a:hover		{ color:#3a2010}


.catList				{ margin:0px 0px 20px -3px;}
.catList li				{ list-style:none}
.catList a				{ background:#6a4d3b; font-size:70%; padding:1px 3px; float:left; margin:0px 3px 3px; color:#fefaf7}				
.catList a				{ }
.catList a:hover		{ background:#5c6e32; padding:1px 3px; }

.recaptcha	hr			{ display:none;}


.pinglist				{ position:relative; left:0px; width:730px; padding:0px}
.pinglist li			{ list-style:none}
.pinglist .says			{ display:none; }
.pinglist .comment-meta	{ display:none;}
.pinglist p				{ display:none;}
.pinglist .reply		{ display:none;}
.pinglist .vcard		{ padding:3px 10px;}




/* ------------------------------------- AUTHOR --------------------------------------------------------------- */
.author					{ font-size:90%;}
.author h3				{ margin:-10px 0px 0px}
.authorDesc				{ width:300px; font-size:90%}

.mySocial				{ width:430px; height:50px; position:absolute; top:20px; left:328px;}
.mySocial img			{ float:right; padding:3px;}



.fullBio				{ clear:both; margin:30px 0px;}
.myWebsite				{ margin:30px 0px;}















/* ------------------------------------- MY VILLAGES --------------------------------------------------------------- */

#myFrame		{ font-size:90%;  background-color:#51524a; border:1px solid #51524a; margin-top:15px;}
#myFrame table	{ border:none;}
.myKey			{ height:35px; padding:5px 0px 0px 0px; text-align:center;}
.myKey	a		{ color:#FFF;}
.myKey	img		{ width:30px; height:30px; padding:0px 5px 0px 5px; }
.myPages		{ position:relative; left:740px; width:300px; text-align:right; margin:-23px 0px 10px 0px; height:20px; color:#e2d6c3}
.articleCount	{ color:#e2d6c3; text-align:center; font-size:90%;}



.v_title		{ position:relative; top:-7px; font-weight:bold; color:#e1f9e4; padding-right:20px;}
th.title		{ width:690px; text-align:left;}
th.comm			{ width:110px; text-align:left;}
th.hit			{ width:60px; text-align:left;}
th.pub			{ width:100px; text-align:left;}



#myFrame table		{ border:none}	
#myFrame th			{ color:#fefaf7; font-weight:normal}
#myFrame th a		{ color:#FFF}
#myFrame th a img	{ position:relative; top:3px;}
#myFrame tr			{ border:none}


.myVTitleTrash		{  margin:0; padding:0; font-weight:bold; color:#7eac83}
.myVTitle			{  margin:0; padding:0; font-weight:bold; color:#455b47}
.myVTitleReview		{  margin:0; padding:0; font-weight:bold; color:#903}
.hiddenLinks		{ font-size:70% }










/* ------------------------------------- TOOLS --------------------------------------------------------------- */
.toolFrame			{ position:relative; background-color:#e2d6c3; padding:5px 10px; font-size:90%; margin:0px 0px 4px}
.toolFrame a		{ color:#242424; }
.toolFrame a:hover	{ text-decoration:underline;}
.toolFrame p		{ margin:0px 0px 10px 0px}


#calcFrame				{ margin:10px 0px; background-color:#553d30; padding:10px 10px; 
							width:500px; text-align:left; border:3px solid #32160e}
#calcFrame .field		{ position:relative; padding:3px; font-size:80%; color:#686a69; top:0; margin:0;  width:auto }
#calcFrame .formfield	{ background-color:#8f7666; padding:0px 10px;}
.radio					{ position:relative; z-index:2;  width:300px; padding:5px; font-size:130%; color:#fefaf7; margin:3px 0px 5px 150px; top:0px; }

#calcFrame .label		{ color:#dfcdc0; padding:5px 0px 0px; font-size:120%;}
#calcFrame .desc		{ margin:-10px 0px 0px 0px;  font-size:80%; color:#abb88d}
.advance				{ background-color:#305756; width:190px; padding:3px 5px; text-align:center}
#calcFrame .title		{ background-color:#32160e;  padding:3px 5px; text-align:center;}

#what					{ font-size:90%; color:#242424;}
#what p					{ color:#6a4d3b}







/* ------------------------------------- HOME ---------------------------------------------------------------- */

#homeCat				{ position: relative; width:750px;  left:-15px; margin-top: 40px;}
.catBlock				{ margin:10px 5px 8px 15px; width: 332px; float: left; height: 195px; 
							background-color:#f7ede7; padding:10px; border:1px solid #242424;}

.subCatList				{ margin-top:5px;}
.catTitle				{ border-bottom:double #e8d9cf}
.catTitle a				{ color:#242424 }
.catTitle a:hover		{ color:#247c7b }
.catItem				{ background:#6a4d3b; font-size:55%; padding:1px 3px; float:left; margin:0px 3px 3px}
.catItem a				{ color:#fefaf7}
.catItem:hover			{ background:#5c6e32; padding:1px 3px; }



#homeCat h4				{ margin:0px;}
#homeCat h4	a			{ color:#54544c}
#homeCat h4	a:hover		{ color:#5c6e32}
#homeCat p				{ font-size:80%; padding-left:10px;}
.homePostFrame			{ height:100px;}




#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10	
	{ width:23px; height:17px; background-color:#e2d6c3; float:right; padding:3px;
										margin:3px; margin-top:-25px; text-align:center; color:#FFF}
#box6, #box7, #box8, #box9, #box10	{ float:left;}

#new1, #new2, #new3, #new4, #new5, #new6, #new7, #new8, #new9, #new10	
	{ position:absolute; left:0px; top:-20px; font-size:90%; border:1px solid black; margin:0px 0px 10px;  padding:10px; width:706px;  }





.category .tagsHome			{ color:#b39887; width:715px; font-size:70%; margin:10px 0px 0px 0px}
.category .tagsHome	a		{ color:#e2d6c3}
.postAuthorHome				{ font-size:80%; color:#b39887; margin-bottom:0px; text-align:right;}
.homeTitle a				{ color:#242424}





.addthis_container    { margin:0px 50px -13px 150px; padding:0px; width:190px; clear:both}

#dd_left              {position:relative; left:-3px; top:5px;}
#dd_after			  { position:relative; left:20px;}


.rssEntree p { margin-top:-10px;}