/* ---------- COLORS (FOR REFERENCE ONLY) ---------- */
/*
primary		#000000
secondary	#000000
tertiary	#000000
*/

#overlay {
background: black url(../img/loader.gif) no-repeat center;
opacity: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-Index: 10000;
}
#switchContainer {
position:absolute;
right:0px;
top:0px;
height:30px;
float:right;
padding:0;
margin:0;
}
#switchContainer li {
display:block;
height:30px;
float:left;
list-style: none;
list-style-image: none;
line-height: 30px;
}
#switchContainer a {
display:block;
width:85px;
height:30px;
text-indent: -9999px;
}

/* ---------- TYPOGRAPHY ---------- */
@font-face {
font-family: Gotham-Book;
src: url('../fonts/GothamHTF-Book.otf');
}
@font-face {
font-family: Gotham-Bold;
font-weight: bold;
src: url('../fonts/GothamHTF-Bold.otf');
}
@font-face {
font-family: Gotham-Light;
src: url('../fonts/GothamHTF-Light.otf');
}
@font-face {
font-family: Gotham-Medium;
src: url('../fonts/GothamHTF-Medium.otf');
}


h1 {
color:#444;
font-weight: normal;
font-size: 32px;
}
h2 {
color:#444;
font-weight: normal;
font-size: 18px;
margin-bottom:10px;
}
h3 strong {
color:#fff;
font-size:18px;
}
h3 {
color: #444;
}
h4 {
color:#fff;
}
h5 {
font-size:18px;
color:#fff;
margin-bottom:10px;
text-decoration: underline;
}
h6 {
}

a {
text-decoration:none;
-webkit-transition:color .5s ease-in;
-mos-transition:color .5s ease-in;
-o-transition:color .5s ease-in;
transition:color .5s ease-in;
}

a:hover {
text-decoration: none;
}

a, a:active {
outline:none;
}

:focus {
-moz-outline-style:none;
}

:-moz-any-link:focus {
  outline: none;
}

ul.none li {
list-style:none;
list-style-image: none;
}
li {
line-height:20px;
}
img, a img, a:hover img {
border:none;
text-decoration: none;
}
b, strong {
font-family: Gotham-Bold, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #eee;
}

/* ---------- MAIN STRUCTURE ---------- */
body {
font-family: Gotham-Book, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#eee;
background: #000000 url(../img/bg.jpg) fixed top center no-repeat;
/*
-webkit-transform: rotate(-2deg); 
-moz-transform: rotate(-2deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
*/
}
#container {
width:980px;
margin:0px auto;
padding:0px;
}
#mainContent {
padding: 8px;
margin-top:50px;
color:#eee;
position: relative;
}
#mainContentHome {
padding: 0px;
height:609px;
position:relative;
top:10px;
}

#buyNow {
position:fixed;
top:100px;
right:0;
z-index: 100;
}

.logo{
top: 10px;
left: 0px;
position: absolute;
z-index: 500;
text-indent: -9999px;
}

/* --------- BUTTONS --------- */
.button1 a {
color:#ddd;
text-decoration:none;
display:block;
width:105px;
height:30px;
line-height:26px;
padding-left:23px;
}

.button1 a:hover {
text-decoration:underline;
color:#fff;
}

.button2 a {
color:#ddd;
text-decoration:none;
display:block;
width:105px;
height:30px;
line-height:26px;
text-align: center;
}

.button2 a:hover {
text-decoration:underline;
color:#fff;
}

.button3 a {
color:#ddd;
text-decoration:none;
display:block;
width:105px;
height:30px;
line-height:26px;
text-align: center;
}

.button3 a:hover {
text-decoration:underline;
}

.button4 a {
color:#666;
text-decoration:none;
padding:5px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-align: center;
font-weight: bold;
line-height: 30px;
}

.button4 a:hover {
color:#000;
background-color:#aaa;
}

/* ---------- SIDE LINKS ---------- */
.sideLinks {
float:right;
position:relative;
width:230px;
top:-47px;
margin-left:30px;
right:10px;
color:#ccc;
}

.sideLinks .button1 a, .sideLinks .button2 a, .sideLinks .button3 a {
margin-left:125px;
}

