/*
Company:	Furniture Fashion
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color:#fff;
}
body {
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background: url(hd-top-bkg-test.jpg) repeat-x 0 0;
}
div#hd-inner {
	margin:0 auto;
	position:relative;
	width:940px;
}

/* Body */
div#bd {
	clear:both;
	/* width:900px; */
	width:940px;
	margin-left:auto;
	margin-right:auto;
	background:url(content-bkg.gif) repeat-y 179px 0;
}

/* Footer */
div#ft {
	background:url(ft-bkg.jpg) no-repeat 0 0;
	clear:both;
	width:853px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 30px 15px 30px;
}
div#ft div.left {
	width:45%;
	float:left;
	display:inline;
}
div#ft div#ft-about {
	width:100%;
}
div#ft div.right {
	width:45%;
	float:right;
	display:inline;
}
div#ft div#ft-favorite {
	display:none;
}
div#ft h3 {
	color:#fff;
	font-weight:normal;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	margin:0 0 .5em 0;
	border-bottom:1px solid #7e97c2;
	font-size:116%;
	padding:0 0 3px 0;
}
div#ft p {
	font-size:85%;
	color:#fff;
	line-height:143%;
}
div#ft p.ft-nav {
	padding:25px 0 0 0;
}
div#ft p.ft-nav a {
	padding:0 1px;
}
div#ft p.copyright {
	padding:25px 0 0 0;
	text-align:right;
}
div#ft ul {
	margin:0;
	padding:0;
}
div#ft li {
	font-size:85%;
	list-style:none;
	padding:2px 0;
}
div#ft a:link, div#ft a:visited {
	color:#fff;
	text-decoration:none;
}
div#ft a:hover {
	text-decoration:underline;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	background-image:url(logo-bg.jpg);
	height:112px;
	margin:0 auto;
	width:901px;
}
div#logo a {
	background-image:url(logo-fg.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-indent:-9990px;
}

/* Left Col */
div.left-col {
	/* width:170px; */
	width:180px;
	background:url(left-col-curve.gif) no-repeat 100% 0;
	float:left;
	display:inline;
}
div.left-col div.content {
	padding:25px 20px 0 0;
}

/* Main */
div.main {
	width:510px;
	border-top:1px solid #999;
	padding:20px 0 0 0;
	margin:0 0 0 25px;
	float:left;
	display:inline;
}
/* Main lists (archives) */
div.main ul {
	margin:0 0 2em 0;
}
div.main ul#archivelist {
	font-size:85%;
}
div.main ul li {
	list-style:none;
}
div.main ul li a {
	padding:2px 0;
}
div.main ul li a:link, div.main ul li a:visited {
	color:#0864a8;
	text-decoration:none;
}
div.main ul li a:hover {
	color:#183557;
}

/* Right Col */
div.right-col {
	/* width:170px; */
	width:200px;
	background:url(right-col-curve.gif) no-repeat 0 0;
	float:right;
	display:inline;
}
div.right-col div.content {
	padding:25px 0 0 20px;
}
div.right-col h3 {
	font-size:116%;
	color:#000;
	margin:0 0 .25em 0;
	font-weight:normal;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
div.right-col ul {
	margin:0 0 2em 0;
}
div.right-col ul li {
	list-style:none;
}
div.right-col ul li a {
	padding:2px 0;
	display:block;
	/* width:150px; */
}
div.right-col ul li a:link {
	color:#0864a8;
	text-decoration:none;
}
div.right-col ul li a:hover {
	color:#183557;
}

/* RSS Box */
div.rss-box {
	position:absolute;
	right:0;
	top:125px;
	text-align:right;
}

/* Content Pics */
div.post img {
	padding:2px;
	/* border:1px solid #ccc; */
	border:none;
	margin:0 0 10px 0;
}

/* Posted By */
div.posted {
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 0;
	margin:0 0 25px 0;
}
div.posted div.left {
	width:69%;
	float:left;
	display:inline;
}
div.posted div.right {
	width:30%;
	text-align:right;
	font-weight:bold;
	float:right;
	display:inline;
}
div.posted p {
	font-size:85%;
	color:#666666;
	margin:0;
}
div.posted p.rss {
	padding:3px 0 0 0;
}
div.posted p.rss img {
	vertical-align:top;
}
div.posted p a:link, div.posted p a:visited {
	text-decoration:none;
}
div.posted div.left p a:link, div.posted div.left p a:visited {
	color:#666666;
	color:#0864a8;
}


/* Related Posts */
div.related {
	margin:0 0 20px 0;
}
div.related ul li {
	list-style:square;
	color:#c1d8e9;
	padding:2px 0;
}
div.related ul li a:link, div.related ul li a:visited {
	color:#333;
	text-decoration:underline;
}
div.related ul li a:hover {
	color:#000;
	text-decoration:none;
}
div.main div.related p.related-next {
	font-size:85%;
	text-align:center;
	color:#0864a8;
}
div.main div.related p.related-next a {
	padding:0 2px;
}

/* Comments */
div.comments {
	margin:0 0 20px 0;
}
div.comments div.comment {
	padding:6px 0;
}
div.comments div.comment-pic {
	display:none;
	float:left;
	margin:3px 0 0 10px;
	width:34px;
}
div.comments div.comment-text {
	display:block;
}
div.comments div.comment:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
div.comments div.comment {display:inline-block;}
/* Hides from IE-mac \*/
* html div.comments div.comment {height:1%;}
div.comments div.comment {display:block;}
/* End hide from IE-mac */
div.comments h4 {
	font-size:85%;
	color:#535353;
	font-weight:bold;
	margin:0 0 2px 0;
}
div.comments p {
	font-size:85%;
	color:#535353;
	margin:0 0 5px 0;
}

/* Post a Comment */
div.post-comment {
	margin:0 0 20px 0;
}
div.main div.post-comment h2 {
	border-bottom:none;
}
div.post-comment form {
	padding:10px 15px;
	background-color:#eee;
	border:1px solid #ccc;
}
div.post-comment label {
	color:#535353;
	font-size:85%;
}
div.post-comment label.italic {
	font-style:italic;
}
div.post-comment label span {
	color:red;
}
div.post-comment div.row {
	padding:5px 0;
}
div.post-comment div#comment-form-url {
	display:none;
}
div.post-comment div.row input.txt {
	border:1px solid #ccc;
	background:url(input-txt-bkg.jpg) repeat-x 0 100% #fff;
	width:204px;
	color:#333;
	font-size:85%;
	padding:3px;
}
div.post-comment div.row input.checkbox {
	margin:0 4px 0 0;
}
div.post-comment div.row textarea {
	border:1px solid #ccc;
	width:468px;
	height:140px;
	color:#333;
	font-size:85%;
	padding:3px;
}
div.post-comment div#comments-open-captcha-fields input.txt {
	display:block;
	margin:5px 0 5px 0;
}
div.post-comment div#comments-open-captcha-fields label {
	display:none;
}
div.post-comment div#comments-open-captcha-fields .field img {
	padding:10px 0 0 0;
}
div.post-comment div#comments-open-captcha-fields .field p {
	color:#535353;
	size:85%
}
div.post-comment div.submit-row input.submit {
	vertical-align:middle;
	margin:0 100px 0 0;
}

