/*
Style: MB Light Lighthead
*/


/* dark blue: 183459
off green : 999900
 */



body { background-color: #ddd; background-image: url(light/bg.png); }
#supersized-loader { background-image: url(light/loading.gif); }
.entry, #entry-comments, #sidebar .widget { background-image: url(light/paper.png); }

#nav ul { -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); }
.dropdown-btn ul { -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); }

/*  light header
/* ------------------------------------ */
#header { background: #999900 url(light/header-border.png) repeat-x bottom; }
#tagline { color: #bbb; }

/* level 1 */
#nav li { border-right: 1px solid #eee; }
#nav li a { color: #fff; }
#nav li a:hover, 
#nav li:hover a { background: #eee; color: #222!important; }
#nav li a:hover, 
#nav li:hover a, 
#nav li.current_page_item a, 
#nav li.current-menu-ancestor a, 
#nav li.current-menu-item a { color: #222; }

/* level 2 */
#nav ul { background: #330d0a; text-shadow: 0 1px 0 #fff; }
#nav ul li a,
#nav li:hover ul li a { border-bottom: 1px solid #fff; color: #fff!important; }
#nav ul li a:hover,
#nav li:hover ul li a:hover { color: #e06a13!important; }
#nav li.current-menu-parent ul li.current_page_item a,
#nav li.current-menu-parent ul li.current-menu-item a { color: #e06a13!important; }

/* level 3 */
#nav ul li:last-child ul a { border-bottom: 1px solid #ddd; }

/*  disable box shadow
/* ------------------------------------ */
.dropdown-btn li a:hover,
.dropdown-btn li a.drop:hover,
#subheader,
#subheader-rss:hover,
#sidebar .widget,
ul#portfolio-filter li a:hover,
ul#portfolio-filter li.current a,
ul#portfolio-size li a,
ul#portfolio-pagination li a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/*  subheader
/* ------------------------------------ */
#subheader { background: #fff; border-bottom: 1px solid #e5e5e5; }
.dropdown-btn li a.drop,
#subheader-rss,
#subheader-search input#s { background-color: #f1f1f1; }
#subheader-search input#s { border-color: #f1f1f1; }
#subheader-rss:hover { background-color: #eee; color: #444; }
.dropdown-btn li a:hover, 
.dropdown-btn li:hover a,
.dropdown-btn ul li a:hover,
.dropdown-btn li:hover ul li a:hover { background-color: #eee; color: #444!important; }
.dropdown-btn ul { background-color: #eee; }
.dropdown-btn ul li a,
.dropdown-btn li:hover ul li a { color: #999!important; border-color: #e5e5e5; }
#subheader-search input#s:focus { color: #444!important; }

/*  page / post
/* ------------------------------------ */
#page-title h1,
#page-title h2 { color: #444; text-shadow: 0 1px 0 rgba(255,255,255,0.3); }
.entry,
#entry-comments,
.portfolio-item { 
-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05); 
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05); 
box-shadow: 0 10px 10px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05); }

