/*

Theme Name: Smartsufi

Description: No plugins required. Sidebar and Widget Ready. Compatible with WordPress 2.9. W3C Validated CSS & HTML, Compatible with IE and Firefox. Version 1.0

Version: 1.1

Author: Promi Sering Web Designer

Author URI: http://www.smartsufi.com

Tags: black, dark, two-columns, fixed-width

License: General Public License

*/



/* -- Basic Style -- */



h1, h2, h3, h4, h5, h6, form

	{

		margin:0px;

		padding:0px;

	}

h1{font-size:22px;}

h2{font-size:18px;}

h3{font-size:16px;}

h4{font-size:14px;}

h5{font-size:13px;}

h6{font-size:12px;}

p

	{

		margin:0px;

		padding:0px;

		padding-bottom:12px;

	}

hr

	{

		color:#3c6e02;

	}

ul, ol, li

	{

		margin:0px;

		padding:0px;

		list-style:none;

	}

a, a:visited

	{

		color:#0088FF;

		text-decoration:none;

		outline:none;

	}

a:hover

	{

		text-decoration:underline;

	}

img {border:none;}

img.alignright {float:right; margin:2px 0px 5px 5px; border:solid 1px #cccccc; padding:2px;}

img.alignleft {float:left; margin:2px 5px 5px 0px; border:solid 1px #cccccc; padding:2px;}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:2px 0 2px 5px;}

a img.alignleft {float:left; margin:0px 5px 2px 0px}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



blockquote

	{

		padding:7px 0px 0px 30px;

		font-size:14px;

		font-style:italic;

		border-left:solid 6px #6e5c4b;

		height:1%;

	}

.storyContent ul, ol

	{

		margin-left:20px;

		padding:5px 5px 15px 5px;

	}

.storyContent ol li

	{

		list-style:decimal;

	}

.storyContent ul li

	{

		list-style:disc;

	}

.clear{

	clear:both;

}

.storyContent table

{

	border-collapse:collapse;

	border-color:#aaaaaa;

	border:solid 1px #aaaaaa;

}

.storyContent table th

{

	background:#ffcc33;

	border-color:#aaaaaa;

	padding:5px;

}

.storyContent table td

{

	padding:5px;

	border-color:#aaaaaa;

}





/* -- Main Style  -- */	



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

body{

	background:#000000;

	margin:0px;

	padding:0px;

	font-family:arial;

	font-size:14px;

	color:#2f2f2f;

}

.main_outer

{

	background:url(images/bg.jpg) no-repeat center top;

}

#main{

	width:977px;

	margin:0px auto;

	padding:0px;

}





/* -- Header -- */

.header{

	height:170px;

	/*overflow:hidden;*/

}

.header_top

{

	height:127px;

	overflow:hidden;

}

.header_left

{

	float:left;

	width:550px;

}

.header_right

{

	float:right;

	width:400px;

}

.title{

	/*height:65px;*/

	padding-left:75px;

	overflow:hidden;

	background:url(images/logo.gif) no-repeat left 15px;

	margin-top:20px;

}

.title h1{

	overflow:hidden;

	font-size:0px;

	font-family:"NuevaStd-BoldCond", arial;

	font-weight:normal;

}

.title h1 a, .title h1 a:visited {

	color:#fdfdfd;

	text-decoration:none;

}

.title h1 a:hover{

	cursor:pointer;

	text-decoration:none;

}

.title h3

{

	color:#ffffff;

	font-weight:normal;

	font-size:19px;

}

.header_right p

{

	font-size:12px;

	color:#ffffff;

	line-height:17px;

}

.header_right a, .header_right a:visited

{

	color:#f5e146;

	text-decoration:none;

}

.header_right a:hover

{

	color:#ffffff;

	text-decoration:none;

}



/* -- Page Navigation -- */



.nav{

	height:32px;

	padding:0px 15px;

	/*overflow:hidden;*/

	padding-top:4px;

}

ul#nav{

  border: 0 none;

  padding: 0 14px 0 0;

  list-style: none;

  float:left;

  z-index:1000;

}

ul#nav li {

  margin: 0;

  border: 0 none;

  padding: 0 4px 0 0px;

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height:auto;

}

ul#nav ul {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 190px;

  list-style: none;

  display: none;

  position: absolute;

  top: 32px;

  left: 0px;

  z-index:1000;

  border-bottom:solid 1px #000000;

}



ul#nav ul:after /*From IE 7 lack of compliance*/{

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

}



ul#nav ul li {

  width: 190px;

  padding:0px;

  float: left; /*For IE 7 lack of compliance*/

  display: block !important;

  display: inline; /*For IE*/

  background:none;

}



