@charset "UTF-8";

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 90%;
  color: #424037;
  background-color: #fff;
  margin-top: 0;
}

* html body {
  margin: 0 0 0 0;
}

#wrapper {
}

#contentwrapper {	
	margin-right: 280px;
	height: 100%;
}

#content {
  width: 100%;
  margin-bottom: 40px !important;
}

.friendfeed {
  padding: 2em 0;
	border-top: 35px solid #bc7134;
}

#sidebar {
	width: 250px;
	float: right;
}

#sidebar ul {
  padding-left: 15px;
}

#accessibility {
  position: absolute;
  top: -10000px;
}

#masthead, .panel, .panel-small {
  padding: 0 1.5em;
  border-left: 1px solid #ccc;  
	border-right: 1px solid #ccc;  
}
#masthead,
#banner h1,
#banner h3 {
  color: white;
  background-color: gray;
	border-top: 13px solid orange;
	border-bottom: 8px solid #ccf433;
}
#masthead a {
  color: white;
}
#masthead h3 {
  margin: 3px 0;
}

#banner {
  margin: 0px 0 0 120px;
  text-align: right;
}
#banner h1, #banner h3 {
  padding: 5px 20px;
  border-top: 13px solid orange;
	margin: 0;
	font-size: 1.6em;
}
#banner div {
	border-bottom: 3px solid #92f;  
	padding: 0 20px;
}


.panel, .panel-small {
	border-bottom: 5px solid #ccf433;
	border-top: 5px solid #ccf433;  
}

.panel-small {
  border-top: 5px solid #92f;
  border-bottom: 5px solid #ccf433;  
}

.search {
  border-left: 1px solid #ccc;  
	border-right: 1px solid #ccc;  
}
.panel .tags {
  margin: 0 -1.5em;
  padding: 0 1px;
}


#footer {
  clear: both;
  padding-top: 3em;
  margin-bottom: 3em;
  margin-left: 120px;
}

.copyright {
  font-size: 85%;
  text-align: right;
  border-top: 1px solid #777;
}

.post {
  margin-left: 120px;
  padding: .5em 0;
}

.slug, .tags {
  text-align: right;
  font-size: 90%;
  color: #777;
}
.tags {
  text-align: left;
}
div.slug, span.slug {
  width: 120px;
  float: left;
  margin-left: -140px;
  padding-right: 10px;
}
.slug ul {
  list-style: none;
}

.datebanner {
  width: 100px;
  margin: 0;
}

.posts {
  margin-left: 0;
}

.dateline {
  font-size: 120%;
  margin-top: 0;
  margin-top: 3px;
}

.likes {
  color: #777;
}

.ff-comment ul {
  padding-left: 15px;
}
.ff-comment li {
  margin-bottom: .5em;
}


/* In-body block formatting */
.comment {
  border-bottom: 1px solid #ccf433;
  margin-bottom: 1.5em;
}
.byline {
  text-align: right;
}
.byline:before {
  content: "\2013\A0";
}


/* Text sizes */
h1 { font-size: 3.2em; line-height: 1em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }

div.post h1 { font-size: 22px; }
div.post h2 { font-size: 20px; }
div.post h3 { font-size: 15px; }
div.post h4 { font-size: 14px; }
div.post h5 { font-size: 13px; }
div.post h6 { font-size: 12px; }
div.post h1, div.post h2, div.post h3, div.post h4, div.post h5, div.post h6 {
	margin-top: 30px;
}
div.post h2.posttitle {
	margin-top: 2px;
}
h2.posttitle a {
	font-size: 22px;
}

h1 {
	letter-spacing: -1px;
}
h2 {
	letter-spacing: -1px;
}

h3, h4 {
	letter-spacing: -0.5px;
}

div.post h3.post {
  margin-top: 1em;
  margin-bottom: 0;
}

.linkcolor {
	color: #bc7134;
}
a {
	color: #bc7134;
	text-decoration: none;
}
a[name] {
	color: #777;
	text-decoration: none;
}
a[name]:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.post h1 {
  border-bottom: 2px solid orange;
}

.post h2 {
  border-bottom: 1px solid #777;
}

h1 a, h2 a {
  color: #424037;
}

h1 a:hover, h2 a:hover {
  text-decoration: none;
  color: #777;
}

.accent {
  color: #92f;
}


/* in-post classes */
.case_image, .image, .video {
	float: right;
  margin: 5px 0px 0px 5px;
  font-size: .85em;
  color: #666666;
/*  width: 250px;*/
  min-height: 200px;
}

.video {
  width: 433px;
  height: 375px;
}

.left {
	float:left;
	padding-right: 5px;
}

.case_image img, .image img, .video object {
  border: 1px solid #CCCCCC;
  padding: 2px;
}
.flickr img {
	border: 2px solid black;
}

a img {
	border: none;
}