/*	Design and Content Copyright 2010 by George Mitra, All Rights Reserved
	george@georgemitra.com
	www.georgemitra.com
	Revised: 2010-01-24
*/

/*  LANDING PAGE STYLES
======================================================= */

body {
	margin: 100px 0 0 0;
	padding: 0;
	text-align: center;
}

#colored-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
}

	.blue #colored-bar {background-color: #0090DF;}

	.red #colored-bar {background-color: #DF0000;}
	
	.green #colored-bar {background-color: #089F00;}	

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 925px;
	padding-left: 20px;
	border-left: 15px solid;
	text-align: left;
}

	.blue #wrapper {border-left-color: #0090DF;}
	
	.red #wrapper {border-left-color: #DF0000;}
	
	.green #wrapper {border-left-color: #089F00;}
	
#main-content {
	position: absolute;
	top: 15px;
	right: 0;
	width: 65%;
	text-align: right;
	padding-bottom: 10px;
}

#name {width: 35%;}

h1, h2, h3, h4 {
	font-family: georgia, palatino, serif;
	color: #333;
	margin: 20px 0;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a {
	color: #333;
	text-decoration: none;
}
	
	#main-content h2, #main-content h3, #main-content h4 {font-weight: normal;}

h1 {
	font-size: 90px;
	text-transform: lowercase;
	display: inline;
}

h2 {font-size: 40px;}

	.blue h2 {color: #0090DF;}
	
	.red h2 {color: #DF0000;}
	
	.green h2 {color: #089F00;}

h3 {font-size: 32px;}
	
	.blue h3 a:hover {color: #DF0000;}
	
	.red h3 a:hover {color: #089F00;}
	
	.green h3 a:hover {color: #0090DF;}

h4 {
	font-size: 28px;
	display: inline;
}

p {
	font-family: georgia, palatino, serif;
	font-size: 24px;
	color: #333;
}
	
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	ul li {
		display: inline;
		margin-left: 20px;
	}
	
		ul li a:hover, ul li a.active {
			padding-bottom: 6px;
			border-bottom: 3px solid;
		}
		
			.blue ul li a:hover, .blue ul li a.active {border-bottom-color: #0090DF;}
			
			.red ul li a:hover, .red ul li a.active {border-bottom-color: #DF0000;}
			
			.green ul li a:hover , .green ul li a.active {border-bottom-color: #089F00;}
	
#copyright {
	margin-top: 100px;
	padding: 0;
	text-align: center;
}
	
	#copyright p {
		font-family: palatino, times, serif;
		font-size: 13px;
	}