@media only screen and (max-width:976px), only screen and (max-device-width:976px) {
  /* Set some properties to make iPhone display (and other small screens) nicer */
  body { background: url(../images/bg.png) repeat-y top left !important; }
  #bg { position: static !important; background: none !important; }
  #me { display: none !important; }
}

html, body, img { padding: 0; margin: 0; border: 0; }
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  background: url(../images/bg-tile.png) repeat top center;
  overflow-y: scroll;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

p { margin-top: 0; }
p:empty { margin: 0; }

.zoom { cursor: url(../images/zoom.cur), url(../images/zoom.png), pointer; cursor: -moz-zoom-in; }

#overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-image: url(../images/black2.png); text-align: center; }
#overlay img { border: 10px solid gray; margin: -10px 0; max-width: 100%; max-height: 100%; vertical-align: middle; }

a[href^="http"], a[rel="external"] { padding-right: 12px; background: url(../images/external.png) no-repeat center right; }
a[href^="http"].noext, a[href^="http://erica"], a[href^="http://files.bushtoolbox.net"],
a[href^="http://www.dayonedesign.net"], a[href^="http://www.dayonedesign.org"],
a[href^="http://dayonedesign.net"], a[href^="http://dayonedesign.org"] { padding-right: 0px; background: none; }
a[href^="mailto:"] { padding-right: 16px; background: url(../images/email.png) no-repeat center right; }

#bg {
  position: absolute;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  background: url(../images/bg.png) repeat-y top center;
  min-width: 976px;
}

#body, #me, #search, #tagline-grid, .relx { position: relative; width: 976px; margin: 0 auto; }

#side { width: 248px; float: left; padding: 0 0 32px 0; margin-left: 1px; border-right: 1px solid #a77161; overflow-x: hidden; background-color: #cdcdcd; }

#side #logo { height: 200px; position: relative; }
#side #logo a { background: none !important; }
#side #logo img { position: absolute; }
#side #logo #title { left: 7px; top: 68px; }
#side #logo #tagline { left: 26px; top: 21px; }


#side #big-title, #side #sidebar-title {
  height: 24px;
  line-height: 24px;
  font-size: 1.2em;
  text-align: center;
}

#side #big-title {
  background: url(../images/side-big-title-bar.png);
  color: #E5E5E5;
  margin: 1px 0 15px 0;
}

#side #sidebar-title {
  background: #F0F0F0;
  color: #636363;
  margin: -14px 0 15px 0;
}

#side .title, #side a {
  display: block;
  margin-right: 10px;
  padding: 1px 5px 1px 40px;
  float: right;
  clear: right;
  white-space: nowrap;
}

#side .title { margin-top: 6px; }
#side a { color: #A77161; text-decoration: none; }
#side a:hover, #side a.active { color: #636363; background: #E5E5E5; }

#side a.selected { color: #F0F0F0; background: none; }
#side a.selected:hover { color: #636363; background: #E5E5E5; }


#me, #search, #tagline-grid, #footer {
  position: fixed;
  bottom: 0;
  height: 0;
  z-index: 5;
}

#me img { position: absolute; left: 25px; bottom: 25px; }
#tagline-grid img { position: absolute; right: 1px; bottom: 0; }
#search form { position: absolute; left: 1px; bottom: 0; }
#searchtext  {
  color: #A77161;
  border: 0 none;
  background: url(../images/search-bg.png);
  width: 226px;  height: 25px;
  font-family: Courier New, monospace;
  font-size: 20px;
  letter-spacing: 13px;
  padding: 0 16px 0 6px;
}
#searchsubmit { width: 0; height: 0; visibility: hidden; }

#footer div { position: absolute; left: 976px; bottom: 0; width: 163px; padding: 6px; text-align: center; }
#footer { color: #636363; /*#F0F0F0*/ font-size: 0.85em; }
#footer:hover { color: #636363; }
#footer:hover div { background-color: #F0F0F0; background-color: rgba(240, 240, 240, 0.5); }
#footer a {
  color: inherit;
  text-decoration: none;
  background: none;
  padding: 0;
}
#footer a:hover { text-decoration: underline; }
#footer img { vertical-align: middle; }

#header { float: right; width: 725px; height: 200px; margin-right: 1px; }