.sideLinks p {
margin-bottom:5px;
}

.sideLinks h2 {
margin-top:10px;
}

.sideLinks div {
border-bottom:2px solid #222;
padding-bottom:10px;
}


/* ---------- HEADER ---------- */
.header{
position: relative;
height: 90px;
margin-top: 15px;
}

.socialLinks {
color:#777;
position:absolute;
top:5px;
right:20px;
}
.socialLinksHome {
color:#777;
position:absolute;
top:312px;
left:125px;
/*
-webkit-transform: rotate(-1deg); 
-moz-transform: rotate(-1deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
*/
}
.socialLinks img, .socialLinksHome img {
vertical-align: middle;
}
.socialLinks a, .socialLinksHome a {
margin-left:2px;
}


/*---------- NAVIGATION ----------*/

#nav {
height: 45px;
width: 666px;
float:right;
position: relative;
margin-top:35px;
}

#nav li {
list-style-type: none;
list-style-image: none;
float: left;
text-indent: -9999px;
height:45px;
display:block;
padding:0;
margin:0;
}

#nav a {
height: 45px;
display: block;
/*
-webkit-transition:background-position .25s ease-out;
-mos-transition:background-position .25s ease-out;
-o-transition:background-position .25s ease-out;
transition:background-position .25s ease-out;
*/
cursor:hand;
cursor:pointer;
}
.tree_item_content {
position: relative;
}

/* #nav_215 a { */
ul#nav .mainNav1 a { 
width: 114px;
background-position: -10px 0px;
}
/* #nav_212 a {  */
ul#nav .mainNav2 a { 
width: 115px;
background-position: -124px 0px; 
}
/* #nav_180 a { */ 
ul#nav .mainNav3 a { 
width: 148px; 
background-position: -236px 0px;
}
/* #nav_205 a {  */
ul#nav .mainNav4 a { 
width: 141px; 
background-position: -384px 0px;
}
/* #nav_182 a { */ 
ul#nav .mainNav5 a { 
width: 148px; 
background-position: -525px 0px;
}

/* #nav_215 a:hover { */
ul#nav .mainNav1 a:hover, ul#nav .mainNav1.sfHover a { 
background-position: -10px -45px;
}
/* #nav_212 a:hover { */
ul#nav .mainNav2 a:hover, ul#nav .mainNav2.sfHover a { 
background-position: -124px -45px;
}
/* #nav_180 a:hover { */
ul#nav .mainNav3 a:hover, ul#nav .mainNav3.sfHover a { 
background-position: -236px -45px;
}
/* #nav_205 a:hover { */
ul#nav .mainNav4 a:hover, ul#nav .mainNav4.sfHover a { 
background-position: -384px -45px;
}
/* #nav_182 a:hover { */
ul#nav .mainNav5 a:hover, ul#nav .mainNav5.sfHover a { 
background-position: -525px -45px;
}

#nav li {
position:relative;
cursor:hand;
cursor:pointer;
}
#nav span.currentNav {
width:119px;
height: 45px;
position: absolute;
right:0px;
display:block;
z-index: 10;
} 

/* second level */
#nav ul {
position: absolute;
top: 45px;
left: 0;
z-index: 500;
}
#nav .mainNav1 ul {left:-20px;}
#nav .mainNav2 ul {left:0px;}
#nav .mainNav3 ul {left:5px;}
#nav .mainNav4 ul {left:-5px;}
#nav .mainNav5 ul {left:-5px;}

#nav li li {
float: none;
text-align: left;
border: none;
height:30px;
background: rgba(0,0,0,.8);
}
#nav li li:first-child {
padding-top:10px;
}
#nav li li a {
padding-left:30px;
text-indent: 0;
background: none;
color: #fff;
font-size: 12px;
}


/* ---------- SIDEBAR (subnav) ---------- */
#arrow{
position:absolute;
top:88px;
left:300px;
z-index: 510;
}
#sidebar{
position:absolute;
top:88px;
left:280px;
}
#sidebar h1{
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #999;
display:none;
}
#sidebar ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style:none;
list-style-image: none;
float:left;
border-left: 1px solid #999;
line-height:14px;
}
#sidebar ul li a {
color:#fff;
text-decoration:none;
list-style:none;
list-style-image: none;
color:#aaa;
padding:0px 20px;
font-size: 14px;
}
#sidebar ul li a:hover {
list-style:none;
list-style-image: none;
color:#eee;
}
#sidebar li:first-child {
border:none;
}