/* Root Menu */

ul#nav a {

 padding:8px 12px;

  text-align:center;

  /*padding-left:32px;*/

  float: none !important; /*For Opera*/

  float: left; /*For IE*/

  display: block;

 font-size:14px;

 color:#ffffff;

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/

    text-transform:capitalize;

	background:#000000;

	filter:alpha(opacity=60);

	opacity:0.8;

}

ul#nav li.current_page_item li a, ul#nav li.current_page_item li a:visited {

	color:#FFE600;

	background:#232323;

}

/* Root Menu Hover Persistence */

ul#nav a:hover,

ul#nav li:hover a,

ul#nav li.iehover a, ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited {

 color:#FFE600;

text-decoration:none; 

}



ul#nav a:active,

ul#nav li:active a,

ul#nav li.ieactive a {

  color: #ffffff;

}



/* 2nd Menu */

ul#nav li:hover li a,

ul#nav li.iehover li a {

  float: none;

  padding:5px 10px;

  width:170px;

  color: #ffffff;

  font-size:13px;

  text-align:left;

  background:#000000;

  border: solid 1px #000000;

  border-bottom:none;

}



/* 2nd Menu Hover Persistence */

ul#nav li:hover li a:hover,

ul#nav li:hover li:hover a,

ul#nav li.iehover li a:hover,

ul#nav li.iehover li.iehover a {

  color: #FFE600;

}



/* 3rd Menu */

ul#nav li:hover li:hover li a,

ul#nav li.iehover li.iehover li a {

  padding:5px 10px;

  width:170px;

  color: #ffffff;

  font-size:13px;

  text-align:left;

  background:#000000;

}



/* 3rd Menu Hover Persistence */

ul#nav li:hover li:hover li a:hover,

ul#nav li:hover li:hover li:hover a,

ul#nav li.iehover li.iehover li a:hover,

ul#nav li.iehover li.iehover li.iehover a {

/*background:#FFE600;*/

  color: #FFE600;

}



/* 4th Menu */

ul#nav li:hover li:hover li:hover li a,

ul#nav li.iehover li.iehover li.iehover li a {

  padding:5px 10px;

  width:170px;

  color: #ffffff;

  font-size:13px;

  text-align:left;

  background:#000000;

}



/* 4th Menu Hover */

ul#nav li:hover li:hover li:hover li a:hover,

ul#nav li.iehover li.iehover li.iehover li a:hover {

/*background:#FFE600;*/

  color: #FFE600;

}



ul#nav ul ul,

ul#nav ul ul ul {

  display: none;

  position: absolute;

  top: 0px;

  left: 190px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#nav li:hover ul ul,

ul#nav li:hover ul ul ul,

ul#nav li.iehover ul ul,

ul#nav li.iehover ul ul ul {

  display: none;

}



ul#nav li:hover ul,

ul#nav ul li:hover ul,

ul#nav ul ul li:hover ul,

ul#nav li.iehover ul,

ul#nav ul li.iehover ul,

ul#nav ul ul li.iehover ul {

  display: block;

}

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



.main_content{

	background:url(images/content_bg.jpg) repeat-y left top;

}

.content_top

{

	background:url(images/content_top.jpg) no-repeat left top;

}

.content_bottom

{

	background:url(images/content_bottom.jpg) no-repeat left bottom;

	padding:30px 22px 40px 45px;

	height:1%;

}

/************** Inner Content *********************/



.main_left{

	width:640px;

	float:left;

}

.story{

	padding:10px 0px 30px 0px;

}

.story_title{

	margin-bottom:6px;

	color:#000210;

	font-size:12px;

	background:url(images/)


}

.title_bottom

{

	background:url(images/)

	padding:10px 10px 7px 10px;

	height:1%;

}

.story_title h2, .page_title h2{

	padding-bottom:5px;

	color:#000210;

	font-size:22px;

	font-weight:normal;

}

.story_title h2 a,.story_title h2 a:visited{

	/*font-style:italic;*/

	color:#000210;

}

.story_title h2 a:hover{

	color:#868383;

	text-decoration:none;

}

.story_category

{

	float:left;

	width:440px;

}

.story_category a, .story_category a:visited

{

	color:#ff0110;

	text-decoration:none;

}

.story_category a:hover

{

	text-decoration:underline;

}

.story_date

{

	float:right;

	width:100px;

	text-align:right;

}

.story_date img

{

	vertical-align:middle;

}

.storyAuthor{

	padding:4px 0px 6px 0px;

	line-height:22px;

}

