/* ----- Global ------------------ */

/*get rid of dotted link box in FireFox*/
:-moz-any-link:focus {
  outline: none;
}

/* ----- Header ------------------ */

#header_area .page {width: 970px;}

#header {position: relative; width: 970px; padding-left: 0; padding-right: 0; padding-bottom: 0;}

#below_banner {overflow: hidden; height: 30px; line-height: 30px;}

#below_banner .left {float: left; width: 640px;}

#below_banner .left ul {height: 30px;}

#below_banner .left li {line-height: 30px;}

#below_banner .right {float: right; width: 300px; text-align:right; list-style: none;}

#below_banner .right li {display: inline; padding: 0 4px; border-left: 1px solid #a0a0a0; font-size: 11px;}

#below_banner .right li:first-child {border-left: 0;}

#below_banner .right li a:hover {color: #333333; text-decoration: none;}

/* ----- Branding ---------------- */

#logo, #logo a {width: 145px; height: 74px;}

#logo {background: url(images/logo.png) no-repeat; text-indent: -9999px; margin-bottom: 5px;}

#logo a {display: block;}

#header #strap {position: absolute; top: 48px; right: 0;}

/* ----- Navigation -------------- */

#navbar {width: 970px; background: #a9bf52; margin-top: 5px; margin-bottom: 3px; padding: 0;}

.search_form {position: absolute; top: 102px; right: 4px; overflow: hidden; width: 250px;}

.search_form fieldset {margin: 0; padding: 0; border: 0; background: transparent;}

