/*//////////////////////////////////////////////////////////////////////*/
/*///////////////////////  917 WEB SITE  ///////////////////////*/
/*/////////////////////// CASCADING STYLE SHEET  ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/


/*
Theme Name: 917 Gourmet Workshop
Theme URI: http://www.dlab.com.tw/
Author: <a href="http://www.dlab.com.tw/">DLAB</a>
Tags: white, two columns, fixed width, light, minimal
*/

body {
background: #ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color:#565656;
height: 100%;
padding:0;
margin:0;
}

* {
padding:0;
margin:0;
}

a {
color:#5ab042;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

img, div, span, a { behavior: url("iepngfix.htc") }

/*=============== CONTAINER (start) ================*/

#container {
width:960px;
background: #ffffff;
margin:0 auto;
padding:0;
position:relative;
}

/*=============== CONTAINER (end) ================*/


/*=============== HEADER (start) ================*/

#header {
display: block;
width: 960px;
height: 100px;
margin:0 auto;
position:relative;
}


#headerimg {
float: left;
display: block;
width: 960px;
height: 200px;
margin: 0 auto;
padding: 0px;
}

#feature {
float: left;
display: block;
width: 960px;
height: 600px;
margin: 0 auto;
padding: 0px;
}


/*=============== HEADER (end) ================*/



/*=============== NAVIGATION (start) ================*/

#navigation {
float: left;
display: block;
width: 960px;
height: 50px;
margin: 25px 0px;
}


#navigation ul li {
float: left;
list-style: none;
}

#navigation .nav_logo a {
float: left;
display: block;
width: 350px;
height: 50px;
background: url("images/header_logo.jpg") no-repeat;
text-indent: -999em;
text-decoration:none;
padding-right: 248px;
}

#navigation .nav_logo a:hover {
background: url("images/header_logo.jpg") no-repeat 0px -50px;
}


#navigation .nav_about a {
display: block;
float: left;
width: 88px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat 0 0;
}

#navigation .nav_about a:hover {
background: url("images/header_navigation.jpg") no-repeat 0 -100px;
}

#navigation .nav_about_on a {
display: block;
float: left;
width: 88px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat 0 -50px;
}


#navigation .nav_products a {
display: block;
float: left;
width: 75px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -89px 0;
}

#navigation .nav_products a:hover {
background: url("images/header_navigation.jpg") no-repeat -89px -100px;
}

#navigation .nav_products_on a {
display: block;
float: left;
width: 75px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -89px -50px;
}


#navigation .nav_buy a {
display: block;
float: left;
width: 75px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -165px 0;
}

#navigation .nav_buy a:hover {
background: url("images/header_navigation.jpg") no-repeat -165px -100px;
}

#navigation .nav_buy_on a {
display: block;
float: left;
width: 75px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -165px -50px;
}


#navigation .nav_contact a {
display: block;
float: left;
width: 60px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -240px 0;
}

#navigation .nav_contact a:hover {
background: url("images/header_navigation.jpg") no-repeat -240px -100px;
}

#navigation .nav_contact_on a {
display: block;
float: left;
width: 60px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -240px -50px;
}


#navigation .nav_blog a {
display: block;
float: left;
width: 62px;
height: 50px;
text-indent: -999em;
background: url("images/header_navigation.jpg") no-repeat -300px 0;
}

#navigation .nav_blog a:hover {
background: url("images/header_navigation.jpg") no-repeat -300px -100px;
}



.page_navigation {
display: block;
position: relative;
width: 860px;
height: 30px;
margin: 0 auto;
padding: 20px 50px;
color: #565656;
font-size: 16px;
}

.page_navigation a {
color: #565656;
font-size: 16px;
}

.page_navigation a:hover {
color: #004d46;
}

/*=============== NAVIGATION (end) ================*/


/*=============== CONTENT (start) ================*/

#content {
display: block;
float:left;
width: 960px;
line-height: 24px;
padding: 0px;
}

#content p {
line-height:24px;
margin:0 0 20px 0;
}