#hnav {
  position: relative;
  height: 26px;
  top: 150px;
  text-align: right;
}
#hnav, #hnav ul { background: url(../images/hnav.png); list-style: none; margin: 0; padding: 0; }
#hnav>li { position: relative; z-index: 10; display: inline; text-align: center; }
#hnav li>a { color: #CCCCCC; text-decoration: none; letter-spacing: 2px; white-space: nowrap; }
#hnav>li>a { display: inline-block; padding: 3px 15px 7px 15px; }
#hnav>li+li>a { background: url(../images/seperator.png) no-repeat left center; }
#hnav>li:hover>a, #hnav>li.active>a, #hnav>li:hover+li>a, #hnav>li.active+li>a { border-left: 1px solid #CCCCCC; padding-left: 14px; background: none; }
#hnav li:hover>a, #hnav li.active>a { background: #A77161 !important; }
#hnav li:hover ul { left: 0; }
#hnav ul {
  position: absolute;
  left: -9999px;
  min-width: 100%;
  border: solid #CCCCCC;
  border-width: 1px 1px 1px 0;
  margin-top: -1px;
  z-index: -1;
}
#hnav ul>li { display: block; border-left: 1px solid #CCCCCC; }
#hnav ul>li>a { display: block; padding: 2px 15px 6px 15px; }

#content h1.h0 {
  color: #CDCDCD;
  margin: 8px 0 2px -15px;
  padding: 2px 0 2px 15px;
  background: url(../images/h0-bg.png) repeat-y top left;
}
#content h1.h0 img { padding: 6px 0 1px 0; }

hr {
  background: url(../images/bar-double.png) transparent no-repeat center center;
  border: 0 none transparent;
}
hr.oneside { background: url(../images/bar.png) transparent no-repeat left center; }

#content {
  clear: right;
  float: right;
  width: 695px;
  padding: 10px 15px 32px 15px;
  margin: 0 1px 0 -1px;
  border-left: 1px solid #a77161;
  background-color: #f0f0f0;
}

#content a { color: #A77161; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#content h1, #content h2 {
  font-weight: normal;
  color: #A77161;
  background: url(../images/bar.png) no-repeat bottom left;
  font-variant: small-caps;
}
#content h1 { font-size: 1.5em; margin: 0 0 5px 0;  }
#content h2 { font-size: 1.35em; }
#content h3 { color: #959595; font-size: 1.2em; }

/*h1.entry-title a.ref, h1 a.ref, h2 a.ref, h3 a.ref { color: #339900 !important; display: none; font-weight: normal !important; }*/

#content h1.entry-title { margin: 0; padding: 0; /*text-transform: uppercase;*/ }
#content h1.entry-title a { color: inherit !important; }

.entry-head { padding: 3px 0 10px 0; }
.entry-head div { color: #A77161; }
.entry-edit { padding: 2px; }
.entry-chronodata { float: right; font-size: 1.1em; margin-top: 0.4em }
.entry-location { float: left; padding-top: 2px; }
.entry-tags { float: right; font-size: 0.8em; padding-top: 3px; }

.entry-meta {
  color: #A77161;
  float: right;
  text-align: right;
}

.entry-content, .comments-divider, .hentry, .entry-thumbs, .excerpt, #home-previews > h1, #content > hr, #content h1, #content h2, #content h3 { clear: both; }
#content h1.entry-title { clear: none; }

#page-selector { text-align: center; }
#page-selector a.current-page { color: black; }
#pageless-indicator { text-align: center; font-weight: bold; border: 1px solid #A2766D; padding: 2px; margin-bottom: 20px; }

.commentslink {
  padding: 4px 0 4px 20px;
  background: left center no-repeat;
  background-image: url(../images/blog/comment.png);
}
.commentsrsslink { vertical-align: middle; }
#commentlist { list-style: none; margin: 15px -15px; padding: 0; }
#commentlist .comment { border: solid #A4A4A4; border-width: 1px 0; padding: 15px 25px 5px 25px; }
#commentlist .comment+.comment { border-top-width: 0; }
#commentlist .comment .comment-meta { float: right; padding: 2px 5px 2px 5px; }
#commentlist .comment.bypostauthor { background: #E5E5E5; }
#commentlist .comment .counter img { vertical-align: middle; }
#commentlist .comment .comment-content { margin-top: 5px; }

.comments #respond { font-weight: bold; color: #464646; cursor: pointer; }
.comments.hidden form { display: none; }
.comments.hidden #respond { display: block; }

#commentformcontainer label { float: left; clear: left; width: 4.5em; line-height: 1.65em; }
#commentformcontainer #cf_content { clear: both; }
#commentformcontainer #comment_content { width: 97%; }

.excerpt .entry-content { padding: 5px 0 0 5px; text-align: left !important; }
.excerpt .entry-content img { float: left; width: auto !important; max-width: 215px; max-height: 215px; margin: 0 15px 15px 0 !important; }
/*.excerpt .entry-content p { margin-left: 230px; }*/
.excerpt.short .entry-content img { max-width: 180px; max-height: 160px; }

/*.excerpt.entry .entry-content img { clear: none; width: auto; }
.excerpt.entry .entry-content p { float: left; clear: none; width: auto !important; }*/

.searchresults, #content .page-header, #content .navigation {
  color: #636363;
  background: #E5E5E5;
  margin: -10px -15px 5px -15px;
  padding: 5px 15px 4px 15px;
}
.searchresults, #content .page-header {
  font-weight: bold;
  text-align: center;
}

