/*
Theme Name: Frugal Style
Theme URI: 
Description: The Frugal Style
Version: 1
Author: Jeremy@Papertree
Author URI: http://papertreedesign.com
Tags: 
*/
/*

1.Typography
2.Setup
3.Header
4.Top-Navigation

*/ 

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

body { 
	font: 57% 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
	color:#000000; 
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
}
form {
	margin: 0px;
}
#header.header-color{background-color:#FFF}

/* 1.TYPOGRAPHY
***************************************************/
h1,
h2,
h3,
h4,
.meta-top                                           {font: 60% "Century Gothic","Helvetica Neue", "Apple Gothic", Helvetica, sans-serif;}

h1, h2                                              {font-size: 2.1em; margin-bottom:0.1em; }
h3                                                  {font-size:2.0em; margin:1em 0 0 0}
h1 a, h2 a, h3 a,
 h1 a:visited, 
 h2 a:visited, 
 h3 a:visited                                       {color:#666666; text-decoration:none }
 
#page h1                                            {font-size:3.1em}
#right-col h4                                       {font-size:1.1em;line-height:1.4em;text-transform:lowercase;}

p                                                   {font-size:1.3em; line-height:1.4em; margin:.3em 0 1.3em 0 }

a, a:visited                                        {color:#666666;text-decoration: none}


/* 2.SETUP PAGE
*************************************************/
#page-outer 
{
	padding-left: 0px;
	margin: 0px auto 0px auto;
	width: 1200px;
	background-image: url(images/back_tartan_3.png);
	background-repeat: repeat-xy;	
	background-position: center top;		
}
#page                                               {
	width:960px; 
	padding-left: 4px;
	text-align: left;
	margin:0px auto 0px auto;
	/*border-top: solid 5px #ffffff;*/
	overflow:hidden;
	/*position: absolute;*/
	/*margin-left: 5px;*/
	/*margin-left: 109px;*/
	/*background-color:#FFF;*/
}

#header                                             
{
	margin-bottom:0px;
	border-top: solid 5px #ffffff;
	background-image: url(images/header/header_new_main.jpg);	
	background-repeat: no-repeat;
	width: 960px;
}

/*background:url('images/vertical.png') top left repeat-y;*/ 
#container 	
												
{
	margin-top:10px;
	overflow:hidden;
	padding:0px 0px 0 0px;	
}

/*body#home #left-col                                 {float:left; min-height:1200px; width:170px;overflow:hidden; padding:20px 0px 0 0;margin-right: 18px;}*/

.container-table td
{	
	vertical-align: top;
}
.cell-left 
{
	background-image: url(images/whitecolumn.png);
	background-repeat: repeat-y;
	background-position: left;	
}
.cell-middle 
{
	background-color: #ffffff;
}
.div-pad-left 
{
	width: 6px;
	height: 10px;
	
}
.cell-right 
{
	background-image: url(images/whitecolumn.png);
	background-repeat: repeat-y;
	background-position: right;	
}

#center-col											
{
	height: 100%;
	width:558px;
	overflow:hidden;
	margin-right: 4px;
	margin-top: 5px;
	padding:10px 10px 0px 10px;		
}

#left-col                                           
{
	float:left;  
	height: 100%;
	width:170px;
	overflow:hidden; 
	padding: 20px 0px 10px 10px;
	/*margin-right: 9px;
	margin-left: 9px;*/

}

/*#left-col-shop                                      {float:left; width:575px; padding:0 10px 0 10px;border-left:4px dotted #CCC;border-right:4px dotted #CCC; }*/

#right-col                                          {
	float:left; 
	width:170px; 
	min-height:1200px;
	margin-left: 5px;	
	padding: 10px 2px 10px 10px;
}

#faves li 
{
	margin-bottom: 10px;	
}
.faves_ad 
{
	text-align: center;
}

#footer                                             {float:left;width:100%; margin-bottom:0px;padding-top:30px; border-bottom: solid 10px #ffffff; background:#89963b url(images/footer_4.jpg) top right no-repeat}

