/********************************************
	AUTHOR:  			Narayan Kandel
	WEBSITE:   			http://www.kadel.com.np/
	TEMPLATE NAME:		Shiva personal website
	TEMPLATE CODE:		NK-01
	VERSION:			1.0          	
 *******************************************/
body { 
	margin:0px 0; 
	padding:0; 
	font-family: Verdana, Helvetica, Arial, Lucida, "Trebuchet MS", Geneva, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#000;  
	background: #a9a9a9 url(images/bg.jpg) repeat-x;
	line-height: 1.4em; 
}


#content {
   margin: 0 auto ;
   padding:0;	
   text-align: left;
   background-color:#FFF;
   width: 900px;  	
}
#content-content {
	margin: 0 auto ;
   padding:0;	
   text-align: left;
   background-color:#FFF;
   width: 900px; 
}

img.imgleft { 
    float: left; 
    margin: 4px; 
	border: 1px dotted #a0a0a0;
	background: #EEEEEE;
	padding: 2px;
	margin-right: 10px;
	margin-top: 5px;
}

img.imgright { 
    float: right; 
    margin: 4px; 
	border: 1px dotted #a0a0a0;
	background: #EEEEEE;
	padding: 2px;
	margin-left: 10px;
	margin-top: 5px;
}

/* headerphoto */

.headerphoto {
	margin: 0 auto;
	width: 900px;
	height: 173px;
	padding: 0px 0px 0px 0px; 
	background: #000 url(images/header.jpg) no-repeat center;	
}
#headerphoto #header-left {
	width: 68%;
	float: left;
	text-align: left;
	margin: 0; padding: 10px;
}
#headerphoto #header-right {
	width: 25%;
	float: right;
	text-align: right;
	color: #000000;
	margin: 0; padding: 10px;
}


/*menu */
#menu{
margin: 0 auto;
width: 900px;
padding: 0px 0px 0px 0px; 
background:#6c9801;
}

#menu ul{
margin:0 1%;
padding:9px 0;
list-style:none;
font: bolder 15px 'Trebuchet MS', arial, sans-serif;
text-transform:uppercase;
letter-spacing:0px;
}
#menu ul li{
display:inline;
margin:0;
padding:1px 0;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active{
padding:8px 9px;
text-align:center;
color:#000;
font-weight:bold;
}
#menu ul li a:focus, #menu ul li a:hover, #menu ul li a:active{
color:#eed;
background:#6c9801 url(images/menu_over.jpg) top center no-repeat;
text-decoration:none;
}
#menu ul li a:link.live, #menu ul li a:visited.live, #menu ul li a:hover.live, #menu ul li a:active.live{
font-weight:bold;
color:#eed;
background:#420 url(images/menu_over.jpg) top center no-repeat;
border-bottom:1px solid #420;
}



/* links */
a	{ 
	color: #154a00;
	background: inherit;
	text-decoration: none;
}
a:hover { 
	color: #d96600;
	background: inherit; 	 
}
 
/* headers */
h1, h2, h3 {
	font-family: Helvetica, Arial, Verdana, 'Trebuchet MS', sans-serif;
	font-weight: bolder;
}
h1 {
	font-size: 1.25em;
	color: #3f6201;	
}
h2 {
	font-size: 1.25em;
	text-transform: none;
	color: #0D3389;
	line-height: 25px;
	border-bottom: 1px solid #eeeeee;
}
h3 {
	font-size: 1.3em;
	color: #333;
	letter-spacing: 0px;
}

h1, h2, h3, p { 
	padding: 0;
	margin: 0px 5px 10px 0px; 
}


/* Curve Container */
.col1{
border: 1px solid #b8b8b8;
margin-bottom: 2px;
float: left; 
width: 49%; 
margin: 0;
margin-top: 5px;
margin-bottom: 5px;
}
	