.storyTags,.story_category{

	padding:3px 0px;

}

.storyContent

	{

		padding-bottom:10px;

		padding-top:10px;

	}

.storyContent p

	{

		line-height:19px;

	}

.postmeta

	{

		background:url(images/tags_bg.jpg) repeat-y left top;

	}

.postmeta_top

	{

		background:url(images/tags_top.jpg) no-repeat left top;

	}

.postmeta_bottom

	{

		background:url(images/tags_bottom.jpg) no-repeat left bottom;

		height:1%;

	}

.story_tags

	{

		float:left;

		width:450px;

		padding-top:10px;

		color:#704401;

		padding-left:10px;

	}

.story_tags img

	{

		vertical-align:middle;

	}

.read_more

	{

		float:right;

		width:95px;

		padding-top:10px;

		padding-right:10px;

		font-size:13px;

		text-align:right;

	}

.postmeta a, .postmeta a:visited

	{

		color:#704401;

		text-decoration:none;

	}

.postmeta a:hover

	{

		text-decoration:underline;

	}

.storyContent h1,.storyContent h2,.storyContent h3,.storyContent h4,.storyContent h5,.storyContent h6{

	padding-bottom:15px;

}



/*----------------------------------*/

.navigation{

}

.navigation .alignleft{

	float:left;

}

.navigation .alignright{

	float:right;

}

.navigation a,.navigation a:visited {

	color:#0082C3;

	font-size:22px;

	text-decoration:none;

}

.navigation a:hover {

	text-decoration:underline;

}





/************* Sidebar Section ***************/



.sidebar{

	float:right;

	width:246px;

}

.sidebar ul{

	list-style:none;

	margin:0px;

	padding:0px;

}



.sidebar li{

	margin:0px;

	padding:0px;

	padding-bottom:10px;

	margin-bottom:10px;

}

.sidebar li a,.sidebar li a:visited{

	color:#414242;

	text-decoration:none;

	padding-right:5px;

}

.sidebar li a:hover{

	text-decoration:underline;

	color:#000000;

}



.sidebar h3{

	color:#006EA5;

	font-size:20px;

	font-weight:normal;

	background:url(images/sidebar_border.jpg) no-repeat left bottom;

	padding-bottom:5px;

	margin-bottom:8px;

	padding-left:16px;

}

.sidebar h3 span

{

	font-size:16px;

	font-weight:bold;

}

.sidebar li li{

	padding:5px 0px 5px 18px;

	margin:0px;

	background:url(images/bullet.gif) no-repeat left 9px;

	border:none;

	margin-left:18px;

}

.sidebar li li a, .sidebar li li a:visited{

	color:#414242;

	padding:0px;

	text-decoration:none;

}

.sidebar li li a:hover{

	text-decoration:underline;

	color:#000000;

}

.sidebar li li li{

	border:none;

	margin:0px;

	padding:5px 0px 2px 12px;

}

/****************** Search Style ******************/

.header_search

{

	float:right;

	padding-bottom:35px;

}

.search_text

{

	background:#dadada;

	border:solid 1px #2f2f2f;

	float:left;

	margin:22px 0px 0px 0px;

	padding:2px;

	color:#000000;

	width:198px;

}

.search_btn

{

	background:none;

	border:none;

	color:#ffffff;

	font-size:14px;

	cursor:pointer;

	margin:23px 0px 0px 0px;

	padding:0px;

	width:35px;

	float:left;

}

.search{

	padding:10px 10px;

}

.searchText{

	background:#ffffff;

	border:1px solid #bababa;

	padding:3px;

	float:left;

	margin:2px 3px 3px 0px;

	width:180px;

	color:#2d2d2d;

	font-family:arial;

	font-size:10px;

}

.searchBtn{

	float:left;

	margin:0px 0px 0px 5px;

}



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



.footer{

	padding:0px 0px 12px 0px;

	color:#a3a3a3;

	margin-top:5px;

	font-size:13px;

	text-align:center;

	/*background:url(images/footer_bg.jpg) repeat-x left top #ffffff;*/

}

.footer_content

{

	width:977px;

	margin:0px auto;

	padding-top:12px;

	padding-bottom:25px;

	letter-spacing:1px;

}

.footer_nav

{

	padding-bottom:10px;

}

.footer ul, .footer li

{

	display:inline;

}

.footer li a

{

	margin:0px;

	padding:0px 6px 0px 10px;

	border-left:solid 1px;

}

.footer p{

	padding:3px 0px;

}

.footer a, .footer a:visited

	{

		color:#a3a3a3;

		text-decoration:none;

	}