/* 3.HEADER
************************************************/
#header                                             {height:200px}
#home #header, 
#pages #header                                      {background: url(images/header/header_new_main.jpg) no-repeat;}
#interior.news #header                              {background: url(images/header/header_frugalnews.jpg) no-repeat; }
#interior.fashion #header                           {background: url(images/header/header_fashionbeauty.jpg) no-repeat}
#interior.homestyle #header                         {background: url(images/header/header_home_style.jpg) no-repeat}
#interior.product #header                           {background: url(images/header/header_reviews.jpg) no-repeat}
#interior.crafts #header                            {background: url(images/header/header_craftsprojects.jpg) no-repeat}
#interior.recipes #header                           {background: url(images/header/header_recipes_2.jpg) no-repeat}
#interior.weddings #header							{background: url(images/header/header_weddings_2.jpg) no-repeat}
#interior.green #header								{background: url(images/header/header_greenideas.jpg) no-repeat}
#interior.kids #header								{background: url(images/header/header_kidsbaby.jpg) no-repeat}

.social 
{
	background-image: url(images/back_social.png);
	width: 160px;
	height: 213px;
	margin-left: 2px;
	margin-bottom: 0px;	
}
.social-img 
{
	width: 130px;
	height: 30px;
}
.social-join 
{
	background-image: url(images/todo.png);
	width: 80px;
	height: 30px;
	margin-top: 5px;
	margin-left: 38px;
}
.social-pad 
{
	height: 28px;
}
.social-facebook 
{
	background-image: url(images/facebook_social.png);
	width: 94px;
	height: 30px;
	margin-left: 26px;
	margin-right: 24px;	
}
.social-twitter 
{
	background-image: url(images/twitter_social.png);
	width: 78px;
	height: 30px;
	margin-left: 36px;
	margin-right: 34px;	
}
.social-flickr
{
	background-image: url(images/flickr_social.png);
	width: 74px;
	height: 30px;
	margin-left: 38px;
	margin-right: 36px;		
}
.frame 
{
	background-image: url(images/image-frame.jpg);	
	padding: 40px 40px 40px 40px;
	background-repeat: no-repeat;
	margin: auto auto auto auto;
	background-position: center;
	background-position-x: center;
	background-position-y: center;	
	
}

#sale-button    {
    background:url('images/pin.png') top left no-repeat;
    float:left;
	display:none;
    height:245px;
    left:80px;
    position:absolute;	
    top:220px;
    width:225px;
    z-index:999
}

