/**
* @package   Pixel Point Creative  | Adroit
* @author    Pixel Point Creative http://www.pixelpointcreative.com
* @copyright Copyright (C) Pixel Point Creative, LLC
* @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */

table, th, td {
     border: 1px solid #777777;
 }


#top, #bottom, #left, #right {
	background: #0C0C0C;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 25px;
		z-index: 1;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 25px;
		z-index: 1;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

//medium+ screen sizes
@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
}
 
//small screen sizes
@media (max-width: 991px) {
    .mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }
}

@media screen and (max-device-width: 480px){
#left {
       display: none;
}
#right {
       display: none;
}
#top {
       display: none;
}
#bottom {
       display: none;
}

/* Base
----------------------------------------------------------------------------------------------------*/
.customlogo{ background-image: url(../images/logo.png); width:300px; height:100px;margin-top:10px;}
a { color: #fff; }
a:hover {color:#7BB9A0;}

::-moz-selection { background: #FFFFFF; }
::selection { background: #FFFFFF; }

/*Sticky Menu*/
#nagmenu.fixed{background:#333;border:1px solid #fff;margin-top:-1px;}
#nagmenu.fixed #menu{padding:15px 8px;}
#nagmenu.fixed #menu a, #nagmenu.fixed span {color:#fff}

#totop-scroller { background-image: url(../images/totop_scroller.png); }
/* Layout
----------------------------------------------------------------------------------------------------*/
 #inner-header{ width:100%;float:left;}
 #header{margin:0}
 .wrapper { }

.outer .mod-transparent a:hover,
#footer a:hover { color: #777; }

/* Menus
----------------------------------------------------------------------------------------------------*/
#menu .fancy{ 
background-image: none; 
background-repeat:no-repeat;
background-position: top center;
}

.menu-dropdown .dropdown-bg > div {box-shadow: inset 0 0 8px rgba(0,0,0,0.9); background-image: url(../images/menu_back.png); }

.menu-dropdown li.level1.parent:hover,
.menu-dropdown li.remain.parent { background:none}

.menu-dropdown li.level2 { border-top: solid 1px #fff; }

.menu-dropdown a.level2:hover,
.menu-dropdown a.level2.current,
.menu-dropdown a.level3:hover,
.menu-dropdown a.level3.current,
.menu-dropdown .level2 .level2 span.subtitle { color: #ddd; }

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }

.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.menu-sidebar a.current,
.menu-sidebar li.parent.active .level1 { color: #ccc; }

.menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent.png); }

.menu-sidebar .level2 a > span { background-image: url(../images/menu_sidebar_level2.png); }

.mod-box-black .menu-sidebar a:hover,
.mod-box-black .menu-sidebar li > span:hover,
.mod-box-black .menu-sidebar a.current,
.mod-box-black .menu-sidebar li.parent.active .level1 > span { color: #84b33a; }

.mod-box-black .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_black.png); }
.mod-box-black .menu-sidebar .level2 a > span { background-image: url(../images/menu_sidebar_level2_black.png); }

.mod-box-color .menu-sidebar a:hover,
.mod-box-color .menu-sidebar li > span:hover,
.mod-box-color .menu-sidebar a.current,
.mod-box-color .menu-sidebar li.parent.active .level1 > span { color: #47631E; }

.mod-box-color .menu-sidebar li.level1 { border-color: #BDDC8C; }


.mod-box-color .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color.png); }
.mod-box-color .menu-sidebar .level2 a > span { background-image: url(../images/menu_sidebar_level2_color.png); }


/* Modules
----------------------------------------------------------------------------------------------------*/

.outer .mod-transparent {
color: #fff;
}

.mod-transparent .badge { background-image: url(../images/module_badges_line.png); }

.mod-box-color { background: #111111; }

.mod-box-color a,
.menu-dropdown .module a { color: #47631E; }

.mod-box-color::-moz-selection { background: #47631E; }
.mod-box-color::selection { background: #47631E; }




/* Tools
----------------------------------------------------------------------------------------------------*/

form.style button, 
form.style input[type="button"],
.mod-box-color form.style button { background: #111111; }

form.style button, 
form.style input[type="button"]
{ color: #fff; }

form.style button:hover,
form.style input:hover[type="button"] { color: #fff; }



.button-default:hover,
.button-primary,
form.style button:hover, 
form.style input[type="button"]:hover { background: #999 ; }

.mod-box-black .button-default,
.mod-box-color .button-default:hover,
.mod-box-color .button-primary,
.mod-box-black form.style button, 
.mod-box-black form.style input[type="button"],
.mod-box-color form.style button:hover, 
.mod-box-color form.style input[type="button"]:hover { background: #999; }

.mod-box-black .button-default,
.mod-box-black .button-default:hover,
.mod-box-color .button-default,
.mod-box-color .button-default:hover,
.mod-box-color .button-primary,
.mod-box-color .button-primary:hover,
.mod-box-black form.style button, 
.mod-box-black form.style input[type="button"],
.mod-box-black form.style button:hover, 
.mod-box-black form.style input[type="button"]:hover,
.mod-box-color form.style button, 
.mod-box-color form.style input[type="button"],
.mod-box-color form.style button:hover, 
.mod-box-color form.style input[type="button"]:hover { color: #999; } 

.mod-box-black .button-primary,
.mod-box-black .button-primary:hover { color: #47631E; }

.mod-box-color ul.line > li { border-color: #BDDC8C; }

ul.check > li { background-image: url(../images/tools/list_check_white.png); }

ul.arrow > li { background-image: url(../images/tools/arrow.png); }

.mod-box-color ul.zebra > li.odd,
.mod-box-color table.zebra tbody tr.odd { background: #BDDC8C; }
.mod-box-color ul.zebra > li:nth-of-type(odd),
.mod-box-color table.zebra tbody tr:nth-of-type(odd) { background: #BDDC8C; }

em.box,
.mod-box-black em.box { background: #111; }
.mod-box-color em.box { color: #47631E; }

blockquote.color {
	background-image: url(../images/blockquote.png);
	color: #84b33a;
}


/* System
----------------------------------------------------------------------------------------------------*/
#system .item > .links a { background: #111111;color:#fff}


#system .pagination a.previous, 
#system .pagination a.next { background-image: url(../images/pagination.png); }

.searchbox .results:before { background: url(../images/menu_dropdown_arrow.png); }

.searchbox .results { background: #111111; }

.searchbox .results li.results-header { border-bottom-color: #fff; }
.searchbox .results li.more-results { 
	border-top-color: #fff;
	color: #fff;
}
.searchbox .results li.result { border-top-color: #fff; }

.searchbox .results li.result h3,
.searchbox .results li.result.selected { color: #ccc; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul.img-list li {
  display: inline-block;
  border: 1px solid #C0C0C0;
  height: 200px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 200px;
}

span.text-content {
  background: rgba(0,0,0,0.75);
  color: white;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  display: table;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content {
  background: rgba(0,0,0,0.75);
  color: white;
  cursor: pointer;
  display: table;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0;
}
 
ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.75);
  color: white;
  cursor: pointer;
  display: table;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

p.audioplayer_container object,
p.audioplayer_container embed {
	margin: 0;
	border: none;
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}