/* 
	Theme Name: Phillips Floors
	Theme URL: http://www.phillipsfloors.com/
	Description: Custom theme designed for Phillips Floors.
	Author: Matt Rittman
	Author URI: http://www.mattrittman.com/
	Version: 1.0
	Tags: one-column, fixed-width, red, black, gray
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/bg.jpg) repeat 0px 10px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	}
	
#pagediv {
       background: url(images/bg_top.jpg) repeat-x top center;
       height: 385px;
}

#wrapper {
	margin: 0px auto;
	width: 930px;
	font-size: 1.2em;
	position: relative;
}

.clear {
	clear: both;
}

.thumb {
	float:left;
	margin:0px 10px 0px 0px;
}

.mceTemp {padding:0; margin:0; width:auto; float:left;}

hr {
border-top: 1px dotted #333;
border: none 0;
} 
	
/************************************************
*	Hyperlinks				*
************************************************/
	
a img {
	border: none;
	}
	
a:link, a:visited, a:hover, a:active {
	color: #d00000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:focus, a:hover, a:active {
	outline: none 
	}
	
/************************************************
*	Header					*
************************************************/

#header {
	position: relative;
	height: 122px;
	}

#logo a {
	background: url(images/logo.png);
	height: 104px;
	width: 250px;
	float: left;
	display: block;
	margin: 10px 0 0 16px;
}

#slogan {
	background: url(images/slogan.png);
	height: 42px;
	width: 544px;
	float: left;
	margin: 30px 0 0 48px;
}

/************************************************
*	Search Box				*
************************************************/

#searchbox {
	background: url(images/searchbox2.png) no-repeat;
	width: 153px;
	height: 23px;
	display: block;
	float: right;
	margin-right: 25px;
}

#searchbox .textfield {
	color: #666;
	font-size:1em;
	background:none;
	border:0px;
	width:120px;
	float:left;
	padding: 4px 0 0 8px;
}

#searchbox .textfield:focus {color:#333;}

#searchbox .button {
	background:none;
	border:0px;
	width:19px;
	height:19px;
	cursor:pointer;
	float:right;
	margin: 2px 2px 0 0;
}

/************************************************
*	Navigation Bar				*
************************************************/

#navbar {
width:100%;
font-size: 1em;
line-height:normal;
overflow: hidden;
position: absolute;
top: 138px;
z-index: 1;
}

#navbar ul {
float:left;
list-style-type: none;
margin: 9px 0 0 28px; /*Offset of entire tab menu relative to page*/
padding:0;
}

#navbar ul li {
display:inline;
margin:0;
padding:0;
}

#navbar ul li a {
float:left;
background:url(images/left.png) no-repeat left top;
margin-right: 7px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
cursor: pointer;
}

#navbar ul li a span {
float:left;
background:url(images/right.png) no-repeat right top;
padding: 6px 12px 6px 3px;
color:#b7b6b6;
display: block;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a span {float:none;}
/* End IE5-Mac hack */

#navbar a:hover span {
color: #fff;
cursor: pointer;
}

#navbar li.current_page_item a { /*Selected Tab style*/
background-position:0 -75px; /*Shift background image up to start of 2nd tab image*/
}

#navbar li.current_page_item a span { /*Selected Tab style*/
background-position:100% -75px; /*Shift background image up to start of 2nd tab image*/
color: #fff;
}

#navbar a:hover { /*onMouseover style*/
background-position:0 -75px; /*Shift background image up to start of 2nd tab image*/
cursor: pointer;
}

#navbar a:hover span { /*onMouseover style*/
background-position:100% -75px; /*Shift background image up to start of 2nd tab image*/
cursor: pointer;
}
	
/************************************************
*	Content 					* 
************************************************/

#content {margin-top: 97px;}

#content p { line-height: 1.4em; padding: 7px 0 9px;}

#contentarea {background: url(images/content_tile.png) repeat-y top center;}