.search_form input.text {background: #ffffff; border: 0; font-size: 11px; padding: 6px 5px 5px; width: 152px; float: left; margin-right: 4px;}

.search_form input.btn {float: left; background: #506500; border: 1px solid #ffffff; font-size: 12px; color: #ffffff; padding: 3px 9px;}

/* Level 1 navigation */

.menu {width: 710px; height: 30px; border: 0;}

.menu > li > a, .menu > li > a:hover, .menu > li.current > a, .menu > li.current > a:hover, .menu > li.current-parent > a, .menu > li.current-parent > a:hover, .menu > li.current-cat > a, .menu > li.current-cat > a:hover {background: transparent;}

.menu > li {height: 30px; line-height: 30px;}

.menu > li > a {letter-spacing: normal; border-top: 0; border-bottom: 0; border-left: 0; padding: 0 15px; height: 30px; line-height: 30px;}

.menu ul a {background: #a9bf52; letter-spacing: normal;}

/* ----- Sidebars ---------------- */

#sidebars {width: 303px;}

.sidebar ul.sidebar_list {border-top: 4px solid #333333; padding: 20px 0 0 0;}

.sidebar ul.sidebar_list li.widget {width: 303px; clear: both;}

.sidebar ul.sidebar_list li.widget .widget_box {}

.sidebar h3 {background: url(images/sidebar_h3.png) 0 5px no-repeat; padding-left: 12px; font-weight: normal; letter-spacing: normal; font-variant: normal; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px;}

/* ----- Sidebar Widgets --------- */

li.widget {line-height: normal;}

.box {border: 1px solid #e1e1e1; padding: 3px; line-height: normal; overflow: hidden;}

.boxtight {border: 1px solid #e1e1e1; padding: 0; line-height: normal; margin: 0; height: 95px;}

.boxtight a img {margin: 0; padding: 0; }

.boxtight a {display: block;}

.sep {border-top: 4px solid #333333;}

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

.tw-tabbed-nav.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {margin-left: 10px;}

.tw-tabbed-nav.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all > li {margin: 0; border-right: 1px solid #ffffff; padding: 5px 0;}

.ui-tabs-nav li a {background: #98b72e; color: #ffffff; padding: 6px 10px;}

.ui-corner-top.ui-tabs-selected.ui-state-active a {background: #e4efbd; color: #98b72e; padding: 6px 10px;}

.tw-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom {border: 1px solid #e7e7e7; padding: 8px; width: 285px;}

a.rss, a.email {padding: 7px 0 7px 29px; text-decoration: none; height: 25px; line-height: 25px; margin: 0 10px; }

a.rss {background: url(images/rss.png) 0 0 no-repeat;}

a.email {background: url(images/email.png) 0 0 no-repeat;}

.widgetleft {float: left; width: 140px; margin-right: 5px;}

.widgetright {float: right; width: 140px;}

.widgetleft h4, .widgetright h4 {line-height: normal; margin-bottom: 10px; text-align: center;}

img.border {border: 1px solid #e1e1e1;}

img.border.gutter {margin-right: 11px;}

img.border.gutter.first {margin-left: 3px;}

/* ----- Content Area ------------ */

#content_area {}

#content_area .page {width: 970px;}

#content {border-top: 4px solid #333333; width: 644px;}

.headline_area {position: relative;}

.headline_area h1 {color: #647805; font-size: 35px;}

h2.entry-title a {color: #647805;}

h2.entry-title a:hover {color: #262626;}

p.headline_meta {color: #98b72e; text-transform: uppercase; font-style: normal; letter-spacing: normal;}

p.headline_meta a {color: #98b72e; text-transform: uppercase; border: 0; letter-spacing: normal;}

.comment_no {position: absolute; bottom: 5px; right: 0; background: url(images/comment_no.png) no-repeat; width: 85px; height: 25px; line-height: 25px; text-align: center; }

.comment_no a {font-size: 11px; color: #ffffff;}

.comment_no a:hover {color: #262626;}

.post_box {margin-left: 0; margin-right: 0;}

body.blog .post_box.top {background: #f0f0f0; padding: 10px; border: 1px solid #e7e7e7; margin-top: 14px; overflow: hidden;}

#feature_box {border-top: 4px solid #333333; margin-top: 15px; background: #ffffff; height: 1px;}

/* ----- Teasers ---------- */

.teasers_box {margin-left: 0; margin-right: 0; width: 644px; border-bottom: 1px solid #e1e1e1;}

.teaser {width: 305px; position: relative;}

.teaser .format_teaser {border-top: 1px dotted #262626; padding-top: 10px; margin-top: 8px; clear: right;}

.teaser .format_teaser .post_image_link img.alignright {border: 2px solid #ccbec3;}

a.teaser_link {float: right;}

.teaser a.teaser_comments {background: url(images/comment_no.png) no-repeat; width: 85px; height: 20px; padding-top: 5px; text-align: center; letter-spacing: normal; text-transform: capitalize; font-variant: normal; float: right; margin-top: 5px; color: #ffffff;}

.teaser a.teaser_comments:hover {color: #262626;}

abbr.published {color: #999999; letter-spacing: normal;}

.teaser a.teaser_category {display: block; border: 0; width: 150px; letter-spacing: normal; text-transform: none; font-variant: normal; color: #93b82c;}

.teaser_date {display: block; width: 150px; margin-top: 5px;}

.teaser_date {clear: left;}

/* ----- Post Navigation ---------- */

.post_tags {font-weight: bold;}

.post_tags a {font-weight: normal;}

.prev_next {border: 1px solid #e7e7e7; padding: 10px; width: 620px; font-size: 11px; margin-bottom: 20px;}

.prev_next p {width: 290px; font-size: 0.8em; line-height: normal; margin: 0;}

.prev_next p.next {float: right; background: url(images/next_post.png) 100% 4px no-repeat; padding-right: 16px;}

.prev_next p.previous {float: left; background: url(images/prev_post.png) 0 4px no-repeat; padding-left: 16px; margin-bottom: 0;}

#wp_page_numbers {border: 1px solid #efefef; padding: 10px 15px; margin-bottom: 20px; margin-top: 20px;}

#wp_page_numbers ul {list-style: none;}

#wp_page_numbers li {float: left; line-height: 20px;}

#wp_page_numbers li.page_info {width: 100px; font-style: italic;}

#wp_page_numbers li a {padding: 5px; border: 1px solid #f0f0f0; height: 10px; margin-right: 4px;}

#wp_page_numbers li.active_page a {background: #97b020; color: #ffffff; border: 1px solid #97b020;}

#comments {border-top: 4px solid #333333;}

#comments_intro {display: none;}

dl#comment_list {border-top: 0;}

.avatar img {background: url(images/avatar_bg.png) 0 0 repeat-x; padding: 9px; margin-bottom: 8px;}

#respond_intro p {text-transform: uppercase; font-weight: bold; padding-top: 10px;}

#commentform input.form_submit {background: transparent url(images/comment_button.png) 0 0 no-repeat; border: 0; min-width: 188px; height: 39px; text-align: center; font-weight: normal; font-style: italic; font-size: 12px; padding-left: 30px; padding-right: 30px;}

#commentform input.form_submit:hover {color: #98b72e;}

/* ----- Footer ------------------ */

#footer_area .page {width: 970px;}

#footer {border-top: 4px solid #333333; padding-left: 0; padding-right: 0; text-align: left; overflow: hidden;}

#footer h3 {}

#footer p, #footer a, #footer ul, #footer li {color: #333333; font-size: 11px;}

#footer p {line-height: normal; margin-bottom: 5px;}

#footer a {border: 0;}

/* Footer widgets */

.footer1 {float: left; width: 296px; border-right: 1px solid #b3b0b0; padding-top: 40px; padding-bottom: 40px; margin-right: 20px;}

.footer2 {float: left; width: 650px; margin: 0 0 11px 0; padding: 0;}

.footer2 img {padding: 4px; border: 1px solid #b3b0b0;}

.footer3 {float: left; width: 390px; border: 1px solid #b3b0b0; padding: 7px 7px 100px; margin-right: 10px;}

.footer4 {float: left; width: 230px; text-align: justify;}

ul.footer_list {list-style: none; margin: 0; padding: 0;}

ul.footer_list li.widget {margin-bottom: 0;}

ul.footer_list li.widget h3 {color: #333333; font-size: 11px; font-weight: bold;}

/* ----- 404 ------------------ */

#content_search {margin-bottom: 20px;}

#content_search .search_form input[type=submit] {width: 50px; font-size: 11px;}

#content_search .search_form input[type=submit]:hover {}

li#execphp-3 {position: relative;}

/* Gallery widget */

.gallery {margin-left: 0; width: 300px; height: 90px; position: relative; overflow: hidden; border: 1px solid #e1e1e1;}

.image_container{position: absolute; z-index: 1; margin-left: 18px;}

.image_container img {display: block; position: relative; float: left; margin: 0 4px; padding-top: 4px;}			
	
/* Not Necessary for tut*/
a.next{position: absolute; z-index: 2; right: 0px; top: 1px; text-indent: -9999px; overflow: hidden; background: url(images/scroll_right.png) no-repeat; width: 18px; height: 88px; display: block;}
a.prev{position: absolute; z-index: 2; left: 0px; top: 1px; text-indent: -9999px; overflow: hidden; background: url(images/scroll_left.png) no-repeat; width: 18px; height: 88px; display: block;}

/* Recent Posts widget */

li.widget.highlights {margin-bottom: 8px;}

#recent_highlights li {overflow: hidden; width: 303px; padding: 8px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 0;}

#recent_highlights h4 {float: right; width: 241px; margin-bottom: 8px;}

#recent_highlights a img {float: left; width: 54px; border: 1px solid #d2c6cb; margin-right: 6px;}

#recent_highlights li p {margin-bottom: 0; color: #a2a0a0;}