﻿/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: bold;
	font-style:normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #00f
	}

h6, { 
	font-family: 'Rachana';
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #fff;
	}

p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }

/* Fonts */

@font-face {
    font-family: 'ArmWrestlerBold';
    src: url('../fonts/ArmWrestler-webfont.eot');
    src: url('../fonts/ArmWrestler-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ArmWrestler-webfont.woff') format('woff'),
         url('../fonts/ArmWrestler-webfont.ttf') format('truetype'),
         url('../fonts/ArmWrestler-webfont.svg#ArmWrestlerBold') format('svg');
}

@font-face {
    font-family: 'Malayalam';
    src: url('../fonts/rachana_01.otf');
    src: url('../fonts/rachana_01?#iefix') format('embedded-opentype'),
         url('../fonts/rachana_04.ttf') format('truetype'),
         url('../fonts/rachana_01.svg#Malayalam') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Global */

body { background-color:#fffccc; text-align:center; }

h1, h2 { font-family:'ArmWrestlerBold', Arial, Helvetica, sans-serif; }


/* Global Containers
-------------------------------------------------------------- */

#wrapper 			{ width:850px; margin:10px auto; background-color:#E0Ffff; }

#top 				{ width:100%; height:25px; background-color:#fff;  }

#banner 			{   }

#searchbox 			{   }

#topnav 				{   }
#topnav ul			{ width:100%; background-color:#eaa500; float: left; }
#topnav ul li			{ display:inline; }
#topnav ul li a		{ padding:10px 20px; float:left; color:#fff; font-size:14px; font-weight:bold; }
#topnav a:hover		{ background-color:#a30000; }

#rightside 			{ float:left; width:0px; padding:0px; background-color:#0055aa; }
#rightside h2		{ font-size:24px; color:#fff; margin:1.5em 0 .5em 0; }
#rightside p		{ line-height:140%; font-size:16px; font-weight:normal; color:#fff; margin:1em 0;  }
#rightside img		{ display:block; margin:10px 0; }

#content 			{ width:810px; float:left; padding:20px; background-color:#fff;  }
#content h1			{ font-size:28px; color:#00f; margin:1em 0 .5em 0; }
#content h2			{ font-size:26px; color:#f00; margin:1em 0 .5em 0; }
#content h3			{ font-size:24px; color:#f00; margin:1em 0 .5em 0; }
#content h4			{ font-size:20px; color:#f00; margin:1em 0 .1em 0; }
#content h5			{ font-size:18px; color:#f00; margin:1em 0 .1em 0; }
#content h6			{ line-height:140%; font-size:18px; font-weight:normal; color:#000; margin:1em 0; }
#content p			{ line-height:140%; font-size:18px; font-weight:normal; color:#000; margin:1em 0;  }

#content2 			{ width:810px; float:left; padding:20px; background-color:#fff;  }
#content2 h1		{ font-size:28px; color:#f00; margin:1em 0 .5em 0; }
#content2 h2		{ font-size:22px; color:#f00; margin:1em 0 .5em 0; }
#content2 p			{ line-height:140%; font-size:18px; font-weight:normal; color:#000; margin:1em 0;  }

#gallery			{ margin-left:0; }

#social-media		{ margin-top:30px; background-color:#fff; float:left; }
#social-media li	{ display:inline; margin:0 5px; }


#footer 			{ clear:both; background-color:#00a5a5; padding:1em 0;  }

#newsletter-signup	{ margin-top:20px; padding-bottom:20px; border-top:1px #fff dotted; border-bottom:1px #fff dotted; }

/* Gallery */

#gallery ul li 	{ display:inline; }
#gallery ul li img	{ padding:5px; border:1px #ccc solid; margin:5px; }

/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px;	}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; color:#060; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ 
		width: 280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:90px; height:25px;
		margin-left:170px;
		font-size:12px;
		}

br		{ clear: left; 	}

.clear	{ clear:both; }


/* Class and Tag Styles
-------------------------------------------------------------- */

.footer-text 		{ font-size:16px; font-style:italic; text-align:center; color:#fff; }
.date				{ font-weight:bold; font-size:14px; }

.brd-thin-white-top		{ border-top:0px #0055ff solid; }
.brd-thin-white-bottom	{ border-bottom:0px #0055ff solid; }

.float-left 		{ float:left; margin:10px 10px 10px 0px; }
.float-right		{ float:right margin:10px 0px 10px 10px; }

.image-right 		{ padding:10px; border:1px #555 dotted; margin:5px 0 5px 10px; }
.image-sm-collage	{ margin:20px 0; }

label				{
	display:block;
	margin:5px 0px 10px 0px;
	font-weight:bold;
	color:#060;
	font-size: 16px;
}
input.submit		{ padding:6px 20px; margin-top:20px; }

td, th				{ padding:4px; }

*/
