@charset "utf-8";
/* CSS Document */

body{background:url('/images/layout/page-bg.jpg') repeat-x left 58px #eeebdc}
.container{background:#fff; padding-left: 20px; padding-right: 20px;}
.main-body{padding-bottom:30px}
.masthead{margin-bottom:20px}
.navbar-collapse {padding:0px !important}
h2{font-size:22px; color:#013068; margin-top:20px; border-bottom:1px solid #ccc; padding-bottom:8px}

#logo{text-indent:-9999em; background:url(/images/layout/logo.jpg) no-repeat; margin-left:20px; margin:13px 0 22px 0}
#logo a{width:220px; height:78px; display:block}

#mini-nav{margin-top:35px; list-style:none; margin-left:40px}
#mini-nav li{float:left; padding-left:30px; padding-top: 8px; height:35px; margin-right:30px;  list-style:none }
#mini-nav .login{background:url(/images/layout/ico-login.jpg) no-repeat left center}
#mini-nav .register{background:url(/images/layout/ico-register.jpg) no-repeat left center}
#mini-nav .help{background:url(/images/layout/ico-help.jpg) no-repeat left center}
#translate{margin:30px 0; text-align:right; height:30px}
#share{text-align:right}
#menu-text{display:none}

#top-image{font-weight:bold; margin-bottom:30px}
#top-image #marquee{background-color: rgba(255, 255, 255, 0.5); margin-top:-26px}


/******************** SEARCH
*************************************/
#search{background:#789fcd; padding:18px 10px 1px 10px; text-align:center; margin-bottom:20px}
#search p{text-align:right; padding-right:5px}
#search select{padding:5px; width:100%; margin-bottom:3px}
#search .btn{background:#c3dffd; color:#013068; border:none; border-right:1px solid #1b487e; border-bottom:1px solid #1b487e; padding:5px; width:80px; cursor:pointer}

#google-search{margin:0px 0 20px 0; padding:10px 10px 5px 10px; border:1px solid #1b487f}

#donate{text-align:center; font-size:1.2em; font-weight:bold; border:1px solid #1b487f; padding:10px; background:#ecf5ff}


#search-home{background:#789fcd; padding:18px 10px 1px 10px; text-align:center; margin-bottom:20px}
#search-home p{text-align:right; padding-right:5px}
#search-home select{padding:5px; width:100%; margin-bottom:3px}
#search-home .btn{background:#c3dffd; color:#013068; border:none; border-right:1px solid #1b487e; border-bottom:1px solid #1b487e; padding:5px; width:80px; cursor:pointer}

#search-home{display:none}


/******************** USEFUL LINKS
*************************************/
#useful-links{margin:25px 0; padding:0; text-align:left; list-style:none;}
#useful-links li{border-bottom:1px dashed #013068; background:url(/images/layout/useful-arrow.png) no-repeat 5px 22px}
#useful-links li a{padding:15px 0 6px 15px; display:block; font-size:1.1em}
#useful-links li a:hover{background:url(/images/layout/useful-arrow.png) no-repeat 5px 22px #e6f2fe;}
#useful-links .hdr{padding:0 0 6px 0; font-size:1.5em; font-weight:bold; color:#013068; background:none}

/******************** TABS
*************************************/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background:#1b487f; color:#fff; padding-bottom:14px}
.nav > li > a:focus, .nav > li > a:hover {background:#7ba2d0; color:#fff}
.nav-tabs > li > a {text-decoration:underline; outline:none; border-radius:0px !important}
.nav-tabs {border-bottom: none !important; margin-bottom:7px}
.nav-tabs > li {border:1px solid #1b487f; margin-right:2px; margin-bottom: 2px;}
.nav-tabs > li.active{border:none}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border:none}
.nav-tabs > li > a:hover {border:none !important; margin-right:0px}


.paper{margin-left:0 !important; margin-right:0 !important; border-bottom:1px solid #1b487f; line-height:1.4; padding-bottom:5px; padding: 3px 0}
.gap{height:20px; clear:both; display:block;  border-top: 1px solid #ccc; }

/******************** FEATURED AUTHORS 
*************************************/
.home-featured
{margin:20px 0; text-align:center; border:1px solid #ccc; padding:20px 0 10px 0; background: #fcf9f2; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf9f2 0%, #ded9bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f2), color-stop(100%,#ded9bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf9f2 0%,#ded9bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf9f2 0%,#ded9bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf9f2 0%,#ded9bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf9f2 0%,#ded9bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f2', endColorstr='#ded9bf',GradientType=0 ); /* IE6-9 */
}
.home-featured ul{list-style:none; padding:0; margin:0}
h3.featured-authors{font-size:1.5em; font-weight:bold; color:#013068; margin-top:20px}

/*
 * Masthead for nav
 */
.top-masthead .col-md-3{text-align:left}
.top-masthead .col-md-9{text-align:right}

.blog-masthead {
  background-color: #428bca; padding:8px 10px; color:#fff; text-align:right; font-size:1.1em; margin-bottom:15px}
.blog-masthead .container{  background-color: #428bca;}
.blog-masthead .col-md-3, .blog-masthead .col-md-9{padding:0px}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

.footer{background:#1b487f; height:80px; margin-bottom:0px !important; padding-top:30px; font-size:0.9em; text-align:left !important; border-top:8px solid #cfc7a0 }
.footer a{color:#b2cded}
.footer .container{background:#1b487f}
.footer-nav{text-align:right}
#footer-nav{list-style:none}
#footer-nav li{display:inline-block; margin-right:15px}
#footer-nav li a{color:#b2cded}


/******************** WEB FORMS
*************************************/
label{display:block; font-weight:bold; font-size:13px}
form p.lt{width:180px; float:left}
form textarea{width:590px}
#myTest{display:none}

/******************** PASSWORD CHECKING
*************************************/
.password_strength_1 {background-color: #F00;}
.password_strength_2 {background-color: #F60;}
.password_strength_3 {background-color: #FF3;}
.password_strength_4 {background-color: #0F6;}
.password_strength_5 {background-color: #0F0;}

/******************** FORM MESSAGES
*************************************/
.error{color: red; font-weight: bold;}
.ok{color: green; font-weight: bold;}

/***************** PROFILE
******************************************/ 
#profile_img_container{float: left; margin-right: 20px; position: relative;}
#changeImg{position: absolute; z-index: 99; right: 0px; padding: 5px 10px 5px 10px; background: #CCC; display: none;}
#cropImg{position: absolute; z-index: 99; right: 0px; bottom: 0px; padding: 5px 10px 5px 10px; background: #CCC; display: none;}
#profile_img_container:hover #changeImg, #profile_img_container:hover #cropImg{display: block;}
.profile-membership { width: 100%; text-align: right; padding: 5px }
.membership-expired {  font-size: 14px;background: #fff881; padding: 10px 0px; text-align: center; width: 100%; font-weight: bold;}

/***************** PAGINATION
******************************************/ 
#pagination{margin-top:30px; border-top:1px dotted #5a4a42; padding-top:10px; clear:both}
#pagination .total_records{color:#013068;}
#pagination .non-display{height:22px; width:20px; padding:5px; text-align:center; display:inline-block; background:#013068; color:#fff; text-decoration:underline}
#pagination .display-page{height:20px; width:18px; padding:4px 5px 6px 5px; text-align:center; display:inline-block; background:#95C7FF; text-decoration:none; color:#013068; border:1px solid #5a4a42}

/***************** ADDITIONAL STYLES 
******************************************/ 
a{outline:none; text-decoration:none;}
a img {border: none;}
hr, .hide{display:none}
.p-mar{margin:10px 0 10px 0}
.txt-indent{text-indent:-9999px}
.required{color:red; font-weight:bold}
.bogus{display:none}
.lgTxt{font-size:16px}
.sep{height:20px; clear:both}
.sep_bdr{background:url(/images/news_sep.jpg) no-repeat left bottom; height:80px; clear:both; margin:20px 0 20px 0}
.ul{text-decoration:underline}
.bot-bdr{padding-bottom:5px; border-bottom:solid 1px #ccc; line-height:1.2}

/******************** AUTHOR/EDITOR NAV
*************************************/
#auth_nav{margin:0px; padding:0; list-style:none}
#auth_nav li{float:left; border-right:1px solid #fff; background:#3f6ea6}
#auth_nav li a{color:#fff; padding:15px 30px 15px 30px; display:inline-block}
#auth_nav li a:hover{color:#fff; background:#013068}
#auth_nav li:hover ul.submenu{display: block;}
#auth_nav #active{background:#013068;}
#auth_nav ul{list-style:none; display: none; position: absolute; margin:0; padding:0; border-top:1px solid #fff}
#auth_nav li li a{padding: 10px 20px 10px 20px; background:#333}
.active_tab{background:#013068}

#author-content{margin-bottom:30px}


/***************** SELF CLEAR FLOATS *********************/
.group:after{content: "."; display: block; height:0; clear:both; visibility: hidden; }
* html .group{ /* IE6 */ height: 1%;}
*:first-child+html .group{ /* IE7 */ min-height:1px;}
/****************************************************************/

    .group{border-bottom:1px solid #ccc; padding:10px 0}
.warning{
	margin: 20px 0px;
	border-color: #66512c;
	color: #8a6d3b;
	background-color: #fcf8e3;
	padding: 25px;
	font-size: 1.2em;
	font-weight: bold;
}


@media screen and (max-width: 1200px) { 
     .container{width:95%}
	 
	.navbar-default {background-color:#1b487f !important; border:none !important}
	.navbar {margin-bottom: 0; min-height: 20px;}
	#mini-nav{margin-left:0px}
	
}

@media screen and (max-width: 1024px) { 
	 .nav > li > a {font-size: 0.9em; padding: 5px 10px;}
     .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {padding-bottom: 8px;}
     #menu-text {display:none}
}

@media screen and (max-width: 992px) {
	 .masthead{margin-bottom:10px} 
    .top-masthead .col-md-3,.top-masthead .col-md-9{text-align:center}

	.blog-masthead {text-align:center; font-size:.9em}
	.blog-masthead  .btn {font-size:12px; padding:3px 6px}
	 #logo{width:220px; margin: 10px auto 0 auto}
    #mini-nav{ width:245px; margin:10px auto; font-size:0.9em; padding:0px}
	#mini-nav li{margin-right:10px}
	#translate, #share{text-align:center; margin-bottom:20px}
	.header .col-md-4, .header .col-md-3, .header .col-md-5{width:100% !important; clear:both; padding-left:0px !important; padding-right:0px !important;}
	
	.nav-justified > li > a {font-size:0.9em; height:50px}

    #search{display:none}
    #search-home{display:block}
	
    

	
}
@media screen and (max-width: 767px) {
	

#menu-text{display:block; color:#fff}
	.nav-justified > li > a {border-bottom:1px solid #fff}
	.navbar-default { background-color: #1b487f; border-color: #e7e7e7;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.top-masthead .container{padding:0 !important; width:100%}
	
	form p.lt {width: 320px;}

   
	
	}
@media screen and (max-width: 625px) {
	 #auth_nav li a {font-size: 0.9em; padding: 15px 15px;}
	
	}
		
@media screen and (max-width: 420px) {
	 #auth_nav li a {font-size: 0.9em; padding: 15px 5px;}
	
	}	
	
@media screen and (max-width: 380px) {
	 #auth_nav li a {font-size: 0.8em; padding: 15px 5px;}
	
	}	
	
@media screen and (max-width: 320px) {
	 #auth_nav li a {font-size: 0.8em; padding: 15px 5px;}
	
	}