/** CSS BY Masterweb.com.ng (C) **/
table{font-size:12px;font-family:calibri}
.search-box{width:500px;height:80px;font-size:24px;}
.search-button{border: 0px #CCC solid;width:150px;height:50px; cursor:pointer;font-size:24px;}



.second-header{width:100%;height:auto;border-bottom:2px #39F solid;background:#3CF;}
/** Media queries for menu **/
@media (min-width: 820px) { /**Desktop Menu items**/
.top-search{min-width:400px;width:45%;float:left;}
.top-search input[type=text]{max-width:400px;border:#39F 1px solid;height:50px;width:60%;}
.top-search input[type=submit]{border:#39F 1px solid;height:50px;background:#39F;color:#fff;cursor:pointer;width:30%;float:right;}
.top-links{min-width:400px;width:45%;float:right;text-align:right;color:#fff;}
}
@media (max-width: 819px) { /**Mobile Menu items**/
.top-search{width:100%;}
.top-search input[type=text]{border:#39F 1px solid;height:50px;width:60%;float:left;}
.top-search input[type=submit]{border:#39F 1px solid;height:50px;background:#39F;color:#fff;cursor:pointer;width:30%;float:right;}
.top-links{width:100%;text-align:center;color:#fff;}
}
.top-links a{color:#fff;}


/**New CSS**/
body{margin:0px;background:#fff;font-family:'Oswald',calibri;}


.header{width:100%;height:80px;background:#3CF;letter-spacing:1px;}
.logo a{border:0px;}
.logo img{width:90%;max-width:200px;padding:10px 0px 0px 10px;border:0px;}


/** Media queries for menu **/
@media (min-width: 850px) { /**Desktop Menu items**/
  	.logo{max-width:250px;float:left;height:100%;text-align:left;width:70%;}
	.menu{width:70%;float:right;height:100%;}
	.menu-mobile{display:none;}
	.menu-desktop-holder{position:relative;top:25px;font-size:14px;font-weight:bold;color:#FFF;}
	.menu-item{float:right;padding:0px 15px 0px 0px;display:block;position:relative;text-transform:uppercase;}
	.menu-item-button{cursor:pointer;color:#fff;}
	.menu-item-button:hover{color:#FFF;}
	.menu-sub{display:none;width:200px;height:auto;background:#3CF;position:absolute;top:16px;left:-20px;z-index:1000;}
	.menu-item:hover .menu-sub{display:block;}
	.menu-sub-holder{padding:33px 5px 10px 10px;}
	.menu-sub-holder a{color:#FFF;display:block;padding:5px 0px 0px 0px;}
	.menu-sub-holder a:hover{color:#FFF;}
}
@media (max-width: 849px) { /**Mobile Menu items**/
 	.logo{float:left;height:100%;text-align:left;width:70%;}
	.menu{width:20%;float:right;height:100%;text-align:right;font-size:14px;}
	.menu-desktop{display:none;}
	.menu-icon{width:40px;height:35px;display:block;position:absolute;top:20px;right:20px;cursor:pointer;}
	.close-icon{width:20px;height:20px;display:block;position:absolute;top:3px;right:3px;cursor:pointer;display:none;background:#3CF;}
	.menu-mobile-area{width:200px;height:auto;display:none;background:#3CF;position:absolute;top:80px;right:0px;z-index:1000;}
	.menu-mobile-holder{text-align:left;padding:0px 3px 10px 10px;font-weight:bold;}
	.mobile-menu-item{color:#fff;cursor:pointer;padding:5px 0px 5px 0px;display:block;text-transform:uppercase;}
	.mobile-menu-item:hover{color:#FFF;}
	.mobile-menu-sub{padding:0px 0px 5px 10px;display:none;font-weight:normal;}
}



.menu-special{border:#FFF solid 1px;border-radius:5px;padding:3px 5px 3px 5px;text-align:center;position:relative;top:3px;}
.menu-special:hover{background:#FFF;color:#060;}

.page-body{width:100%;min-height:450px;overflow:hidden;}
.text-width{max-width:750px;margin:20px auto 20px auto;}
.text-width img{max-width:750px;overflow:hidden;}
/**Fonts**/
.tangerine-font{font-family:'Oswald', calibri;}
.page-content{max-width:95%; margin:10px auto 10px auto;width:100%;font-family:'Merriweather', calibri;background:#fff;}


/** Media queries for page grids **/
@media (min-width: 900px) {
  	.page-grid{width:95%;margin:0px auto 0px auto;}
	.grid{width:30%;margin:5px 7px 5px 7px;height:300px;border:3px solid #fff;float:left;}
	.grid-ads{width:23%;margin:1px 1px 1px 1px;max-height:250px;border:0px solid #fff;float:left;text-align:center;}
}

@media (min-width: 600px) and (max-width: 899px) {
 	.page-grid{width:95%;margin:0px auto 0px auto;}
	.grid{width:45%;margin:5px 7px 5px 7px;height:300px;border:3px solid #fff;float:left;}
	.grid-ads{width:23%;margin:1px 1px 1px 1px;max-height:250px;border:0px solid #fff;float:left;text-align:center;}
}

@media (max-width: 599px) {
 	.page-grid{width:100%;margin:0px auto 0px auto;}
	.grid{margin:5px auto 5px auto;height:300px;border:3px solid #fff;width:90%;}
	.grid-ads{width:23%;margin:1px 1px 1px 1px;height:auto;border:0px solid #fff;width:90%;text-align:center;}
}

.grid:hover{border:3px solid #999;}
.grid-image{width:100%;text-align:center;height:200px;overflow:hidden;}
.grid-image:hover{opacity:0.8;}
.grid-image a{border:0px;}
.grid-image img{max-width:100%;width:100%;border:0px;}
.grid-title{width:100%;text-align:left;height:47px;overflow:hidden;font-size:20px;font-weight:bolder;margin:5px 0px 5px 0px;}
.grid-title a{border:0px;color:#666;}
.grid-title a:hover{color:#3CF;}
.grid-read{width:100%;text-align:left;height:14px;overflow:hidden;font-size:13px;font-weight:lighter;margin:5px 0px 5px 0px;}
.grid-read a{border:0px;color:#3CF;}
.grid-date{width:100%;text-align:left;height:14px;overflow:hidden;font-size:13px;font-weight:lighter;margin:5px 0px 5px 0px;color:#999;}



.footer{width:100%;margin:10px 0px 0px 0px;background:#171717;min-height:100px;font-family:'Ubuntu',calibri;letter-spacing:2px;}
.footer-social-media{width:100%;background:#535459;min-height:40px;}
.footer-social-media-holder{width:90px;margin:1px auto 1px auto;}
.center-addthis{max-width:250px;width:100%;overflow:hidden;padding:5px 0px 5px 0px;}
.footer-holder{max-width:100%;margin:0px auto 0px auto;width:100%;}
.footer-links{text-align:center;margin:5px 0px 5px 0px;}
.footer-links a{color:#CCC;margin-right:10px;}
.page-share{max-width:250px;margin:1px auto 1px auto;}






.page-feedback{max-width:500px;width:100%;margin:0px auto 0px auto;}
.media-button{width:40px;height:40px;display:block;float:left;text-align:center;}
.media-button img{position:relative;top:5px;}







/**colors**/
.red{color:#F00;}
.green{color:#3CF;}
.blue{color:#36F;}
.wood{color:#c90;}
.brown{color:#630;}
.gray{color:#666;}
.lemon{color:#CF9;}
.white{color:#FFF}
.gold{color:#F90;}
.red{color:#F33;}
.dark{color:#000;}
.green{color:green;}


.bg-white{background-color:#fff}
.mild-bg{background-color:#FFC;}
.bg-blue{background:#00C;}
.bg-red{background:#F00;}
.bg-green{background:#060;}
.bg-orange{background:orange;}
.bg-violet{background:violet;}
.bg-indigo{background:indigo;}

.tag-container{width:100%;padding:5px 0px 5px 0px;font-family:monospace;color:#FFF;font-size:15px;background:#000;}
.tag-container b{font-weight:bold;}
.tag-container a{color:#FFF;background:red;padding:3px;margin:3px;float:left;display:block;}
.nav-button{display:block;width:100%;max-width:150px;padding:10px 5px 10px 5px;
					text-align:center;margin:2px;float:left;background:#3CF;color:#FFF; 
					border:1px #3CF solid;font-weight:bold;font-size:15px;cursor:pointer;border-radius:5px;}

	


a{text-decoration:none;color:#3CF;}
.bold{font-weight:bold;}
.clear{clear:both;}
.shadow{text-shadow:#000 1px 1px;}
.border{border:1px #CCC solid;padding:5px;}
.hidden{display:none;}
.cursor{cursor:pointer;}
.tiny_text{font-size:13px}
.small-font{font-size:13px;}
.large-font{font-size:30px;}
.padding{padding:5px;}
.margin{margin:5px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.underline{text-decoration:underline;}
.fb-comments{width:100%; !important}
.button{display:block;width:100%;max-width:150px;padding:10px 5px 10px 5px;
					text-align:center;margin:2px;float:left;background:#3CF;color:#FFF; 
					border:1px #3CF solid;font-weight:bold;font-size:15px;cursor:pointer;border-radius:5px;}
.success_message{width:100%;background:#9F6;border:#090 solid 1px;padding:5px;color:#030;margin:5px;}
.error_message{width:100%;background:#F63;border:#F00 solid 1px;padding:5px;color:#FFF;margin:5px;}
td{border:3px solid #000;}
table{border:5px solid #000;border-collapse:collapse;color:#000;background:#fff;width:100%;}


.side-button{display:block;width:100%;max-width:150px;padding:10px 5px 10px 5px;text-align:center;margin:2px;float:left;}
.side-button:hover{background:#000;}
.side-button-text{color:#FFF;font-size:18px;font-weight:bold;}
.form{min-height:200px;max-width:500px;width:100%;border:1px solid #c0c0c0;padding:10px;}
.form .title{font-weight:bold;font-size:18px;}
.input{height:20px;width:100%;}
.textarea{height:100px;width:100%;}
.submit{height:30px;width:100px;color:#FFF;background:#000;padding:5px;}
.submit:hover{background:#060;}



	
.login{
	width:150px;height:30px;}
	
.reg{
	width:250px;height:50px;}

.submit-reg{
	width:250px;height:40px;
	font-weight:bold;
	margin: 5px auto;
	padding:5px;
	}


/** Media queries writing **/
@media (min-width: 500px) { /**Desktop**/
  	.richtext{display:block;}
}
@media (max-width: 499px) { /**Mobile**/
 	.richtext{display:none;}
}
.ads{padding-top:10px;padding-bottom:10px;}