/* CSS Document */

/*
Theme Name: Naruto
Theme URI: http://naruto.com/
Description: The custom WordPress theme developed for Ramanand.
Version: 1.0
Author: Reza
Author URI: http://www.3wlink.com/
Contact reza127bd@yahoo.com

*/

body {
	background: #F0EFEF;
	color: #444044;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0px;
}


#wrapper {
	border:0px solid;
	margin: 0 auto;
	padding:0px;
	width: 965px;
}
#page {
	border:0px solid;
	margin: 0 auto;
	padding:0px;
	width: 965px;
}
#header {
	background: url('images/naruto.jpg') no-repeat 34px top;
	display:block;
	height:119px;
	margin: 0 auto;
	padding:0px;
	border:0px solid;
}
#logo-area {
	float:left;
	height:119px;
	margin: 0 auto;
	padding:0px;
	width:510px;
	border:0px solid #ff0000;
}
#logo { 
	background:url('images/logo.jpg') no-repeat left bottom;
	display: block;
	height: 102px;
	margin: 17px auto 0 -20px;
	width: 326px;
}

#search-area {
	background: url('images/bg_search.gif') no-repeat right center;
	display:block;
	float:right;
	margin: 40px 23px 0 0;
	padding:0px;
	height:38px;
	border:0px solid;
	width:378px;
}
.sitemap {
	background: url('images/sitemap.png') no-repeat left center;
	display:block;
	float:left;
	height:9px;
	margin: 3px 20px 0 0;
	padding:0px;
	width:9px;
}
.mail{
	background: url('images/mail.png') no-repeat left center;
	display:block;
	float:left;
	height:9px;
	margin:3px 5px 0 0;
	padding:0px;
	width:12px;
}
.search {
	border:0px solid;
	background: url('images/bg_search_box.jpg') no-repeat right center;
	
	display:block;
	float:right;
	height:20px;
	margin:0px;
	padding:0px;
	width: 297px;	
}
.search .text {
	border:0px solid #ff0000;
	color: #143D6B;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-left:110px;

	padding:1px;
	width:155px;
}
.btn {
	background:transparent;
	border:0px solid;
	width:21px;
	height:21px;
	cursor:pointer;
}
/*************  Constructing the Menu *******************************************/

#menu {
	background:  url('images/bg_menu.png') no-repeat left top;
	display:block;
	margin: 0 auto;
	height:79px;
	padding:0px;
	
	border:0px solid;
}

#menu1 {
	background:  url('images/bg_menu_left.gif') no-repeat left top;
	display:block;
	margin: 0 auto;
	height:79px;
	padding:0px;
	
	border:0px solid;
}
#menu-start {
	background: url('images/bg_menu_right.gif') no-repeat right top;
	display:block;
	margin: 0 auto;
	height:56px;
	padding:0px;

	border:0px solid #4567ff;
}

#submenu {
	margin: 0 auto;
	padding: 12px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #9F9F9F;
	border:0px solid;
}

#navbar {
	
	font-size: 12px;
	font-family: Arial, Verdana, Arial, Tahoma;
	color: #FFFFEE;
	font-weight: normal;
	margin: 0 10px;
	padding: 0px;
	border:0px solid #000;
	float:left;
	width:945px;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFED;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFDC;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
	/***************************************************************/
/*	
#nav {
	margin: 0 auto;;
	padding: 0px;
	list-style-type: none;
	
	}
	
#nav ul {
	
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#nav li {
	background: url('images/sep.png') no-repeat right top;
	border:0px solid;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#nav li a, #nav li a:link, #nav li a:visited {
	
	color: #FFFFDE;
	display: block;
    font: normal 15px Arial, Helvetica, sans-serif;
   	text-transform: none;
    margin: 0px;
	padding: 20px 15px;
	border:0px solid;

	}
	
#nav li a:hover, #nav li a:active {
	background: url('images/bg_menu_on.png') no-repeat center -56px;
	color: #FFFFDD;
    margin: 0px;
	padding: 20px 15px;
	border:0px solid;
	text-decoration: none;
	
	
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #E1DCCA;
	width: 150px;
	color: #495D5C;
	font-size: 14px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: lowercase;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #85ACAC;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li {
	float: left;
	padding: 0px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 171px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
*/

	
#nav {
	margin: 0 auto;;
	padding: 0px;
	list-style-type: none;
	border:0px solid;
	float:left;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
	}

