/* designed and coded for ayu.redcrown.net by larissa
released under CC BY-NC-SA 4.0 -- http://creativecommons.org/licenses/by-nc-sa/4.0/ */
/* styles */
body {
  background: url(../img/bg-gradient.png) top left repeat-x fixed, url(../img/bg.jpg) top left repeat fixed #654127;
  font: 16px/24px Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
  color: #000;
  margin: 0px; }

div#container {
  margin: 0px auto 0px;
  width: 800px; }

header {
  margin: 0px auto 0px;
  text-align: center;
  margin-top: 0px; }
  header img {
    border-width: 0px;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    width: 800px;
    height: 335px;
    box-shadow: 0px 0px 0px; }

section {
  width: 760px;
  margin: -8px auto 0px;
  padding: 10px 20px;
  text-align: left;
  background: url(../img/contentbg-gradient.jpg) top left repeat-x, url(../img/contentbg.jpg) #eedcbb;
  /* lists */ }
  section img, section a img {
    margin: 0px 10px 10px 0px;
    border: 5px solid #44332f; }
    section img:hover, section a img:hover {
      border-color: #AB9276; }
  section ol {
    margin-left: 20px;
    text-align: left; }
    section ol li {
      padding: 0px 0px; }
  section ul {
    margin: 0px 20px 0px 0px; }
    section ul li {
      list-style-type: square; }

/* images */
.none {
  border: none;
  background: none;
  text-decoration: none;
  box-shadow: none; }

.none:hover {
  box-shadow: none; }

.left {
  float: left;
  margin: 0px 5px 5px 0px; }

img.right {
  float: right;
  margin: 10px 5px 5px 15px; }

.wide img {
  margin: 0px 20px; }

/* headers */
h1 {
  font: 34px Lobster Two, "lucida sans unicode", arial, sans-serif;
  color: #E4DECE;
  padding: 0px 10px 20px 32px;
  margin: 0px 0px 5px;
  background: url(../img/hbg4.png) no-repeat 0px 5px;
  text-shadow: 2px 2px 5px #85594d; }

h2 {
  font: 18px Lobster Two, "lucida sans unicode", arial, sans-serif;
  color: #947D63;
  text-align: left;
  padding: 0px 5px;
  margin: -30px 5px 0px 32px;
  text-shadow: 2px 2px 5px #dedad6; }

/*h1 {

background:url(../img/hbg.png) bottom left repeat-x;
margin:0px 0px -5px;
text-align:left;
}

h2 {
margin:0px 0px -10px 20px;
text-transform:lowercase;
}*/
h3 {
  margin: 0px 0px 5px;
  font: 23px Lobster Two, "lucida sans unicode", arial, sans-serif;
  color: #947D63;
  text-shadow: 2px 2px 5px #dedad6;
  text-transform: lowercase; }
  h3.center {
    text-align: center;
    margin: 10px auto;
    clear: both; }

/*h4 {
font:20px/20px quicksand, $font-stack;
font-weight:700;
margin:0px;
}

h5 {
font:16px/18px quicksand, $font-stack;
margin:0px;
font-weight:700;
color:#000;
}

h6 {
font:12px/14px $font-stack;
margin:0px 0px 20px;
font-weight:700;
color:#555;


	a { 
	color:#999 !important;
	text-decoration:underline !important;
		&:hover { color:#555 !important; }	
	}
}*/
/* links & text styles */
a {
  color: #bc641b;
  font-weight: 700;
  cursor: crosshair; }

a:hover {
  color: #e15256; }

b, strong {
  color: #8fa15b;
  font-weight: 700; }

i, em {
  color: #a0652c;
  font-weight: 700;
  font-family: Lora, Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif; }

span {
  color: #658314; }

abbr {
  border-bottom: 1px dotted #a69071; }

del {
  text-decoration: line-through; }

small {
  font-size: 14px;
  margin-top: -10px; }

/* utility classes */
.fav {
  color: #e8d112;
  font-weight: 400; }

.center {
  text-align: center;
  margin-bottom: -5px; }

p.right {
  text-align: right;
  line-height: 15px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  clear: both; }

.clear {
  clear: both; }

.bump {
  margin-top: -15px;
  text-align: center; }

.big {
  font-size: 18px;
  line-height: 24px; }

hr {
  clear: both;
  background: url(../img/hr.png) top center no-repeat;
  border: 0px;
  height: 17px;
  margin: 0px 0px 0px; }

/* blockquote */
blockquote {
  margin: 10px 20px; }
  blockquote p {
    font-family: Lora, Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    line-height: 17px;
    color: #968544;
    margin: 0px 0px -20px !important;
    padding: 0px 5px; }

.fleft {
  float: left;
  text-align: right;
  width: 344px;
  border-right: 5px solid #8fa15b; }

.fright {
  float: right;
  width: 344px;
  border-left: 5px solid #bf725c; }

.song {
  text-align: right;
  font-size: 30px !important;
  margin: -25px 0px 10px !important;
  padding-bottom: 8px;
  color: #d69f4e;
  border-bottom: 5px solid #b7bc6b;
  clear: both; }

.space {
  padding-top: 27px !important; }

.tiny {
  font-size: 20px !important;
  padding-bottom: 5px !important; }

/* sub nav */
#row {
  clear: both; }

.box {
  width: 345px;
  background: url(../img/footerbg2.jpg);
  text-align: center;
  color: #ede0c4;
  float: left;
  margin: 10px;
  border: 5px solid #694328; }
  .box:hover {
    border-color: #44332f; }
  .box a {
    display: block;
    text-decoration: none;
    padding: 5px;
    margin: 0px 5px 0px;
    font-family: Noto Sans, Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px dotted #ede0c4; }
    .box a:hover {
      color: #ede0c4; }

/* albums */
#album {
  background: url(../img/footerbg2.jpg);
  color: #ede0c4;
  margin: 0px 10px 10px 220px;
  width: 500px;
  border: 5px solid #694328; }
  #album:hover {
    border-color: #44332f; }
  #album ol {
    font-size: 16px;
    line-height: 18px;
    margin-left: 0px; }
  #album li {
    margin-left: 15px; }
  #album + p {
    clear: both; }

.two {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }

.three {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }

.next {
  text-align: center;
  font-family: Lora, Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
  font-style: italic;
  font-size: 20px; }
  .next a {
    text-decoration: none;
    color: #694328; }
    .next a:hover {
      color: #8fa15b; }

/* tooltips */
a.tooltip {
  outline: none; }
  a.tooltip strong {
    line-height: 30px; }
  a.tooltip:hover {
    text-decoration: none; }
  a.tooltip span {
    z-index: 10;
    display: none;
    padding: 5px 5px;
    margin-top: 200px;
    margin-left: -200px;
    width: 300px;
    line-height: 16px; }
  a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0; }

/* footer */
footer {
  margin: 0 auto;
  width: 760px;
  padding: 5px 20px 20px;
  background: url(../img/footerbg2.jpg);
  border-top: 10px solid #d9cdb7;
  clear: both; }
  footer ul {
    list-style-type: none;
    text-align: center;
    margin: 20px auto; }
  footer li {
    display: inline;
    margin-left: 0px; }
  footer a {
    border: 1px solid #43322f;
    color: #ede0c4;
    text-decoration: none;
    padding: 5px;
    text-transform: uppercase;
    background: url(../img/bg-gradient.png) 0px -150px;
    margin: 0px 5px 0px;
    font-family: Noto Sans, Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: 700; }
    footer a:hover {
      color: #fcf9f4; }
  footer p.center a {
    border: none;
    text-decoration: underline;
    font-family: Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
    background: none;
    text-transform: none;
    color: #ede0c4;
    padding: 0px; }
    footer p.center a:hover {
      color: #fcf9f4; }

/*# sourceMappingURL=style.css.map */