/*
Style Guide for mukundakc.com
Author: Mukunda KC
Contact: mk@mukundakc.com
Background color #C6D9EA
Link color: #3B5998
Nav BG Color: #446fa2
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
}

a:link, a:visited 
{
	text-decoration: none;
	color: #3B5998;
}
a:hover, a:active
{
	text-decoration: underline;
	color: #3B5998;
}

#container {
	
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #C6D9EA;
	-moz-border-radius: 25px; border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px;
}

#navigation {
	float: left;
	margin-top: 30px;
	margin-left: 15px;
	background-color: #446fa2;
	-moz-border-radius: 25px; border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin: 15px 10px 5px 10px;
}
#navigation li {
	width: 130px;
	border-bottom: 1px solid #627AAD;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
	text-align: left;
}
/*defining the appearance of hyper links in the navigation area*/
#navigation a:link, #navigation a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #446fa2;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:hover {
	background-color: #013370;
	color: #FFFFFF;
}

#content {
	width: 750px;
	margin-top: 30px;
	color: #000;
	font-size: 13px;
	text-align: left;
	float: right;
	padding-right: 1em;
	}
#content p {
	line-height: 1.8em;
	padding-right: 1em;
}
#content ol {
	line-height: 1.8em;
	margin-right: 1em;
}

/*
This defines the heading of level 1 for the site.
This level of heading is put at the top of each page for consistency
*/
#content h1 {
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #013370;
	background-color: transparent;
}
/*
This is heading of level two used for the secondary headings in the pages.
This kind of heading has a dotted border at the bottom
*/

#content h2 {
	font-size: 15px;
	color: #013370;
	background-color: transparent;
	border-bottom: 1px dotted #446fa2;
	margin-right: 1em;
}
/*Heading 3 is used for headings that are not much significant*/
#content h3 {
	font-size: 13px;
	color: #013370;
	background-color: transparent;
	margin-right: 1em;
	margin-bottom: .2em;
}


/*
This defines the appearance of the footer, its content is #included for each page for easier editing.
*/
#footer {
	clear: both;
	font-size: 70%;
	color: #999;
	height: 4em;
	vertical-align: middle;
	text-align: center;
	padding-top: 2em;
}


/*to be used to clear floating elements on the both sides*/
.clear
{
	clear: both;
}
/*to center the text*/
.centered
{
	text-align: center;
}
/*images in the site have no border unless specified by the class they use*/
img
{
	border: none;
}
/*defining the horizontal ruler used in the site*/
hr
{
	border: none;
	background-color: #ADD8E6;
	width: 80%;
	color:#446fa2;
	height: 1px;
	text-align: center;
}

/* 
This section defines the appearance of the thumb nails in the photo gallery used in the events page
Use of list with block display lays the pictures with the description under them.
Java script Lightbox 1.0 has been used to enlarge the thumb nails.
*/
#gallery {
	list-style-type: none;
}
#gallery li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #446fa2;
}
#gallery img {
	display: block;
	padding: 4px;
}

/*
Defining the appearance of the form to be used in the feedback section
*/
form {
	font-size: 12px;
	color: #013370;
}

input.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}
input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}

form textarea {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 300px;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 20%;
  font: bold 13px Arial, Helvetica, sans-serif;
}

.floatright
{
float: right;
padding: 10px;
margin: 10px;
}

.lightblue
{
	color:#66CCFF;
}
.red
{
color:#FF0000;
}

.searchresults
{
font: normal 180% Georgia, "Times New Roman", Times, serif;
color: #013370;
}

.big
{
font-size:20px;
}
.feedback
{
	padding: 5px;
	border: 1.5px dotted #66CCFF;
	background-color: #f1f8fa;
}

.joke
{
	padding: 5px;
	border: 1.5px dotted #66CCFF;
	background-color: #f1f8fa;
}

/*table for mukunda in nutshell
*/
.mk_table
{
	color:#3f3f3f;
	border-collapse: collapse;
}
.row1
{
	border-top: 1px solid #e0e6e8;
	border-bottom: 1px solid #e0e6e8;
	background-color: #f1f8fa;
	padding: 5px;
}
.row2
{
	background-color: #fff;
	padding: 5px;
	
}

.clearboth
{
	clear: both;
}

.links dt
{
font-weight: bold;
}