/*
Theme Name: F&Tfile
Description: Wordpress theme for Frugal and thriving. Styled from a combination of the starkers theme and the typographywp theme.
Author: Melissa Goodwin
Author URI: http://frugalandthriving.com
Tags:
*/


/* COLOURS:
		dark blue: 	#0020ff
		light blue: #2943fc
		green:		#34ee11
		purple:		#c60ef5
		orange:		#fb8d11
		gray:		#
		dark gray:	#
		*/
		
/* RESET*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

img#wpstats{width:0px;height:0px;overflow:hidden}

/*BASIC STRUCTURE*/

body		{font-family:Verdana, Geneva, sans-serif;
			background: #fcf5e3 url(images/tiledbg2.jpg) repeat; text-align: center;}

#wrap		{margin:10px auto;
			background: #ffffff ;
			overflow:hidden;
			border:5px solid #eee;
			width:980px;
			padding:0px 10px 0px 10px;
			text-align: left;}
			
h1 {
	font-size:18px;
	line-height: 26px;
	font-family: Verdana, Georgia;
	color: #3b2f05;	
	padding-bottom: 10px;
	text-transform: uppercase;
}

h3 {	color: #3b2f05;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif; 
	font-size:16px;
	line-height:22px;}
			
p {
	font-size: 14px;
	line-height:18px;
	word-spacing:1px;
	margin-bottom:10px;
	text-align: justify;
	color: #252525;}
	
blockquote em{
	text-align: center;}
			
a, a:visited, a:active {
	color:#8cbe00;
	text-decoration:none;
}
a:hover {
	color:#fb8d11;
	text-decoration:none;}			
	
.right	{
	float: right;
	}
.left	{
	float: left;
	}
.center {
	text-align: center;}
	
.underline  {
	text-decoration: underline;}
	
.postcontent ul {
	margin:0px 0px 15px 20px;
	width:580px;
	padding:3px 10x 3px 15px;;
	}
	
.postcontent ol {
	margin:0px 0px 15px 20px;
	width:580px;
	padding:3px 10x 3px 15px;}
	
.postcontent ul li{
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left:10px;
	margin-right: 10px;
	list-style-type: circle;
	text-align: justify;
	color: #252525;}
	
.postcontent ul ul{
	width: 550px;
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left:20px;
	margin-right: 10px;
	list-style-type: circle;
	text-align: justify;
	color: #252525;}
	
.postcontent ol li{
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: decimal;
	text-align: justify;
	color: #252525;} */
/*------------------------------------------------------------------------------------------------------------------------------------------*/				

/*PAGE NAVIGATION BAR*/

#menu {
	width:980px;
	margin:10px auto 0 auto;
	background-color:#fff;
	background:url(images/line.png) repeat-x bottom left;
	height:40px;
	z-index: 2;}

#menu ul {
	list-style-type: none;
	float: left;
	font-family: "Gill Sans MT", Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width:640px;}

#menu ul li {
	float: left;
	display: block;
	height:27px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px;
	text-transform:uppercase;
	font-size:10px;
	line-height:14px;
	font-weight:lighter;
	letter-spacing:1px;
	text-decoration: none;
	position: relative;
	}
	
#menu ul li a:link, #menu ul li a:active{
	float: left;
	color: #666;
	text-transform: uppercase;
	display: block;
	height:19px;
	padding:5px 20px 0px 20px;
	margin: 0px;
	text-decoration: none;}
	
#menu ul li a:visited {
float: left;
	color: #666;
	text-transform: uppercase;
	display: block;
	height:19px;
	padding:5px 20px 0px 20px;
	margin: 0px;
	text-decoration: none;}

	
#menu ul li a:hover	{
	float: left;
	color: #c60ef5;
	text-transform: uppercase;
	display: block;
	height:19px;
	padding:5px 20px 0px 20px;
	margin: 0px;
	text-decoration: none;}	
	
#menu li ul {
	position: absolute;
	background: white;
	border-bottom:1px dashed #ddd;
	border-left: 1px dashed #ddd;
   	left: 0;
	top: 100%;
	width: 100%;
	display: none;
	z-index:500;
}


#menu li li {
	border-top: 1px dashed #ddd;
	border-right: none;
	width: 100%;
	padding: 0px 0px 5px 0px;	
   }
  
#menu li li a {		
	}

#menu li:hover ul {display: block;}


/*Search box on menu bar*/

