/*   
Theme Name: Box Set
Theme URI: http://doingword.com/boxset/
Description: A simple clean and borderless layout by <a href="http://doingword.com">Paddy Ryan</a>
Author: Paddy Ryan
Author URI: http://doingword.com/
Version: 1.2
.
You may edit this theme in part or in full,
but please keep credits intact, particularly in
the footer, and re-direct rather than re-disribute.

Full support for this theme, and updates and hacks
can be found at the supplied THEME URI.

Comment structure and icons originally designed by Sebastian Schmieg from:
	http://www.kingcosmonaut.de/
on his Wordpress theme, "Blixed".

THIS THEME IS NOT YET STABLE IN INTERNET EXPLORER
.
*/



body { font-size: 12px; color: #404040; font-family: Georgia, "Times New Roman", Times, serif; background-color: #404040; background-image: url(http://www.artisanfoodandwine.com/wp-content/themes/artisan/images/jkhd-cherry_bg.jpg); background-repeat: repeat; background-position: center 0; }


/* MAIN BODIES
-------------------------*/
#container {
	margin: 0 auto;
	width: 725px;
	background-color: #fff;
	border: solid 5px #491005;
}

#headimg { width: 675px; border: solid 5px #fff; background-color: #fff; margin: 0 auto; }
#main {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 475px;
	background-color: #fff;
	padding: 20px;
}

#side {
	float: right;
	width: 200px;
	background-color: #dcdcdc;
}

#foot { color: #404040; clear: both; width: 680px; padding: 20px; background-color: #eee; margin: 0 auto; }


/* MAIN MENU
-----------------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { width:675px; height:32px; font-size:0.85em; position:relative; z-index:100; margin: 0 auto; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:650px; w\idth:650px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:130px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:11px; text-decoration:none; color:#960000; width:130px; height:30px; background:#eee; padding-left:10px; line-height:29px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:130px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#fff url(images/drop.gif) no-repeat right bottom; width: 130px; }
/* style the second level hover */
.menu ul ul a.drop:hover{ background:#fff url(images/drop.gif) no-repeat right bottom; width: 130px; }
.menu ul ul :hover > a.drop { background:#fff url(images/drop.gif) no-repeat right bottom; width: 130px; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#fff; width: 130px; }
/* style the third level hover */
.menu ul ul ul a:hover { background:#fff; width: 130px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:130px; z-index:20000 }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-130px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#000; height:auto; line-height:1em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding:5px 10px; width:100px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#000; background:#b4b4b4; width: 130px; }
.menu :hover > a, .menu ul ul :hover > a { color:#000; background:#b4b4b4; width: 130px; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{ width: 130px; visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ width: 130px; visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ width: 130px; visibility:visible; }


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #960000;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #960000;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: #b4b4b4;
}

.menu ul .current_page_item ul a:hover {
  background: #b4b4b4;
}

.menu .current_page_item a:hover {
  background: white;
}




/* HEADINGS 
-----------------------------------*/
h1, h1 a, h2, h2 a, h3 a, h4 a {
	color:#666666;
	font-family: Georgia, serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#333333;
	font-family: Georgia, serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}

#box {
	font-size: 11px;
	font-family: Verdana, Arial Helvetica, "sans serif";
	color: #999;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 160px;
	background-color: #fff;
	padding: 20px;
	list-style: none;
}

#centered {
	margin: 0 auto;
	text-align: center;
}

#centered #s {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
}

#centered:hover {
	color: #666;
}

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

#centered a:hover {
	color: #333;
	text-decoration: none;
}

#centered2 {
	color: #999;
	margin: 0 auto;
	text-align: center;
}

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

#centered2 a:hover {
	color: #333;
	text-decoration: none;
}


#box h3 {
	color:#666666;
	font-family: Georgia, serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin: 2px;
}

#box li {
	padding: 5px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

#box li:hover {
	color: #666;
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
}

#box li a {
	color: #999;
}

#box li a:hover {
	color: #666;
}

#box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#boxx {
	font-size: 11px;
	font-family: Verdana, "Arial Helvetica", "sans serif";
	color: #999;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 160px;
	background-color: #fff;
	padding: 20px;
	list-style: lower-roman;
}

#boxx h3 {
	color:#666666;
	font-family: Georgia, serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin: 2px;
}

#boxx li {
	padding: 5px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

#boxx li:hover {
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
}

#boxx li a {
	color: #666;
}

#boxx li a:hover {
	color: #333;
}

#boxx ul {
	list-style: lower-roman;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}




/* LINKS
-----------------------------------*/
a {
	text-decoration: none;
}

a img {
	border: 1px solid #eee;
	padding: 3px;
}

/* COMMENTS
-----------------------------------*/

#comments a {
	color: #666;
}

#comments a:hover {
	color: #ff9900;
}

#comments ul {
	margin: 0;
	padding: 0;
}

#comments li {
	list-style-type: none;
	background-color: #fafafa;
	border: 1px solid #f3f4f4;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.header {
	padding: 4px;
	background: #f3f4f4;
}

#comments fieldset {
	border: 0px;
}



/* ENTRY
------------------------------------*/

.entry img {
	background-color: #fafafa;
	border: 1px solid #ff9900;
	padding: 5px;
}

.entry {
	padding-bottom: 40px;
	text-align: justify;
}

.entry a {
	color: #666;
}

.entry a:hover {
	color: #333;
}

.info {
	background-color: #eee;
}

.entry .info {
	padding: 5px;
	padding-left:15px;
	background: url(images/post.gif) center left no-repeat;
	background-color: #fafafa;
	border: 1px solid #f3f4f4;
}

.entry .info a {
	color: #949494;
}

.entry .info a:hover {
	color: #666;
}

.hidetxt {
	color: #fff;
}

.entry blockquote {
	padding: 3px;
	background-color: #fafafa;
}

.entry li {
	list-style-type: circle;
}

label {
	width: 60px;
	float: left;
}

#author, #email, #url, #comment, #comments #submit {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
}

/* SEARCH
-------------------------------------------*/

#search {
	border: 0px;
}

#searchbutton {
	background-color: #fff;
	border: 1px solid #999;
}