/*  
Theme Name: Parmigiano
Theme URI: http://www.foraysforyou.com/
Description: Custom theme designed for TITLE catalogue.
Version: 1.1
Author: Forays For You
Author URI: http://www.foraysforyou.com/
*/

/*
Reset all the Styles
Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt Version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {
	background: #fff;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
}

#page {
	background: #fff;
	margin-left: 20px;
}

#sidebar {
	float: right;
	width: 230px;
}

#main {
	width: 660px;
}

.wrapper {width: 960px;}

#search {
	margin-top: 20px;
}

/* Header
---------------------------------------------------------------------*/
#header h1 span {display:none;}

#header h1 {
	height: 90px;
	background: url("images/header.gif") no-repeat left;
	border-bottom: solid 1px #000;
}
/* ------------------------------------------------------------------
End Header */



/* Footer
---------------------------------------------------------------------*/
#footer {
	clear: both;
	background: #000;
	color: #fff;
	height: 90px;
	position: relative;
	font: normal 1.2em Arial, sans-serif;
	color: #666;
	xmargin-top:60px;
	xborder-top: solid 1px #000;
}

#footer-text {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

#footer-text p {display:inline;margin-right:1em;}
/* ------------------------------------------------------------------
End Footer */



/* Tab Menu
---------------------------------------------------------------------*/
#tab-menu {
	xborder-bottom: solid 1px #000;
}

#menu {
	width: 241px;
	height: 39px;
	background: url("images/menu.gif");
	padding: 0;
	margin-top: 51px;
	position: relative;
}

#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; height: 39px;}

#menu li span { display: none; }

#menu a {display: block; height: 39px;}

#menuItem1 {left: 0px; width: 120px;}
#menuItem2 {left: 121px; width: 120px;}

#menuItem1 a:hover, #menuItem1 a.selected {background: url("images/menu.gif") 0px -39px no-repeat;}
#menuItem2 a:hover, #menuItem2 a.selected {background: url("images/menu.gif") -121px -39px no-repeat;}
/* ------------------------------------------------------------------
End Tab Menu */


/* Content
---------------------------------------------------------------------*/
.catalogue {background: #fff; color: #000;}

#content {
	border-top: solid 1px #000;
	min-height: 510px;
	height:auto !important;
	height:510px;
	margin-bottom: 20px;
}
/* ------------------------------------------------------------------
End Content */


/* Catalogue Thumbnails
---------------------------------------------------------------------*/
#catalogue-items a:hover { color: #0099cc;}

.pagination {
	clear: both;
	color: #999;
	font-size: 1.4em;
}

.pagination b { color: #0099cc; font-weight: normal;}

.pagination a {
	color: #666;
	text-decoration: none;
}

.current-category {
	color: #999;
	font-size: 1.8em;
	line-height: 2.2em;
}

.current-category em {
	color: #000;
}

.thumbnail {
	float: left;
	width: 200px;
	height: 100px;
	background: url("images/hash.gif");
	xborder: 1px solid #ff3333;
	margin: 0 18px 20px 0;
}

.thumb-page {
	width: 190px;
	height: 90px;
	background: #f4f4f4;
	margin: 5px;
	border: 1px solid #f4f4f4; /*stop margins collapsing inside*/
	overflow: hidden;
}

.thumb-page .post-image {
	float: left;
	margin: 5px;
	border: 1px solid #666;
	background: #ccc;
}

.thumb-page h4 {
	color: #666;
	font: bold 1.2em Arial, sans-serif;
	margin-top: 5px;
}

.thumb-page h4 a {
	text-decoration: none;
	color: #666;
}

.thumb-page p {
	color: #999;
	font: normal 1.2em Arial, sans-serif;
}
/* ------------------------------------------------------------------
End Catalogue Thumbnails */



/* Feature
---------------------------------------------------------------------*/
.feature {
	float: left;
	width: 630px;
	background: url("images/hash.gif");
	margin: 0 20px 20px 0;
	padding: 5px;
}

.feature-page {
	float:left;
	width: 630px;
	background: #f4f4f4;
	overflow: hidden;
}

.feature-page .post-image {
	float: left;
	margin: 10px;
	border: 1px solid #666;
	background: #ccc;
}

.feature-page h4 {
	color: #333;
	font: normal 1.8em Arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 1em;
}

.feature-page h4 a {
	text-decoration: none;
	color: #333;
}

.feature-page p {
	margin: 0 10px 10px 0;
	color: #666;
	font: normal 1.2em Arial, sans-serif;
}
/* ------------------------------------------------------------------
End Feature */



/* Catalogue Product
---------------------------------------------------------------------*/
.product {
	padding-top: 50px;
}

.image {float:left;margin: 0 20px 20px 0px;}
.image img {border: 1px solid #666;}

.product h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
}

.product ul.post-meta {
	font: normal 1.1em/1.3em Arial, sans-serif;
	color: #999;
	margin-bottom: 4em;
}

.post-meta-key { text-transform: capitalize;}

.product .description {
	font: normal 1.2em/1.5em Arial, sans-serif;
	color: #666;
}

.product .description p {clear:left;}

.product-links {
	margin-top: 3em;
	clear: both;
	font: normal 1.2em/1.8em Arial, sans-serif;
	color: #999;
}

.product-links a {
	text-decoration: none;
	color: #999;
}

.product-links a:hover {color: #0099cc;}

.product-links a span { margin-right: 2em;}
/* ------------------------------------------------------------------
End Catalogue Product */



/* Catalogue Navigation
---------------------------------------------------------------------*/
#catalogue-navigation {
	height: 270px;
	background: url("images/hash.gif");
}

#catnav {
	width: 230px;
	height: 230px;
	background: url("images/catnav.gif");
	margin-bottom: 40px; padding 0;
	position: relative;
}

#catnav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#catnav li span { display: none; }

#catnav a {display: block;}

#catnavItem1 {left: 0px; top: 9px; width: 230px; height: 18px;}
#catnavItem2 {left: 0px; top: 45px; width: 230px; height: 18px;}
#catnavItem3 {left: 0px; top: 63px; width: 230px; height: 18px;}
#catnavItem4 {left: 0px; top: 81px; width: 230px; height: 18px;}
#catnavItem5 {left: 0px; top: 99px; width: 230px; height: 18px;}

#catnavItem1 a {height: 18px;}
#catnavItem2 a {height: 18px;}
#catnavItem3 a {height: 18px;}
#catnavItem4 a {height: 18px;}
#catnavItem5 a {height: 18px;}

#catnavItem1 a:hover {background: url("images/catnav.gif") -230px -9px no-repeat;}
#catnavItem2 a:hover {background: url("images/catnav.gif") -230px -45px no-repeat;}
#catnavItem3 a:hover {background: url("images/catnav.gif") -230px -63px no-repeat;}
#catnavItem4 a:hover {background: url("images/catnav.gif") -230px -81px no-repeat;}
#catnavItem5 a:hover {background: url("images/catnav.gif") -230px -99px no-repeat;}

#catnavItem1 a.selected {background: url("images/catnav.gif") -460px -9px no-repeat;}
#catnavItem2 a.selected {background: url("images/catnav.gif") -460px -45px no-repeat;}
#catnavItem3 a.selected {background: url("images/catnav.gif") -460px -63px no-repeat;}
#catnavItem4 a.selected {background: url("images/catnav.gif") -460px -81px no-repeat;}
#catnavItem5 a.selected {background: url("images/catnav.gif") -460px -99px no-repeat;}
/* ------------------------------------------------------------------
End Catalogue Navigation */