/*  
Theme Name: VM2009
Theme URI: http://concisecomputing.com/
Description: A clean non-blog optimized theme
Version: 1.0
Author: Jerome Brossard
Author URI: http://concisecomputing.com/
Using elemetns of the Emire theme by Phu Ly, http://ifelse.co.uk/
*/

/*************************************
 Structure
*************************************/
body {
	background:#2f2f2f url("./images/stripes.gif");
	color:#dedede;
	font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; 
	font-size:60%;
	letter-spacing: 1px;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap {
	background:#3a3a3a;
/*	border-left:2px solid #444; */
/*	border-right:2px solid #444; */
	border-bottom:1px solid #444;
	margin:0 auto;
	padding-top:0px;
	text-align:left;
	width:650px;
}

#content {
	font-family: "Palatino Linotype", Georgia, "Book Antiqua", "Bookman Old Style", "Times New Roamn", Times, serif;
	border-bottom:none;
	border-top:none;
	float:left;
	padding:10px;
	width:450px;
}

#footer {
	bottom:0;
	width:100%;
	background:#434343;
/*	border-top:1px solid #4F5158; */
	border-bottom:none;
	color:#888;
	clear:both;
	padding:3px 0;
	-moz-border-radius:3px;
}

/*************************************
 Header
 *************************************/
#header {
	
	background:#759195 url("./images/headerteal.jpg") 0 repeat-y;
/*	border-bottom:1px solid #c4cC91; */
	margin:0;
	text-align:center;
	width:100%;
}

#header h1 {
	font-size:3.0em;
	font-weight:normal;
	margin:0 auto;
	padding-top:20px;
/*	padding-left:25px; */
	padding-bottom:10px;
	text-align:center;
	width:650px;
}

#header h1 a {
	color:#f8f8f8;
}

#header p {
	font-size:1em;
/*	padding-left:30px; */
	margin:0 auto;
	text-align:center;
	width:650px;	
}

#forscreen {display:none;}

/*************************************
 Headings
 *************************************/
h1 {
	font-family: "Palatino Linotype", Georgia, "Book Antiqua", "Bookman Old Style", "Times New Roamn", Times, serif;
	letter-spacing: -0.5px;
}

h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;  
	letter-spacing: -0.5px;
}

h2 {
	font-size:1.5em;
	padding-right:5px;
}

h3 {
	font-size:1.2em;
}
/*************************************
 Menus
 *************************************/
#nav {
	background:#3A3A3A;
/*	border-bottom:1px solid #555; */
	font-size:1.2em;
	margin-top:-0.9em;
}

#navwrap {
	display:block;
	margin:0 auto;
	width:650px;
}

#nav ul {
	list-style-type:none;
/*	margin-left:-27px; */
}

#nav ul li {
	float:left; 
	font-weight:bold;
	margin-top:2px;
	padding:9px 10px;
}

#nav ul li a {
	color:#fff;
}

#nav ul li a:hover {
/* 	color:#BDE271;  */
	color:#759195;
} 


/*************************************
 +Entry
 *************************************/
 .entry {
	font-size:1.1em;
	margin:5px;
	padding:10px;
}

.entrytitle {
	border-bottom:1px dotted #4F5158;
	color:#888;
}

.entrytitle h2, .entrytitle h3 {
	display:inline;
	font-weight:normal;
}

.entrytitle h2 {
	color:#fafafa;
}

.entrytitle h3 {
	font-weight:normal;
}

.entry-1 {
	background:#444444 url("./images/main.png") repeat-x;
	border:1px solid #434343;
	color:#ffffff;
	font-size:1.3em;
}

.entry-1 .entrytitle {
	border-bottom:1px solid #5F666A;
	color:#897;
}

.entry-1 .entrytitle h2 {
	color:#CDB;
}

body#home .entry-1 .entrytitle
{
	background:url("./images/latest.png") no-repeat;
	border-bottom:none;
	height:45px;
	padding-left:45px;
}

body#home .entry-1 .entrytitle h2 {
	display:block;
	margin:0;
}

body#home .entry-1 .entrytitle h3 {
	display:block;
	margin:0;
	font-size:0.9em;
}

.entrymeta {
	background:#434343;
	font-size:0.8em;
	padding:5px;
	display:none;
}

.entry-1 .entrymeta {
	display:block;
}

.postedby {
}

.filedto {
	background:url("./images/file.gif") no-repeat 0 2px;
	padding-left:15px;
}

.commentslink {
	background:url("./images/comments.gif") no-repeat 0 3px;
	padding-left:15px;
}

.navigation {
	padding:5px;
	background:#3e3e3e;
	text-align:center;
}


/*************************************
 Sidebar
 *************************************/
#sidebar {
	background:url("./images/sidebar.png") repeat-x;
	border-top:1px solid #3e3e3e;
	color:#ddd;
	font-size:1.15em;
	float:left;
	margin-top:15px;
	padding-left:10px;
	width:150px;
}
#sidebar h3 {
	color:#99C2C6;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:5px;
}

#sidebar ul {
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;
}

#sidebar ul li {
	border-bottom:1px dotted #444444;
	padding:1px;
}

/*************************************
 Comments
 *************************************/
.commentsblock {
	margin:0.5em;
	padding:1em;
font-size:1.1em;

}
.commentsblock textarea {
	width:360px;
}

.commentsblock input, .commentsblock textarea {
	border:1px solid #d1d1d1;
}

.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentauthor {
	display:block;
	font-size:1.5em;
}

ol.commentlist {
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}

.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt {
	background:#434343;
	border:1px solid #383838;
	padding:0.5em;
}

h3#comments {
	font-size:1.6em;
}

/*************************************
 Other
 *************************************/
a {
	text-decoration:none;
	color:#add;
}

a:hover {
	color:#efe;
}

#nav:after, #wrap:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

* html #nav, * html #wrap {
	height: 1%;
}

/************************************ 
   Begin Images - Required 
   WP add these Divs and Styles to code 
 ************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