#nav li {
	background: url('images/sep.png') no-repeat right top;
	border:0px solid;
	float: left;
	height:56px;
	margin: 0px;
	padding: 0px;
	position: relative;
	}

#nav li a, #nav li a:visited {
	
	color: #FFFFDE;
	display: block;
    font: normal 15px Arial, Helvetica, sans-serif;
   	text-transform: none;
    margin: 0 5px 0 0;
	padding: 20px 15px;
	border:0px solid;
	
	}
	
#nav li a:hover, #nav li a:active {
	background: url('images/bg_menu_on.png') no-repeat center -56px;
	color: #FFFFDD;
    margin: 0 5px 0 0;
	padding: 20px 15px;
	border:0px solid;
	text-decoration: none;
	
	}

#nav li li {
	margin: 0px 0 0 0;
	padding:2px 5px;
	width: auto;
	background: none;
	border:0px solid #111;
	height:20px;
	display:block;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: none;
	float: none;
	margin: 0px;
	padding: 2px 5px;
	color:#9f9f9f;
	font-weight:normal;
	font-size:12px;
	display:block;
}
	
#nav li li a:hover, #nav li li a:active {
	background-color:none;
	color: #454545;
	padding: 2px 5px;
	}

#nav li ul {
	position: absolute;
	width: 600px;
	margin: 0 auto;
	left: -999em;
	z-index:999;
	border:0px solid #ff0000;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
#nav li:hover ul li{
	left: auto;
	display: block;
	}
		
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display: block;
	}
	
	

#subnavbar {
	height: 35px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 20px 40px;
	border:1px solid #fff;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#subnav a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    font-weight: normal;
    margin: 0px 15px 0px 0px;
	padding: 11px 0px 5px 10px;
	text-decoration:none;
	}
	
#subnav a:hover {
	color: #FFFFFF;
	display: block;
	text-decoration: underline;
    margin: 0px 15px 0px 0px;
	padding: 11px 0px 5px 10px;
	}

#subnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}

#subnav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #565656;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 5px 10px;
	border-top: 1px solid #a1a1a1;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #666666;
	}

#subnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#subnav li:hover ul {
	left: auto;
	display: block;
	}
	
#subnav li:hover ul, #subnav li.sfhover1 ul {
	left: auto;
	}
	
.menu-sep {
	background: url('images/sep.gif') no-repeat left top;
	display:block;
	height: 56px; 
	width:9px;
	margin:0 auto;
	padding:0px;
}	
/*****************************************************************************/	

#content{
	background: url('images/bg_content.gif') no-repeat left top;
	background-color: #e1e0e0;
	display:block;
	margin: 0 auto;
	padding:0px;
	width:965px;
	border:0px solid #ff0000;
}
#content-bot{
	background: url('images/bg_content_bot1.gif') no-repeat left top;
	background-color: #e1e0e0;
	display:block;
	height:33px;
	margin: 0 auto;
	padding:0px;
	width:965px;
	border:0px solid #f0efef;
}
#content-left {
	margin: 0 auto;
	padding:0px;
	width:213px;
}
#main{
	float:left;
	margin: 0 auto;
	padding:0px;
	width:736px;
	border:0px solid #f93;
}
.sidebar{
	float:right;
	margin: 0 auto;
	padding:0px;
	width:222px;
	border:0px solid #9d3;
}
.sidebar ul li ul li a {
	background: url('images/arrow.gif') no-repeat left center;
	display:block;
	padding: 0 0 0 12px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ababab;
	text-decoration:none;
	margin:0px;
}
.sidebar a:hover {
	text-decoration:underline;
}
.sidebar ul {
	margin: 0 auto 10px 0; 
	padding:0px; 
	list-style:none;
}
.sidebar ul li a{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ababab;
	text-decoration: none;
}
.sidebar ul li ul li{
	background-color:#FFFFFF;
	border:1px solid #d6d6d6;
	margin: 2px auto;
	padding:5px 0 5px 6px;
	width: 206px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ababab;
}

