/* Browser-fixes */
body {margin:0px; padding: 0px;}
img {border:none;}
ul {margin:0px;padding:0px;display:block;}
li {margin:0px;padding:0px;}
input {font-size:13px;}
label {margin-left:30px;}

/* Main Layout */

body {background: #B7DAE7;}

#wrapper {
 margin-top: 20px;
 margin-left: 50%;
 position: relative;
 left: -510px;
 -webkit-border-top-left-radius: 20px;
 -webkit-border-top-right-radius: 20px;
 -webkit-box-shadow: 0 0 18px 18px#A6C9D6;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-topright: 20px;
 -moz-box-shadow: 0 0 18px 18px #A6C9D6;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
 box-shadow: 0 0 18px 18px #A6C9D6;
 background: #F0EAD2;
 width: 1020px;
 border: 2px solid white;
 border-bottom: none;
}

#top {
 width:1000px;
 height: 250px;
 margin: 10px auto;
 -webkit-border-top-left-radius: 20px;
 -webkit-border-top-right-radius: 20px;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-topright: 20px;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
 position:relative;
}

#left {
float:left;
width:180px;
margin-left: 10px;
margin-bottom: 10px;
}

#right {
float:right;
margin-right: 10px;
margin-bottom: 10px;
width:800px;
}

#footer {
clear: both;
margin-left:10px;
width: 1000px;
text-align:center;
}

#footer p {
margin:0px;
font-size: 13px;
}

#lowcode {
visibility:hidden;
height:10px;
}

/* Topbox - logo / loginbox / facebooklike / Google Search */

#logo {
 float: left;
 background: url("/media/logo.png");
 width: 500px;
 height: 180px;
 position: relative;
 top:10px;
}

#topright {
float: right;
width:500px;
height:200px;
}

#login {
 text-align: center;
 background: #F6F2DF;
 border: 2px solid #FFF;
 line-height: 50%;
 font-size: 19px;
 -webkit-border-radius: 35px;
 -moz-border-radius: 35px;
 border-radius: 35px;
}

#facebooklike {
margin-top: 10px;
margin-left: 50px;
}

#googlesearch {
 margin-top: 10px;
 margin-left: 35px;
}

/* Menu */

.tutorials:hover {height:240px !important;}
.spices:hover {height:85px !important;}
#menu li a:hover {background: #D0CBB9;}

#menu {
 border-top: 2px solid #D0CBB9;
 position:absolute;
 bottom:1px;
 height:40px;
 width:1000px;
 background: #E0DBC9;
 text-align:center;
 overflow:visible;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}

#menu li {
 overflow: hidden;
 font-size: 16px;
 background: #E0DBC9;
 display: inline-block;
 vertical-align:top;
 width:12%;
 height: 40px;
 transition: height 1s;
 -webkit-transition:height 1s;
 -moz-transition:height 1s;
 -o-transition:height 1s;
 color: #A18052;
 position: relative;
 z-index: 1;
}

#menu li a {
 display:block;
 height: 30px;
 padding-top:10px;
 font-family:Arial;
 font-size: 16px;
 text-decoration:none;
 color: #A18052;
 transition: background 1s;
 -webkit-transition:background 1s;
 -moz-transition:background 1s;
 -o-transition:background 1s;
 }
 
 /* Leftside - Google AdSense / Help us / PicBadge */
 
.smallheader {
 width:100%;
 background: #E0DBC9;
 color: #A18052;
 margin-bottom: 0px;
}

.listcontent {
background: #F6F2DF;
margin-top: 0px;
margin-bottom: 10px;
width: 100%;
padding: 10px 0px;
}

#picbadge {
margin-left: 10px;
}

#facebookshare img {
width:160px;
margin-left:10px;
cursor:pointer;
}

/* Rightside - Google AdSense / Headers / Standard Text / Info Boxes */

#topad {
width: 728px;
height: 90px;
margin-left: 33px;
text-align:center;
background: #F6F2DF;
}

#right h2, #right h3, #right p {
font-family: Arial;
margin-right:15px;
}

#right h2, #right h3 {
margin-bottom:0px;
}

#right h2 {font-size:22px;}
#right h3 {font-size:20px;}

#right p {
margin-top:0px;
font-size:16px;
text-align:justify;
}

.rightinfo {
border: 2px solid #C6C1AF;
float: right;
padding: 10px;
margin-right: 15px;
margin-left: 10px;
max-width: 200px;
text-align: center;
}

.leftinfo {
border: 2px solid #C6C1AF;
float: left;
padding: 10px;
margin-right: 15px;
margin-left: 10px;
max-width: 200px;
text-align: center;
}

.rightinfo p, .leftinfo p {
margin: 0px;
}

.smallimg img {
width: 100px;
height: 100px;
margin-right:10px;
}

.smallimg {
margin-left:20px;
}

.wishimg {
width: 100px;
height: 100px;
margin-right: 12px;
margin-bottom: 12px;
cursor: pointer;
}

.first {
margin-left: 0px;
}

/* Goals */

.boxremove {
display: inline-block;
width:230px;
padding:10px;
text-align: center;
margin:5px;
border: 1px solid gray;
background: #F6F2DF;
}

.boxremove:hover {
background: #E6E2CF;
}