#menu .searchbox {
	width:300px;
	padding: 2px 0px 0px 15px;
	overflow:hidden;

}
#menu .searchbox .searchformtop {
	font: normal 14px Verdana, Helvetica, sans-serif;
	border:none;
	background: url(images/searchformtop.png) no-repeat top right;
	overflow:hidden;
	color:#000;
	margin:0px;
	float:left;
	width:227px;
	height:22px;
	padding:6px 5px 0px 5px;
}
#menu .searchbox input.gosearch {
	width: 63px;
	height: 28px;
	color: #000;
	margin:0px;
	float:left;
	background: url(images/searchbutton.png) no-repeat;
}
#menu .searchbox input.gosearch:hover { color: #c60ef5;
}


/*------------------------------------------------------------------------------------------------------------------------------------------*/	

/*HEADER*/

#header 		{
			width:960px;
			margin:0 auto 10px auto;
			height:130px;
			background:url(images/line.png) repeat-x bottom left;
			clear: both;}
			
#header .logo {
				width:422px;
				height:121px;
				padding:1px;
				margin:0px;
				overflow:hidden;
				float:left;
				clear: both;
				z-index: 1;}
								
#header.logo h1 	{color:#fff;}

#header.logo a:link 	{color:#fff;}

#header.logo a:visited 	{color:#fff;}

/*HEADER RSS FEE*/

#header .rss	{
	display: block;
	width: 390px;
	height: 80px;
	padding: 8px;
	padding-top: 10px;
	margin-top: 10px;
	padding-right: 10px;
	overflow: hidden;
	float: right;
	}
	
#header .rss .sub {
	display: block;
	margin: 5px;
	padding: 5px;
	}
	
#header .rss .sub a {
	color: #666;
	}

#header .rss .sub a:hover {
	color: #666;
	}

.subscribe	{
	font-weight: bold;}
	
#header .rss .sub ul	{
	float: right;
	display: block;}
	
#header .rss .sub .icon	{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	}
	
#header .rss .sub .icon .left	{
	float: left;
	width: 100%;
	display: block;
	clear: none;
}
	
#header .rss .sub .icon .right ul li {
	float: right;
	width: 100%;
	display: block;
	clear: both;
}	
/*------------------------------------------------------------------------------------------------------------------------------------------*/

/*MAIN CONTENT CONTAINER*/

#container {
	width:960px;
	padding:10px 10px;
	margin:0 auto 10px auto;
	overflow:hidden;
	background-color: white;
	}

/*------------------------------------------------------------------------------------------------------------------------------------------*/	

/*POST FORMATTING*/

#posts {
	width:620px;
	float:left;
	background:url(images/postbg.png) repeat-y top right;
	padding-right: 10px;
	overflow:hidden;
	font-size:13px;
	list-style-type: disc;}
				
#posts .post {
	width:620px;
	overflow:hidden;
	margin:0px 0px 15px 0px;
	}
	
/*post header*/

/*DATE*/

#posts .datebox {
	width:48px;
	height:43px;
	padding:5px 0px 0px 0px;
	float: left;
	margin: auto;
	}

#posts .datebox .day{
	font-family: Verdana, Georgia, Times, serif;
	font-size:24px;
	text-align: center;
	font-weight:lighter;
	line-height:20px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#posts .datebox .month{
	font-family:Verdana, Georgia, Times, serif;
	font-size:14px;
	color: #666;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align: center;
}

/*TITLE*/

/*#posts .post .heading {
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	}*/

#posts .post  h1 {
	font-size:18px;
	line-height: 26px;
	font-family: Verdana, Georgia;
	color: #367126;
	width: auto;
	height: auto;
	text-align: left;
	text-transform: uppercase;
}
#posts .post  h1 a, #posts .post .pinfo li.liright h1 a:visited {
	color:#367126;
	text-decoration:none;
	text-transform: uppercase;
	
}
#posts .post  h1 a:hover {
	color:#fb8d11;
	text-decoration:none;}
	
	
/*post content*/
	
#posts .post .postcontent {
	clear: both;
	font-size:14px;
	padding:5px;
	margin:0px;
	}

#posts .post .postcontent img{
		margin: 5px;}

	
#posts .post .postcontent p {
	line-height:18px;
	word-spacing:1px;
	margin-bottom:15px;
	text-align: justify;}

#posts .post .postcontent h1, #posts .post .postcontent h2, #posts .post .postcontent h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#posts .post .postcontent h1 {
	font-size:18px;
	line-height: 26px;
	font-family: Verdana, Georgia;
	color: #3b2f05;
	text-transform: uppercase;
}
#posts .post .postcontent h2 {
	font-size:18px;
	line-height:24px;
}
#posts .post .postcontent h3 {
	font-size:16px;
	line-height:22px;}	

