/* ====================================================
            D   E   F   A   U   L   T   S
=======================================================*/
body{
  font-family: Arial, serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #555;
}

p, li {
  font-size: 0.9em;
}
p{
  margin: 0 0 10px;
}
strong, b{
  color: #333;
}
blockquote{
  background: #ddd;
  float: right;
  font-size: 1em;
  font-style: italic;
  line-height: 130%;
  margin: 0 0 20px 20px;
  padding: 15px;
  width: 320px;
}
cite{
  display: block;
  text-align: right;
  margin-top: 10px;
}

h1, h2{
  color: #000;
  margin: 10px 0 5px;
}
h1{
  font-size: 1.75em;
  font-weight: 500;
}

a{
  color: #830022;
  font-weight: bold;
  text-decoration: none;
}
a:hover{
  color: #520015;
  border-bottom: 1px dotted #520015;
}
a:visited, a:active{
  color: #7B3F49;
}


/* Atomic Classes
------------------------------------------------------*/
.clear { clear: both; }
.small { font-size: 0.75em; }
.big { font-size: 1.25em; }

/* Structural Components
------------------------------------------------------*/
.width_setter { width: 950px; } 




/* ====================================================
               H   E   A   D   E   R
=======================================================*/
#header{
  background: #2e000c;
}

/* Logo
------------------------------------------------------*/
#logo{
  background: url('/images/logo.gif') no-repeat 0 bottom;
  border: none;
  display: block;
  float: left;
  overflow: hidden;
  padding: 72px 0 0 300px;
  width: 100px;
  text-indent: -9999px;
}

/* Navigation
------------------------------------------------------*/
ul#navigation{ 
  margin: 0;
  list-style-type: none;
  padding: 63px 0 10px;
  text-align: right;  
}

ul#navigation li{
  display: inline;
  margin-left: 20px;
  padding-bottom: 2px;
}
ul#navigation li.current_section{
  color: #fff;
  border-bottom: solid 2px #fdc900;
}

ul#navigation li a{
  color: #803c4d;
  font-weight: normal;
  text-decoration: none;
}
ul#navigation li a:hover, ul#navigation li a:active{
  color: #ad6d7d;
  border: none;
}

ul#navigation li.separator{
  margin-left: 35px;
}

/* Banner
------------------------------------------------------*/
#banner{
  background: #520015 url('/images/banner.jpg') no-repeat center left;
  border-top: 1px solid #792739;
  padding: 30px 0;
}
#banner.tall{
  padding: 75px 0;
}
#banner #banner_content{
  text-align: right;
}
#banner #tagline{
  color: #fff;
	font-size: 0.845em;
}


/* ====================================================
             C   O   N   T   E   N   T
=======================================================*/
#content{
  background: #fff url('/images/body_bg.gif') repeat-x top center;
  border-top: 1px solid #fff;
  padding: 40px 20px 20px;
}

.yellow_border{
  border-left: 2px solid #fdc900;
  padding-left: 10px;
}

#headshot{
  float: right;
  margin: 0 10px 20px 30px;
=======
}


/* Atomic Classes
------------------------------------------------------*/
.clear { clear: both; }
.small { font-size: 0.75em; }
.big { font-size: 1.25em; }

/* Structural Components
------------------------------------------------------*/
.width_setter { width: 950px; } 




/* ====================================================
               H   E   A   D   E   R
=======================================================*/
#header{
  background: #2e000c;
}

/* Logo
------------------------------------------------------*/
#logo{
  background: url('/images/logo.gif') no-repeat 0 bottom;
  border: none;
  display: block;
  float: left;
  overflow: hidden;
  padding: 72px 0 0 300px;
  width: 100px;
  text-indent: -9999px;
}

/* Navigation
------------------------------------------------------*/
ul#navigation{ 
  margin: 0;
  list-style-type: none;
  padding: 63px 0 10px;
  text-align: right;  
}

ul#navigation li{
  display: inline;
  margin-left: 20px;
  padding-bottom: 2px;
}
ul#navigation li.current_section{
  color: #fff;
  border-bottom: solid 2px #fdc900;
}

ul#navigation li a{
  color: #803c4d;
  font-weight: normal;
  text-decoration: none;
}
ul#navigation li a:hover, ul#navigation li a:active{
  color: #ad6d7d;
  border: none;
}

ul#navigation li.separator{
  margin-left: 35px;
}

/* Banner
------------------------------------------------------*/
#banner{
  background: #520015 url('/images/banner.jpg') no-repeat center left;
  border-top: 1px solid #792739;
  padding: 30px 0;
}
#banner.tall{
  padding: 75px 0;
}
#banner #banner_content{
  text-align: right;
}
#banner #tagline{
  color: #fff;
	font-size: 0.845em;
}


/* ====================================================
             C   O   N   T   E   N   T
=======================================================*/
#content{
  background: #fff url('/images/body_bg.gif') repeat-x top center;
  border-top: 1px solid #fff;
  padding: 40px 20px 20px;
}

.yellow_border{
  border-left: 2px solid #fdc900;
  padding-left: 10px;
  margin-left: 2px;
}

#headshot{
  float: right;
  margin: 0 10px 20px 30px;
}

blockquote.with_quotes{
  background: #ddd url('/images/quote.gif') no-repeat 10px 10px;
  padding: 20px 15px 15px 65px;
  width: 270px;
}
blockquote.full_width{
  width: auto !important;
  float: none;
}

.module_box{
  background: #fff;
  border: 12px solid #ddd;
  margin: 0 20px 20px 0;
  padding: 15px;
  width: 300px;
}
.module_box.right{
  float: right;
  margin: 0 0 20px 20px;
}
.module_box p{
  margin: 0 0 5px 0;
}

ul.images{
  border: 10px solid #ccc;
  float: left;
  height: 150px;  /* something like this */
  list-style: none;
  margin: 10px 20px 10px 0;
  padding: 0;
  width: 300px;
  overflow: hidden;
}

#project_content{
  margin-left: 220px;
  padding: 0 20px;
}
#project_list{
  text-align: center;
}
#project_list li{
  margin-bottom: 20px;
}
#project_list li a{
  color: #999;
  font-size: 85%;
  outline: none;
  padding: 5px 0;
}
#project_list li a:hover{
  color: #000;
  border-bottom: none;
}
#project_list li a img{
  border: 4px solid #ccc;
}
#project_list li a:hover img{
  border-color: #fdc900;
}
#project_list li.current_selection a{
  color: #333;
  cursor: default;
}
#project_list li.current_selection a img, 
#project_list li.current_selection a:hover img{
  border-color: #666;
}

.slideshow_nav{
  float: left;
  margin-top: 70px;
  text-align: center;
  width: 50px;
}
a.next{
  background: #ccc;
  color: #fff !important; /* ie6 */
  font-size: 125%;
  font-weight: bold;
  padding: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
a.next:hover{
  background: #aaa;
  border: none;
}

.counter{
  font-size: 75%;
}
.counter .current{
  font-weight: bold;
  color: #000;
}



/* ====================================================
               F   O   O   T   E   R
=======================================================*/
#footer{
  background: #ccc;
  clear: both;
  color: #666;
  font-size: 75%;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}

#project_list {
	float:left;
	width: 200px;
	padding-right: 1em;
}

#project_list ul {
	list-style-type: none;
	padding-top: 0.5em;
}

#project_details {
	margin-top: 1em;
	margin-left: 220px;
	padding-left: 1em;
	border-left: 1px solid black;
}