/* ----------------------------------------------
alisonruttan.com
Author: Parker Selbert
---------------------------------------------- */

/* Body
---------------------------------------------- */
html, body {
  font: 12px Verdana, sans-serif;
  background: #1f1f1f;
  color: #ccc;
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

ul, li {
  list-style: none;
}

/* Typography
---------------------------------------------- */
h1, h2, h3 {
  color: #fff;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.01em;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 18px;
}

h3 {
  font-size: 1.2em;
}

p {
  line-height: 1.5;
  padding-bottom: 1.5em;
}

em, abbr {
  font-size: .9em;
}

/* Links
---------------------------------------------- */
a {
  color: #fa4c44;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

/* Utility
---------------------------------------------- */
.clear {
  clear: both;
}

.replace, .current {
  text-indent: -100em;
  overflow: hidden;
  visibility: visible; }

.blurb {
  font-size: .9em;
  margin-bottom: 1em; }

.sectionspacer {
  margin-top: 15px; }

.aboutlink {
  clear: both;
  line-height: 1.2em; }

.null {
  height: 0;
  display: none;
}

.pad_left {
  padding-left: 12px;
}

hr {
  height: 0;
}

/* Sitewrapper
---------------------------------------------- */
#sitewrapper {
  background: #e0e0dd;
  height: 100%;
  margin: 0 auto;
  width: 666px;
}

/* Sitewrapper -> Splash
---------------------------------------------- */
#splash {
  background: url(https://www.alisonruttan.com/images/body_fill.gif) repeat-y 0 0 #1f1f1f;
  height: 232px;
  width: 636px;
  padding: 120px 0 0 30px;
}

#splashLogotype {
  background: url(https://www.alisonruttan.com/images/logotype.png) no-repeat 0 0 #1f1f1f;
  display: block;
  height: 26px;
  margin: 55px auto 0 auto;
  width: 125px;
}

#thumbRow {
  background: url(https://www.alisonruttan.com/images/splash_thumb_bg.gif) repeat-y 0 0 #dbdbdb;
  height: 98px;
  width: 580px;
  padding: 10px 13px;
}

a.splashthumb {
  height: 80px;
  width: 168px;
  background: url(https://www.alisonruttan.com/images/splash_thumb_back.png);
  padding: 9px;
  display: block;
  float: left;
}

a.padRight {
  margin-right: 10px;
}

a:hover {
  background-position: bottom right;
}

/* Sitewrapper -> Header
---------------------------------------------- */
#bodyCap,
#splashCap {
  background: url(https://www.alisonruttan.com/images/body_cap.gif) no-repeat bottom;
  height: 36px;
  width: 666px;
  margin: 0 auto;
}

#splashCap {
  height: 120px;
}

#header {
  background: url(https://www.alisonruttan.com/images/body_fill.gif) repeat-y 0 0 #1f1f1f;
  height: 60px;
  width: 666px;
  padding-top: 30px;
}

#header #logotype {
  background: url(https://www.alisonruttan.com/images/logotype.png) no-repeat 0 0 #1f1f1f;
  height: 26px;
  width: 125px;
  display: block;
  margin-left: 48px;
}

#header ul#navigation {
  float: right;
  clear: right;
  padding: 7px 48px 0 0;
}


#header ul#navigation li {
  display: inline;
  float: left;
  width: 40px;
  padding-left: 20px;
}

#header ul#navigation li a {
  text-decoration: none;
  color: #fff;
  display: block;
  height: 20px;
  width: 40px;
}

#header ul#navigation li a#home {
  background-image: url(https://www.alisonruttan.com/images/menu_home.png);
}

#header ul#navigation li a#art {
  background-image: url(https://www.alisonruttan.com/images/menu_art.png);
}

#header ul#navigation li a#about {
  background-image: url(https://www.alisonruttan.com/images/menu_about.png);
}

#header ul#navigation li a:hover, #header ul#navigation li a.current {
  background-position: top right;
}

/* Sitewrapper -> Body
---------------------------------------------- */
#subnavigation {
  background: url(https://www.alisonruttan.com/images/subnav_fill.gif) repeat-y 0 0 #1f1f1f;
  width: 618px;
  padding: 9px 0 9px 48px;
}

#subnavigation .column {
  float: left;
  width: 285px;
}

#subnavigation .row {
  clear: both;
}

#subnavigation h3 {
  font-weight: bold;
  line-height: 1.5em;
}

  #subnavigation .row h3 {
  float: left;
  font-size: 1.1em;
  }

#subnavigation p {
  padding-bottom: 0;
}

#subnavigation .row p {
  color: #ccc;
  display: block;
  float:right;
  margin-right: 48px;
  width: 460px;
}

#subnavigation .row p strong {
  font-weight: 400;
  color: #fa4c44;
}
 #subnavigation .row p a {
  color: #e0e0dd;
}
 #subnavigation  .row p a:hover {
  color: #fa4c44;
}

#main {
  background: url(https://www.alisonruttan.com/images/body_fill.gif) repeat-y 0 0 #1f1f1f;
  width: 618px;
  padding: 18px 0 0 48px;
}

#media {
  height: 500px;
  margin-bottom: 24px;
  width: 570px;
}

#main #media .mediaThumbnail {
  height: 92px;
  width: 92px;
  border: 1px solid #fff;
  margin: 5px;
}

#main #content {
  width: 570px;
}

#main #content h3 {
  margin-top: 12px;
  margin-bottom: 6px;
}

/* Footer
---------------------------------------------- */
#footer {
  background: url(https://www.alisonruttan.com/images/body_foot.gif) no-repeat 0 0 #ebebe8;
  height: 24px;
  padding: 13px 0 0 48px;
  width: 618px;
  clear: both;
}

#copyright {
  color: #666;
  font-size: .85em;
  padding: 0 0 9px 0;
}

#copyright a:hover {
  color: #fff;
}

/* Popup
---------------------------------------------- */
.popup {
  position: absolute;
  top: 0;
  left: 0;
  padding: .5em;
  background: #1f1f1f;
  border: 2px solid #ebebe8;
}