/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

body {
	font-size: 14px;
}

.badges {
	list-style-type:none;
}
.badges li {
	display:inline !important;
	clear: none !important;
	float: left !important;
	max-width: 16%;
	margin-right: 2%;
	text-align:center;
}

.badges li img {
	max-height:120px;
}


.stretch_full.alternate_color,
.footer_color {
	background-color:#af4646;
}


#menu-item-4292 img {
	max-width: 30px;
}

.hide_menu_voice {
	display:none;
}


.box-header {
    color: #af4646;
	float: right;
	height: inherit;
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 30px;
	text-align:right;
	width:30%;
	padding-top:15px;
}

.header_color a {
	color: #af4646;
}
.box-header p {
	padding-top:0px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}
.box-header .one {
	width: 50%;
	padding-right: 11px;
	margin-right: 1%;
	border-right-width: 1px;
	border-right-style: dotted;
	float:left;
	font-size: 1em;
	line-height: 18px
}

.moonray-form-p2c12766f11 .moonray-form {
	width:100% !important;
}

.box-header .two {
	width: 47%;
	float: right;
	text-align: right;
	font-size: 1em;
	line-height: 18px;
	padding-right: 23px;
}
.box-header a.blue {
	font-size: 1em;
	padding-right: 23px
}
strong.logo {
	padding-left:30px;
}

#primary-sidebar.primary-sidebar.widget-area {
	float:none;
}

#menu-menu-2 img {
	width:98%;
}

.menu-menu-2-container ul>li {
	float:left;
	width:33.33%;
	position:relative
}
.menu-menu-2-container ul>li .sub-menu li {
	display:block;
	float:none;
}
div#header_main.container_wrap.container_wrap_logo {
	background:rgba(255,255,255,.8);
}


.menu-menu-2-container ul>li .sub-menu {
    display: none;
    position: absolute;
    top: 99%;
	left: -30px;
    width: 100%;
    z-index: 99999;
	padding:10px;
}
.menu-menu-2-container ul>li .sub-menu {
	background:rgba(255,255,255,.9);
}
.menu-menu-2-container ul>li .sub-menu li {
	width:100%;
}
.menu-menu-2-container ul>li .sub-menu li a {
	display:block;
	width:100%;
	border-bottom:1px solid #109bc5;
	padding-bottom:3px;
	padding-top:3px;
	font-weight:bold;
}

#header {
    background: #fff;
}

.moonray-form-p2c12766f2 .moonray-form {
	width:100% !important;
}
.comment_meta_container {
	display:none;
}

a.note,
a.note:link,
a.note:visited,
a.note:active,
a.note:hover {
color: #000 !important;
text-decoration: none;
}

.menu-footer-menu-container {
	text-align:center;
}
#footer .widget_nav_menu li {
	display: inline-block;
	padding-left: 20px;
	padding-right:20px;
}

.title_container .main-title a {
	font-weight: 700 !important;
	font-size: 18px
}

.content,
.sidebar {
	padding-top:10px;
}
.hidden-web {
	display:none;
}
.hidden-mobile {
	display:block;
}

.entry-content-wrapper li {
	padding: 0px 0;
}

.template-blog .blog-meta {
	display:none;
}

.main_color div {
	border-color:#fff;
}

/* ************************************************************** */
/* **************   Wikipedia Links & Links to notes    **********/
/* ************************************************************** */
/* visited link */
a.notes,
a.notes:link,
a.notes:visited,
a.notes:active,
a.notes:hover {
   color: #000 !important;
   text-decoration: none;
   padding-right: 12px;
}
a.note,
a.note:link,
a.note:visited,
a.note:active,
a.note:hover {
   color: #000 !important;
   text-decoration: none;
}
a.notes:hover,
a.note:hover  {
    text-decoration: none;
    border-bottom:1px dotted #5d9ab5;
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 767px) {
  /* Add your Desktop Styles here */
	
	.responsive #top .logo {
		width:50%;
		height: 50px !important;
	}
	
	div.box-header {
		width: 100%;
		margin-top: 0px;
		
		color: #af4646;
		float: none;
		height: inherit;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: right;
	}
	
	.box-header p {
		padding-bottom: 0px;
	}
	
	.box-header .one,
	.box-header .two {
		font-size:.8em;
		line-height:20px;
	}
	
	.box-header a.blue {
		text-align: center;
		display: block;
		padding-right:0px;
	}
	
	.container #advanced_menu_toggle, #advanced_menu_hide {
		top: 27px
	}
	.title_container {
		display:none;
	}
	.hidden-mobile {
		display:none;
	}
	.hidden-web {
		display:block;
	}
	#primary-sidebar {
		display:none;
	}
	.mob-video {
		width:100% !important;
		height:100% !important;
	}
	.badges li {
	display: inline !important;
	clear: none !important;
	float: left !important;
	width: 46%;
	max-width: 100%;
	margin: 1%;
	text-align: center;
	min-height: 140px;
	}
}

.badges li img {
	max-height:100px;
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
}