@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?43726296");
  src: url("../font/fontello.eot?43726296#iefix") format('embedded-opentype'), url("../font/fontello.woff?43726296") format('woff'), url("../font/fontello.ttf?43726296") format('truetype'), url("../font/fontello.svg?43726296#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-comment-1:before { content: '\e800'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */

html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
#e107adminbar {
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	position: static;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1;
	font: normal 13px/28px sans-serif;
	color: #ccc;
	text-shadow: #444 0px -1px 0px;
}

#e107adminbar ul li:before,
#e107adminbar ul li:after {
	content: normal;
}

#e107adminbar a,
#e107adminbar a:hover,
#e107adminbar a img,
#e107adminbar a img:hover {
	outline: none;
	border: none;
	text-decoration: none;
	background: none;
	font: normal 13px/28px sans-serif;
	color: #ccc;
	text-shadow: #444 0px -1px 0px;
}

#e107adminbar {
	direction: ltr;
	color: #ccc;
	font: normal 13px/28px sans-serif;
	height: 28px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 240px;
	z-index: 99999;

	background-color: #464646; /* Fallback */
	background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
	background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
	background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
	background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
	background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
}


#e107adminbar .ab-sub-wrapper,
#e107adminbar ul,
#e107adminbar ul li {
	background: none;
	clear: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 99999;
}

#e107adminbar .quicklinks {
	border-left: 1px solid transparent;
}

#e107adminbar .quicklinks ul {
	text-align: left;
}

#e107adminbar li {
	float: left;
}

#e107adminbar .quicklinks > ul > li {
	border-right: 1px solid #555;
}

#e107adminbar .quicklinks > ul > li > a {
	border-right: 1px solid #333;
}

#e107adminbar .quicklinks .ab-top-secondary > li {
	border-left: 1px solid #333;
	border-right: 0;
	float: right;
}

#e107adminbar .quicklinks .ab-top-secondary > li > a {
	border-left: 1px solid #555;
	border-right: 0;
}

#e107adminbar .quicklinks a {
	height: 28px;
	display: block;
	padding: 0 12px;
	margin: 0;
}

#e107adminbar .menupop .ab-sub-wrapper {
	margin: 0 0 0 -1px;
	padding: 0;
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	background: #fff;
	display: none;
	position: absolute;
	float: none;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #dfdfdf;
}

#e107adminbar .ab-top-secondary .menupop .ab-sub-wrapper {
	right: 0;
	left: auto;
	margin: 0 -1px 0 0;
}

#e107adminbar .ab-sub-wrapper > .ab-submenu:first-child {
	border-top: none;
}

#e107adminbar .ab-submenu {
	padding: 6px 0;
	border-top: 1px solid #dfdfdf;
}

#e107adminbar .quicklinks .menupop ul li {
	float: none;
}

#e107adminbar .quicklinks .menupop ul li a strong {
	font-weight: bold;
}

#e107adminbar .quicklinks .menupop ul li .ab-item,
#e107adminbar .quicklinks .menupop ul li a strong,
#e107adminbar .quicklinks .menupop:hover ul li .ab-item {
	line-height: 26px;
	height: 26px;
	text-shadow: none;
	white-space: nowrap;
	min-width: 160px;
}

#e107adminbar.nojs li:hover > .ab-sub-wrapper {
	display: block;
}

#e107adminbar .menupop li:hover > .ab-sub-wrapper {
	margin-left: 100%;
	margin-top: -33px;
	border-width: 1px;
}

#e107adminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper {
	margin-left: 0;
	left: inherit;
	right: 100%;
}

#e107adminbar .ab-top-menu > li:hover > .ab-item,
#e107adminbar .ab-top-menu > li > .ab-item:focus {
	color: #fafafa;
	background-color: #3a3a3a; /* Fallback */
	background-image: -ms-linear-gradient(bottom, #3a3a3a, #222); /* IE10 */
	background-image: -moz-linear-gradient(bottom, #3a3a3a, #222); /* Firefox */
	background-image: -o-linear-gradient(bottom, #3a3a3a, #222); /* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222)); /* old Webkit */
	background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222); /* new Webkit */
	background-image: linear-gradient(bottom, #3a3a3a, #222); /* proposed W3C Markup */
}

#e107adminbar .ab-top-menu > li.menupop:hover > .ab-item {
	background: #fff;
	color: #333;
	text-shadow: none;
}

#e107adminbar .hover .ab-label {
	color: #fafafa;
}

#e107adminbar .menupop:hover .ab-label {
	color: #333;
	text-shadow: none;
}

#e107adminbar .menupop li:hover,
#e107adminbar .quicklinks .menupop .ab-item:focus,
#e107adminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
	background-color: #eee;
}

#e107adminbar .ab-submenu .ab-item {
	color: #333;
	text-shadow: none;
}