.footer a:hover

	{

		text-decoration:underline;

		color:#ffffff;

	}



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



/************** Comments And Other Style *********************************/



/* -- search result's title -- */



h2.pagetitle, .article h2, .error, h2.center

	{

		font-size:26px;

		font-weight:normal;

		font-family:"trebuchet ms";

		padding-top:5px;

		padding-bottom:10px;

		text-align:left;

	}

	

	

	

/* -- Comments Section -- */



.comment_template

	{

		padding-left:10px;

		padding-top:15px;

	}

#comments, #respond h3, .commenttitle

	{

		padding-top:5px;

		padding-bottom:20px;

		font-size:20px;

		font-weight:normal;

		color:#323232;

	}

#comment, #author, #email, #url

	{

		font-family:arial;

		font-size:13px;

		color:#483d32;

		line-height:150%;

		border:solid 1px #e3ded8;

		width:200px;

		padding:2px;

		background:#ffffff;

	}

#comment

	{

		width:480px;

	}

.commentlist{

	margin:0px;

	padding:0px;

}

.commentlist li{

	margin-bottom:10px;

	border-bottom:1px dashed #d0c5bf;

}

.reply

{

	padding-bottom:10px;

}

.commentlist li li{ 

	border:none;

	padding-left:20px;

	padding-top:5px;

	padding-bottom:0px;

}

.comment-body

{

	line-height:19px;

	padding:0px;

}

.comment-author, .comment-meta{

	padding-bottom:3px;

}

.comment-body p{

	padding:10px 0px;

	color:#000;

}

.comment-body em

{

	padding-left:20px;

}

#commentform{

	padding:0px;

}

#commentform p{

	padding:5px 0px;

}

#commentform #author,#commentform #email,#commentform #url,#commentform #comment{

	border:1px solid #CCCCCC;

}

#submitcomment{

	border:1px solid #CCCCCC;

	background:#fff;

	padding:3px;

	cursor:pointer;

}

.avatar

	{

		float:left;

		border:solid 1px #f2f2f2;

		padding:2px;

		margin-left:5px;

		/*width:35px;

		height:35px;*/

	}

.fn

	{

		font-style:normal;

		padding-left:20px;

	}

.fn .url

	{

		padding:3px 0px 3px 0px;

		font-weight:bold;

		font-family:georgia, verdana;

		font-size:13px;

	}

.commentmetadata {

	margin: 0px;

	display: block;

	padding:0px 0px 0px 65px;

	font-size:11px;

	}

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



/* Legacy.Comments */

.avatarImg

	{

		float:left;

	}

.commentAuthor

	{

		float:left;

		padding-left:15px;

	}

.fl_right

	{

		padding-top:10px;

	}





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



/* -- CALENDER STYLE -- */

/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin:0px auto;

	padding: 0px;

	width: 210px;

	font-size:11px;

	font-family:tahoma;

	color:#3e3e3e;

	text-align:center;

	}

#wp-calendar th

	{

		color:#246329;

	}

#wp-calendar #today

	{

		color:#ffffff;

		font-weight:bold;

		background:#000;

	}

#wp-calendar #next a {

	padding-right: 5px;

	color:#246329;

	text-align: right;

	background:none;

	text-decoration:none;

	}

#wp-calendar #next a:hover

	{

		text-decoration:underline;

		background:none;

	}

#wp-calendar #prev a {

	padding-left: 5px;

	text-align: left;

	color:#246329;

	background:none;

	text-decoration:none;

	}

#wp-calendar #prev a:hover

	{

		text-decoration:underline;

		background:none;

	}

#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align:center;

	font-weight:bold;

	padding-top:5px;

	padding-bottom:10px;

	/*color:#105a82;*/

	/*background:#cfcfd0;*/

	}

	

#wp-calendar td a, #wp-calendar td a:visited {

	border-left: none;

	padding:0px;

	color: #246329;

	text-decoration:none;

	font-weight:bold;

	font-size:11px !important;

}

#wp-calendar td a:hover {

	background: none;

	border-left: none;

	font-weight:bold;

	text-decoration: underline;

}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	/*background-color: #b48625;*/ }

/* End Calendar */









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

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}





.wp-caption {

   border: 1px solid #c8d7d0;

   text-align: center;

   background-color: #c8d7d0;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 6px;

   -khtml-border-radius: 6px;

   -webkit-border-radius: 6px;

   border-radius: 6px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   /*font-size: 11px;*/

   line-height: 19px;

   color:#0082C3;

   padding: 5px 4px;

   margin: 0;

}