.sidebar ul li ul { margin: 6px auto 15px auto;}
.sidebar h2 {
	margin: 0 auto 5px auto; 
	padding:12px 12px 12px 0; 
	background: url('images/bg_header.jpg') no-repeat right center;
	display: block;
	height:22px;
	width:200px;
	border:0px solid;
	text-align:right;
	font: bold 17px Arial, Helvetica, sans-serif;
}
.sidebar .ads{
	background: #fff;
	border: 1px solid #d6d7d6;
	min-height:200px;
	margin: 0 auto;
	padding: 0px;
	width:212px;
}
.ads {
	background: #fff;
	border: 1px solid #d6d6d5;
	height:100px;
	margin: 0 auto;
	padding: 0px;
	width:812px;
}
.orange {color: #D77900;}
.subscribe-email{
	background: url('images/bg_subscribe.gif') no-repeat right top;
	display:block;
	height:47px;
	margin: 8px 6px 0 auto;
	padding:0px;
	width:218px;
	border:0px solid;
}
.subscribe-email .text {
	margin: 7px auto 0 10px;
	padding: 6px 0;
	width:198px;
	border:0px solid;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#9F9F9F;
}
#most-recent {
	background: url('images/bg_main_post.jpg') no-repeat 4px top;
	background-color:#FFFFFF;
	border:0px solid;
	display:block;
	margin: 14px auto 0 4px;
	padding: 0px 5px 5px 20px;
	width: auto;
}
#most-recent h2 {
	color: #9f9f9e;
	font: normal 20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 0 auto 4px auto;
	padding:5px 0;
}
#most-recent h2 a:link, #most-recent h2 a:visited{
	color: #9f9f9e;
	font: normal 20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#most-recent h2 a:hover{
	color: #EF8B1E;
	text-decoration:underline;
}
#most-recent .watch {
	background:url('images/bg_watch.jpg') no-repeat left top;
	width:239px; 
	height:24px;
	color: #F18925;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin-left:220px;
	padding:11px 25px;
	border:0px solid;
}
#most-recent .watch a {
	color: #F18925;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#most-recent-bot {
	background: url('images/bg_recent_bot.gif') no-repeat left top;
	display:block;
	height:20px;
	margin:0 auto;
	padding:0px;
	width:736px;
}

#most-recent-alt {
	background-color:#FFFFFF;
	border:0px solid;
	display:block;
	margin: 14px auto 0 4px;
	padding: 0px 5px 5px 20px;
	width: auto;
}
#most-recent-alt h2 {
	color: #9f9f9e;
	font: normal 20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 0 auto 4px auto;
	padding:5px 0;
}
#most-recent-alt h2 a:link, #most-recent-alt h2 a:visited{
	color: #9f9f9e;
	font: normal 20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#most-recent-alt h2 a:hover{
	color: #EF8B1E;
	text-decoration:underline;
}


.leftbar {
	border:0px solid;
	display:block;
	float:left;
	margin: 0 auto;
	padding: 0px;
	width: 218px;
}
.other-post {
	background: #ffffff;
	border:0px solid;
	float:right;
	width:514px;
	min-height:800px !important;
}

