/*   

Theme Name: ooopx - Aafathis

Theme URI: http://aafathis.net

Description: an exclusive theme designed fro Aafathis News - Maldives

Author: Inerd Hussein

Author URI: http://ooopx.net

Version: 1.0

*/

@font-face {

  font-family: 'ThaanaFont';

  src: url('/system/themes/ooopx/Faruma.eot');  /* IE6+ */

  src: local('☺'), 

        url('/system/themes/ooopx/Faruma.woff') format('woff'),  /* FF3.6 */

        url('/system/themes/ooopx/Faruma.ttf') format('truetype');  /* Saf3+,Chrome,FF3.5,Opera10+ */

}





@charset "utf-8";



* { margin:0; padding:0; }



body,td,th {

	font-size: 18px;

	color: #444;

	text-align:right;

	direction:rtl;



}

::selection {   background: #bffda6;}

::-moz-selection {  background: #bffda6;}



img { border:0;}

 

p { 

	font-size:18px; 

	margin:5px 0 10px 0;

	text-shadow: 1px 0 1px #eee;



        

	}



.left { float:left;}

.right { float:right;}

.clear {clear:both;}



.thaanaKeyboardInput {

	font-family: faruma, 'mv iyyu nala', 'mv elaaf normal';

	direction: rtl;

}



a:link {

	color: #339966;

	text-decoration:none;

}

a:visited {

	color: #339966;

	text-decoration:none;

}

a:hover {
	color: #000;
a}

a:active {

	color: #222;

}

h1,h2,h3,h4 {

	font-family: ThaanaFont, "Mv Eamaan XP", Faruma;

	font-weight:normal;

	color:#333; 

	text-shadow: 0 0 1px #eee;



}



h1 a:link,h2 a:link,h3 a:link,h4 a:link {

	text-shadow: 0 0 1px #eee;
    opacity: 1.0;
	 -webkit-transition: opacity 0.2s linear;
	color:#339966; 
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {

	color:#000;
	opacity: 0.7;

}

h1 {

	font-size: 22px;

	padding-bottom:6px;

}

h2 {

	font-size: 20px;

	padding:3px 0;

	line-height:28px;

	margin-bottom:5px;

}

h3 {

	font-size: 18px;

}

h4 {

	font-size:18px;

}

h5 {

	font-size:16px;

	text-shadow:none;

}



@font-face {

	font-family: 'Faruma W';

	src: url("/system/themes/ooopx/Faruma.eot");												/* For IE */

	src: local("Faruma W"), url("/system/themes/ooopx/Faruma.ttf") format('truetype'); 		/* For Other Browsers */

}



.thaana {

	font-family: "ThaanaFont ,Faruma W" Faruma, MV Elaaf Normal;

	text-align:right;

}



#wrap {

	width:960px;

	padding:0 10px;

	background:#fff;

	margin:10px auto 10px auto;

}

#header { height:90px; padding:10px 0;}

.logo {

	width:169px; 

	height:90px;

	}

/*---------------navigation----------------------*/

#navigation {

	border-top:1px solid #ccc;

	border-bottom:5px solid #ddd;

	background:#222;

	height: 35px;

	margin: 0;

} 

#navigation ul {

	list-style: none;

	margin: 0;

	padding: 0;

} 

#navigation ul li {

	display: inline;

	margin: 0px;

	padding: 3px 0;

} 

#navigation ul li a {

	text-shadow: 0 0 1px #369162;

	padding:3px 15px;

	color:#999;

	background:#000;

	display: block;

	float: right;

	background: url(images/navigation-separator.png) no-repeat right center;

} 



#navigation ul li a:hover {

	padding:3px 15px;

	color:#222;

	background:#eee;

}



#navigation ul li#active a {

	color:#222;

	background:#eee;

}





#container { padding-top:20px; padding-bottom:10px; padding-left:5px; padding-right:5px;}



/*************************************/

#mainnews {

	width:400px;

	padding-left:15px;

	height:375px;

	padding-bottom:5px;

	margin-bottom:10px;

	overflow:hidden;

	float:right;

	}

.thumb { margin-left:10px;}

	

	.topnews {

		width:250px;

		height:375px;

		padding:0px 5px 0px 10px;

		}

		.topnews {  overflow:hidden;}

.widthy {

	width:620px;

	}

.widbytwo {

	margin-top:10px;

	width:288px;

	padding:0 8px 1px 3px;

	border-right:5px solid #ddd;

	}	

.picnews {

	width:190px;

	padding:0 23.5px 0 23.5px;

	}

	

.adbox { padding:20px; background:#eee; margin-bottom:20px;}

#homesearch { width:420px;  height:60px; display:inline;}

#hsearchBox {background: #FFFFFF; border: 1px solid #ddd; padding:20px 10px 22px 15px; width:290px;}

#hsearchButton {background: #ccc;  color: #3A59BB; padding:0; border:0;}


.catname a {
	background: url(images/arrow.png) no-repeat left;
	padding: 0px 0px 5px 25px;
	color:#111;
	text-shadow: 0 0 1px #369162;

	}

.catname a:hover { 
	color:#339966; 	
	text-shadow: 0 0 1px #369162;
	}



.padleft { margin-left:10px;}

.liner { border-left:1px solid #ddd;}

.lineb { border-bottom:2px solid #ddd;}

.linet { border-top:2px solid #ddd;}



.secondcol { height:250px; overflow:hidden; padding:20px 0px;}

.thirdcol {padding:10px 0px; background:#eee;}

/*************************************/



.sidebar { width:300px; float:left;}



.morenews {

	padding-right:5px;

	padding-left:30px;

	margin-bottom:40px;

	}



 .morenews li {

	 width:280px;

			color:#339966;
			height:58px;
			overflow:hidden;
			list-style:inside square;
			text-shadow: 1px 0 1px #eee;
			border-bottom:1px solid #ddd;
			padding-bottom:5px;
			padding-top:3px;

			}

			.morenews li a {

			color:#222;

			}

			.morenews li a:hover {
			color:#339966;

			}



/*-----------single.php--------------*/

#single {

	padding-right:5px;

	width:600px;

	}

.date { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	direction:ltr;

	}

#imagery {

	padding:0px 0px 25px 0px;

	}

#metabox { margin-right: 10px; width:160px;}

.author { 

	background:url('images/author.png') right no-repeat;

	padding-top:2px;

	padding-right:30px;

	}

.mcomments { 

	background:url('images/comments.png') right no-repeat;

	margin-top:-8px;

	padding-top:2px;

	padding-right:30px;

	}	

.imgdsc { margin-top:50px; color:#999;}

#article { padding:10px 0;}
#socialbox {}



/*-----------comments.php--------------*/

#comments {

	color:#666;

	}

ol li { list-style:none; margin-bottom:10px;}

.comment-author {color:#333; font-size:18px;}

.comment-meta { border-bottom:1px solid #ddd;}

.odd, .even { padding:10px;}	

.odd {

background-color: #eee;

border-bottom:2px solid #ccc; 

}

.even {

background-color: #e9fef3;

border-bottom:2px solid #ccc; 



}



#postsidebar {

	width:300px;

	padding-right:20px;

	border-right:1px solid #eee;

	}

.partner {
	outline:1px solid #eee;
	padding:2px 22px 2px 22px;
	}

#footer {

	border-top:10px solid #222;

	clear:both;

	background:#000 url(images/footer_logo.jpg) left no-repeat;

	color:#333;

	padding:20px 10px;s

	}

	.inerds {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	direction:ltr;

	background:#CCC;

	width:190px;

	}