/* you could ruin my day */
/* main css file */
/* The design, layout, and content for "you could ruin my day" are copyright 2010, 2011 by "six" and may not be reproduced. */
/* All rights are reserved. */
/* Contact: six@youcouldruinmyday.com */

html, body { height: 100%; }
::selection, input::selection { color: #AAAAAA; background: #660000; background: rgba(60, 0, 0, 0.70); }
::-moz-selection, input::-moz-selection { color: #AAAAAA; background: #660000; background: rgba(60, 0, 0, 0.70); }

body {
  font-size: 62.5%;
  font-family: Georgia, Times, "Times New Roman";
  line-height: 1.5em;
}

img { max-width: 100%; }

html {
  background-color: #b2b2b2;
  background-image: url(images/4.jpg);
  background-repeat: repeat;
}

#overlay {
  min-height: 100%;
  background-attachment: fixed;
  background-image: url(images/5.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}

#upper { overflow: auto; padding-bottom: 14em; }

#lower { position: relative; margin-top: -14em; height: 14em; clear: both; }

h1 { font-size: 4em; line-height: 0.75em; }

.left { float: left; width: 25em; }
.right { float: left; width: 25em; }

#upper_container {
  padding: 10%;
  padding-top: 10%;
  /* padding-left: 12.5%; */
  /* padding-right: 12.5%; */
  /* padding-bottom: 12.5%; */
}

#header { text-align: center; padding-bottom: 3em; }
#sitetitle { display: none; }

#nav {
  padding-top: 3em;
  padding-bottom: 6em;
  margin: 0 auto;
  width: 100%;
  max-width: 1592px;
  text-transform: uppercase;
  text-shadow: #CCCCCC 0px 1px 1px;
}
#nav ul { float: left; margin-left: 10%; width: 80%; }
#nav ul li { list-style: none; }
#nav li { float: left; width: 20%; padding-top: 3px; }
#nav a { color: black; text-decoration: none; }
#nav a:link li { }
#nav a:hover li { color: #660000; padding-top: 0px; border-top: 3px solid #660000; border-top: 3px solid rgba(60, 0, 0, 0.70); }
.navline { color: #660000; background-color: #660000; background-color : rgba(60, 0, 0, 0.70);height: 3px; border: 0; padding: 0; margin: 0; }

#lower_container {
  padding-left: 12.5%;
  padding-right: 12.5%;
}

#footer { text-align: center; }
#footer p { padding-bottom: 0.5em; }
#footer a:link { text-decoration: none; color: #660000; }
#footer a:hover { text-decoration: underline; color: #660000; }
#footer a:visited { text-decoration: none; color: #660000; }

#content { text-align: center; font-size: 1.2em; line-height: 1.5em; }
.post-title { font-size: 2em; font-weight: normal; padding-bottom: 1.5em; text-align: center; font-style: normal; text-shadow: #CCCCCC 0px 1px 1px; }
.post { width: 100%; text-align: left; padding-bottom: 5em; }
.post-container { width: 100%; margin: 0 auto; }
.post-date { text-align: right; width: 5em; float: left; padding-right: 1em; padding-bottom: 1em;  }
.post-date-flat { display: none; }
.post-body { width: 40em; margin: 0 auto; }
.post p { padding-bottom: 1.5em; }
.post blockquote { padding-left: 3em; padding-right: 3em; font-style: italic; }
.post-body a:link { text-decoration: none; color: #660000; }
.post-body a:visited { text-decoration: none; color: #660000; }
.post-body a:hover { text-decoration: underline; color: #660000; }
.post-title a:link { text-decoration: none; color: #000000; }
.post-title a:visited { text-decoration: none; color: #111111; }
.post-title a:hover { text-decoration: none; color: #660000; }
#page_nav { }
#page_nav a:link { text-decoration: none; color: #660000; }
#page_nav a:hover { text-decoration: underline; color: #660000; }
#page_nav a:visited { text-decoration: none; color: #660000; }
.page_nav_prev { float: left; width: 20em; text-align: left; padding-left: 5em; }
.page_nav_next { float: right; width: 20em; text-align: right; padding-right: 5em; }

#searchform { padding-bottom: 1em; }
#searchform input ::selection { color: #AAAAAA; background: #660000; background: rgba(60, 0, 0, 0.70); }
#searchform input ::-moz-selection { color: #AAAAAA; background: #660000; background: rgba(60, 0, 0, 0.70); }
#searchform input { -webkit-appearance: none; }
.searchtext { background-color: transparent; padding: 0.25em; font-family: Georgia, Times, "Times New Roman"; font-style: italic; border: 1px solid #660000; border: 1px solid rgba(60, 0, 0, 0.70); -webkit-appearance: none; }
.searchbutton { background-color: transparent; padding: 0.25em; padding-left: 1em; padding-right: 1em; font-family: Georgia, Times, "Times New Roman"; border: 1px solid #660000; border: 1px solid rgba(60, 0, 0, 0.70); -webkit-appearance: none; }
.searchbutton:hover { font-style: normal; background-color: #660000; background-color: rgba(60, 0, 0, 0.70); color: #AAAAAA; cursor: pointer; cursor: hand; }

.search-title-reads { text-align: right; }
.search-date-reads { text-align: right; }

@media screen and (max-device-width: 1024px) {
  #overlay { background-image: url(images/10.png); }
  .post-date { text-align: left; }
  body { -webkit-text-size-adjust: 133%; }
  #upper_container { padding: 6em; }
  #lower_container { padding-left: 6em; padding-right: 6em; }
}
@media screen and (max-device-width: 480px) {
  #overlay { background-image: url(images/10.png); }
  body { -webkit-text-size-adjust: 250%; }
  #upper_container { padding: 2em; }
  #lower_container { padding-left: 2em; padding-right: 2em; }
  #nav { padding-bottom: 4em; }
  #nav ul { margin: 0; width: 100%; }
  #nav li { padding-bottom: 3px; border-bottom: 3px solid #660000; border-bottom: 3px solid rgba(60, 0, 0, 0.70); }
  .post-date { display: none; }
  .post-date-flat { display: block; width: 100%; padding-bottom: 1.5em; } 
  .post-body { width: 100%; }
  .page_nav_prev { text-align: left; float: none; display: block; padding-left: 0; width: 100%; }
  .page_nav_next { text-align: right; float: none; display: block; padding-right: 0; width: 100%; }
}
@media screen and (max-width: 840px) {
  .post-date { display: none; }
  .post-date-flat { display: block; width: 100%; padding-bottom: 1.5em; } 
  .post-body { width: 100%; }
  .page_nav_prev { padding-left: 0; }
  .page_nav_next { padding-right: 0; }
}

/* you could ruin my day */
/* main css file */
/* The design, layout, and content for "you could ruin my day" are copyright 2010, 2011 by "six" and may not be reproduced. */
/* All rights are reserved. */
/* Contact: six@youcouldruinmyday.com */