.main-ad {
	background: url('images/bg_ad.jpg') no-repeat center 0px;
	display: block;
	height:130px;
	margin: 0 auto;
	padding:55px 0 0 0;
}
.ad-box{
	background-color:#FFFFFF;
	margin: 0 auto;
	padding:0px;
	height:90px;
	width:470px;
}
.content{
	margin: 0 auto;
	padding:0px;
}
.content h3{
	color: #9e9f9f;
	font: normal 20px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:5px 5px 10px 10px; 
}
.custom-field-type1 {
	background: #f7f7f7;
	color:#959595;
	margin: 0 auto;
	padding:2px;
}
.custom-field-type2 {
	background: #ffffff;
	color:#959595;
	margin: 0 auto;
	padding:2px;
}



	
#display-path {width:960px;margin:0 auto; padding:10px 0; border:0px solid;}
#display-path .left {float:left; background:url('images/dpath-left.gif') no-repeat left; width:930px; height:20px; background-color:#C5C1B6;padding:5px 0 0 10px; font: normal 12px georgia;}
#display-path .left a {font: bold 12px georgia; color:#B0921A; text-decoration:none;}
#display-path .left a:hover { text-decoration:underline;} 
#display-path .right {float:right; background:url('images/dpath-right.gif') no-repeat right; width:20px; height:25px; background-color:#C5C1B5;}

.clear{
	clear: both;
	margin:0 auto;
	padding:0px;
}
.break{ margin:0 auto; padding:0px; height:10px;}
.entry {
	background-color: #F7F7F7;
	border:0px solid;
	color: #444044;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:17px;
	margin: 0px;
	padding:0 10px 5px 0;
	width:96%;
}
.entry-left {
	float: left;
	width:152px;
	margin: 0 auto;
	padding:2px;
}
.entry-right {
	float: right;
	width:502px;
	margin: 0 auto;
	padding:2px;
}
.entry2 {
	color: #9c9c9b;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	margin: 0px;
	padding:0 10px 5px 10px;
	border:0px solid;
}
.entry2 a:link, .entry2 a:visited {
	color: #333333;
	font:	normal 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.entry2 a:hover {
	text-decoration:none;
}
.entry2 img{
	margin-right: 10px;
	padding:1px;
	border: 1px solid #acacac;
}
.entry2 h3{
	margin: 0 auto;
	padding:0px;
}
.entry2 h3 a:link, .entry2 h3 a:visited{
	color: #3C353B;
	font:: bold 12px Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration:none;
}
.entry2 h3 a:hover{ text-decoration:underline;}
.entry2 .more a:link, .entry2 .more a:visited{
	color: #F19520;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:right;
	margin-left:430px;
	text-decoration:none;
}
.entry2 .more a:hover { text-decoration:underline;}
.newpost{
	border-bottom: 1px solid #cccccc;
	margin: 10px 10px 15px 10px;
	padding:0px;
}
.navigation{
	text-align:center;
	margin:0 auto;
	padding:10px;
}

#footer {
	margin: 0 auto;
	padding:0px;
	border:0px solid;
}
#footer #menu-content{
	margin: 0 auto;
	padding:0px;
	border-bottom:1px solid #cccccc;
}
#menu_item {width:800px;float:left;}
#menu_item_top{float: right; margin-right:10px;padding:10px;}
#menu_item_top a{color: #999998;line-height:25px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
ul.menu_item{height:25px;line-height:25px;list-style:none;margin:0px;padding:0;}
ul.menu_item li{float:left;list-style-type:none;margin:0 auto;}
ul.menu_item li a {
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#a6a6a7;
	padding:10px;
	
	text-decoration:none;
}
ul.menu_item li a:hover {text-decoration:none;background: #e0dfdf;} /* #98263f #eaa115*/
ul.menu_item li a:visited {font-weight:normal;}
.copyright {color: #989899; font: normal 12px Arial, Helvetica, sans-serif; }
.small {font: normal 11px Arial, Helvetica, sans-serif; color:#333333;}
.small a{font: bold 11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline;}
.text {
	color: #676767;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	padding:3px;
	width: 200px;
}
form {margin: -1px 0 0 0; padding:0px;}
.textarea {
	color: #676767;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	padding:3px;
	width: 470px;
}