#posts .post .postcontent .center  p{
	text-align: center;	}
	
#posts .post .postcontent .underline p {
	text-decoration: underline;}
	
.photocap  {
	color: #666;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 2px;
	text-align: center;}
	
#posts .post .postcontent ul {
	margin:0px 0px 15px 20px;
	width:580px;
	padding:3px 10x 3px 15px;;
	}
	
#posts .post .postcontent ol {
	margin:0px 0px 15px 20px;
	width:580px;
	padding:3px 10x 3px 15px;}
	
#posts .post .postcontent ul li{
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left:10px;
	margin-right: 10px;
	list-style-type: circle;
	text-align: justify;
	color: #252525;}
	
#posts .post .postcontent ul ul{
	width: 550px;
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left:20px;
	margin-right: 10px;
	list-style-type: circle;
	text-align: justify;
	color: #252525;}
	
#posts .post .postcontent ol li{
	padding:5px 5px 5px 10px;
	line-height: 18px;
	word-spacing: 1px;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: decimal;
	text-align: justify;
	color: #252525;}

#posts .post .postcontent a, a:active, a:visited{
	color: #8cbe00;}
	
#posts .post .postcontent a:hover{
	color: #fb8d11;}

/*links at end of post*/

#posts .post .postcontent .tags a, a:active, a:visited 	
							{color: #fb8d11;}
#posts .post .postcontent .tags a:hover	{color: #8cbe00; }

.contact 	{
	width:400px;
	overflow:hidden;
	padding-left:90px;
	padding-right:10px;
	margin-left: 50px;
	margin-top: 20px;
	border:1px solid #ddd;}
	
.relatedposts	{
	width: 530px;
	border: 1px solid #ddd;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	}
	
.relatedposts  ul li a, a:active, a:visited{
	color: #8cbe00;
	width: 95%;
		}
.relatedposts a:hover {
	colour: #fb8d11;
	}
.action	{
	background-color: #ececec;
	width: 530px;
	border: 1px solid #ddd;
	margin: 10px;
	padding: 10px;}

/*------------------------------------------------------------------------------------------------------------------------------------------*/	
	
/*LEFT COLUMN*/

/*#lside 	{
	float: left;
	width:130px;
	padding:0px 0px 10px 10px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	font-size:12px;}

#lside a, a:active, a:visited  a:hover {	
				line-height: 18px;
				word-spacing: 1px;
				}
				
#lside a, a:active, a:visited 	
				{color: #666;}
							
#lside a:hover	{color: #c60ef5; }

#liside h1, h2, h3 {color: #0020ff;
				font-family:Verdana, Georgia, "Times New Roman", Times, serif;
				}
				
#lside h1 {
	font-size:18px;
	line-height:24px;
}
#lside h2 {
	font-size:16px;
	line-height:22px;}
	
#liside h3	{font-size:14px;
			line-height:20px;}
			
#lside .categories	{
	margin-top: 5px;}*/
	


/*------------------------------------------------------------------------------------------------------------------------------------------*/							
	
/*RIGHT COLUMN*/

#rside {
	float:right;
	width:300px;
	overflow:hidden;
	color:#444;
	padding:0px 0px 10px 10px;
	margin:0px 0px 10px 10px;
	/*background:url(images/sidebg.png) repeat-y top left;*/
	font-size:12px;	}
	
#rside a, a:active, a:visited  a:hover {	
				line-height: 18px;
				word-spacing: 1px;
				color: #666;
				}

#rside a, #rside a:visited {
	color:#8cbe00;
	text-decoration:none;
}
#rside a:hover {
	color:#fb8d11;
	text-decoration:none;
}
#rside h2 {
	font-family:Verdana, Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;
	padding:0px 0px 5px 0px;
	font-weight:lighter;
	font-size:22px;
	color:#367126;
	border-bottom:1px solid #ddd;
}
#rside ul {
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:5px 0px 5px 0px;
}

#rside li {
	list-style:none;
	}
	#rside .text p {line-height:22px;
		word-spacing:1px;
	margin-bottom:10px;
	text-align: justify;}
	
#rside a, a:active, a:visited  a:hover {	
				line-height: 18px;
				word-spacing: 1px;
				}
				
#rside a, a:active, a:visited 	
				{color: #8cbe00;}
							
#rside a:hover	{color: #c60ef5; }

#rside h1, h2, h3 {color: #367126;
				font-family:Verdana, Georgia, "Times New Roman", Times, serif;
				}
				
#rside h1 {
	font-size:18px;
	line-height:24px;
}
#rside h2 {
	font-size:16px;
	line-height:22px;}
	
