/** 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;}
	.mobile-android-only{display:none;}
}
@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;}
	.mobile-android-only{display:block;}
}



.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:100%;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;}

.white{color:#FFF;}
.gold{color:#F90;}
.yellow{color:#FF6;}
.red{color:#C00;}
.green{color:#090;}
.blue{color:#03F;}
.blue-light{color:#09F;}
.blood{color:#C00000;}
.orange{color:#C63;}
.gray{color:#CCC;}
.gray1{color:#ddd;}
.gray2{color:#bbb;}
.gray3{color:#999;}
.gray4{color:#777;}
.gray5{color:#555;}
.dark{color:#000;}

.bg-green{background-color:#390;}
.bg-red{background-color:#C03;}
.bg-dark{background-color:#000;}
.bg-gray{background-color:#333;}
.bg-white{background-color:#fff;}
.bg-blue{background-color:#03F;}
.bg-blood{background-color:#C00;}
.bg-milk{background-color:#FF9;}


.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;}

img{max-width:100%;}
label{cursor:pointer;}

.cursor{cursor:pointer;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.hidden{display:none;}
.clear{clear:both;}
.space{margin:10px 10px 10px 10px;}
.divider{border-top:1px #999 solid;width:100%;padding:5px 0px 5px 0px;}
.small{font-size:0.9em;}
.smaller{font-size:0.8em;}
.smallest{font-size:0.75em;}
.bigger{font-size:1.25em;}
.padding{padding:10px;}
.margin{margin:10px;}
.nowrap{white-space:nowrap;}
.inline-block{display:inline-block;}
.float-right{float:right;}
.float-left{float:left;}
.vertical-top{vertical-align:top;}
.vertical-middle{vertical-align:middle;}
.vertical-bottom{vertical-align:bottom;}
.no-break{white-space: nowrap;}
.up-down{margin:5px 0px 5px 0px;}

.shadow{box-shadow: 0 0 20px #000;}	
.shadow-text{color:#FFF;text-shadow:#600 1px 1px;}
.curve{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.border{border: 1px #CCC solid;}	
.border-hover{border: 1px #CCC solid;}	
.border-hover:hover{box-shadow: 0 0 20px #000;}
.tiny-font{font-size:10px;}
.big-font{font-size:16px;}
.normal-font{font-weight:normal;}
.no-decoration{text-decoration:none;}

.form-table{padding-bottom:10px;color:#bbb;font-size:0.95em;}
.form-field{display:inline-block;width:30%;vertical-align:top;}
.form-value{display:inline-block;width:60%;vertical-align:top;padding-left:10px;}
.width-full{width:90%;}
.width-200{width:90%;max-width:200px;}
.width-300{width:90%;max-width:300px;}
.width-400{width:90%;max-width:400px;}
.width-500{width:90%;max-width:500px;}

.fb-comments{width:100%; !important}
.error-message{background:#F63;color:#FFF;border:1px solid #600;padding:5px;margin:5px 0px 5px 0px;}
.success-message{background:#0C3;color:#FFF;border:1px solid #063;padding:5px;margin:5px 0px 5px 0px;}
.warning-message{background:#FF6;color:#F60;border:1px solid #960;padding:5px;margin:5px 0px 5px 0px;}
.tip-message{background:#FF9;color:#060;border:1px solid #633;padding:5px;margin:5px 0px 5px 0px;}


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;}



/**Form**/
.input{min-height:40px;padding:0px 5px 0px 5px;border-top:0px;border-left:2px solid #eee;
border-right:2px solid #eee;border-bottom:2px solid #eee;color:#000;}
.select{min-height:40px;padding:0px 5px 0px 5px;border-top:0px;border-left:2px solid #eee;
border-right:2px solid #eee;border-bottom:2px solid #eee;color:#000;color:#777;cursor:pointer;}
.textarea{min-height:80px;height:auto;padding:0px 5px 0px 5px;border-top:0px;border-left:2px solid #eee;
border-right:2px solid #eee;border-bottom:2px solid #eee;color:#000;}
.checkbox{color:#000;cursor:pointer;}
.input-upload{min-height:30px;padding:5px;border:2px solid #ddd;color:#777;background:#eee;cursor:pointer;}
.submit{padding:10px;color:#FFF;background-color:#555;border:1px solid #777;cursor:pointer;background:linear-gradient(to right, #999, #000);
border-radius:3px;text-align:center;display:inline-block;vertical-align:bottom;}



.button{padding:10px;color:#FFF;background-color:#555;border:1px solid #777;cursor:pointer;background:linear-gradient(to right, #999, #000);
border-radius:3px;text-align:center;display:inline-block;vertical-align:bottom;}
.button:hover{opacity:0.8;}
.counter{box-shadow: 0 0 10px #FF0;margin:2px;display:inline-block;vertical-align:middle;}




	
.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;}







.gallery-holder{max-width:450px;margin:0px auto 0px auto;border:1px solid #999;padding:5px;}
.gallery-type-icon{color:#999;font-size:0.8em;}
.gallery-type-title{color:#333;font-weight:bold;font-size:1.1em;padding:5px 0px 1px 0px;text-align:center;}
.gallery-type-doc{max-width:98%;min-height:300px;}
.gallery-type-img{max-width:98%;}
.gallery-type-vid{max-width:98%;}
.gallery-type-aud{max-width:90%;}
