/* browser fix styles */

html, body {
  border: 0;
  margin: 0;
  padding: 0;
}

form, select, input {
  margin: 0;
}

p, ul, ol {
  margin: 0;
  padding: 0 0 18px 0;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h1 {
  line-height: 30px;
}

h2 {
  line-height: 28px;
}

ul, ol {
  padding: 0 0 18px 40px;
}

h1, h2, h3, p, ul, ol {
	text-align: left;
}

img, object, embed {
  display: inline;
}

a, a:link, a:visited, a:active, a:hover {
  outline: none;
}

/* hack for making fonts render crisper on Mac browsers */
p, h1, h2, h3, ol, ul {
  opacity: 0.99;
  text-shadow: 0 0 0 #000;
}

/* main styles */

body {
  font: 18px/24px Georgia, "Times New Roman", Times, serif;
	background: #000 url(leviathan-bg.jpg) repeat-y scroll center top;
	margin: 0;
	padding: 0;
	color: #ccc;
}

a:link,
a:visited {
  color: #fc0;
  text-decoration: none;
  border-bottom: 1px dotted #6A9;
}

a:hover {
  color: #80c634;
  border-bottom: 1px solid #6A9;
}

#homelink {
  position: absolute;
}

#homelink a {
  border: none;
}

#ae_nav {
  position: relative;
  left: 13px;
  top: 4px;
}

.largelink {
  text-align: center;
  margin: 20px 0;
  padding-bottom: 0;
  letter-spacing: 5px;
  font-size: 28px;
  font-variant: small-caps;
}

#toplink {
  margin: 40px 0 20px 0;
}

#player-top {
  width: 840px;
  height: 575px;
  margin: 0 auto;
  position: relative;
}

#spiral-top {
  width: 840px;
  height: 216px;
  margin: 0 auto;
  position: relative;
}

#main {
  background: #000 url(sternum.jpg) repeat-y center top;
  width: 840px;
  margin: 0 auto;
}

#main-intro {
  margin: 0 45px 10px 45px;
}

#main-intro h1 {
  text-align: center;
  color: #555;
  margin-bottom: 20px;
}

#main-intro p {
  font-size: 14px;
  line-height: 18px;
  color: #687;
}

.project {
  margin: 0 30px 20px 42px;
  float: left;
	clear: both;
	width: 750px;
}

.project img {
  float: left;
  margin-right: 20px;
}

.project a:hover img {
  opacity: .5;
  filter: alpha(opacity=50);
}

.project h1 {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.project h2 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 20px;
}

.project span.info {
  font-variant: small-caps;
  font-size: 22px;
  color: #fff;
}

.project p.description {
  color: #999;
  padding-bottom: 10px;
}

.project p.built {
  color: #666;
  font-style: italic;
}

#maediaplaer {
	width: 784px;
	position: absolute;
	top: 182px;
	left: 24px;
}

#maediatext {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  width: 760px;
  margin: 20px auto;
}

#musings {
  margin: 0 40px;
  clear: both;
}


#musings h2 {
	font-size: 28px;
	line-height: 35px;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	color: #66AA99;
	border-top: 1px dotted #999;
	padding-top: 25px;
}

#musings span.date {
	font-size: 14px;
	color: #666;
	float: right;
	margin-top: 35px;
}

#musenav {
  width: 100%;
  padding: 40px 0;
  height: 30px;
  border-top: 1px dotted #999;
}

#musenav .textlinks {
  float: left;
  width: 470px;
  font-size: 22px;
  text-align: center;
}

#musenav form {
  float: right;
  margin-right: 20px;
}

#musenav select,
#musenav input {
  border: 1px solid #666;
  background: #333;
  color: #CCC;
  font: 18px/24px Georgia, "Times New Roman", Times, serif;
  margin-left: 5px;
  text-align: right;
}

/* footer styles */

#tendrils {
  width: 840px;
  margin: 0 auto;
}

#footer {
  float: left;
	width: 100%;
	background: #000 url(footer-divider.jpg) repeat-x center top;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 14px;
	color: #999;
	text-align: left;
}

#footer .row {
  width: 840px;
  height: 100px;
  margin: 0 auto;
  border-bottom: 1px dotted #666;
}

#footer .row.last {
	border-bottom: none;
}

#footer .row h3 {
  float: left;
  width: 180px;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 30px 0;
  color: #555;
}

#footer .row .content {
  padding: 30px 0 30px 180px;
}

#footer #icons {
  text-align: left;
}

#footer #icons img {
  margin-right: 10px;
}

#footer #icons a {
  border: none;
}

#footer #icons a:hover img {
  opacity: .5;
  filter: alpha(opacity=50);
}

#section_info {
  position: absolute;
}

#section_info p {
  display: none;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 1px;
  color: #fff;
  padding: 0;
}

/* design page styles */

.design h2 {
  margin-bottom: 20px;
  text-align: center;
  color: #666;
}

#prints,
#digital,
#web {
  margin: 0 35px;
}

#prints p,
#digital p,
#web p {
  text-align: center;
}

#prints a:hover img,
#digital a:hover img,
#web a:hover img {
  opacity: .5;
  filter: alpha(opacity=50);
}

#prints .print {
  width: 180px;
  height: 320px;
  float: left;
}

#prints .print-wide {
  width: 320px;
  height: 300px;
  float: left;
}

#prints .print p,
#prints .print-wide p {
  margin-top: 7px;
  font-size: 14px;
  line-height: 18px;
}

#prints .print a,
#prints .print-wide a {
  border: none;
}

.designitem {
  width: 255px;
  float: left;
}

.designitem p {
  text-align: center;
  margin-top: 8px;
}

.designitem a.img {
  border: 0;
}

.designitem .grey {
  font-size: 14px;
}

.designitem img {
  margin: 0 auto;
}

#digital .designitem img {
  margin-bottom: 20px;
}

/* general styles */

.dark {
  color: #222;
}

.grey1 {
	color: #333;
}

.grey2,
.grey {
  color: #666;
}

.grey3 {
	color: #999;
}