a { outline: none; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
span, p, form { margin: 0; padding: 0;}

#navbar span, #hithere p, #hithere span, #notices p, #board-notice p, #account li, #account a, #footer a {
	font-family: Tahoma, "Arial", "Helvetica", sans-serif;
} 

#header,#toolbar { font:13px/20px Tahoma, "Arial", "Helvetica", sans-serif; margin:0 auto; position: relative; z-index: 1000;}
/* #header { background: url(../images/header-bg.jpg) 50% 0 repeat; background-size: cover;} */
#header .overlay { background: url(../images/overlay.png);}
#logo {padding-top: 20px;}
#logo a {background: url('../images/logo.png') 50% 0 no-repeat;display: block;width: 310px;height: 175px;margin: 0 auto;}


#navbar {height: 56px;background: #191919;border-radius: 0px;margin-bottom: 40px;}
.homemaj { margin-bottom: 0% !important;}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 1000;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none;}
#topnav > li { margin-right: 1px;}
#topnav li a {display: block;line-height: 56px;padding: 0 15px;color: #d9d9d9 !important;font-size: 13px;text-decoration: none;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#topnav li a.active { background: #6E942D; color: #fff; font-weight: bold;}
#topnav li:hover > a { background: #6E942D; color: #fff;}
#topnav li ul { position: absolute; width: 200px; left: -999em; padding: 5px 0; background: #5C821B;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; color: #d2d2d2; height: auto; float: none; line-height: 30px; font-size: 12px;}
#topnav li:hover ul { left: 0; top: 56px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 176px; top: 0;}
#button_login, #button_register, #button_logout { display: none;}
#button_ucp { float: right !important; }
#notices { padding: 25px 0; overflow: hidden;}
#board-notice { float: left; padding: 0; line-height: 20px; font-size: 12px;}
#board-notice strong, #board-notice a {	float: left; background: rgba(255, 255, 255, 0.8); padding: 8px; margin-right: 1px; color: #CB4C03; text-decoration: none;}
#board-notice span { background: #474747; color: #fff; padding: 2px 6px; font-weight: bold;}
#board-notice a:hover span { color: #90BD4F;}
#hithere { float: right;}
#hithere p {background: #191919; border-radius: 2px; display: block; padding: 8px; font-size: 16px; font-weight: 300;}
#hithere span { font-weight: 600; color: #4b4b4b;}
#hithere a{ color: #ffffff;}
#hithere a:visited { color: #779d36;}
#hithere a:hover {color:#b5d3db; }
#hithere i { vertical-align: middle;}

#toolbar { height: 50px; background: rgb(40,40,40);border-bottom:1px rgb(40,40,40) solid;}
#account { float: right;}
#account ul { margin: 0; padding: 0;}
#account li { float: left; list-style: none; height: 50px; line-height: 50px; margin: 0 0 0 1px; padding: 0;}
#account li a { display: block; text-decoration: none; color: #fff; font-size: 13px; padding: 0 15px; background: #779D36; font-weight:bold;}
#account li.signin a, #account li.signup a { padding: 0 20px;}
#account li.signin a { background: #4D4D4D;}
#account li.signup a, #account li.signout a { font-weight: bold;}
#account li a:hover { background: #577D16;}

#quicknav { float: left; margin: 0; }
#quicknav .overlay { background: url(../images/overlay.png);}
#quicknav ul { margin: 0; padding: 0;}
#quicknav li { float: left; list-style: none; margin: 0 0 0 1px; padding: 0;}
#quicknav li a { display: block; padding: 0 0 0 0px; line-height: 50px; font-size: 13px; color: #525252; font-weight: bold;}
#quicknav li.social a { background: url(../images/navbar/social.png) no-repeat; height: 50px; width: 50px; padding: 0; text-indent: -9999px;}	  
#quicknav li.facebook a {background-color: #335e86;background-position: 0 0;}
#quicknav li.twitter a { background-color: #00bef1; background-position: 0 -55px;}
#quicknav li.googleplus a { background-color: #e34d32; background-position: 0 -110px;}
#quicknav li.dribble a { background-color: #d5467d; background-position: 0 -165px;}
#quicknav li.flickr a { background-color: #9d9d9d; background-position: 0 -220px;}
#quicknav li.youtube a { background-color: #ba0f00; background-position: 0 -275px;}
#quicknav li.pinterest a { background-color: #cc2127; background-position: 0 -330px;}
#quicknav li.rss a { background-color: #F88C37; background-position: 0 -385px;}
#quicknav li a:hover { color: #7AA039;}
#quicknav li.social a:hover { background-color: #3d3d3d;} 

#quicknav li.facebook a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat;background-position: -1px -610px;height: 50px;width: 100px;padding: 0;padding-right: 3px;text-indent: -9999px;}
#quicknav li.youtube a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat; background-position: -1px -497px; height: 50px; width: 100px; padding: 0; text-indent: -9999px;}

#quicknav li.dbor a { background: url(../images/navbar/dbor.png) no-repeat; height: 50px; width: 50px;    padding: 0; text-indent: -9999px;}
#quicknav li.rules a {background-color: #779D36;background-position: 9px -49px;}
#quicknav li.upgradesim a {background-color: #779D36; background-position: 9px -97px;}
#quicknav li.skillcalc a {background-color: #779D36;background-position: 9px -146px;}
#quicknav li.worldmap a {background-color: #779D36; background-position: 9px -235px;}
#quicknav li.emblemcreator a {background-color: #779D36;background-position: 9px -197px;}
 
#quicknav li.rules a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat; background-position: 0 0; height: 50px; width: 100px; padding: 0; text-indent: -9999px;}
#quicknav li.upgradesim a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat; background-position: 0 -100px ; height: 50px; width: 100px; padding: 0; text-indent: -9999px;}
#quicknav li.skillcalc a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat; background-position: -1px -201px; height: 50px; width: 100px; padding: 0; text-indent: -9999px; padding-right:2px;}
#quicknav li.worldmap a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat; background-position: -1px -301px; height: 50px; width: 100px; padding: 0; text-indent: -9999px;}
#quicknav li.emblemcreator a:hover {background: #3d3d3d url(../images/navbar/hover.png) no-repeat;background-position: 0 -400px; height: 50px; width: 100px; padding: 0; text-indent: -9999px;}


#main-content .wrapper{width:100%;}

#footer { background: #3f3f3f; border-top:2px rgb(27, 21, 21) solid; padding: 31px 0; color: #888; overflow: hidden; width: 100%; position: absolute; bottom:0; z-index: 1000;}
#footer .wrapper { width:95%;}	
#footer .dbour-copyright { float: left; width:600px}
#footer .dbour-support { float: right; text-align: right;}
#footer p { color: #ccc;}
#footer, #footer a { font-family: Tahoma, sans-serif;}
#footer a, .dbour-support > span { color: #ccc;}
#footer a:hover { color: #c6c6c6;}
#footer a { text-decoration:none;}

.fa-home:before {
	padding: 7px;
}