/*  not-boxed text
/* ------------------------------------ */
.portfolio-category { color: #444; }
.nobox .text { color: #666; }
.nobox .text h1, .nobox .text h2, .nobox .text h3, .nobox .text h4, .nobox .text h5, .nobox .text h6 { color: #444; }
.nobox .hr { background-image: url(../img/hr.png); }
.nobox #page-image { margin-bottom: 30px; }

/*  sidebar
/* ------------------------------------ */
#sidebar .widget { background: none; padding: 0; }

/*  footer
/* ------------------------------------ */
#footer-contact {  background-color: #f9f9f9; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #eee; }
#footer-contact a:hover { color: #444; }
p#contact-address,
p#contact-phone,
p#contact-email { background-image: url(light/footer-contact.png); }

#footer-bottom { background: #111; }
#footer-bottom a { color: #999; }
#footer-bottom a:hover { color: #fff; }
#footer-bottom .one-half { border-color: #222; }

/*  portfolio
/* ------------------------------------ */
ul#portfolio-size li a i.icon-size,
ul#portfolio-pagination li a i.icon { opacity: 0.4; background-image: url(light/icon-switch.png); }
ul#portfolio-filter li a { background: #f1f1f1; color: #999; }
ul#portfolio-filter li a:hover,
ul#portfolio-filter li.current a { background: #eee; color: #444; }
ul#portfolio-size li a,
ul#portfolio-pagination li a { background: #fff; }

/*  pagenavi
/* ------------------------------------ */
.wp-pagenavi span.pages,
.wp-pagenavi span.extend,
.wp-pagenavi a { border: 1px solid #ddd!important; }


/* ------------------------------------------------------------------------- *
 *  Template: Child Menu Left / Right 3
/* ------------------------------------------------------------------------- */
#child-menu { background: #f4f4f4; position: relative; border: 1px solid #ddd;
-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.06);
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.06);
box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), 0 1px 1px rgba(0,0,0,0.06); }
#child-menu li a { background: url(light/child-menu-top.png) repeat-x 0 -20px; color: #444; text-shadow: 0 1px 0 #fff; border-bottom: 1px solid #d5d5d5; }

/* on 2-depth */
#child-menu li ul li { border-bottom: 1px solid #ddd; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
#child-menu li ul li a {color: #777; }
#child-menu li ul li a:hover { background: #ebebeb; color: #444; }
#child-menu li li.current_page_item a, 
#child-menu li li.current-menu-item a,
#child-menu li li.current_page_parent a, 
#child-menu li li.current_page_item a:hover, 
#child-menu li li.current-menu-item a:hover,
#child-menu li li.current_page_parent a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); 
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); }

/* on 3-depth */
#child-menu li ul li ul { background: #fff; }
#child-menu li li.current_page_item li a,
#child-menu li li.current-menu-item li a,
#child-menu li li.current_page_parent li a { text-shadow: 0 1px 0 #fff; background: none; color: #777;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;  }
#child-menu li li.current_page_item li a:hover,
#child-menu li li.current-menu-item li a:hover,
#child-menu li li.current_page_parent li a:hover { text-shadow: 0 1px 0 #fff; background: #eee; color: #444; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); }
#child-menu li li li.current_page_item a,
#child-menu li li li.current-menu-item a { background: #eee; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); }
#child-menu li li li.current_page_item a:hover,
#child-menu li li li.current-menu-item a:hover { background: #eee; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); }


/* ------------------------------------------------------------------------- *
 *  Sidebar Widgets
/* ------------------------------------------------------------------------- */
.widget-title { color: #444; }
.widget-title a,
.widget-title a:hover { color: #444; }

/*  widget : common
/* ------------------------------------ */
.widget_archive ul li, 
.widget_categories ul li, 
.widget_links ul li, 
.widget_meta ul li, 
.widget_recent_comments ul li, 
.widget_recent_entries ul li { border-bottom: 1px dotted #d5d5d5; }
.widget_rss ul li,
.widget_pages ul li a,
.widget_nav_menu ul li a { border-bottom: 1px dotted #d5d5d5; }

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li span.rss-date { color: #444; }

/*  widget : search
/* ------------------------------------ */
.widget_search { }
.widget_search input#s { background-color: #fff; width: 188px; color: #999; border-color: #ddd; }
.widget_search input#s:focus { color: #444; border-color: #ddd; }

/*  widget : tag cloud
/* ------------------------------------ */
.widget_tag_cloud .tagcloud a { color: #999; }

/*  widget : text
/* ------------------------------------ */
.widget_text .textwidget { padding-top: 8px; }

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a:hover { color: #444; }
.widget_calendar caption { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
.widget_calendar th { color: #444; }
.widget_calendar th, 
.widget_calendar td { border: 1px solid #ddd; }


@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#sidebar .widget_search input#s { width: 168px; }
}