#content ul li {
	list-style-type: disc;
	margin: 0 0 0 15px;
	padding: 0 0 5px;
}

#content h1 {
	padding: 17px 0 0 15px;
	margin: 0px 0px 10px 0px;
	height: 32px;
	color: #538dd8;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	}
	
#content h2 {
	color: #C00000;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}

#content h3 {
	color: #C00000;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content h4 {
	color: #333333;
	font: normal 18px Georgia, Times New Roman, Trebuchet MS;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px dotted #BBBBBB;
	}
	
#content h5 {
	color: #C00000;
	font: italic normal 1.3em Georgia, Times New Roman, Bitstream Charter, Times, serif;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

#contentheader {
	background: url(images/content_header.png) top center no-repeat;
	float:left;
	height:60px;
	margin-top:37px;
	width:930px;
	display: inline;
	}

#contentheader h1 {
	color: #e9e9e9;
	font: italic 1.4em Verdana, Helvetica, sans-serif;
	padding: 26px 0 0 30px;
	}

#contentheader h1 a {
	color: #444;
	text-decoration: none;
}

#contentheader h1 a:hover {
	color: #000;
	text-decoration: none;
}

#contentfooter {
	height: 60px;
	background: url(images/content_footer.png) no-repeat top center;
	float: left;
	height: 60px;
	width: 930px;
}

#contentfooter p {
	padding: 0 34px;
}

blockquote {
	background: #EEEEEE;
	margin: 0px 20px 15px 20px;
	padding: 10px 15px 0px 15px;
	border: 1px dotted #BBBBBB;
}
	
.postarea {
	padding: 12px 25px 5px 35px;
	margin: 0 240px 0 0;
}

.postarea .wp-caption {
	float: left;
	height: 230px;
	margin: 10px;
}
	
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited, #postwide a, #postwide a:visited {
	color: #d00000;
	text-decoration: none;
	}
	
.postarea a:hover, .postcomments a:hover, #postwide a:hover {
	color: #d00000;
	text-decoration: underline;
	}
	
.postarea p, #postwide {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
.postarea ol, .postright ol, #postwide ol {
	list-style-type: disc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ol li, .postright ol li, #postwide ol li {
	list-style-type: disc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul, .postright ul, #postwide ul {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul li, .postright ul li, #postwide ul li {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul ul, .postright ul ul, #postwide ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea ul li li, .postright ul li li, #postwide ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
.postarea ul li ul li, .postright ul li ul li, .postwide ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
.postright {
	float: right;
	width: 324px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.postright p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#postwide {
	width: 916px;
/*	float: left;*/
	margin: 0px;
	padding: 0px 20px 10px 20px;
	z-index:2;
	}

#postwide h1 {
	padding: 17px 0px 0px 15px;
	margin: 0px -35px 10px -10px;
	background: url(images/content_header_donate.jpg) no-repeat top left;
	height: 32px;
	color: #538dd8;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}
	
.postmeta {
	background: #EEEEEE;
	width: 550px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #BBBBBB;
	}

.postmeta p {
	margin: 0px;
	padding: 0px;
	}
	
.author {
	background: #EEEEEE;
	width: 550px;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 10px 10px 0px 10px;
	border: 1px dotted #BBBBBB;
	}
	
.pagination {
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 30px 0px;
	padding: 5px 0px 0px 0px;
	}

.palignright {
	float: right;
	}

.palignleft {
	float: left;
	}
	
.archives {
	width: 270px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Images  					* 
************************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: inline;
	}

img.alignright {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 30px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #EEEEEE;
	padding: 4px 0px 5px 0px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

.productimage {
	border: 10px solid #333333;
	margin-bottom: 10px;	
	}

/************************************************
*	Sidebar					*
************************************************/

#sidebar {
	float: right;
	margin: 15px 44px 0 0;
	display: inline;
	}
	
