body { background: #fff; font-family: Arial,Helvetica, sans-serif; font-size: 100%; }

#longbar { width: 100%; height: 25px; background: #1a1a1a; margin-bottom: 0px; }
#hd { width: 12%; height: 55px; background: #1a1a1a; margin-bottom: 100px; color: #fff; }
#hd img { display: block; margin-left: auto; margin-right: auto; }

/* default links */
a:link {
	color: #111;
	text-decoration: none;
}

a:visited {
	color: #111;
	text-decoration: none;
}

a:hover {
    text-decoration: none;
    background: #dcdcdc;
    color: #111;
}

p { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 77%; color: #222; line-height: 180%; margin: 0 0 10px 0; }

/* for links in paragraphs */
p a:link {
	color: #111;
	background: #fff;
	text-decoration: underline;
}

p a:visited {
	color: #333;
	background: #fff;
	text-decoration: underline;
}

p a:hover {
    text-decoration: underline;
    background: #ffff33;
    color: #000;
}

.post { padding: 0 5px 0 5px; margin-bottom: 30px; width:87%; }
.post img { padding: 0px; margin: 0px; }
.post-date { color: #ccc; }
.post h2 { margin-bottom: 20px; }

/* related posts */
#related-posts { margin: 25px 0 0 0; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 77%; }
#related-posts a { margin: 0 0 0 5px; }
#related-posts a:link { color: #666; text-decoration: none; }
#related-posts a:visited { color: #777; text-decoration: none; }
#related-posts a:hover { text-decoration: none; background: #959595; color: #fff; }

ul { margin: 0px 0 10px 10px; }
li { padding: 1px; }

blockquote {
    color: #444;
    background: url(/images/quote.jpg) left top no-repeat;
    padding-left: 25px;
    margin-left: 10px;
    font-family: Verdana, Geneva, Arial, sans-serif;
}

pre {
  display: block;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-size: 92%;
	color: #555;
	font-family: Courier, "Courier New", monospace;
	border: 1px #dedede solid; 

 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


code {
	display: block;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-size: 100%;
	color: #555;
	font-family: Courier, "Courier New", monospace;
	border: 1px #dedede solid; 

	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1 { font-size: 161.6%; }
h2 { font-size: 153.9%; }
h3 { margin: 0 0 8px 0; }

/************** search box *********************/
#search-form { margin-bottom: 10px; }
#the-search {
    width: 75%;
    padding: 3px;
    color: #555;
    font-size: 85%;
    border: 1px solid #999;
}

#ft { margin: 15px 0 0 0; font-size: 85%; }
#ft p { color: #bbb; }

#create-text {
	width: 500px;
	padding: 5px;
	height: 300px;
	border: 1px solid #ccc;
}

#create-input {
	width: 500px;
	padding: 4px;
	border: 1px solid #ccc;
}

#sidebar h3 { margin-top: 23px; }

table { margin:7px; }
th { border-bottom: 1px solid #ccc; padding: 1px 5px 1px 5px; }
td { color: #444; padding: 1px 5px 1px 5px; }

.projects img { border: 3px solid #ccc; }
a.projects:hover { border:none; text-decoration: none; background: #fff; } 

/* slizzle slideshow css */
#slideshow {
	position: relative;
	height: 380px;
	width: 500px;
}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}

#slideshow img.active {
	z-index: 12;
	display: block;
}

#slideshow img.lastactive {
	z-index: 11;
}