/*  
Theme Name: Abstrakt
Theme URI: http://www.kaushalsheth.com/
Description: Modified WheatGrass Theme featuring Top Level Menu and Support for Widgets
Version: 2.0
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com/


Last modified on Nov 05, 2006
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Tweak this CSS howsoever you will.
	
	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.
	
	CSS SECTIONS IN ORDER (use your program's bookmarking or find functions to quickly locate):
	Sidebar, Posts, Headings, Images, Forms, Comments, Content Area, Footer
	

*/
	
/* Headings */

h1, h2 {
	font-family: Verdana, Arial, Sans-Serif;
	}

h1 {
	color: #000;
	font-size: 3em;
	text-align: center;
	padding-top: 60px;
	margin: 0;
	}

.description {
	font-size: 1.7em;
	text-align: center;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #000;
	}

h2 {
	font-size: 1,5em;
	text-align: center;
	margin: 0 0 0 0;
	color: #000;
	}

h2, h2 a, h2 a:visited {
	color: #000;
	}

.description {
	text-align: center;
	}

h3 {
	margin-bottom: 0px;
	font-size: 1,5em;
	color: #000000;
	}


/* Main Content Area */

body {
	background: url("images/abstrakt-background.jpg");
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #d5d6d7;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#page {

	text-align: justify;
	background-color: white;
	margin: auto;
	width: 760px;
	background: url("images/abstrakt-body.jpg") repeat-y top;
	border: none;
	margin: 0 auto;
	}

#header {
	padding: 0;
	margin: 0;
	height: 180px;
	width: 760px;
	background-color: #73a0c5;
	background: url("images/abstrakt-masthead.jpg") no-repeat bottom center;
	}

#content {
	font-size: 1.2em;
	padding: 20px 0 80px 0;
	margin: 20px 20px -5px 30px;
	width: 700px;
	line-height: 1.5;
	}

#content p {
	padding: 0 0 5px 0;
	}

a, h2 a:hover {
	color: #c60;
	text-decoration: none;
	}

a:hover {
	color: #f90;
	}
	
#headerimg {
	margin: 0;
	height: 180px;
	width: 740px;
	}


.center {
	text-align: center;
	}

a img {
	border: none;
	}

#yt {
	margin: 0 auto;
	width: 425px;
	}

#list {
	margin-left: 50px;
	line-height: 3;
	}

#cort {
	margin: 0 auto;
	width: 568px;
	}

/* Footer */

#footer {
	background-color: #333;
	color: #fff;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	background: url("images/abstrakt-footer.jpg") no-repeat bottom; border: none;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#footer a {
	color: #fff;
	}
	
/* Top Level Menu*/

#menu {
	width:740px;
	padding:20px 0px 20px 0px;
	margin-left:11px;
	background-color:#718748;
	margin-bottom: 20px;
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	background-image: url('images/menu.gif');
	font-weight:bold;
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:10px;
	margin-right:10px;	
}
#menu a:hover {
	border-bottom:1px solid #ffffff;
	border-left:1px solid #728d40;
	border-right:1px solid #e9ffb7;
	padding-left:9px;
	padding-right:9px;
	color:#000000;
	background-color:#FFFFFF;
	background-image: url('images/a_hover.jpg');
}