/*
Theme Name: FM
Theme Style: Sprung from a Metropolis WordPress Theme
Theme URI: http://newsroom.floormall.com
Description: FM is a clean 3 column web 2.0 wordpress theme.  It is a variant of Metroplis, dedicated explicitly for the FloorMall Newsroom.
Author: 3 Prime LLC.
Author URI: http://www.3-prime.com
Copyright 2004-2009 HardwoodBrokers.com, Inc.
*/


/*
###
# STYLIZATION FOR FLOORMALL NEWSROOM WORDPRESS THEME
###
*/

@import "http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css";
@import "./comments.css";


html, body {
background-color: #a1a1a1;
font: 11px Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #333;
}
table {
font: 11px Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #333;
}

/*
###
# Base Layout Specs
###
*/
#header, #content, #footer {
width: 920px;
margin: 0 auto;
overflow: hidden;
position: relative;
background-color: #fff;
font: 1em Arial, Helvetica, sans-serif;
color: #333;
clear: both;
}

#header div.inner, #content div.inner {
clear: both;
padding: 5px;
background-color: #fff;
}

img.layout-corner { position: absolute; margin: 0; padding: 0; }

/* Y-Axis: Top/Bottom */
img.ltlc, img.ltrc { top: 0px; }
img.lblc, img.lbrc { bottom: 0px; }

/* X-Axis: Left/Right */
img.ltlc, img.lblc { left: 0px; }
img.ltrc, img.lbrc { right: 0px; }


/*
###
# Header
###
*/
#header {
height: 138px;
margin-bottom: 10px;
background: url(./images/hdr-logo.png) no-repeat 2% 50% #fff;
}

#header a {text-decoration: none;}

#header #home-link {
position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 329px;
cursor: pointer;
}

#header #slogan {
position: absolute;
left: 345px;
top: 45px;
height: auto;
width: auto;
}
#header #slogan .slogan-title {
color: #CDB8A1;
font-size: 24px;
display: block;
width: auto;
cursor: pointer;
}

#header #slogan .slogan-subtitle {
display: block;
width: auto;
font-size: 9px;
color: #666;
cursor: pointer;
word-spacing: 0.2em;
}

#header #searchbox {
position: absolute;
right: 0px;
top: 60px;
padding-right: 25px;
}

#header #searchbox input.text {
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000;
width: 135px;
float: left;
margin-right: 6px;
padding: 4px 2px 5px 2px;
border: 1px solid #e8e7d8;
}

#header #searchbox input.submit {
width: 39px;
height: 24px;
float: left;
margin: 0; padding: 0; border-width: 0;
background: url(./images/search-go.gif) no-repeat top left;
cursor: pointer;
}
#header #searchbox input.submit:hover,
#header #searchbox input.submit:focus {
background-position: 0 -24px;
}

/*
###
# Content Area
###
*/
#content {}
#content div.inner {
padding: 40px 20px;
}
#content div.inner #columns {}

#content div.inner #columns td { padding: 0px; vertical-align: top; }
#content div.inner #columns #first {width: 40%; padding-top: 10px; padding-left: 0px; padding-right: 10px; }
#content div.inner #columns #second {width: 32%;}
#content div.inner #columns #third {width: 28%;}

#content div.inner #columns #main {
width: 469px;
}
#content div.inner #columns #main * p {
font: 12px Arial, Helvetica, sans-serif;
line-height: 1.6em;
margin: 6px 0 10px 0;
word-spacing: 0.2em;
}

.post-meta {
padding-left: 34px;
background: url(./images/article.gif) no-repeat top left;
}

#pagetitle,
#pagetitle a {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #005880;
text-transform: capitalize;
text-decoration: none;
}

/*
###
# Sidebar
###
*/
.sidebar {
width: auto;
float: left;
margin-right: 10px;
background-color: #e8e7d8;
position: relative;
}

.sidebar .sidebar-inner {
padding: 10px;
}

.sidebar p {
margin: 4px 0 8px 0;
}

.sidebar ul li h2 {
font: 14px "Trebuchet MS" Arial, Helvetica, sans-serif;
color: #345890;
}

.sidebar ul li a {
text-decoration: none;
color: #345890;
}
.sidebar ul li a:hover {
color: #FF9900;
}

.sidebar ul.list {
margin-bottom: 16px;
}


#rightsidebar ul li {
clear: both;
}
#rightsidebar ul li a {
display: block;
font: 11px Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #666;
text-decoration: none;
padding-left: 16px;
background: url(./images/bullet.gif) no-repeat 2px 0px;
}
#rightsidebar ul li a:hover {
color: #FF9900;
}

/*
###
# Post Item Styles
###
*/

.post-title,
.post-title a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #005880;
text-transform: capitalize;
text-decoration: none;
}

.com-count {
	float: right;
	width: 128px;
}
.com-count a {
	background: url(./images/comments.gif) no-repeat;
	display: block;
	height: 25px;
	width: 94px;
	padding-top: 12px;
	padding-left: 34px;
	color: #FFFFFF;
	text-decoration: none;
}
.com-count a:hover {
	background: url(./images/comments.gif) no-repeat;
	display: block;
	height: 25px;
	width: 94px;
	padding-top: 12px;
	padding-left: 34px;
	color: #CCCCCC;
	text-decoration: underline;
}

#comments-template {
border-top: 1px solid #888;
padding-top: 15px;
}

#comments-template,
#comments-template * {
font: 11 Arial, Helvetica, sans-serif;
line-height: inherit;
}

.editor-author {
clear: both;
font: 10px Arial, Helvetica, sans-serif;
color: #999;
}
.post-edit-link {
float: right;
margin-top: -11px;
padding-right: 20px;
padding-left: 18px;
line-height: 16px;
background: url(./images/edit.gif) no-repeat center left;
text-transform: capitalize;
}

/*
###
# Footer
###
*/
#footer {
background-color: transparent;
line-height: 1.5em;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#footer * {
line-height: 2em;
}

#footer a {
color: #ccc;
text-decoration: none;
}
#footer-copyright {
text-align: center;
}

/*
###
# Generic Element Styles
###
*/
.display-block { display: block; }
.black { color: #000; }
.monospace { font-family: "Courier New", Courier, monospace; }
.bold { font-weight: bold; }