/* All Content Types */
.entry-content .img-grp img { margin: 0 0 15px 0; width: 340px; vertical-align: middle; }
.entry-content .img-grp img + img { margin-left: 15px; }
.entry-content .img-grp.imgs-1 img { }
.entry-content .img-grp.imgs-2 img { }
.entry-content .img-grp.imgs-3 img { width: 220px; }

/* Blog Stuff */
.entry .entry-content { padding-top: 5px; text-align: center; }
.entry .entry-content center { clear: both; }

/* Portfolio Stuff */
.portfolio .outer-box {
  float: left;
  width: 215px;
  margin: 10px 0 0 20px;
}
.portfolio .outer-box#design { margin-left: 4px; }
/*.portfolio .outer-box#build { margin-left: 84px; }
.portfolio .outer-box#create { margin-left: 79px; }*/

.portfolio .outer-box .box {}
.portfolio .outer-box#build .box { padding-bottom: 5px; }

.portfolio .box div {
  background: #414141;
  width: 215px;
  height: 302px;
  border: solid black;
  border-width: 0 1px 1px 0;
  -moz-box-shadow: 3px 3px 4px #636363;
  -webkit-box-shadow: 3px 3px 4px #636363;
  box-shadow: 3px 3px 4px #636363;
  /* IE shadow seperate */
}
.portfolio .box:hover div {
  background: #525252;
  -moz-box-shadow: 3px 3px 4px #181818;
  -webkit-box-shadow: 3px 3px 4px #181818;
  box-shadow: 3px 3px 4px #181818;
}
.portfolio .box img { display: block; margin: 0 auto; padding: 0; }
.portfolio .box img.thumb { padding: 22px 0; }
/*.portfolio .box img.text { padding: 0; }*/
.portfolio .box img.sub { padding-top: 16px; }
.portfolio hr {
  color: #bfbfbf;
  background: #bfbfbf none;
  height: 1px; width: 168px;
  margin: 20px auto;
}
#content .portfolio .outer-box a { display: block; text-align: center; }
#content .portfolio .outer-box a:hover { color: black; text-decoration: none; }
/*.portfolio*/ .entry-thumbs img.thumb { float: left; margin: 5px 10px 20px 10px; height: 215px; }
/*.portfolio*/ .entry-thumbs img.thumb.first { margin-left: 5px; }
/*.portfolio*/ .entry-thumbs img.thumb.last { margin-right: 5px; }
.portfolio .entry-content .img-grp.imgs-1 { text-align: center; }
.portfolio .entry-content .img-grp.imgs-1 img { width: auto; margin-right: 15px; }

/*
.portfolio .entry-thumbs img.thumb.span1 { width: 215px; }
.portfolio .entry-thumbs img.thumb.span2 { width: 450px; }
.portfolio .entry-thumbs img.thumb.span3 { width: 685px; }
*/

/* Contact Form Stuff */
#contact-form { float: left; padding: 0 5px 2px 0; border-right: 1px solid #CDCDCD; margin: 0 5px 3px 0; }
#contact-form div.msg { font-weight: bold; padding-bottom: 3px; }
#contact-form div.msg.error { color: red; }
#contact-form div.msg.success { color: green; }
#contact-form div.input { padding: 2px 4px; margin: 0 -4px; }
#contact-form div.input.error { background-color: pink; }
#contact-form label { float: left; width: 100px; padding-top: 3px; }
#contact-form input[type=text], #contact-form select, #contact-form textarea { border: 1px solid #CDCDCD; padding: 2px; }
#contact-form input, #contact-form textarea { width: 400px; }
#contact-form input[type=submit] { margin-left: 100px; width: 406px; }