/*
*   Filename:       menu.101.css
*
*   Description:    This file contains everything to do with all menus.
*/

/* Global */
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul > li {float: left; }
.menu li > a {display: block; position: relative; margin: 0; padding: 0;}

/* Root level */
.menu {width: 100%; height: 40px; background-color: #fbea37; z-index: 999;}
.menu.docked {position: fixed; top: 0;}
.menu > div > ul {float: left; width: 67%; height: 40px; line-height: 40px; margin: 0 auto; font-size: 1.6em; z-index: 9999;}
.menu > div > ul > li {position: relative; border-left: 1px solid #282827;}
.menu > div > ul > li:last-of-type {border-right: 1px solid #282827;}


/* Root level nodes */
.menu > div > ul > li > a {padding: 0 27px; color: #000; text-decoration: none;}
.menu > div > ul > li > a:hover {}
.menu > div > ul > li > a.active {background-color: #282827 !important; color: #fff;}
.menu > div > ul > li > a.active:hover {}

/* Persistant hover states */
.menu > div > ul > li:hover > a {background-color: #282827; color: #fbea37;}
.menu > div > ul > li:hover > a.active {}

/* Bottom level */
.menu > div > ul > li > ul {position: absolute; left: -9999px; min-width: 100%; background-color: #4b4b4b; background-color: rgba(75, 75, 75, 0.95);
                      font-size: 0.9em; z-index: 9;}
.menu > div > ul > li:hover > ul {left: 0;}
.menu > div > ul > li > ul > li {width: 100%; border-bottom: 1px dashed #fff;}
.menu > div > ul > li > ul > li:last-of-type {border-bottom: none;}

/* Bottom level nodes */
.menu > div > ul > li:hover > ul > li > a {padding: 0 30px; text-decoration: none; color: #fff; white-space: nowrap;}
.menu > div > ul > li:hover > ul > li > a:hover {color: #fbea37;}
.menu > div > ul > li:hover > ul > li > a.active {color: #fbea37;}
.menu > div > ul > li:hover > ul > li > a.active:hover {}
/* -------------------------------------------------------------- */


/* Breadcrumb */
nav ul.breadcrumb {display: block; float: left; width: 710px; margin: 0; padding: 0; color: #9FB5CF; font-size: 0.8em; list-style: none;}
nav ul.breadcrumb > li {display: block; float: left; margin: 0; padding: 0 0 0 3px;}
nav ul.breadcrumb > li > a {color: #fff; text-decoration: underline;}
nav ul.breadcrumb > li > a:hover {text-decoration: none;}
nav ul.breadcrumb > li.current > a {color: #666; text-decoration: none;}
nav ul.breadcrumb > li.current > a:hover {text-decoration: underline;}
/* -------------------------------------------------------------- */

/* Pagination */
.pagination {display:block; float: right; width: auto; height: 25px; margin: 20px 0 10px 0; padding: 0; clear: both; overflow: hidden;}
.pagination > li {display: block; float:left; height: 20px; margin: 1px; border: none; list-style-type: none; 
                  font-size: 11px; line-height: 20px;}

.pagination > li > a,
.pagination > li > span {display: block; padding: 0 6px;}
.pagination > li > a {font-weight: bold; background-color: #fbea37;}

.pagination > li.page_prev,
.pagination > li.page_next {}
.pagination > li.page_prev > span,
.pagination > li.page_next > span {display: block; padding: 0 6px; color: #fff; background-color: #999;}

.pagination > li.page_current span {color: #fff; background-color: #000;}

.pagination > li.page_first,
.pagination > li.page_last {}
.pagination > li.page_first > span,
.pagination > li.page_last > span {color: #fff; background-color: #999;}
/* -------------------------------------------------------------- */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */