/*
	Theme Name: dearcomputer
	Theme URI: http://www.dearcomputer.nl
	Description: custom theme for dearcomputer.nl
	Version: 1.0
	Author: B
	Author URI: http://www.dearcomputer.nl
*/

body { margin: 0em; padding: 0em; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size: 0.80em; background-color:#000; line-height: 1.5em; }

a { color: #010101; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; text-decoration:none }

table { border-collapse:collapse; border:0px solid black }

#page { background-color:#fff }
#innerpage { margin: 0 auto; padding: 0; background-color:#fff; width: 950px; position:relative }

ul.nav { padding:0; margin:0; list-style:none; position:absolute; left:272px; bottom:0.7em; font-size:1em; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;  }
.nav a { color:#fff; text-decoration:none; padding:5px}
.nav a:hover { background:#444; border-top:1px dashed #000; border-bottom:1px dashed #000; }
.nav a.selected { background:#444; font-weight:bold; color:#fff; text-decoration:none; }
.nav li { float:left; margin:5px 0px 3px 15px; padding:5px}

img.refreshable { cursor: pointer; background: url(refreshable_i.gif) no-repeat bottom left #be0000; padding-bottom:13px }

h4.bookmarklisttitle { margin:1em 0 0 0; }
ul.bookmarklist { list-style: none; padding:0; margin:0; font-size:0.9em }

blockquote { margin: 1em 2em 1em 1em; font-size: 0.9em;}

a.genart { text-decoration:none; border-bottom: 1px solid #ccc; cursor:help }

#header { margin: 0em; border: 0px solid gray; padding: 0em; background:#000; font-family: georgia, serif; }
.decorativebelt { height: 7px; background:#cdcdcd url(pixels1.gif) left top; clear:both }
.decorativebelt2 { height: 5px; background:#cdcdcd url(pixels1.gif) left bottom; clear:both }

#innerheader { margin: 0 auto; padding: 3.5em 0 1em 0; width: 950px; color:#fff; position:relative}

#header h1 { margin: 0em; border: 0px solid gray; padding: 0em; font-weight:normal; font-size: 1.7em; }
#header h1 a { color: #fff; text-decoration:none }
#header h1 a:hover { color: #000; background:#fff url(pixels1.gif); text-decoration:none }

#header #tagline { font-size:0.95em; margin: 0.2em 0 0 0.1em; color: #aaa; background: inherit;}

a.nsfw { border-bottom:1px dashed #ccc;cursor:help; text-decoration:none; color:#000; font-weight:bold }
a.nsfw:hover { background:#999 }

.col1 { float:left; clear:both }
.col2 { float:left }

/* old story styles */
#storiesform { float:left;position:relative; width:380px }
#storiesform .description { margin:0; padding:0;color:#666666 }
#storiesform p { clear:left; font-size:0.9em; margin-top:0.5em }

#savedstories { float:right;width:410px; }
#savedstories h4 { padding:0; margin:0; font-size:1em }
#savedstories ul { font-size:0.9em; padding:0; margin:0; list-style:none }
#savedstories li { margin: 1.5em 0; border-bottom:1px silver solid }
#savedstories li strong { font-size:1.2em }
#savedstories a.storypaging { text-decoration:underline }
#savedstories a.storypagingnew { margin-right:20px }
#savedstories a.storypaging:hover { }
.formelement { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
.small, .small a { font-size:11px; color: #999 }
/* */

/* old bugs styles */
#bugsform { width:400px; float:left }
#savedbugs { width:400px; float:right }
#savedbugs img { margin:15px; border:0px solid #000 }
#savedbugs h4 { padding:0; margin:0; font-size:1em }
#savedbugs a img { cursor:crosshair; background:#fff }
#savedbugs a:hover { background:#fff }
#savedbugs .formtitle { font-size:80%; text-align:right; font-weight:bold }
#savedbugs  a.bugspaging:hover { color:#000 }

#girtable { font-size:0.9em }
#gir .description { margin:0; padding:0;color:#666666 }

#tt { position:absolute; display:block; background:url(http://dearcomputer.nl/bugs/images/tt_left.gif) top left no-repeat; }
 #tttop { display:block; height:5px; margin-left:5px; background:url(http://dearcomputer.nl/bugs/images/tt_top.gif) top right no-repeat; overflow:hidden; }
 #ttcont { display:block; padding:2px 12px 3px 7px; font-family:verdana, arial, sans-serif; margin-left:5px; background:#666; color:#fff; font-size:0.8em; line-height:1.5em }
 #ttcont strong { font-size:1.2em }
#ttbot { display:block; height:5px; margin-left:5px; background:url(http://dearcomputer.nl/bugs/images/tt_bottom.gif) top right no-repeat; overflow:hidden; }

/* */

.index #posts { width:560px; float:left;}
.index #indexsidebar { float:left; width:315px; margin-top:2.5em}

.about { color:#555; margin:0 0 1.5em 0; font-size:0.9em; text-align:justify }

#lastbugs { padding:10px; border: 1px dashed #bbb; }
#lastbugs .bugsamount { font-size:0.7em; color:silver }
#lastbugs a.lastbug { margin:0 10px; background:#fff; }
#lastbugs a.lastbug img { border:0px solid black; margin-top:5px }
#lastbugs h4 { font-size:1em; margin:0 0 0.4em 0 }
#lastbugs .viewbugs { text-align:right; font-size:0.9em; margin:2px 0 }

#laststory { padding:10px; border: 1px dashed #bbb; }
#laststory h4 { font-size:1em; margin:0 0 0.4em 0 }
#laststory h5 { font-size:1em; margin:0 }
#laststory ul { list-style:none; margin:0; padding:0; font-size:0.9em }
#laststory li { margin:1em 0 }
#laststory li a { text-decoration:none; }
#laststory .viewstories { text-align:right; font-size:0.9em; margin:2px 0 }

ul.delicious { margin:0; font-size:0.85em; padding:0; list-style:none}
li.delicious-item { color:#aaa;  }

.index #content .post { width:280px; }
.index #content .post a.postthumblink { background:#fff}
.index #content h2 a { text-decoration:none;  }
.index #content h2 { margin: 0; line-height:1.4em}

.index #content .post a .postthumb { border:1px dotted #888 }
.index #content .post a:hover .postthumb { border:1px dashed #000; background-color:#fff }
.index #content .posttime { font-size:0.75em; color:#bbb; letter-spacing:0.02em; font-family:tahoma,arial,sans-serif; padding:0; margin:0 }
.index #content .post p.postmetadata { margin:0.2em 0; }
.index #content .post { line-height:1em }

.page .post { width:550px }

a.galleryindex { text-decoration:none; color:#999; font-size:0.9em }
a.galleryindex:hover { text-decoration:underline; background:#fff }

#recent-posts { font-size:0.9em }
#recent-posts li a:visited { text-decoration: line-through }
#recent-posts li a:hover { text-decoration: underline }
/* content area */
.index #content { width: 950px; }
.nonwp #content { width: 950px;}
#content { margin: 0; padding: 2em 0; width: 800px; float: left; }
#content h2.title404 { margin: 2em 0 1em 0; }
#content h2 { margin: 0 0 0.5em 0; letter-spacing:-0.05em; padding: 0em; font-family:georgia,serif; font-size: 1.5em; }

#content p.content404 { width:500px }

#content .post { margin: 1em 0 1em 0; }

#content h3 {
	margin: 0em;
	padding: 0em;	
	font-size: 1em;
}

#content .postmetadata {
	color: #777777;
	background: inherit;
	
	font-size: 0.9em;
}

#content .navigation {
	margin: 0;
	padding: 0em;
	
	display: block;
}

#content .goback {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	
	float: left;
	
	font-size: 1.25em;
}

#content .goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	
	float: right;
	
	font-size: 1.25em;
}

#content #comments {
	margin: 3em 0em 1em;
	padding: 0em;
	clear: both;
}

#content .commentlist {
	margin: 0em;
	padding: 0em;
	width:500px;
    font-size:0.95em;
}

#content .commentlist li {
	margin: 0em;
	padding: 0em;
	border-bottom:1px solid #ddd;
	list-style-type: none;
}

#content .commentlist img.avatar {
	float: right;
	margin-left: 1em;
}

#content .commentmetadata {
	margin: 0em 0em 1em;
	color: #777777;
	background: inherit;
	font-size: 0.9em;
}

#content #respond {
	margin: 2em 0em 1em;
	padding: 0em;
	clear: both;
}
/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	font-style: italic;
}
.wp-caption-text { margin:0.5em; color:#444; }

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* end Theme Directory compatibility */

/* sidebar */
#sidebar {
	margin: 6em 0em;
	padding: 3px;
	float: right;
	background:#fff;
	text-align:right;
	width:130px;
}

#sidebar h2 {
	margin: 0em;
	padding: 0em;

	font-size: 1.0em;
}

#sidebar h2 a, #sidebar h2 a:visited {
	color: black;
	background: inherit;
}

#sidebar h2 a:hover {
	color: white;
	background: #1070c0;
}

#sidebar ul {
	margin: 0em;
	padding: 0em;
}

#sidebar ul li {
	margin: 0em 0em 1em;
	padding: 0em;
	
	list-style-type: none;
}

#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol {
	font-size: 1em;
}

#sidebar ul li ul li, #sidebar ul li ol li {
	margin: 0em;
	padding: 0em;
}

#sidebar .textwidget {
	font-size: 0.8em;
}
/* end sidebar */

#commentform #author, #commentform #url, #commentform #email, #commentform #comment { font-size:0.85em; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; padding:3px }
#commentform label { font-size:0.9em; color:#999 }

#footer { margin: 0;	padding: 0 0 2em 0; background-color:#000; clear: both; }
#innerfooter { margin: 0 auto; padding: 0.5em 0 1.5em 0; width: 950px; }
#footer p { margin: 0em; padding: 0em; color:#444; font-size: 0.9em; }
#footer p a { color:#444 }\