/* Pager */
div.main p.pager {
	font-size:93%;
	line-height:200%;
	padding:10px 0;
	text-align:center;
}
p.pager a {
	padding:2px 4px;
}
p.pager a:link, p.pager a:visited {
	border:1px solid #ccc;
	background-color:#eee;
	color:#666666;
	text-decoration:none;
}
p.pager a.current:link, p.pager a.current:visited {
	background-color:#fff;
	border:1px solid #999;
	color:#333;
}
p.pager a:hover {
	color:#fff;
	background-color:#285da1;
	border:1px solid #214480;
}
p.pager a.next-page:link, p.pager a.next-page:visited {
	border:none;
	background-color:#fff;
}
p.pager a.next-page:hover {
	color:#333;
}
p.pager a.prev-page:link, p.pager a.prev-page:visited {
	border:none;
	background-color:#fff;
}
p.pager a.prev-page:hover {
	color:#333;
}
p.pager span.current {
	background-color:#fff;
	border:1px solid #999;
	color:#333;
	padding:2px 4px;
}

/* Content */
div.main div.content-text p {
	text-align:justify;
}
/* @end */

/* @group Nav */
div#nav {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0 0 0;
}
div#nav ul {
	margin:0 205px 0 0;
	padding:0;
	float:right;
	display:inline;
}
div#nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
div#nav ul li a {
	display:block;
	line-height:26px;
	white-space:nowrap;
	padding:0 20px;
	margin:0 0 0 2px;
	background:url(nav-tab.jpg) no-repeat 100% 0;
	font-size:123.1%;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
div#nav ul li a:link, div#nav ul li a:visited {
	color:#fff;
	text-decoration:none;
}
div#nav ul li a:hover, div#nav ul li a.current {
	background-position:100% -26px;
}
div#archive-nav {
	padding:0 0 15px 0;
}
/*
div.left-col ul {
	margin:0 0 2em 0;
}
div.left-col ul li {
	list-style:none;
}
div.left-col ul li a {
	padding:2px 0;
	display:block;
	width:150px;
}
div.left-col ul li a:link, div.left-col ul li a:visited {
	color:#0864a8;
	text-decoration:none;
}
div.left-col ul li a:hover {
	color:#183557;
}
 @end */

/* @group Default Headings */
/* Left Col */
div.left-col h3 {
	font-size:116%;
	color:#000;
	margin:0 0 .25em 0;
	font-weight:normal;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}

/* Main */
div.main h1 {
	font-size:167%;
	color:#0864a8;
	margin:0 0 .25em 0;
	font-weight:normal;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
div.main h1 a:link, div.main h1 a:visited {
	text-decoration:none;
}
div.main h2 {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#0864a8;
	font-size:108%;
	margin:0 0 .5em 0;
	border-bottom:1px solid #ccc;
}
/* @end */

/* @group Common Text Styles */
div.main p {
	line-height:143%;
}
div.post p {
	text-align:justify;
}
div.main p.note {
	font-size:85%;
	font-style:italic;
	color:#666666;
}
div.main p.light {
	color:#333;
}
/* @end */

/* @group Default Lists */
	
/* @end */


/* @group Default Links - link visited hover active */
a:hover {
	color:#183557;
	text-decoration:none;
}
a:link {
	color:#0864a8;
	text-decoration:underline;
}
a:visited {
	color:#0864a8;
	text-decoration:none;
}
/* @end */

/* @group Misc */
.clear {
	clear:both;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/* @end */

/* Left col ads */
div.left-col div.ads {
	text-align:center;
	padding-bottom:20px;
}
/* Main body ads */
div.main div.ads {
	text-align:center;
	padding-bottom:20px;
}
/* Right col ads */
div.right-col div.ads {
	text-align:center;
	padding-bottom:20px;
}

/* Social Media */
div.social {
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	padding-bottom:5px;
}
div.social div {
	float:left;
	margin:0;
	padding:0;
}
div.social ul {
	float:right;
	margin:0;
	padding:0;
}
div.social ul li {
	float:left;
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin:0;
	padding:3px 7px 0 0;
}

/* social links */
div#social-links {
	text-align:center;
	padding:0 0 10px 0;
}