#e107adminbar .quicklinks .menupop ul li a,
#e107adminbar .quicklinks .menupop ul li a strong,
#e107adminbar .quicklinks .menupop:hover ul li a {
	color: #222;
}

#e107adminbar .menupop .menupop > .ab-item {
	display: block;
	background-image: url(../images/admin-bar-sprite.png);
	background-position: 95% -20px;
	background-repeat: no-repeat;
	padding-right: 2em;
}

#e107adminbar .ab-top-secondary .menupop .menupop > .ab-item e107 {
	background-image: url(../images/admin-bar-sprite.png);
	background-position: 5% -46px;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-right: 1em;
}

#e107adminbar .quicklinks .menupop ul.ab-sub-secondary {
	display: block;
	position: relative;
	right: auto;
	margin: 0;
	background: #eee;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#e107adminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
#e107adminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
	background-color: #dfdfdf;
}

#e107adminbar .ab-top-secondary {
	float: right;
	background-color: #464646; /* Fallback */
	background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
	background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
	background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
	background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
	background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
}

/**
 * My Account
 */
#e107-admin-bar-my-account > ul {
	min-width: 198px;
}

#e107-admin-bar-my-account.with-avatar > ul {
	min-width: 280px;
}

#e107adminbar #e107-admin-bar-user-actions > li {
	margin-left: 16px;
	margin-right: 16px;
}

#e107adminbar #e107-admin-bar-my-account.with-avatar #e107-admin-bar-user-actions > li {
	margin-left: 98px;
}

#e107-admin-bar-user-actions > li > .ab-item {
	padding-left: 8px;
}

#e107adminbar #e107-admin-bar-user-info {
	margin-top: 6px;
	margin-bottom: 15px;
	height: auto;
	background: none;
}

#e107-admin-bar-user-info .avatar {
	position: absolute;
	left: -86px;
	top: 4px;
	max-width:76px;
}

#e107adminbar #e107-admin-bar-user-info a {
	background: none;
	height: auto;
}

#e107adminbar #e107-admin-bar-user-info span {
	background: none;
	padding: 0;
	height: 18px;
}

#e107adminbar #e107-admin-bar-user-info .display-name,
#e107adminbar #e107-admin-bar-user-info .username {
	text-shadow: none;
	display: block;
}
#e107adminbar #e107-admin-bar-user-info .display-name {
	color: #333;
}

#e107adminbar #e107-admin-bar-user-info .username {
	color: #999;
	font-size: 11px;
}

#e107adminbar .quicklinks li#e107-admin-bar-my-account.with-avatar > a img {
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	padding: 0;
	background: #eee;
	line-height: 24px;
	vertical-align: middle;
	margin: -3px 0 0 6px;
	float: none;
	display: inline;
}

#e107adminbar .ab-icon {
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 6px;
}

#e107adminbar .ab-label {
	margin-left: 4px;
}

/**
 * e107 Logo icon
 */
#e107-admin-bar-e107-logo > .ab-item .ab-icon {
	width: 20px;
	height: 22px;
	margin-top: 2px;
	background-image: url(../images/admin-bar-sprite.png);
	background-position: 0 -75px;
	background-repeat: no-repeat;
}

#e107adminbar #e107-admin-bar-e107-logo:hover > .ab-item .ab-icon {
	background-position: 0 -103px;
}

/**
 * Add Settings icon
 */
#e107adminbar #e107-admin-bar-settings > .ab-item .ab-icon {
	background-image: url(../images/admin-bar-sprite.png);
	background-position: -1px -134px;
	background-repeat: no-repeat;
}

#e107adminbar #e107-admin-bar-settings:hover > .ab-item .ab-icon {
	background-position: -1px -159px;
}

/**
 * Add New icon
 */
#e107adminbar #e107-admin-bar-new-content > .ab-item .ab-icon {
	background-image: url(../images/admin-bar-sprite.png);
	background-position: -2px -182px;
	background-repeat: no-repeat;
}

#e107adminbar #e107-admin-bar-new-content:hover > .ab-item .ab-icon {
	background-position: -2px -203px;
}

#e107adminbar .badge {
	background:#ff0000;
	color:#fff;
	padding:2px 8px;
	border-radius:10px;
}

#e107-admin-bar-logout-button {
	display:none;
}

/**
 * IE 6-targeted rules
 */
* html #e107adminbar {
	overflow: hidden;
	position: absolute;
}

* html #e107adminbar .quicklinks ul li a {
	float: left;
}

* html #e107adminbar .menupop a span {
	background-image: none;
}


@media screen and (max-width:800px) {
	
#e107-admin-bar-e107-logo,
#e107-admin-bar-site-name,
#e107-admin-bar-new-content,
#e107-admin-bar-admin-options,
#e107-admin-bar-user-actions {
	display:none;
}

}

@media screen and (max-width:800px) and (min-width:480px){

#e107-admin-bar-logout-button {
	display:block;
}
		
}