/*
     alexkozaris.com v2.0 "Red Velvet" design style sheet
     Copyright (c) 2008 by Alex Kozaris. All rights reserved.
	 
     If you like any of the ideas in this style sheet, feel free
     to jack them. Just don't steal my design. k thanks bye
*/

/*
      General styles - body, etc.
*/
body {
	background: #000000 url('/rsrc/mainback.jpg') repeat-y top right;
	margin: 0px;
	padding: 0px;
	color: #b0b0b0;
}

a {
	color: #ffffff;
	text-decoration: none;
	text-decoration: underline;
}

a:hover {
	
}

h1 {
	font-family: Arial, Helvetica, malayalam, sans-serif;
	font-size: 24px;
}

h2 {
	font-family: Arial, Helvetica, malayalam, sans-serif;
	font-size: 18px;
	padding-top: 10px;
}

h3 {
	font-family: Arial, Helvetica, malayalam, sans-serif;
	font-size: 14px;
	padding-top: 10px;
}

/*
     Page layout
     div ids and classes, etc.
*/

#header {
	text-align: center;
	height: 140px;
	margin: 0px;
	padding: 0px;
	background: url('/rsrc/topback.jpg') repeat-x;
}

#navbar {
	/* position: absolute;
	top: 140px; */
	margin: 0px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #222222 url('/rsrc/navbar.png') repeat-x top left;
}


#container {
	min-width: 780px;
	margin: 20px 30px 0 30px;
	font-family: Arial, Helvetica, malayalam, sans-serif;
	font-size: 12px;
	line-height: 16px;

	padding-bottom: 25px;
}

#content {
	margin-right: 290px;
	min-width: 500px;
}

#rightmenu {
	width: 240px;
	float: right;
}

#bottombar {
	margin: 0px;
	width: 100%;
	height: 20px;
	line-height: 30px;
	text-align: center;
	background: #222222 url('/rsrc/botbar.png') repeat-x top left;
	clear: both;
}

#bottomred {
	margin: 0px;
	width: 100%;
	height: 50px;
	background: #000000 url('/rsrc/botbanner.jpg') repeat-x top left;
}

#bottomleaves {
	margin: 0px;
	width: 100%;
	height: 50px;
	background: url('/rsrc/botleaves.jpg') no-repeat top right;	
}

#copyright {
	font-family: Tahoma, Arial, Helvetica, malayalam, sans-serif;
	color: #ffffff;
	font-size: 11px;
	padding: 5px;
	line-height: 18px;
}

/*
     Text, link, and inline styles
*/

.hlist {
	font-family: Lucida Sans Unicode, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
	text-transform: uppercase;
}

.hlist li {
	display: inline;
	list-style-type: none;
	padding: 0 6px 0 6px;
}

.hlist li a {
	color: #ffffff;
	text-decoration: none;
}

.hlist li a:hover {
	text-decoration: underline;
}

.vlist {
	font-family: Lucida Sans Unicode, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	list-style: none;
	text-indent: -40px;
	margin-top: 0;
	padding-top: 1px;
	text-transform: uppercase;
}

.vlist li {
	padding: 3px 0 2px 0;
}

.vlist li a {
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0 7px 23px;
}

.vlist li a:hover {
	text-decoration: underline;
	background: url('/rsrc/smleaf.jpg') top left no-repeat;
}

.article {
	margin-top: 30px;
	padding-bottom: 5px;
	background: #000000 url('/rsrc/arthead.jpg') top left no-repeat;
	line-height: 18px;
}

.article-body {
	margin-left: 40px;
}

.article h1 {
	font-family: Lucida Sans Unicode, Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	padding: 22px 0 0 70px;
	margin: 0;
}

.article h1 a {
	text-decoration: none;
}

.article h1 a:hover {
	text-decoration: underline;
}

.article h2 {
	font-family: Arial, Helvetica, malayalam, sans-serif;
	font-size: 11px;
	padding: 12px 0 10px 70px;
	margin: 0;
	color: #b0b0b0;
	font-weight: normal;
}

 /* div */
#pagelist {

}

/* div */
.pageinlist {
	margin-left: 20px;
	border-top: solid 1px #666666;
	padding: 10px 0 10px 0;
}

#mileage {

}

#mileage table {
	width: 100%;
	padding: 0;
	border: none;
	text-align: center;
}

#mileage table tr {
	background-color: #222222;
}

#mileage td {
	margin: 0;
	padding: 3px;
}

.ytvideo {
	text-align: center;
}

#copyright a {
	color: #ffffff;
}