/*

Coded by Jeremy Caldwell
Eternalistic Designs
www.eternalistic.net

*/

/* Font Size Percentages
----------------------------------------------- */
/*

Based on the YUI font sizing chart

9px     69%
10px    77%
11px    85%
12px    93%
13px    100%
14px    108%
15px    116%
16px    123.1%
17px    131%
18px    138.5%
19px    146.5%
20px    153.9%
21px    161.6%
22px    167%
23px    174%
24px    182%
25px    189%
26px    192%

*/


/* layout
----------------------------------------------- */

body {
  background: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#wrapper {
  margin: 15px auto;
  width: 892px;
}

#home #wrapper {
  margin: 0 auto;
}

#container {
  margin: 15px 0 0 0;
}


/* logo
----------------------------------------------- */

/* HOME - Logo */
#home #logo {
  float: left;
  width: 370px;
  height: 501px;
  display: block;
}

#logo {
  float: left;
}


/* header
----------------------------------------------- */

#header {
  margin: 0;
}


/* menuwrapper
----------------------------------------------- */

#menuwrapper {
  float: right;
  margin: .5em 0 0 0;
}

#menuwrapper ul.menu li {
  float: left;
  margin: 0 15px 0 0;
  text-transform: uppercase;
}

#menuwrapper ul.menu li.last {
  margin: 0;
}

#menuwrapper ul.menu li {
  display: block;
  float: left;
  background: url(../images/list-style-disc.png) no-repeat left center;
  padding: 0 0 0 19px;
  margin: 0 14px 0 0;
}

#menuwrapper ul.menu li.first {
  padding: 0;
  background: none;
}

#menuwrapper ul.menu li a {
  text-decoration: none;
  color: #7d7d7d;
}

#menuwrapper ul.menu li a:hover,
#menuwrapper ul.menu li a.active {
  color: #9e0b0f;
}

/* HOME - menuwrapper */
#home #menuwrapper h1 {
  text-align: right;
  margin: 0 0 15px 0;
  color: #7d7d7d;
  font-size: 100%;
  text-transform: uppercase;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#home #menuwrapper h1 a {
  color: #7d7d7d;
  text-decoration: none;
}

#home #menuwrapper {
  float: right;
  width: 482px;
  margin: 50px 0 0 0;
}

#home #menuwrapper ul.menu li {
  display: block;
  float: left;
  background: none;
  padding: 0 0 0 0;
  margin: 0 10px 0 0;
}

#home #menuwrapper ul.menu li.last {
  margin: 0;
}

#home #menuwrapper ul.menu li a {
  display: block;
  width: 88px;
  height: 425px;
  text-indent: -9000px;
  font-size: 0;
}

#home #menuwrapper ul.menu li a#dang {
  background: url(../images/menu-dang.png) no-repeat;
}

#home #menuwrapper ul.menu li a#jerryw {
  background: url(../images/menu-jerryw.png) no-repeat;
}

#home #menuwrapper ul.menu li a#lewish {
  background: url(../images/menu-lewish.png) no-repeat;
}

#home #menuwrapper ul.menu li a#jacobr {
  background: url(../images/menu-jacobr.png) no-repeat;
}

#home #menuwrapper ul.menu li a#cheyenne {
  background: url(../images/menu-cheyenne.png) no-repeat;
}

#home #menuwrapper ul.menu li a#dang:hover,
#home #menuwrapper ul.menu li a#jerryw:hover,
#home #menuwrapper ul.menu li a#lewish:hover,
#home #menuwrapper ul.menu li a#jacobr:hover,
#home #menuwrapper ul.menu li a#cheyenne:hover {
  background-position: 0 -425px;
}


/* main
----------------------------------------------- */

#title h1 {
  text-align: right;
  font-size: 192%;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: -5px 0 10px 0;
}

#artist #title h1 {
  width: 425px;
}

#main {
  position: relative;
}


/* content
----------------------------------------------- */
#content {
  width: 192px;
  float: left;
}