#sidebar h2, #sidebar h4 {
	color: #c00000;
	font: bold 1em Verdana, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	padding: 0 0 5px 0;
	}
	
#sidebar p {
	margin: 0px;
	padding-bottom: 8px;
	}
	
#sidebar a, #sidebar a:visited {
	color: #5883BB;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #5883BB;
	text-decoration: underline;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 15px;
	border-bottom: 1px dashed #999;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
#sidebar ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}

/************************************************
*	Footer  					*
************************************************/

#footer {
	padding: 0 18px;
}

#footer p {
	padding: 4px 0 4px 0;
	text-align: center;
	font-size: 0.9em;
	color: #C2C2C2;
	}

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

#footer a:hover {
	text-decoration: underline;
	color: #C2C2C2;
	}

#footernav ul {
	padding: .9em 0;
	margin: 0 0 6px 0;
	width: 100%;
	font: bold 0.8em arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#footernav ul li {
	display: inline;
	}

#footernav ul li a {
	text-decoration: none;
	color: #999;
	padding: 0em .4em .1em .2em;
	border-right: dotted 1px #666;
}

#footernav ul li a:hover {
	color: #333;
}

#footernav ul .page-item-18 a {
	border-right: 0;
}

.legal { float: right;}
.siteinfo { float: left;padding-bottom:14px;}
	
/************************************************
*	Comments					*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	Social Networking			*
************************************************/

#network {
	position: absolute;
	top: 90px;
	right: 27px;
	width: 150px;
	overflow: hidden;
	display: inline-block;
}

#network a, #network a:visited {
	height: 30px;
	width: 24px;
	display: block;
	float: left;
}

#network a:hover {background-position: 0 -30px;}

#network .facebook a, #network .email a {width: 27px;}

.facebook a {background: url('images/facebook.png') ;}

.twitter a {background: url('images/twitter.png') ;}

.flickr a {background: url('images/flickr.png') ;}

.linkedin a {background: url('images/linkedin.png') ;}

.rss a {background: url('images/rss.png') ;}

.email a {background: url('images/email.png') ;}

/************************************************
*	Table					*
************************************************/

.location {padding-bottom: 22px;}
.location2 {border-top: 1px dotted #333; padding-bottom: 22px; padding-top: 20px;}

.location-info {float: left; clear:left;}
.location-info img {border: 1px solid #666;}

table.stats {
text-align: center;
font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 4px 0 0 340px;
}

table.stats td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/************************************************
*	Home Page				*
************************************************/

#homecontent {
	background: url('images/home_shadow_content.png');
	width: 930px;
	height: 390px;
	padding: 0;
	overflow: hidden;
	display: inline-block;
	margin-top: 38px;
}

#homecontent a {
	display: block;
	float: left;
}

#homecontent a:hover {background-position: 0 -120px;}

.flash {
	background: url('');
	width: 540px;
	height: 360px;
	float: left;
	padding: 15px 0 0 15px;
}

.products a, .specials a, .financing a {
	width: 360px;
	height: 120px;
}

.products {
	padding-top: 15px;
}

.products a {background: url('images/products.jpg');}
.specials a {background: url('images/specials.jpg');}
.financing a {background: url('images/financing.jpg');}


#homeflooring {
	background: url('images/home_shadow_flooring.png');
	width: 900px;
	height: 180px;
	padding: 15px;
	overflow: hidden;
	display: inline-block;
}

#homeflooring a {
	display: block;
	float: left;
}

.laminate a, .ceramic a, .wood a, .carpet a, .vinyl a {
	width: 180px;
	height: 180px;
}

#homeflooring a:hover {background-position: 0 -180px;}

.laminate a {background: url('images/laminate.jpg') ;}
.ceramic a {background: url('images/ceramic.jpg') ;}
.wood a {background: url('images/wood.jpg') ;}
.carpet a {background: url('images/carpet.jpg') ;}
.vinyl a {background: url('images/vinyl.jpg') ;}