/*  
Theme Name: Jessica Johnston Default Blog Theme
Theme URI: http://jessican-johnston.com/
Description: jessica-johnston.com blog.
Version: 1.0
Author: Robert Haverly
Author URI: http://google.com
*/

* {margin:0;padding:0;}

a {
outline: none; 
color: #6F6F6F; 
font-weight: bold; 
text-decoration: none;
}

a:hover {text-decoration: underline;}
a img {border: 0;}
hr {display: none;}
p {margin: 10px 0;}
.alignleft {float: left;}
.alignright {float: right;}
.center {text-align: center;}

body {
font-size: 62.5%;
color: #666;
background: #F2F2F2 url('images/concrete_bg.jpg') top center fixed;
}

#wrapper {
width: 670px;
margin: 0 auto;
}

#header {margin-top: 30px;}
.top-container {overflow: hidden; margin-bottom: 30px;}
.center {text-align: center;}

.logo {
width: 244px;
height: 92px;
float: left;
}

.logo h1 {text-indent: -9999px;}

.logo a {
display: block;
width: 232px;
height: 85px;
background: url('images/jj-logo.gif') center no-repeat;
}

.search {
width: 244px;
float: right;
padding-top: 35px;
text-align: right;
}

#searchform img {vertical-align: middle;}

.search input {
border: 1px solid #B1B3B6;
padding: 3px 2px;
vertical-align: middle;
}

.search-error {
width: 90%;
float: left;
text-align: center;
padding: 10px;
border: 1px solid #fff;
margin-top: 30px;
}

.search-error h3{
font-family: 'century gothic', sans-serif;
font-weight: normal;
font-size: 2em;
padding-bottom: 10px;
}

.random-image {height: 175px; padding-bottom: 50px;}

#slogan {
position: absolute;
line-height: 20px;
top: 131px;
left: 50%;
margin-left: -335px;
font-family: verdana;
width: 672px;
text-align: right;
background: #000;
color: #fff;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}

#slogan small{
font-size: 7px;
padding-bottom: 5px;
}

/* .nav {
font-family: 'century gothic', sans-serif;
width: 400px;
margin: 0 auto;
clear: left;
}

.nav ul {text-align: center; list-style: none;}
.nav li {display: inline;}

a.categories {width: 73px;background: url('images/nav/categories.gif'); }
a.email {width: 62px;background: url('images/nav/email.gif');}
a.website {width: 54px;background: url('images/nav/website.gif');}
a.stay-updated {width: 96px; background: url('images/nav/stay-updated.gif');}
a.archives {width: 58px; background: url('images/nav/archives.gif');}

.nav li a {
c//olor: #666;
t//ext-decoration: none;
p//adding: 5px 3px;
l//ine-height: 2em;
display: block;
float: left;
text-indent: -9999px;
background-position: top center;
line-height: 34px;
margin: 0 5px;
}

.nav li a:hover {
b//ackground: #B4B4B4;
c//olor: #fff;
background-position: bottom center;
}

*/

.post-sep {
height: 60px;
background: url('images/post-sep-line.gif') bottom center repeat-x;
}

#content {
overflow: hidden;
float: left;
margin-bottom: 30px;
}

.title-container {
clear: left;
overflow: hidden;
font-family: 'century gothic', sans-serif;
}

.title {
float: left;
width: 580px;
}

h3 {
font-size: 2em;
color: #7D7D7D;
clear: left;
font-weight: normal;
font-family: 'century gothic', sans-serif;
}

h2 {
font-size: 3em;
color: #7D7D7D;
clear: left;
font-weight: normal;
font-family: 'century gothic', sans-serif;
}

.date {
width: 85px;
float: right;
font-size: 1.5em;
color: #aaaaaa;
line-height: 3em;
}

.entry {
font-size: 1.1em;
font-family: tahoma, sans-serif;
line-height: 1.4em;
}

.comment-box {
border-bottom: 1px dotted #666;
padding: 10px 0;
font-family: verdana;
}

#commentform textarea {width: 665px;}

.comment_content {margin: 10px 0;}

.comment_content .comment-date {
font-weight: bold;
color: #999;
}

.comment_content .comment-author {color: #333;}
.comment_content p {display: inline;}

.add-a-comment {
margin: 10px 0 40px 0;
}

.add-a-comment a {
display: block;
width: 131px;
height: 11px;
background: url('images/add-a-comment.gif');
text-indent: -9999px;
float: right;
}

#content-archives {
font-family: verdana, sans-serif;
}

.archive-inner {
width: 300px;
margin: 0 auto;
}

#content-archives ul {margin: 15px;}
#content-archives ul li ul {margin: 5px 15px;}

#content-archives #searchform {
margin: 10px 0 30px 0;
}

#footer {
width: 100%;
float: left;
margin-top: 80px;
text-align: center;
font-family: verdana, sans-serif;
}


/* NAVIGATION */

#navContainer {
position: absolute;
top: 332px;
left: 50%;
margin-left: -185px;
}

#navContainer ul {
position: relative;
float: left;
margin-left: 5px;
padding: 0;
list-style: none;
}

#navContainer ul li {
position: relative;
}

#navContainer li ul {
position: absolute;
display: none;
background: #eee;
padding: 0 2px;
margin-left: 0px;
}

#navContainer ul li a {
display: block;
width: 100%;
text-decoration: none;
color: #444;
font-size: 20px;
}

#navContainer ul li a:hover {
color: #222;
}

#navContainer ul li ul li a{
display: block;
font-size: 11px;
font-family: arial, sans-serif;
line-height: 1.8em;
}

#navContainer li:hover ul {display: block;}
#navContainer li:hover ul, li.open ul {display: block;}
#navContainer li.off ul {display: none;}
* html #navContainer ul li { float: left; height: 1%;}
* html #navContainer ul li a { height: 1%; }

ul.categories {width: 73px;}
ul.email {width: 62px;}
ul.website {width: 54px;}
ul.stay-updated {width: 96px;}
ul.archives {width: 58px;}

a.categories {width: 73px; background-image: url('images/nav/categories.gif'); }
a.email {width: 62px; background-image: url('images/nav/email.gif');}
a.website {width: 54px; background-image: url('images/nav/website.gif');}
a.stay-updated {width: 96px; background-image: url('images/nav/stay-updated.gif');}
a.archives {width: 58px; background-image: url('images/nav/archives.gif');}

a.categories, a.email, a.website, a.stay-updated, a.archives {text-indent: -9999px; margin: 0 5px 0 0; padding: 0; line-height: 34px;background-position: top center;}
a.categories:hover, a.email:hover, a.website:hover, a.stay-updated:hover, a.archives:hover {background-position: bottom center;}