.nav-container 
{	
	background-image: url(images/snowflakes.png);
	background-repeat: no-repeat;		
	background-position: center top;
	height: 140px;	
}
.nav-container ul li
{
	font-size:1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.link-sidebar h4
{
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.4em;
	color:#67b3a6;		
}
/* 4.TOP NAVIGATION
***********************************************/
.top-nav                                           
{
	border-top: solid 5px #ffffff;
	font:12px "Century Gothic","Helvetica Neue", "Apple Gothic", Helvetica, sans-serif;
	color:#ffffff; 
	line-height:1.4em;
	background-color: #797979;
	padding-left: 10px;
	padding-right: 10px;

}
.top-nav ul                                        
{
	float:right;
	display:inline;
	padding: 7px 20px 7px 20px; 
	/*padding:7px 20px 7px 40px;*/

}
.top-nav tr 
{
	background-color: #797979;	
	text-transform:uppercase;
	text-align: center;	
}
.top-nav td 
{
	color: #ffffff;	
	text-align: center;
}
.top-nav div 
{
	padding-top: 3px;
	padding-bottom: 3px;	
}
.top-nav a 
{
	color: #ffffff;	
	text-transform:uppercase;
	
}
.top-nav a:hover
{
	/*text-decoration: underline;*/
	text-transform:uppercase;
	color: #cccccc;	
}
.top-nav li            
{
	float:left; display:block;
	text-transform:uppercase;
	text-align: center;
	padding-left: 16px;
	padding-right: 20px;
	position:relative;
	color: #ffffff;
}

.top-nav ul li a,
 #top-nav ul li a:visited                          {color:#ffffff;}

.top-nav ul li a:hover                             {color:#ffffff;text-decoration: underline;}
/*
.top-nav li ul {
	width:150px;
	position:absolute;
	left:-10000px;
	display:none;
	margin:0;
	padding:2px;
	background-color:#f8f8f8;
	border:1px solid #dedede;
}

.top-nav li:hover ul                               {display:block;left:auto;}

.top-nav li li                                     {width:100%;margin:0;padding:5px;}

.top-nav li li a,
.naviagtion li li a:visited                        {color:#4a2916;text-decoration:none;}

.top-nav li li a:hover                             {color:#89963b;}
*/

/* 5.LEFT COLUMN
**********************************************/
/*** POST STYLE ***/
.post {
    background:url('images/horizon.png') left bottom repeat-x;
    overflow:hidden; 
    margin-bottom:50px;
    padding:0 10px 10px 10px;
}
.post h2.a 
{
	color: #6e6e6e;
}
.post_content a 
{
	color:#67b3a6;	
}
.post a:hover 
{
	text-decoration: underline;	
}
.meta-top
{
	font-size:1.3em; 
	margin-bottom:10px;
	color: #6e6e6e;
}
.meta-top a 
{
	color: #6e6e6e;
}

.post img.alignleft                                {padding: 5px 5px 0 0px}
.post img.alignright                               {padding: 5px 0 0 5px}

.post-meta a 
{
	color: #6e6e6e;	
}
.postmeta                                          {display:block;overflow:hidden;padding:4px 0 4px 0;width:100%}
    .readmore                                      {float:right}
    .share                                         {float:left}

/* 6.RIGHT COLUMN
************************************************/
.primary h3,
.secondary h3,
.secondary-shop h3                                 {color:#999;margin-bottom:5px;text-transform:lowercase}
#right-col a,
#right-col a:visited                               {color:#7d7d7d;  }

#right-col ul ul li                                {font-size:1.3em; line-height:1.4em; text-transform: lowercase }


.primary                                           {color:#999;float:left; width:148px; padding:10px;}
.primary   ul#ad                                            {margin:20px 0 20px 0}
.primary h2 { color:#999;text-transform: lowercase; }


#ad li
{
	margin-bottom: 10px;
}
#circles li {
	margin-bottom: 10px;
}
.secondary {
	float:left; 
	width:148px;
	padding:10px 10px 10px 15px;
	color: #ffffff;
}
	.secondary ul ul                               
{
	padding-bottom:20px;
	min-height: 190px;
}

form#searchform                                    {padding-bottom: 5px }
#searchl {font:20px "Century Gothic","Helvetica Neue", "Apple Gothic", Helvetica, sans-serif; color:#999;margin-bottom:10px;text-transform:lowercase}

input#user_login {width:130px}
input#user_pass {width:130px}

/* 7.SHOP SPECIFIC
************************************************/
.secondary-shop  {float:left; width:148px;padding:10px 10px 10px 15px;}
	.secondary-shop ul ul { padding-bottom:20px}

/* DESIGNER PAGE SPECIFIC
***********************************************/
.entry-design {overflow:hidden;border:3px solid #ccc;padding:10px}

/* COMMENTS
***********************************************/
#comments {margin:15px 0 15px 0}
.alt {background-color: #e7e7e8}
textarea#comment {width:90%}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 7px; position:relative; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px;top:7px; }
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

/* SEARCH
************************************************/
input#s                                                   {width:100px;margin-right:2px; padding:2px}

#searchsubmit                                             {font-size: 1.2em; color:#fff; padding:3px; background-color: #67b4a6; border:none }


/* FOOTER
***********************************************/
.bottom-nav ul                                            {background-color:#89963b;display:inline;float:left;padding:5px 0 10px 0}

.bottom-nav ul li    {
    border-left:1px solid #FFF;
    float:left; display:block; 
    font-size:11px; 
    text-transform:uppercase; 
    color:#fff; 
    line-height:1.4em;
    padding:0 10px
}

.bottom-nav ul li:first-child                             {border:none}

.bottom-nav ul li a, 
#bottom-nav ul li a:visited                               {color:#fff}

.bottom-nav ul li a:hover                                 {color:#000}

.copy                                                     {float:right; color:#FFF; padding-right:10px;}

/* CLEAR IF NEEDED
************************************************/
.clearfix:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}* html .clearfix {height: 1%;}


/* SLIDER
***********************************************/
#stage{width:520px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:200px; margin:0 auto;}
#slider-buttons{width:632px; margin:0 auto;}
	#myList{width:2000px; border:0; margin:0; padding:0; left:400px;}
	#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px;
		padding:4px; 
		background:#DEDEDE;
		float:left;
		width:200px;
		height:200px;
		}
		
/*	PAGE SPECIFIC
***********************************************/
body#pages.about .post {padding-bottom:200px}