#infoContent {
  width: 682px;
  float: right;
  line-height: 2em;
}


/* ARTIST - content */
#artist #content {
  width: 320px;
  margin: 5px 20px 0 45px;
  float: right;
}

h2 {
  color: #9e0b0f;
  font-size: 108%; /* 12px */
  text-transform: uppercase;
  margin: 0 0 1em 0;
}

#content p {
  font-size: 100%;
  margin: 0 0 1em 0;
  color: #636363;
  line-height: 160%;
}

#content p a {
  color: #9e0b0f;
  text-decoration: underline;
}


#infoContent .floatleft {
  float: left;
  margin: 0 35px 15px 0;
}


/* sidebar-first
----------------------------------------------- */

#sidebar-first {
  float: left;
  width: 175px;
  color: #7d7d7d;
}

/* ARTIST - sidebar-first */
#artist #sidebar-first {
  width: 405px;
  margin: -5px 0 1em 35px;
}

#sidebar-first-inner {
  margin: 0 15px 0 0;
}

#sidebar-first p {
  margin: 0 0 1em 0;
}

#sidebar-first a {
  color: #000;
  text-decoration: none;
}

#sidebar-first a:hover {
  text-decoration: underline;
}

#sidebar-first ul.artistlinks {
  margin: 0 0 2em 0;
}

#sidebar-first ul.artistlinks li {
  display: block;
  float: right;
  /*background: url(../images/list-style-disc.png) no-repeat left center; */
  padding: 0 0 0 0px;
  margin: 0 6px 0 0;
}

#sidebar-first ul.artistlinks li.first {
  padding: 0;
  background: none;
}

#sidebar-first ul.artistlinks li a {
  text-decoration: none;
  color: #7d7d7d;
  font-size: 85%;
}

#sidebar-first ul.artistlinks li a:hover {
  text-decoration: underline;
}


/* photo gallery
----------------------------------------------- */

#photolinks {
  margin: 0 0 1em 0;
}

#photolinks .column {
  float: left;
  display: block;
  margin: 1em 0 0 0;
}

#photolinks #photolinks-first {
  width: 185px;
}

#photolinks #photolinks-last {
  width: 200px;
  text-align: right;
}

#photolinks a {
  text-decoration: none;
  color: #7d7d7d;
  font-size: 93%;
}

#photolinks a:hover {
  color: #9E0B0F;
  text-decoration: underline;
}


/* artist gallery - pulled from Flickr
----------------------------------------------- */

.galleria_wrapper {
  margin: 0 0 1em 0;
  position: absolute;
  right: 0;
  top: -40px;
}

.gallery_demo{
  width: 422px;
  float: left;
  display: block;
  overflow: auto;
  height: 400px;
}

.gallery_demo li{
  width: 75px;
  height: 70px;
  border: 2px solid #fff;
  cursor: pointer;
}

.gallery_demo li.hover{
  border: 2px solid #000;
}

.gallery_demo li.active{
  border: 2px solid #000;
}

.gallery_demo li div {
  left: 240px
}

.galleria li {
  display: block;
  width: 60px;
  height: 80px;
  overflow :hidden;
  float: left;
  margin: 0 17px 18px 0;
  padding: 0;
}


/* footer
----------------------------------------------- */

#footer {
  border-top: 1px solid #9e0b0f;
  margin: 10px 0 5px 0;
  font-size: 93%; /* 12px */
  color: #7d7d7d;
}

#footer-left {
  float: left;
  margin: 10px 0;
}

#footer-left p {
  color: #7d7d7d;
}

#footer-right {
  width: 325px;
  float: right;
}

#footer ul.menu {
  margin: 10px 0;
}

#footer #footer-right ul.menu li {
  float: right;
  margin-right: 0;
}

#footer #footer-right ul.menu li.last {
  background: url(../images/list-style-disc.png) no-repeat right center;
  margin: 0 3px 0 0;
  padding: 0 6px 0 0;
}


/* clear fix
----------------------------------------------- */

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}