/*
THEME NAME: Fabre
THEME URI: 
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.0
AUTHOR: Blueprint Design Studio
AUTHOR URI: http://blueprintds.com
*/


/***************
    Eric Meyer's Global Reset
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
***************/
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, ins, q, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/***************
    Hidden and clearing elements, for the sake of compression 
***************/
#menu ul ul, #footer span a, div#fabre div.org, .sidebar .textcol, #pages li ul, #primary .loadingindicator      
	{ display:none !important; }
#container, #footer, #nav-below, .clear
	{ clear: both !important; }
#header h1 a, #content, .sidebar, .sidebar .widget, #menu li 
	{ overflow: hidden; }	
/***************
    Basic Layout
***************/
body {
    font: 76% Constantia,Georgia,serif;
    line-height: 18px;
	color: #fff;
	background: #9fa1a4 url('images/body.jpg') no-repeat fixed bottom right;
}
div#header, div.credit, div#access {
	position:fixed;
	bottom:0;
	left:0;
	width: 100%;
}
h1, .credit p, #fabre { 
	background: #9fa1a4;
	margin-right: 311px;
}
#fabre, .credit p { margin-left: 2em; padding: 0 4em; }
div#header {
	z-index: 51;
	padding-bottom: 18px;
}
#fabre * { display: inline; }
div.credit {
	z-index: 52;
	font-size: 0.9em;
	color: #666;
}
div#access {
	z-index: 50;
	padding: 0 0 74px 2em;
	background: url(images/bottomleft.png) no-repeat 2em 0;
}
h1 a {
	display: block;
	width: 187px;
	height: 38px;
	background: url(images/logo.jpg) no-repeat top left;
	text-indent: -1000em;
	margin-left: 4em;
	border-bottom: 0 none;
	padding: 0;
}
h1 a:hover { border-bottom: 0 none; }
#wrapper {
	background: #cfd0d2 url(images/right.png) repeat-y top right;
	margin: 2em 311px 6em 4em;
	color: #000;
}
#container {
	float: left;
	margin: 0 -220px 0 0;
	width: 100%;
	background: url(images/top.png) repeat-x top center;
}
div#content, div#footer {
	margin: 0 220px 0 0;
	padding: 0 2em 6em 0;
    background: url(images/left.png) repeat-y 0 0;
    min-width: 20em;
	position: relative;
	left: -25px;
}
div#primary {
	float: right;
	overflow: hidden;
	width: 200px;
	background: url(images/topright.png) no-repeat 175px 0;
	padding-top: 2em;
	z-index: 102;
}
div#secondary {
	position: fixed;
	bottom: 0;
	right: 0;
}
#menu { 
	background: #9fa1a4 url(images/bottomright.png) no-repeat top right; 
	margin-left: 2em; 
	margin-right: 335px;
}
#menu ul { background: url(images/bottom.png) repeat-x top center; margin-right: 25px; padding-top: 2em; }
#menu li { display: inline; margin: 0 2em; padding-top: 33px; }
#menu li a { 
	color: #fff; 
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}
#footer { color: #9fa1a4; }
/***************
    Content Formatting
***************/
#content .PeCategories li, #content .category_brand_header { float: left; margin: 1em 2em; }
#content .cattitles { float: right; margin: 1em; }
#content a.additional_description_link { display: block; margin: 0.2em 0; }
.p1 {	
	background: url(images/topleft.png) no-repeat top left;
	padding: 2em;
}
h2 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	color: #989482;
	font-style: italic;
}
h3, #content .PeCategories li a.categorylink, .cf-box-title {
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em;
	color: #989482;
	font-style: italic;
	font-weight: bold;
}
.entry-content p {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}
.entry-content ul { list-style-type: square; }
.entry-content li {
	list-style-type: square;
	list-style-position: inside;
	padding-bottom: 1em;
}
.entry-content ol, .entry-content ul { padding-left: 1.4em; }
.entry-content ol li { list-style-type: decimal; }
.entry-content ol ul li  { list-style-type: square; }
.alignleft,.left,.align-left {
	float:left;
	margin: 0.5em;
}
.alignright,.right,.align-right, #archives-by-month {
	float:right;
	margin: 0.5em;
}
.column, .content-column { width:33%; overflow: hidden; }
.center {
    display: block;
    text-align: center;
    margin: 0 auto;
}
/***************
    Links
***************/
a img { border: 0 }
a {
	color: #d3d3d3;
	text-decoration: none;
	border-bottom: #989482 1px dotted;
	padding: 0 0.2em;
}
a:hover { 
	background-color: #989482;
	border-bottom: #989482 1px solid;
}
#wrapper a { color: #333; }
a.download { display: block; padding: 0.2em; margin: 0.5em; }
#wrapper .entry-title a {
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	color: #989482;
	border-bottom: #78787a 1px solid;
}
#wrapper a:hover { color: #d3d3d3 !important; }
body.pageid-14 a.thickbox {
	display: block;
	float: left;
	height: 128px;
	width: 128px;
	overflow: hidden;
	text-align: center;
	margin: 0.5em;
}
/***************
    Products Page
***************/
#primary #pages li.current_page_item ul, #primary #pages li.current_page_parent ul 
{ display: block !important; padding-left: 0.5em; }
.productdisplay tr {
	float: left; 
	width: 48%;
}
#content .producttext { font-size: 1em; }
#content .producttext span.pricedisplay { font-size: 1.5em; line-height: 1.5em; }
#content .producttext strong { 
	font-size:1.1667em;
	line-height: 1.286em;
	display: block;
}
.productdisplay td { width: 40% !important; }
.productdisplay td.imagecol { width: 128px !important; float: left; }
#primary .productdisplay td.imagecol { width: 75px !important; float: left; }
a#preview_link {
	float: left;
	line-height: 75px;
	padding: 2px;
}
#primary a.thickbox {
display: block;
width: 75px;
height: 75px;
overflow: hidden;
}
.widget_page .PeSwitcher, .widgets_page #PeCatsOnly, .widgets_page #PeCatsBrands { display: none; }
#primary table.productdisplay, #primary table.productdisplay tbody { height: 160px; overflow: hidden; }
#primary .PeCategories li { float: left; margin: 0 0.5em; }
#primary .widget { margin-right: 20px; }
#primary .wrap { height: 20em; overflow: hidden; }