/*  
Theme Name: Robotface
Theme URI: http://blog.robotface.com
Description: Custom theme designed for the Robotface Collective's public blog
Version: 3.0
Author: Stefan Grambart
Author URI: http://ripsey.com

	Robotface v3.0
	http://robotface.net

	Designed and developed by Stefan Grambart, aka Ripsey
	http://ripsey.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

/* --GENERAL PAGE STYLES-- */
body {
	background-color: #EEEEEE;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}
#wrapper {
	width: 730px;
	margin: 0 auto;
	text-align: left;
	background-color: #EEEEEE;
	padding: 5px;
}
img {
	border: 0;
}
a:link, a:visited {
	text-decoration: none;
	color: #F7941D; /* ORANGE */
}
a:hover, a:active {
	text-decoration: none;
	color: #000000;
}

/* --PAGEHEADER-- */
#pageheader {
	width: 730px;
	height: 100px;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 16px;
}
#pageheader h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 56px;
	color: #000000;
	font-weight: none;
	margin: 0 0 -10px 0;
}
#pageheader a:link, #pageheader a:visited {
	color: #000000;
	text-decoration: none;
}
#pageheader a:hover, #pageheader a:active {
	color: #000000;
	text-decoration: none;
}
.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 7px;
	color: #000000;
	font-size: 9px;
	padding-top: 0px;
}
.headernav {
	float: right;
	padding: 5px 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
#pageheader ul li a:link, #pageheader ul li a:visited {
	color: #999999;
	text-decoration: none;
}
#pageheader ul li a:hover, #pageheader ul li a:active {
	color: #F7941D; /* ORANGE */
	text-decoration: none;
}
.headernav ul {
	list-style: none;
	text-align: right;
	background: none;
	padding: 0;
	margin: 0;
}
.headernav li {
	padding: 0;
	margin: 0;
}

/* --SEARCH-- */
.searchclass {
	line-height: 22px;
	float: right;
}
#searchform #s {
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 100px;
}
#searchform #searchsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 16px;
	width: 48px;
	color: #666666;
	background-color: #E6E6E6;
	border: 1px solid #999999;
}

/* --SPOTLIGHT-- */
.spotlight {
	clear: both;
	width: 730px;
	padding-top: 5px;
	height: 130px;
}

/* --PROJECTS-- */
.projects {
	width: 715px;
	margin-top: 5px;
	background-color: #E0E0E0;
	padding: 5px 10px 5px 5px;
	text-indent: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}
.projects img {
	border: none;
}
/* --CONTENT-- */
.pagetitle {
	width: 720px;
	margin-top: 5px;
	margin-bottom: 0;
	background-color: #E0E0E0;
	padding: 5px 0 5px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.pagenav {
	width: 710px;
	margin-top: 5px;
	margin-bottom: 0;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

/* --POSTS-- */
.post {
	clear: both;
	width: 690px;
	padding: 0 20px 0 20px;
	margin-top: 5px;
	background-color: #FFFFFF;
}
.post h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	padding: 10px 0;
	margin: 0;
}
.post h2 a:link, .post h2 a:visited {
	text-decoration: none;
	color: #000000;
}
.post h2 a:hover, .post h2 a:active {
	text-decoration: none;
	color: #F7941D; /* ORANGE */
}
.post h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	padding: 10px 0;
	margin: 0;
}
.post h3 a:link, .post h3 a:visited {
	text-decoration: none;
	color: #000000;
}
.post h3 a:hover, .post h3 a:active {
	text-decoration: none;
	color: #F7941D; /* ORANGE */
}
.post img {
	max-width: 100%;
}
.postdata {
	line-height: 20px;
	background-color: #F2F2F2;
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.postdata a:link, .postdata a:visited {
	text-decoration: none;
	color: #F7941D; /* ORANGE */
}
.postdata a:hover, .postdata a:active {
	text-decoration: none;
	color: #000000;
}
.entry {
	padding: 5px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/* --COMMENTS-- */
#comments {
	width: 690px;
	margin-top: 5px;
	background-color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#reply {
	width: 690px;
	margin-top: 5px;
	background-color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* --FOOTER-- */
#footer {
	width: 710px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #666666;
}
#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #F7941D; /* ORANGE */
}
#footnav {
	width: 690px;
	background-color: #636363;
	padding: 3px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
#footnav a:link, #footnav a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
#footnav a:hover, #footnav a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.rectitle {
	font-weight: bold;
	font-size: 12px;
}
#footnav ul {
	list-style: none;
	padding: 10px 0 20px 0;
	margin: 0;
	text-indent: 0;
}
#footnav ul li {
	line-height: 18px;
}
#footnav ul li h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	border-bottom: solid 1px #999999;
	margin-bottom: 5px;
}