body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  background: url(/images/colorado-mountain-with-moon.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a {
  border: 0;
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted;
}
a.image {
  border: 0;
}
a.logo {
  border: 0;
}
img {
  border: 0;
}
#outer {
  width: 800px;
  margin: 0 auto;
}
#header {
  width: 100%;
  height: 152px;
}
#middle {
  float: left;
  position: relative;
  z-index: 2;
  width: 768px;
  min-height: 500px;
  background: #FFF;
  border: 1px solid #a39781;
  padding: 15px;
  margin-bottom: 50px;
}
#footer {
  clear: both;
  width: 100%;
  margin-top: 15px;
  height: 15px;
  font-size: 13px;
  color: #828282;
  text-align: center;
}
#name {
  position: relative;
  z-index: 3;
  left: 50px;
}
#nav {
  float: right;
  position: relative;
  z-index: 1;
  right: 30px;
  top: 128px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#nav li {
  float: left;
  position: relative;
  margin-left: 10px;
}
#nav li.active {
  top: -20px;
}
p.notice, p.alert, #error_explanation {
  padding: 10px;
}
p.notice {
  background-repeat: no-repeat;
  background-position: 1005px -8px;
  background-color: #e8e27a;
  border: 3px solid #c5bf68;
}
p.alert, #error_explanation {
  background-repeat: no-repeat;
  background-position: 1005px -8px;
  background-color: #e8adad;
  border: 3px solid #916c6c;
}
.field_with_errors label{
  background-repeat: no-repeat;
  padding-left: 35px;
}
#about p {
  font-size: 25px;
}
#about p span {
  font-weight: bold;
  color: #6AA3BE;
}
#about p span a {
  color: #6AA3BE;
}
#tweets {
  width: 100%;
}
#tweets .title {
  text-align: center;
  font-size: 25px;
}
img.me {
  margin-top: 15px;
  border-radius: 160px;
}
.left {
  float: left;
  width: 418px;
}
.right {
  float: right;
  width: 300px;
  margin: 15px;
}
h1.tag-title, h1.search-title {
  color: #a48b5b;
}
h2 {
  color: #6AA3BE;
}
div.blogAdminLinks {
  margin-top: 10px;
  background: #654229;
  padding: 8px 0 8px 0;
  border-color: #654229;
  -moz-border-radius: 10px;
}
div.blogAdminLinks a {
  color: #FFF;
}
.takealook {
  padding: 10px;
  background: #654229;
  width: 120px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.takealook:hover {
  background: #845636;
}
.takealook a {
  color: #FFF;
}
#search-outer {
  height: 0;
  overflow: visible;
  position: relative;
  top: 25px;
  left: -35px;
  z-index: 1;
}
#search-container {
  background: url(/images/search-icon.png);
  background-position: 5px 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 50px;
  height: 38px;
  width: 220px;
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
  cursor: pointer;
}
#search {
  height: 32px;
  font-size: 25px;
  width: 175px;
}
.contactme {
  color: #FFF;
  padding: 10px;
  background: #000;
  width: 500px;
  text-align: center;
  margin: 40px auto 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.contactme:hover {
  background: #1f1f1f;
}
.contactme a {
  color: #FFF;
}
.quote {
  background: url(/images/quote.png);
  width: 360px;
  height: 310px;
  float: left;
  margin-left: 15px;
}
.quote .text {
  margin: 70px 30px 30px 30px;
  color: #fff;
  font-size: 16px;
}
.quote p {
  font-weight: bold;
  text-indent: 70px;
  font-size: 18px;
}
.quote a {
  color: #fff;
}
.spacer {
  height: 30px;
  width: 100%;
  clear: both;
}
.pagination {
  color: #FFF;
  padding: 10px;
  background: #654229;
  width: 500px;
  text-align: center;
  margin: 40px auto 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.pagination:hover {
  background: #845636;
}
.pagination a {
  color: #FFF;
}
blockquote {
	position:relative;
	padding:1px 30px;
	margin:0 auto;
	margin-bottom: 25px;
	color:#FFF;
	font-weight: bold;
	font-size: 18px;
	width: 600px;
	background:#000000; /* default background for browsers without gradient support */
	/* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#303030), to(#000000));
	background:-moz-linear-gradient(#303030, #000000);
	background:-o-linear-gradient(#303030, #000000);
	background:linear-gradient(#303030, #000000);
	/* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	font-style: italic;
}
/* creates the larger triangle */
blockquote:before {
	content:"";
	position:absolute;
	bottom:-20px;
	right:80px;
	border-width:0 0 20px 50px;
	border-style:solid;
	border-color:transparent #000;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller triangle */
blockquote:after {
	content:"";
	position:absolute;
	bottom:-20px;
	right:110px;
	border-width:0 0 20px 20px;
	border-style:solid;
	border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
#followMe {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* IE10 */
  background-image: -ms-linear-gradient(top, #AADFFA 0%, #3DA2EB 100%);

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #AADFFA 0%, #3DA2EB 100%);

  /* Opera */
  background-image: -o-linear-gradient(top, #AADFFA 0%, #3DA2EB 100%);

  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AADFFA), color-stop(1, #3DA2EB));

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #AADFFA 0%, #3DA2EB 100%);

  /* Proposed W3C Markup */
  background-image: linear-gradient(top, #AADFFA 0%, #3DA2EB 100%);
}
#followMeInner {
  background: url(/images/twitter.png) no-repeat;
  background-position: 250px 0;
  padding: 10px;
}
#followMe a { color: #FFF; font-weight: bold; }
.blogPostBody p { line-height: 19px; }