/*
Theme Name: JustHoffWeb
Theme URI: http://www.justindhoffman.com/
Description: Elegant and simple. CSS-only theme, has a widgetized sidebar, support for gravatars, and works nicely with WordPress 2.5+.
Version: 0.5
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: JustinDHoffman
Author URI: http://www.justindhoffman.com/
*/

/* body
--------------------------------------------------*/
body {
font:normal normal 13px/18px Verdana,sans-serif;
color:#333;
}

* { margin:0; padding:0; }

#wrapper {
width:920px;
margin:0 auto;
border:solid #000080;
border-width:0 1px;
}

div { position:relative; }
img { border:0; }
a { text-decoration:none; }

/* header
--------------------------------------------------*/
#header {
height:80px;
background:transparent url('./img/topbg.png') repeat-x top left;
border-bottom:1px solid #666;
padding:0 10px;
font:normal bold 12px Tahoma,Geneva;
letter-spacing:1px;
}

#header .logo { position:absolute; top:13px; left:20px; border:0; }

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

/* navigation
--------------------------------------------------*/
#navigation {
border-bottom:1px solid #000080;
height:25px;
z-index:1000;
}

#nav li {
float:left;
list-style:none;
padding:0 2px;
}

#nav li a {
color:#333;
background:#fff;
font:normal bold 12px/25px Verdana;
letter-spacing:1px;
display:block;
padding:0 10px;
}

#nav li a:hover {
background-color:#eee;
color:#000080;
}

.project-drop:hover > .project-list {
visibility:visible;
}

.project-list {
position:absolute;
visibility:hidden;
background:#fff;
border:1px outset #000080;
}

.project-list li {
display:block;
clear:both;
min-width:98%;
}

#searchform {
float:right;
margin-right:5px;
padding:1px 9px;
background:#eee;
}

#searchsubmit {
background:#fff;
padding:1px 8px;
border:1px outset #ccc;
}

.clear { clear:both; }

/* content
--------------------------------------------------*/
#content, #content2 {
margin:0 320px 0 0 !important;
padding:10px 10px 0 10px;
}

#content p,#content2 p {
line-height:19px;
font-size:13px;
margin:10px 0;
}

#content a,#content2 a {
color:#b78900;
}

#content a:hover,#content2 a:hover {
color:#23b07e;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content2 h1, #content2 h2, #content2 h3 {
font-family:Tahoma,Geneva;
color:#000080;
margin:8px 0;
}

#content h2,#content2 h2 {
font:bold 30px/30px;
border-bottom:1px solid #23b07e;
padding:7px 0;
}

#content h2 a,#content2 h2 a {
border:none;
}

#content h1, #content2 h1 { font:36px/36px; }
#content h3, #content2 h3 { font:26px/26px; color:#23b07e; }
#content h4, #content2 h4 { font:22px/22px; }
#content h5 { font:18px/18px; }

#content ul, #content2 ul, ol {
margin:10px 10px 10px 25px;
}


/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#f0f0f0;
border:1px outset #000080;
margin:10px 0;
padding:5px 15px;
}
#content blockquote p, #content2 blockquote p {
margin:0;
padding:2px 7px;
}

a:hover { color:#23b07e; }

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

/* metadata under post
--------------------------------------------------*/
.post {
margin:0 0 40px 0;
}

.post img {
background:#eee;
box-shadow:3px 3px 2px #888; -moz-box-shadow:3px 3px 2px #888; -webkit-box-shadow:3px 3px 2px #888;
}

.post .info {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
background-color:#f3f3f3;
font-size:13px;
color:#222;
padding:2px 3px 3px 8px;
margin:25px 0;
}

.date {
margin:0 0 15px 15px;
font-size:11px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
background:#f0f0f0;
color:#111;
font-size:13px;
border-bottom:1px solid #bbb;
border-top:1px solid #bbb;
margin:10px 0 28px;
padding:10px;
}

p.news a { color:#b78900; }
p.news a:hover { color:#23b07e; }

/* sidebar
--------------------------------------------------*/
#sidebar {
width:300px;
float:right;
padding:28px 10px 30px;
}

#sidebar h2 {
letter-spacing:1px;
font-size:18px;
font-family:Tahoma,Geneva;
color:#000080;
padding:0 0 3px;
}

#sidebar ul {
list-style:none;
font-size:13px;
margin:0 0 3px;
}

#sidebar li {
list-style:none;
padding:3px;
}

#sidebar li a { color:#b78900; }
#sidebar li a:hover { color:#23b07e; }

.sidepages li { font-weight:bold; }
.sidepages ul li { font-weight:normal; margin-left:10px; }

#sidebar input {
width:102px;
background:#fff;
color:#333;
border:1px solid #ccc;
font:11px Tahoma,Geneva;
padding:3px;
}

#sidebar input:focus {
border:1px solid #888;
}

/* some input
--------------------------------------------------*/
input {
border:1px solid #ccc;
font:11px Tahoma,Geneva;
padding:3px;
color:#333;
}

input:hover, input:focus {
border:1px solid #888;
}

/* comments
--------------------------------------------------*/
#comments {
font-size:14px;
}

.commentlist {
font-size:18px;
}

#commentlist li {
margin-bottom:15px;
padding-bottom:10px;
}

.commentmetadata {
font-size:11px;
margin-left:15px;
}

#content .commentlist p { margin:12px 0; }

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f3f3f3;
border:1px solid #ccc;
width:550px;
font:12px Tahoma,Geneva;
letter-spacing:1px;
}

#commentform #email,#commentform #author,#commentform #url {
background:#f3f3f3;
border:1px solid #ccc;
width:350px;
}

#gravatar { float:right; }

/* wp stuff
--------------------------------------------------*/
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

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

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

.commentlist li {
border-bottom:1px solid #23b07e;
padding:10px;
}

/* footer
--------------------------------------------------*/
#footer {
height:40px;
background:transparent url('./img/bottombg.png') repeat-x top left;
text-align:center;
font:normal bold 12px/38px Tahoma,Geneva;
color:#ddd;
}

#footer a { color:#fff; }
#footer a:hover { color:#23b07e; }