/*
Theme Name: Nutrition Basics
Theme URI: http://wordpress.org/
Description: Custom theme for Nutrition-Basics.com
Version: 1.0
Author: Sterr Bros Design
Author URI: http://www.sterr-bros.com/
*/

/* orange = #F77F00 */
/* green  = #8CD600 */
/* brown  = #7A3B00 */

* { margin:0; padding:0;}

body { font-family: Calibri, "Trebuchet MS", Arial, san-serif; font-size:100%; line-height:.8125em; color:#222; background:#73827D; margin-top:15px;}

img {border:0;}

#main {
	width:980px; 
	margin:0 auto; 
	background:url(images/header.png) top no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -490px;
}

#header {height:250px;}
#header, #sidebar{ font-size:.8em;}

#bot-nav {
	text-align:center;
	text-transform:uppercase; 
	letter-spacing:2.4pt; 
	font-size: 9.5pt;
	font-family: "Trebuchet MS",Arial,Verdana,Sans-serif;
}
#bot-nav a:link{color: #F77F00; text-decoration: none; outline:none;}
#bot-nav a:visited{color: #F77F00; text-decoration: none; outline:none;}
#bot-nav a:active{color: #F77F00; text-decoration: none; outline:none;}
#bot-nav a:hover{color: #F77F00; text-decoration: none; outline:none;}

#footer {color:#fff; font-size:.75em; padding:25px 0 35px 0;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignleft {text-align: left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p, #inner ul li { 
	margin-bottom:15px;
	line-height: 13.2pt;
	font-family: Calibri, "Trebuchet MS", Arial, san-serif;
	font-size: 12pt;
	text-align: left;
}

#contentinside {
	margin: 0 0px 0 -10px;
	float: left;
	width: 605px;
}

.narrowcolumn {
	width: 585px;
}

#sidebar {
	border-left: 3px solid #666; 
	float: right; 
	width: 196px;
	padding: 0pt 0pt 0pt 20px !important;
}

.sidebarlist li a {color: #F77F00;}

/*==================txt, links, lines, titles====================*/
a {color: #F77F00;}
a:hover{text-decoration:none; background: #eee}

h1 { color: #F77F00; line-height:2em; }
h2 { font-size:1.75em; font-weight:normal; line-height:1.1em; margin-bottom:25px; color:#F77F00;}
h3 { font-size:1.2em; color:#F77F00 !important; margin-bottom:15px; font-weight: normal; line-height: 1.1em;}
h4 { font-size:1.1em; color:#F77F00; line-height:1.1em;}

/*==================boxes====================*/
.menu-box { width:100%; color: #F77F00}
.menu-box .left {}
.menu-box .right {}

.content-box { background: #fff; width:100%;}
.inside { padding:0 11px 0px 11px;}
.inside1 { padding:30px 40px 40px 32px;}

.box { width:100%;}
.box #inner { padding: 15px 10px;}

/*header*/
#header .row-0 { height:30px; padding:50px 75px 0 383px; color: #F77F00; font-size: 9.5pt; letter-spacing: 2.4pt; text-transform: uppercase; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}
#header .row-1 { height:30px; padding:58px 69px 0 265px; color: #F77F00}
#header .row-2 { padding: 20px 135px 0 700px; color: #F77F00;}
#header ul { width:100%; overflow:hidden; padding-left:0px;}
#header ul li { 
float:left; 
list-style:none; 
padding: 0 5px; 
text-transform:uppercase; 
letter-spacing:2.4pt; 
font-size: 9.5pt;
font-family: "Trebuchet MS",Arial,Verdana,Sans-serif;
}
#header ul li a { display:block; text-decoration:none; outline: none;}

/*content*/
#content { padding:0 60px 0 55px; }
#content .indent { padding:11px 0 0 0;}
#content .indent1 { padding:22px 10px 0 25px;}

/*footer*/
#footer { text-align:center; font-weight:bold;}
#footer a { color:#fff}
/*==========================================*/

/*Adds scroll bar to all pages*/
html { overflow-y: scroll; }

/*==================forms====================*/

form {line-height:2em}

fieldset {border: 2px #F77F00 solid; padding: 0 15px 10px 15px;}

legend {font-size:2.18em; font-weight:normal; line-height:2em; color:#F77F00; margin-left:1em;}

input, select, textarea, #search-text, #search-submit {background: #f6c07a !important; border: 1px solid #888} 
#search-submit {margin-top: 10px;}

#sidebar ul {padding-left: 0px}
ul, ol {padding-left: 40px}

#comment {background: #f0fff0 !important;}

.odd {background: #ffe; border: 1px solid #f6c07a}
.even {background: #F0FFF0; border: 1px solid #8CD600}
.even a {color: #8CD600}

#commentform #author, #commentform #email, #commentform #url{background: #F0FFF0 !important;}
.commentlist li {margin-bottom: 10px;}
.comment-author {float: left}
.avatar {margin-right: 10px;}
.fn, .says { vertical-align: top; line-height: 3em}
.comment-meta {float: right; padding: 10px;}
.comment-body {}
.comment-body p {clear:left; padding: 10px;}

hr {margin: 15px 0}

#searchbox {
	 border-left:1px solid #FF8400; 
	 border-right:1px solid #FF8400; 
	 padding: 0px 10px 0 10px;
	 margin: -2px 0 -1px 0;
}

#tabarea {
	 border-left:1px solid #FF8400; 
	 border-right:1px solid #FF8400; 
	 padding: 0px 10px 0 10px;
	 margin-bottom: -1px;
}
#tabarea li {list-style: none; line-height: 1.5em;}

.more-link {margin-left: 1em}

#faqanswers strong a {background: none;}

.sectiontitle {
	text-align:center;
	background: #f0fff0;
	border: 1px solid #8cd600;
	padding:5px;
}

.sectiontitle a {background:none; color: #8cd600;}

.sectiontitlep {
	text-align:center;
	background: #f0fff0;
	border: 1px solid #8cd600;
	padding:5px 5px 5px 60px;
	margin: 1em 0;
}

.sectiontitlep a {background:none; color: #8cd600;}

.recipe {
	background-color: #ffffee; 
	padding: 10px;
	border: 1px solid #f77f00;
	margin: 0 1em 1em 1em;
}