.col1 .innerbox{ 
	background: transparent url(images/tcorner.gif) top right no-repeat;
	position: relative;
	left: 2px;
	bottom: 2px;
	padding: 1px 10px 15px 5px;
}
.colltitle {
   font-family:Arial, Helvatica, Verdana, Tahoma, Arial, Serif;
   font-size: 14px;
   font-weight: bold;
   text-align: left;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 1px;
   color: #0043b3;
}
.col2{
border: 1px solid #b8b8b8;
margin-bottom: 2px;
float: right; 
width: 49%; 
margin: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.col2 .inner{ 
	background: transparent url(images/bcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 10px 15px 5px;
}



/* NAVIGATION */
.nav { 
text-align: left; 
color: #444444; 
padding: 0px 0 0 0px; 
font: bold 13px Arial, 'Trebuchet MS', sans-serif;
width: 190px; 
margig: 0px;}


.menu-title{ 
text-align: left; 
color: #FFF; 
padding: 5px 5px 5px 10px; 
font: bold 15px Arial, 'Trebuchet MS', sans-serif;
width: 175px;
background: #558402;
margin: 0px 0px 0px 0px;}

.nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px;
	background: url(images/li.png) no-repeat left;
}
.nav li a {
color: #414141; 
text-decoration: none;  
padding: 5px 0 0 10px; 
display: block; 
height: 25px;}

.nav li a:hover { 
color: #FFF; 
text-decoration: none; 
background: #558402; 
display: block; 
height: 25px;}
.nav h1 {
	font-size: 1.25em;
	color: #3f6201;	
	padding: 0;
	margin: 10px 5px; 
}

/* MAIN */
#main { background: #FFF; width: 880px; margin: 0 10px 0 10px; color: #000000; padding: 20px 0px 0px 0px; }  
#main .left_side { 
	padding:0px 0 0 5px; margin:0;
	width: 210px; 
	background: url(mright.png) no-repeat right; 
	min-height: 0px;  
}

#hitems { margin: 0; 	padding: 5px;
	background: #F1F1F1;
	border: 2px solid #dddddd;
	margin-bottom:5px;
	width: 180px;}

#menu1 ul { 
	list-style: none;
	margin: 10px;
	padding: 0;
	border: none;
	
}

#menu1 li { 
	margin: 0px;
	border: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 2px;

}
#menu1 li a{
	display: block;
	color: #b11e01;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/arrow1.gif) center left no-repeat;
	text-decoration: none;
	padding-left:19px;
	}
#menu1 li a:hover{
	display: block;
	color: #3b8c00;
	text-decoration: none;	 
}

#main .right_side { 
	float: right; 
	width: 640px; 
	background: #FFF; 
	padding:0px 15px 0 0; 
	margin:0; 
	}


#main .box  {	
	background: #efefef; 
	padding: 5px; 
	border: 1px solid #ccc;
	}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

/* footer */
#footer { 
	clear: both;
	height: 35px;
	color: #FFFFFF;
	background: #000000;
	margin: 0;	
	font: normal 12px Arial, 'Trebuchet MS', sans-serif;
	padding: 0px 3px 10px 3px;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF; 
}
#footer #footer-left {
	width: 68%;
	float: left;
	text-align: left;
	margin: 0; padding: 10px;
}
#footer #footer-right {
	width: 25%;
	float: right;
	text-align: right;
	margin: 0; padding: 10px;
}



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

ul { 
	margin: 0 0 0px 0; 
	padding : 0; 
	list-style : none; 
	}

li { 	
	margin: 0 0 2px 0; 
	padding: 0 0 0 0px;	
	color: #555; }

/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #EAEAEA; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:3px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#333;
}
textarea {
	width:300px;
	padding:4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	height:100px;
	display:block;
	color:#333;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #EAEAEA;
	padding: 2px 3px; 
	background: #CCC url("images/buttonbg.gif") repeat-x left bottom; 
	color: #000;/* color: #000000; */
}

/* search */
#sidebar #search {
	background: #f2f2f2;
	margin: 0 15px;
	padding: 5px 0;	
}
#sidebar #search img {
	vertical-align: bottom;
}
#sidebar #search .textbox {
	background: #FFF url("images/input.png") no-repeat top left; 
	border: 1px solid #EAEAEA;
	font-size: 11px;
	padding: 3px;	
	width: 110px;
}
#sidebar #search input.searchbutton { 
	margin: 0; 
	font: bold 100% Arial, Sans-serif;
	border: 1px solid #CCC; 
	background: #CCC url("images/buttonbg.gif") repeat-x left bottom; 
	padding: 1px; 
	height: 25px;
	color: #333;	
	width: 55px;
}
.top1 { 
	font: normal 11px Arial, verdana, 'Trebuchet MS', sans-serif; 
	color:#EEEEEE;
	padding-right: 3px;
	}
.table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;	
	padding: 3px;
	border: 1px solid #F4F4F4;
	}