#content h2 {
font-size: 20px;
color: #565656;
margin: 20px 0 20px 0;
padding: 0 0 0px 0;
}

#content h2 a {
color: #565656;
text-decoration:none;
}

#content h2 a:hover {
color: #EB008B;
}

#content h2.archive {
font-weight:normal;
font-size:22px;
color:#1c1c1c;
padding:0;
margin:px 0 20px 0;
border:none;
text-align:left;
}

/*=============== CONTENT (end) ================*/


.comments {
color:#333;
margin: 0;
border-bottom:#bbb 1px solid;
}

.comments a {
background:#fff;
padding:0 7px 5px 0;
color:#333;
text-decoration:none;
}

.comments a:hover {
color:#c00;
}


#content-products {
display: block;
float: left;
background: url("images/bg-content.gif") repeat-y;
width: 960px;
line-height: 24px;
padding: 0px;
margin: 0px;
}

#content-contact {
display: block;
float: left;
width: 960px;
height: 600px;
background: url("/images/bg_contact.jpg") no-repeat;
line-height: 24px;
padding: 0px;
}

.main-contact {
display: block;
float: left;
width: 300px;
height: 510px;
font-size: 13px;
margin: 0px;
padding: 45px 630px 45px 30px;
}

.main {
display: block;
float: left;
width: 510px;
line-height: 24px;
margin: 0;
padding: 45px 45px 45px 45px;
}

.main h3 {
font-size:18px;
color: #565656;
margin: 0 0 15px 0;
}


.main h3 a {
color: #565656;
}

.main h3 a:hover {
font-size:18px;
color: #EB008B;
text-decoration: none;
}

.main p {
line-height:24px;
margin:0 0 20px 0;
padding: 0;
}

.main ol {
line-height:18px;
margin:0 0 15px 30px;
}

.main ul {
list-style: url("images/dot_pink.gif");
margin: 0px 0px 20px 20px;
}

.main li {
margin:0 0 5px 0;
}

.meta {
font-size:10px;
color:#999999;
padding: 10px 0px;
}

.signature {
float:left;
padding:0 15px 0 0;
border-right:#bbb 1px solid;
width:200px;
}

.tags {
float:left;
padding:0 0 0 15px;
width:440px;
}



/*=============== SIDEBAR (start) ================*/

#sidebar {
display: block;
float: left;
width: 200px;
margin: 0px;
padding: 45px 90px 45px 70px;
}

#sidebar  ul {
display: block;
width: 200px;
list-style-type: none;
margin: 0px;
}

.sidenav_crisp-plum a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 0;
}

.sidenav_crisp-plum a:hover {
background: url("images/sidenav.jpg") no-repeat -200px 0px;
}

.sidenav_perilla-plum a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 -30px;
}

.sidenav_perilla-plum a:hover {
background: url("images/sidenav.jpg") no-repeat -200px -30px;
}

.sidenav_hemerocallis-fulva a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 -60px;
}

.sidenav_hemerocallis-fulva a:hover {
background: url("images/sidenav.jpg") no-repeat -200px -60px;
}

.sidenav_coffee a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 -90px;
}

.sidenav_coffee a:hover {
background: url("images/sidenav.jpg") no-repeat -200px -90px;
}

.sidenav_price a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 -120px;
margin-top: 20px;
}

.sidenav_price a:hover {
background: url("images/sidenav.jpg") no-repeat -200px -120px;
}

.sidenav_buy a {
display: block;
width: 200px;
height: 30px;
text-indent: -999em;
background: url("images/sidenav.jpg") no-repeat 0 -150px;
}

.sidenav_buy a:hover {
background: url("images/sidenav.jpg") no-repeat -200px -150px;
}

.sidenav_ruten a {
display: block;
width: 200px;
height: 50px;
text-indent: -999em;
background: url("/images/banner-ruten.jpg");
margin-top: 40px;
}

#sidebar a {
color: #565656;
text-decoration: none;
}

#sidebar a:hover {
color: #004d46;
}