/*---------- FOOTER ----------*/
#footer {
width:100%;
height:auto;
text-align:center;
margin:0 auto;
margin-top: 20px;
color: #ccc;
padding-bottom:30px;
padding-top:10px;
}
#footer ul {
list-style:none;
list-style-image: none;
margin: 0;
}
#footer ul li {
list-style:none;
list-style-image: none;
margin: 0px;
line-height:18px;
display:inline;
}
#footer a {
text-decoration: none;
line-height: 18px;
color: #ccc;
padding:0px 10px;
}
#footer li {
border-left: 1px solid #999;
}
#footer li:first-child {
border:none;
}

.copyright {
margin-bottom:15px;
font-size: 10px;
line-height: 20px;
margin-top:10px;
}
.copyright img {
padding-top: 10px;
vertical-align: bottom;
}

/*---------- MISCELLANEOUS ----------*/
.clear{
clear:both;
}
.round {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.message{
margin-bottom:10px;
padding:5px 10px;
color: white;
-moz-opacity:0.75;
filter:alpha(opacity=75);
}

/*---------- PAGES ----------*/
ul.nutritional {
width: 650px;
list-style-type:none;
list-style-image: none;
margin-left:0;
}
ul.nutritional li {
display:block;
float:left;
list-style-type:none;
list-style-image: none;
text-align:center;
margin-right:50px;
}
.nutritional li a {
width:150px;
height:150px;
color:#999;
}
.nutritional a:hover {
text-decoration:none;
color:#fff;
}
.nutritional a img {
border:2px solid #0c0c0c;
padding:10px;
}
.nutritional a:hover img {
border:2px solid #222;
}

table.recipes strong {
color:#fff;
}
table.recipes em {
text-decoration: underline;
font-style: normal;
color:#fff;
}
table.recipes {
color:#888;
}

.answer {
border-bottom:2px solid #222;
padding-bottom:30px;
width:650px;
}
.question:before {
font-size:30px;
color:#333;
content:"q: ";
font-weight: normal;
}
.answer:before {
font-size:30px;
color:#333;
content:"a: ";
}
h1.quickies {
background:url(../img/titleQuickies.png) no-repeat;
text-indent: -9999px;
}

ul.rateme li {
list-style: none;
list-style-image: none;
margin-bottom:30px;
padding:0 0 0 10px;
border:1px solid #222;
width:585px;
position: relative;
left:-15px;
}
ul.rateme .rateTitle, ul.rateme .rateTitle a {
font-size:26px;
text-decoration: none;
height:50px;
}
ul.rateme .rateTitle a:hover {
text-decoration: none;
}
ul.rateme .rateDesc {
font-size:14px;
color:#fff;
}
ul.rateme .rateTitle {
z-index: 100;
font-size: 26px;
}
ul.rateme .rateInfo {
padding:0;
margin:0;
}
ul.rateme, ul.rateme li {
list-style-image: none;
}
table.rateContainer td.rateImg {
text-align: center;
height:500px;
}
td.rateStars {
text-align: right;
padding-right:0;
margin-right:0;
}
td.rateProfile {
width:400px;
}
td.rateProfile h2 {
margin-bottom:0;
}
ul.rateme .rateEmail {
text-align: right;
vertical-align: bottom;
}
ul.rateme .rateEmail img, ul.rateme .rateShare img {
vertical-align: text-bottom;
}
td.rateStars {
vertical-align: middle;
}
.rateThumbs a img {
margin-right:10px;
margin-bottom:5px;
border:3px solid #fff;
width:70px;
height:70px;
}
.rateThumbContainer {
margin-bottom:30px;
margin-left:5px;
width:620px;
}

a.button {
text-decoration: none;
padding:3px 10px;
color:#fff;
border:1px solid #ddd;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, 0)));
}
a.button:hover {
border:1px solid #ddd;
background-color:#fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2)));
}