#rside h3	{font-size:14px;
			line-height:20px;}
			
#rside .textbox {
	width: auto;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	}
#rside .textbox h3 {
	text-align: center;}
	
#rside .textbox p	{
	text-align: center;
	font-size: 12px;
	font-weight: bold;}

a .lighter {
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 0;
	}
	
#rside .textbox .lightbulb	{
	background-image: url(images/lightbulb1.jpg);
	
	margin: 1px;
	float: left;
	}

/*---------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------*/	

/*FOOTER*/

#footer {
	background:url(images/lineb.png) repeat-x top left;
	width:940px;
	margin:0px auto 0px auto;
	padding:10px 20px;
	overflow:hidden;
	clear: both;}
	
#footer a, a:visited, a:active 	{color: #8cbe00; }

#footer a:hover					{color:	#c60ef5;}

#footer p {
	line-height:22px;
	word-spacing:1px;
	margin-bottom:10px;
	text-align: justify;
	color: #666;
	float: left;}

#footer .firefox	{
	float: right;
	margin-left: 20px;}

.dealsbanner	{
	margin-left: 40px;
	float: right;}
/*------------------------------------------------------------------------------------------------------------------------------------------*/

/*COMMENTS*/

#comments {
	width:580px;
	overflow:hidden;
	padding:2px;
	margin: 10px;}

#comments h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
}
#listcomments {
	width:450px;
	list-style:none;
	padding:2px;
	margin:10px 0px 0px 0px;
	overflow:hidden;
}
#listcomments li {
	width:95%;
	margin:0px auto 20px auto;
	border:1px solid #ddd;
	border-top:4px solid #ddd;
	padding:10px;
	overflow:hidden;
}
#listcomments li .moder {
	color:#C03
}
.vcard {
	overflow:hidden;
}
.vcard img {
	float:left;
	padding:3px;
	margin:0px 10px 4px 0px;
	border:1px solid #ddd;
	background-color:#e9e9e9;
}
.says {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
}
.commentmetadata {
	font-family:"Gill Sans MT", Georgia, Verdana, Times, serif;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.comtext {
	font-size:11px;
	border-top:1px solid #ddd;
	overflow:hidden;
	margin-top:5px;
	padding-top:5px;
}
.comtext p {
	line-height:16px;
	word-spacing:1px;
}
.comtext img {
	border:none;
	padding:0;
	margin:0;
}
.reply, .cancel {
	width:95%;
	margin-bottom:10px;
	overflow:hidden;
}
.reply a, .reply a:visited, .cancel a, .cancel a:visited {
	width:55px;
	height:18px;
	background:url(images/reply.png) no-repeat;
	float:right;
	font-family:"Gill Sans MT", Georgia, Verdana, Times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
	padding:3px 0px 0px 25px;
	color:#999999;
	text-decoration:none;
}
.reply a:hover, .cancel a:hover {
	text-decoration:none;
	color:#666
}
.cancel a, .cancel a:visited {
	background:url(images/close.png) no-repeat;
}
.children {
	padding:0px;
}
#respond {
	border:1px solid #ddd;
	width:95%;
	padding:10px;
	margin:10px 0px 10px 0px;
	overflow:hidden;
}
#respond small {
	font-family:"Gill Sans MT", Georgia, Verdana, Times, serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
}
#respond input {
	width:95%;
	border:1px solid #ddd;
	padding:2px 2px 2px 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	color:#A9A9A9;
}
#respond textarea {
	width:95%;
	border:1px solid #ddd;
	padding:2px 2px 2px 2px;
	margin: 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#8F8F8F;
}
#respond input.submitcom {
	width: 175px;
	height: 30px;
	background: url(images/submitc.png) no-repeat;
	margin:10px;
	border:none;
}
#respond input.submitcom:hover {
	background: url(images/submitc.png) no-repeat 0 -30px;
	margin:10px;
	border:none;}

/*---------------------------------------------------------------------------------------------------------------------*/
/*TIPS PAGE*/

.tips	{
	padding-left:0px;
	text-align: center;
	}
	
.tips a, a:active, a:visited {
	line-height:20px;
	word-spacing:1px;
	margin-bottom:10px;
	color: #8cbe00;
	}

.tips p {
	text-align: center;}
	
.tips a:hover	{
	color: #c60ef5;
}

.tips .left {
	float: left;}

.tips .right	{
	float:right;}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*Books Pages*/

.books  {
	width: 500px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;}
	
.books td {
	padding:20px;
	margin: 10px;
	vertical-align: top;}
.books td a {
	color: #0020ff;}