/*
 Theme Name: Rob Schrab
 Theme URI: http://www.robschrab.com/
 Description: Custom single-column theme for Rob Schrab.com.
 Version: 1.0
 Author: Stuart Robertson
 Author URI: http://www.designmeme.com/
 */
 
html, body { 
	margin:0; 
	padding:0;
	background:#000;
	color:#ccc;
	}
body, tr, td, input, select, textarea { font-family:Courier, "Courier New", monospace; line-height:1.5; font-size:x-small; voice-family: "\"}\""; voice-family:inherit; font-size:small; }
a:active,a:focus{outline:0;}
p { margin:0 0 1em; }	
a { color: #09c;  }
a img { border:0; }
#page {
	width: 700px;
	padding: 0 20px 20px 20px;
	margin: 0 auto;
	border:solid #600;
	border-width:1px;
}
#footer { width: 740px; margin:0 auto; }

#header { height:430px; display:block; position:relative; background-image:url(images/rsheader.jpg); background-repeat:none; }
#header a { position: absolute; text-decoration: none; }
#header a span { display:none; }
#header a#robot { height:170px; width:200px; top:45px; left:25px; }
#header a#heat { height:120px; width:120px; top:218px; left:225px; }
#header a#ringwald { height:150px; width:250px; top:30px; left:440px; }
#header a#twigger { height:230px; width:180px; top:184px; left:500px; }
#header a#scud { height:215px; width:145px; top:120px; left:350px; }

#header h1 { margin:0; padding:0; }
#header h1 a { height:80px; width:415px; position:relative; top:340px; left:80px; display:block; }

#menu { height:100px; background:#dd0708; background-image:url(images/menubg.gif); }
#menu ul { list-style:none; margin:0; padding:0 10px;  }
#menu li { float:left; }
#menu li a { display:block; height:40px; width:113px; background-position:center top; }
#menu li a span, #menu li a em { display:none; }
#menu li a:hover span
{
	display: block;
	position: relative;
	width:163px;
	height:90px;
	left:-25px;
	top:-25px;
	z-index: 1;
	background-position:center bottom;
}
#menu li#home a, #menu li#home a:hover span { background-image:url(images/home.gif); }
#menu li#about a, #menu li#about a:hover span { background-image:url(images/about.gif); }
#menu li#sketches a, #menu li#sketches a:hover span { background-image:url(images/sketches.gif); }
#menu li#videos a, #menu li#videos a:hover span { background-image:url(images/videos.gif); }
#menu li#store a, #menu li#store a:hover span { background-image:url(images/store.gif); }
#menu li#links a, #menu li#links a:hover span { background-image:url(images/links.gif); }


body#home-page li#home a, 
body#about-page li#about a, 
body#sketches-page li#sketches a, 
body#videos-page li#videos a, 
body#store-page li#store a, 
body#links-page li#links a { background-position:center 130px;  }

body#home-page li#home a:hover span, 
body#about-page li#about a:hover span, 
body#sketches-page li#sketches a:hover span, 
body#videos-page li#videos a:hover span, 
body#store-page li#store a:hover span, 
body#links-page li#links a:hover span { display:none;  }



#content { clear:both; background:#333; background-image:url(images/contentbg.gif); background-repeat:repeat-x; padding:0 10px 10px 10px;  }
#blog { background:#000; padding:20px 40px;  }
#content .post { clear:both; }
#content .post h2 {
	border: solid #666;
	border-width:0 0 1px 0;
	padding:0 0 10px 0;
}
#content .postbody {
	border: dashed #666;
	border-width:0 0 1px 0;
}
#content h2 a {
	text-decoration:none;
}
p.postmeta { display:block; overflow:auto; padding:10px 0; }
p.postmeta a { color:#ccc; text-decoration:none; }
p.postmeta a:hover { text-decoration:underline; }
#content p.postmeta .date { float:left; }
#content p.postmeta .comments { float:right; }
.clear {clear:both; }
#footer { clear:both; padding:40px 0; text-align:center; }

.tooltip{
width: 200px; color:#000;
font:bolder 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
font-size:medium;
    background: url(images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #09c;
    background: url(images/bt.gif) no-repeat bottom}




#comments { width:600px; font-size:95%; background:#1B1F27; padding:40px 0; float:left; display:block; }
#comments h4, #comments .metalinks { margin-left:40px; }
#comments .metalinks { margin-bottom: 3em; font-size:90%; }
#comments .metalinks a { margin-right: 1em; }

#comments ol {  list-style-type:none;  }
#comments a { color:#fc3;}
#comments li.authorcomment a { color:#f63; }	
#comments li.authorcomment .commentmetadata a { color:#DADEE6; }
#comments .commentmetadata a, .pinglist .commentmetadata a { color:#DADEE6 !important; }
#comments .counter, .pinglist .counter {display:none;}
.commentauthor, .commentmetadata { display:block; }
.commentauthor { font-size:120%; }
.itemtext { clear:left; margin:10px 0 0 0; padding:2em 1em .25em 20px;}
.gravatar img { float:left; padding:2px; margin: 0 10px 0 0; background:#1B1F27; border:2px solid #272B33; height:32px; width:32px; }
#comments li .comment { background-image:url(images/comment2.gif); background-repeat:no-repeat; background-position:0 bottom; padding-bottom:20px; margin-bottom:30px; width:460px; }
#comments li.alt .comment { background-image:url(images/commentalt2.gif); }
#comments li.authorcomment .comment { background-image:url(images/commentauthor2.gif); }
#comments li .itemtext { background:#33373F; background-image:url(images/comment.gif); background-repeat:no-repeat; }
#comments li.alt .itemtext { background:#272B33; background-image:url(images/commentalt.gif); background-repeat:no-repeat; }
#comments li.authorcomment .itemtext { background:#0F131B; background-image:url(images/commentauthor.gif); background-repeat:no-repeat; }

.comments .pinglist { font-size: 1em; padding: 0; margin: 0 0 30px 0; }
.comments .pinglist li { padding: 5px 0; list-style: none; }
.comments .pinglist li a { color:#cf3 !important; }
.comments .pinglist li .commentauthor { display: block; font-size:90%; }
.comments .pinglist li small { font-size: .8em; display: block; }

.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	width: 500px;
margin:0 50px;
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	_width: 98.5%; /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}