#sidebar h3 {
font-size:14px;
margin: 0px 0 10px 0;
}


/*=============== SIDEBAR (end) ================*/


#author h3 {
margin:5px 0 5px 0;
}

#searchform {
margin:15px 0 0 0;
}

#searchform input {
font-size:11px;
margin:2px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

#searchform input:hover {
background:#333;
border:#999 1px solid;
color:#fff;
cursor:pointer;
}

#searchform #s {
background:#f6f6f6;
font-size:11px;
margin:2px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

#searchform #s:hover {
border:#c00 1px solid;
cursor:text;
}

input.searchfield {
background:#f6f6f6;
font-size:11px;
display:block;
margin:5px 0 8px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.searchfield:hover {
background:#eee;
color:#222;
}

input.submit {
font-size:11px;
display:block;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

input.submit:hover {
background:#333;
cursor:pointer;
border:#999 1px solid;
color:#fff;
}

input.subcom {
background:#eee;
font-size:11px;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#222;
}

input.subcom:hover {
background:#222;
cursor:pointer;
border:#888 1px solid;
color:#eee;
}

input.comment {
background:#f6f6f6;
font-size:11px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.comment:hover {
border:#c00 1px solid;
}

textarea {
background:#f6f6f6;
font-size:12px;
width:300px;
height: 100px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

textarea:hover {
border:#c00 1px solid;
}

.postinput small {
font-size:11px;
margin:0 0 0 5px;
}

p.logged {
font-size:12px;
}

h3.reply {
font-size:15px;
margin:0 0 10px 0;
}

.nocomments {
margin:0 0 30px 0;
}

ol.commentlist {
font-size:12px;
list-style:none;
margin:10px 0 30px 0;
border-bottom:#bbb 1px solid;
}

.commentlist li {
border-top:#bbb 1px solid;
padding:0 0 10px 0;
}

.commentlist li.bypostauthor {
border-top:#bbb 5px solid;
background-color:#f3f3f3;
}

.comment_mod {
margin:10px 0 0 10px;
}

.comment_mod em {
background-color:#fff897;
padding:1px 3px;
}

.comment_author {
margin:10px 0;
float:right;
width:190px;
}

.comment_author img {
float:left;
margin:5px 12px 0 0;
}

.comment_author p {
line-height:20px;
}

.comment_author small {
font-size:11px;
}

.comment_text {
float:left;
width:470px;
margin:0 0 0 10px;
}

.comment_text p {
line-height:18px;
margin:7px 0;
}

.comment_meta {
font-size:12px;
}

#commentform p {
line-height:18px;
margin:0 0 15px 0;
}


/*=============== FOOTER (start) ================*/

#footer {
display: block;
font-size:11px;
line-height: 1.5;
color: #666;
width: 960px;
height: 50px;
margin: 0px auto;
margin-bottom: 40px;
padding: 30px 0 60px 0;
position:relative;
}

#footer p {
padding-bottom: 20px;}

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

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

/*=============== FOOTER (end) ================*/

.clear {
clear:both;
}

.warning p {
background: url("images/warning.gif") no-repeat left;
height:160px;
padding:20px 0 0 90px;
font-size:20px;
margin:0 0 0 10px;
}

#wp-calendar {
padding:10px 0 0 0;
font-size:12px;
}

#wp-calendar caption {
text-align:left;
padding:0 0 5px 0;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:0 6px 0 0 ;
text-align:right;
}

#wp-calendar td a {
font-weight:bold;
}

#wp-calendar td a:hover {
font-weight:bold;
}

img.wp-smiley {
padding:0;
border:none;
}

input:focus, textarea:focus{
background-color:#ffc;
}

abbr {
border:none;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}


/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE Hacks */

* html .group,
* html #nav ul li a {
height: 1%;
}

*:first-child+html .group {
min-height: 1px;
}

* html #nav ul li a {
display: inline;
}

#smcf-container div.smcf-bottom a {display:none;}

.breadcrumb {
display: block;
float: left;
width: 510px;
padding: 0 0 20px 0px;
margin: 0;
}