/* CSS Document */

/* Global Styles */
/* ------------------------- */

body {
background:#4d5843 url(graphics/bg.gif) top left repeat;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}

a {
color:#693;
font-weight:bold;
text-decoration:none;
}

h1 {
color:#456595;
font-size:175%;
}

h2 {
color:#456595;
font-size:100%;
letter-spacing:.15em;
}

h3 {
font-size:175%;
color:#f30;
margin:0;
}

h4 {
color:#456595;
font-size:85%;
letter-spacing:.15em;
background:url(graphics/dividerSidebar.gif) top left no-repeat;
padding-top:30px;
}

h4.first {
background:none;
padding-top:none;
}

h5 {
color:#f30;
font-size:100%;
margin:0;
}

/* Layout Styles */
/* ------------------------- */

#wrapper {
margin:0 auto;
border-left:10px solid #2f422b;
border-right:10px solid #2f422b;
background-color:#212e1e;
width:835px;
padding:0 5px;
}

#contentWrapper {
clear:both;
float:left;
width:835px;
background:#f0f0e1 url(graphics/bgContent.gif) repeat-x;
}

#content {
float:left;
padding:25px;
width:525px;
color:#54544f;
line-height:1.5em;
padding-bottom:50px;
}

#sidebar {
float:right;
width:215px;
padding-right:25px;
color:#333;
padding-bottom:50px;
}

#footer {
background-color:#693;
padding:25px;
text-align:center;
color:#fff;
font-size:90%;
clear:both;
}

#footer a {
color:#fff;
}

/* Nav Styles */
/* ------------------------- */

#nav {
background:#f63 url(graphics/bgNav.gif) repeat-x;
margin:0;
border-top:1px solid #ff9776;
border-bottom:1px solid #a9573c;
float:left;
width:785px;
padding:12px 25px;
}

#nav li {
float:left;
list-style:none;
margin-right:15px;
}

#nav a {
color:#fff;
text-decoration:none;
font-weight:bold;
text-shadow: #933 0 1px 0;
}

/* Post Styles */
/* ------------------------- */

.comments {
background-image:url(graphics/comment.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:20px;
padding-bottom:5px;
}

.description {
color:#52584f;
margin-bottom:40px;
}

.calendar {
background:url(graphics/calendar.gif) top left no-repeat;
width:52px;
text-align:center;
padding:10px 0;
float:left;
}

.month {
font-weight:bold;
}

.day {
font-weight:bold;
font-size:150%;
}

.entry {
margin-bottom:50px;
}

.post {
margin-left:77px;
}

.post img,.illustration {
padding:3px;
border:1px solid #ccba92;
}

/* Sidebar Styles */
/* ------------------------- */

.featuredIllustration {
padding:3px;
border:1px solid #97a9a5;
margin-right:5px;
margin-bottom:5px;
width:50px;
height:50px;
}

.featuredIllustration:hover {
	background-color:#97a9a5;
}

.tshirt {
text-align:center;
padding:3px;
border:1px double #ccba92;
}

.lime {
background:url(graphics/lime.gif) top left no-repeat;
padding:2px 0;
padding-left:15px;
color:#456595;
}

#sidebar ul {
margin:0;
padding:0;
list-style:none;
}

#sidebar ul li {
margin:0;
padding:0;
margin-bottom:1em;
}

.eventDate {
color:#666;
font-weight:bold;
}

#flickr img {
padding:3px;
border:1px solid #97a9a5;
margin-right:5px;
margin-bottom:5px;
width:50px;
height:50px;
	}
	
#flickr a:hover img {
	background-color:#97a9a5;
}

a.offsite {
padding-right:13px;
background:url(graphics/offsite.gif) .15em right no-repeat;
}


#my_twitter_status_time {
background:url(graphics/clock.png) .15em left no-repeat;;
padding:3px 0 3px 20px;
display:block;
font-size:90%;
font-style:italic;
color:#666;
}


/* Comment Styles */
/* ------------------------- */
	
.individualComment {
background:url(graphics/bigComment.gif) top left no-repeat;
padding:15px 15px 15px 100px;
color:#fff;
font-size:120%;
font-weight:bold;
margin-bottom:20px;
}

.posted {
color:#f0f0e1;
font-style:italic;
font-size:85%;
}

.posted a {
color:#f0f0e1;
text-decoration:underline;
}

.unread {
color:#fff;
font-size: 80%;
font-weight: bold;
padding:.25em 1em;
background-color:red;
border:4px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}