/*
Theme Name: Saber
Theme URI: http://www.robertoblake.com/ 
Description: An image-less template focusing on Typography. 
Author: Roberto Blake
Author URI: http://robertoblake.com 
Version: 1.0 
*/


/*resets*/
body{margin:0px; padding:0px; line-height:1.25em; font-family:hevetica, sans-serif; font-size:10pt; background:#efefef;}

/*typography*/
p{max-width:500px; }

/*page layout*/

#content{min-height:300px;}
#whole{
width:950px;
margin: auto;
margin-bottom:20px;
min-height:450px;
}
#main{
width:950px;
margin: auto;
margin-bottom:20px;
}
#navigation{
text-align:right;
}
#navigation li{
list-style-type:none;
display:inline-block;
padding:0px;
margin:0px 10px;
float:left;
}
#navigation ul{margin:0px; padding:20px 0px; float:right;
}

#footer{
margin:auto;
background: #080808;
height:120px;
padding:10px 0px;
}
#footer_content{
width:950px;
margin:auto;
text-align:right;
color:#CCCCCC;
}
/*graphics*/
#banner{background:url(/images/banner.png) no-repeat top center #222; height:400px; margin:auto;}
.xhtml a{color:green; text-decoration:none;}
.css a{color:orange; text-decoration:none; margin:0px 20px 0px 0px;}
.rssfeed a{color: #CC0000; text-decoration:none; margin:0px 20px 0px 0px;}




h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}

h1 a {
	text-decoration:none;
	color:#333;
}

#footer {
	padding:20px;
	text-align:right;
	border-top:1px solid #eee;
	margin:0;
	color:#999;
}

#header .description {
	float:right;
	margin:45px 0 0 0;
	color:#222;
}

#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	border-bottom:20px solid #fafafa;
}

#wrapper {
	margin:0 auto;
	
}

#nav {
	border-bottom:1px solid #eee;
	padding:7px 0;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

#nav li {
	float:left;
	list-style:none;
}

#nav li a {
	color:#999;
	padding:5px 5px 7px 5px;
	background:#fff;
	font:1.6em Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}



#content {
	margin:0 275px 0 0 !important;
	margin:0 277px 0 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:10px 25px 30px 25px;
	width:500px;
}

#content p {
	line-height:1.2em;
	margin:25px 0;
	font-size:110%;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #eee;
}

#content a:hover {
	color:#000;
}

#content h2 {
	font-family:"Helvetica", sans-serif;
	font-size:2.8em;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px solid #f6f6f6;
	padding:5px 0;
}

#content h2 a {
	color:#444;
	text-decoration:none;
	border:none;
}

#sidebar {
	width:360px;
	float:right;
	padding:16px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color: #667;
	border-bottom:1px solid #444;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}

p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img {
	background:#ccc;
	padding:1px;
	border:5px solid #eee;
}

#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}


textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }