@charset "utf-8";
/*
Theme Name: Mel Buss
Theme URI: http://www.linkdesignbrasil.com
Author: Link Design
Author URI: http://www.linkdesignbrasil.com
Description: Mel Buss
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.linkdesignbrasil.com
Tags: Mel Buss
Text Domain: Mel Buss

*/


body { font-family: 'Raleway', Arial; font-size: 15px; line-height: 22px; background: #f5f5f5; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; color: #858585;}
ul, li { margin: 0; padding: 0; }
img { border: 0; }

strong, b { font-weight: bold;}
small { font-size: 0.88em; }

/* links */
a, a img { color: #6d4b1d; text-decoration: none; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out;  -o-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out;}
a:hover { color: #f26122; }

a:hover img { opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ }

/* common parts */
.container { width: 960px; margin: 0 auto; }
.clear { width: 100%; clear: both; }

/* structure */
#top { width: 100%; height: 109px; background: url('images/wood.jpg');}
#header { margin: 0 auto; width: 960px; border-bottom: 1px solid #ccc; margin-bottom: 0;}
#products  { background: url('images/bg_header.jpg'); height: 200px; }
#products ul li { list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
#products ul li img { margin: 15px 7px; -webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out; }
#products ul li a:hover img {-moz-transform: translateX(0px) translateY(-10px);
-webkit-transform: translateX(0px) translateY(-10px);
-o-transform: translateX(0px) translateY(-10px);
-ms-transform: translateX(0px) translateY(-10px);
transform: translateX(0px) translateY(-10px);}
#logo { position: absolute; margin-top: 10px;} 
#slogan { position: absolute; margin-top: 40px; margin-left: 300px;}
#honey { position: absolute; margin-top: 10px; margin-left: 660px; width: 333px; height: 319px; background: url('images/honey.png');}

#main { margin: 0 auto; width: 960px; min-height: 500px;  background: #fff; border-top: 7px solid #f5cd96;}
#primary { width: 640px; margin: 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
#secondary { width: 230px; padding: 0 20px 10px 20px; position: absolute; margin: 60px 0 0 20px; text-align: center; font-size: 13px; color: #666; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: #f7f7f7; border: 1px solid #ddd;}
#triangle { position: absolute; margin-left: 239px; margin-top: 10px; float: right; background: url('images/triangle.png'); width: 13px; height: 11px; }
#content { text-align: justify; padding: 20px 0 0 20px;}

.credits { float: right; font-size:11px; margin: 13px 0; }
.credits a { color: #fff;}
#footer { width: 100%; background: url('images/wood.jpg'); height: 48px; font-size: 13px; color: #6d4b1d; padding-top: 5px; margin-bottom: 0;}
#footer span { margin-left: 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-shadow: 0px 1px 1px rgba(255,255,255,0.8); }
#footer img { margin: 5px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }

.entry-meta { font-size: 12px; margin-top: 15px;}


/* sidebar */
#secondary h3 { color:#f69d01; font-size: 28px; text-align: center; font-family: 'Lobster Two'; font-weight: 700; font-style: italic; margin-top: -30px;}
#secondary h4 { background: #f5cd96; font-size: 14px; text-transform: uppercase; color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.1);text-align: center; margin: 5px 0; }
.widget-area .widget {}
.widget-area .widget h3 {}
.widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }

/* menu */
.menu-toggle, assistive-text { display: none; }
#menu { width: 100%; 
background: #f69d01; 
background: #c47c00; /* Old browsers */
background: -moz-linear-gradient(top,  #c47c00 0%, #f69d01 12%, #ffbb47 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c47c00), color-stop(12%,#f69d01), color-stop(100%,#ffbb47)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c47c00 0%,#f69d01 12%,#ffbb47 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c47c00 0%,#f69d01 12%,#ffbb47 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c47c00 0%,#f69d01 12%,#ffbb47 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c47c00 0%,#f69d01 12%,#ffbb47 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c47c00', endColorstr='#ffbb47',GradientType=0 ); /* IE6-9 */
font-size: 19px; text-transform: uppercase;}

#menu ul li { display: inline-block; margin-left: 22px; line-height: 40px; }
#menu ul li a { color: #fff;  }
#menu ul li a:hover { color: #f26122; text-shadow: 0px 1px 1px rgba(255,255,255,0.4);}

#menu li ul li { display: block; margin-left:0!important; border: none;}
#menu li ul { display: none; margin: 0 0 0 -25px; padding: 0; position: absolute; z-index: 999; border: none;}
#menu ul li:hover > ul { border-left: none; display: block; }
#menu li ul li a { font-size: 14px; line-height: 20px; transition: none!important; text-transform: none; color: #6d4b1d; margin:0; background: #f0f0f0; border-bottom: 1px solid #eee; border-left: none; display: block; padding: 8px 10px; width: 142px; white-space: normal; text-align: center;
background: #f5f5f5; box-shadow: 0px 2px 3px rgba(0,0,0,0.3);}
#menu li ul li a:hover { background: #f9f9f9; }

#menu .current-menu-item > a,  #menu .current-menu-ancestor > a,  #menu .current_page_item > a,  #menu .current_page_ancestor > a { font-weight: 700; }

/* typo */

h1, h2, h3, h4 { margin: 0 0 20px 0; padding: 0; font-weight: normal; text-align: left; color: #f69d01;}
h1 { font-size: 20px;  text-transform: uppercase;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {}

/* images */
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* forms */
table textarea { max-width: 260px; }
table input { margin-right: 20px;}
button, input, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; }
button, input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span { padding: 3px 5px; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
input[type="submit"]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); }
.edit-link { float: right; margin-top: 20px; background: #fff; border-radius: 5px; padding: 5px; }
hr { height: 0px; background-color: #fff; border-bottom: none; border-top: none; margin-bottom: 15px; }
select { padding: 6px; border-radius: 3px; border: 1px solid #ccc;}

/* more */ 
iframe { border-radius: 3px; border: 1px solid #ccc; }
.edit-link { float: right; padding: 0px 5px 0px 5px; background: #eee; border-radius: 3px; font-size: 10px; }
.assistive-text { display: none; }
.nav-previous a, .nav-next a { background: #ddd; color:#fff; padding: 3px 5px 3px 5px;  }
.nav-previous a:hover, .nav-next a:hover { background: #bbb; }
.wp-caption-text { font-size: 12px;  border: 1px solid #fff; text-shadow: 0px 1px 1px #fff;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

table { font-size: 12px; line-height: 14px; text-align: left;}
td { border: 1px solid #eee;}
.contact td { border: none;}

/* other media types == USE FOR 100% WIDTH */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
#footer, #top, #menu { width:1024px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
#footer, #top, #menu { width:1024px;}
}