@charset "utf-8";
/* CSS Document */

body {
	background-color: #f2f2f2;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666;
}

a, a:visited {
	font-weight:normal;
	text-decoration:none;
	color: #000;
}

/*
a:hover {
  border-bottom: 1px dotted #fff;
}
*/

img, a img {
	border: 0
}

p {
	margin:0 0 1em 0
}

.hidden {
  display: none;
}

div#homebackground {
  margin-bottom: 20px;
  width: 1090px;
}

p#footer {
  display: inline;
  clear: both;
  float: left;
  width: 100%;
  line-height: 15px;
  margin-top: 40px;
}

#homebackground p#footer {
	margin-left: 20px;
	margin-top: -50px;
}

p#footer.thumbsfooter {
  display: block;
  position: relative;
  margin-left: 30px;
  _margin-left: 15px; /* IE only */
  left: -200px;
  height: 60px;
  z-index: -4;
}

p#extrafooter {
  margin-left: 20px;
  float: left;
  margin-top: 15px;
}

*+html p#extrafooter {
	padding-bottom: 10px;
}

* html p#extrafooter {
	padding-bottom: 10px;
}

h1#logo {
  position: absolute;
  top: 9px;
  left: 17px;
	height: 30px;

}

ul#crumbtrail {
  position: absolute;
  top: 78px;
  left: 20px;
	padding-left: 0;
	margin-left: 0;
}

ul#crumbtrail li {
  display: inline;
}

/*
ul#crumbtrail li.selected {
	border-bottom: 1px dotted #666;
}
*/

ul#nav {
  position: absolute;
  padding-left: 0;
  margin-left: 0;
  top: 0;
}
ul#nav li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 6px;
  width: 150px;
}


div#login {
  position: absolute;
  top: 30px;
  left: 380px;
  height: 30px;
  width: 400px;
}


a#loginlink {
  display: block;
  float: left;
  margin-top: 1px;
}

a#logoutlink {
  display: block;
  float: left;
  margin-top: 1px;
  margin-left: 10px;
  padding-left: 10px;
  /*   border-left: 1px dotted #000; */
}

div#login form {
  float: left;
}

div#login span {
	float: left;
	margin-top: 1px;
}

div#login form #username, div#login form #password {
 width: 60px;
 height: 13px;
 color: #666;
 font-size: 9px;
 border: 1px solid #000;
 float: left;
 margin-left: 10px;
}

div#login #submit {
  float: left;
  margin-left: 10px;
}

a#aboutmembershiplink {
  margin-left: 10px;
  padding-left: 10px;
  margin-top: 1px;
  /*  border-left: 1px dotted #000; */
  float: left;
}

/*
a#aboutmembershiplink:hover {
  border-bottom: 1px dotted #000;
}
*/

div#content {
  clear: both;
  position: absolute;
  top: 115px;
  margin-left: 20px;
}

* html div#content {
	top: 100px;
}

*+html div#content {
	top: 100px;
}

/* rules for dark home page version */

body.dark ul#crumbtrail, body.dark a#loginlink, body.dark a#logoutlink, body.dark a#aboutmembershiplink {
  color: #000;
}

/*
body.dark ul#crumbtrail li.selected, body.dark a#loginlink:hover {
	border-bottom: 1px dotted #00;
}

body.dark a#aboutmembershiplink {
  border-left: 1px dotted #000;
}

body.dark a#aboutmembershiplink:hover {
  border-bottom: 1px dotted #000;
}
*/

body.dark ul#nav a {
  color: #000
}
/* end rules for dark home page version */

/* Rules for light home page */

body.light ul#crumbtrail, body.light a#loginlink, body.light a#logoutlink, body.light a#aboutmembershiplink {
  color: #fff;
}

/*
body.light ul#crumbtrail li.selected, body.light a#loginlink:hover {
	border-bottom: 1px dotted #fff;
}

body.light a#aboutmembershiplink {
  border-left: 1px dotted #fff;
}

body.light a#aboutmembershiplink:hover {
  border-bottom: 1px dotted #fff;
}
*/

body.light ul#nav a {
  color: #fff;
}

/* End light home page */

/* page-specific rules follow */


div.credit {
  width: 250px;
  float: left;
  margin-right: 20px;
  margin-bottom: 100px;
}

div.credit img {
  margin-bottom: 20px;
}

div#contact {
  clear: both;
  float: left;
  width: 250px;
  margin-right: 20px;

}

div#links {
  float: left;
  width: 520px;
}

div#links a {
  width: 33%;
  float: left;
  border-bottom: 1px solid #fff;
}

div#contact img {
  margin-bottom: 10px;
}

div#contact {
  line-height: 20px;
  margin-bottom: 50px;
}

div#links img {
  margin-bottom: 10px;  
}

div#links {
  line-height: 25px;
  margin-bottom: 50px;  
}

div#thumbs {
/*  position: absolute;
  top: 0px;*/
  padding-left: 0;
  margin-left: 180px;
/*  left: 170px;
  margin-left: -20px;*/
  float: right;
  width: 700px;
}

div#thumbs a {
  display: block;
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}

div#thumbs a span {
  margin-top: 10px;
  display: block;
}

div#thumbs a span .attribution {
  color: #666;
  clear:both;
  margin-top: 0;
}

div#thumbs a:hover {
    border-bottom: none;
}

div#projectthumbs {
  padding-top: 0px;
  padding-left: 0;
  height:88px;
  margin-bottom: 10px;
}

div#projectthumbs a {
  height: 85px;
  display: block;
  float: left;
  margin-bottom: 10px;
  background-color: #F2F2F2;
  border-bottom: solid 2px #F2F2F2;
}

span#imagetitle {
  font-weight: bold;
}

#projectimage {
	float: left;
}

.imageinfo {
  float: left;
  margin-left: 20px;
}

#imagecontainer {
	margin-right: -5px;
}

* html #imagecontainer {
	margin-right: -15px;
}

.creditname {
  font-weight: bold;
}


ul#downloadoptions {
  padding-left: 0;
  margin-left: 0;
}
ul#downloadoptions li {
  list-style: none;
}

#history {
  margin-top: 10px;
        width: 440px;
	   clear: left;
	   float: left;
}


a#historylink {
    font-weight: bold;
	width:100%;
  text-align: left;
  color: #333;
  padding-top: 10px;
  display: block;
  outline: none;
}

#historytabs a {
	color: #fc7d28;
}
#historytabs a:visited {
	color: #fc7d28;
}
#historytabs a:hover {
  border-bottom: none;
}

#historytabs div {
    margin-bottom: 20px;
}

#historycontent {
	margin-top: 16px;
	border-top: 1px dotted #666;
	padding-top: 16px;
}

.historyauthor {
    padding: 10px 0 0 0;
		margin: 0;
    max-width: 480px;
}

.historyvalue {
    padding: 8px 10px 30px 0;
    max-width: 430px;
}

#historynav {
  margin-top: 0;
  margin-left: 0;
  width: 175px;
  padding-left: 0;
}

/*
#historynav a.selected {
  border-bottom: 1px dotted #666;
}
*/

#historynav li {
  list-style: none;
  margin-top: 3px;  
  margin-right: 10px;
  display: inline;
}

#historynav li a.selected {
	color: #666;
}

.clear {
    clear: both;
}

#imageandhistory {
    margin-right: 10px;
}


#sketchnav a {
  display: block;
  float: left;
}
#sketchnav a:hover {
  border-bottom: none;
}


#sketchtabs {
  clear: both;
}

#sketchtabs img {
  float:left;
  margin-right: 10px;
}

#posternav a {
  display: block;
  float: left;
}

#posternav a:hover {
  border-bottom: none;
}


#postertabs {
  clear: both;
}

#postertabs img {
  float:left;
  margin-right: 10px;
}


a.orangelink, a:visited.orangelink, a:hover.orangelink, a:active.orangelink, .historyvalue a{
    color:#f60;
}

#columnholder , #bottomholder {
    clear: both;
    width: 100%;
    overflow: auto;

}
.aboutcolumn {
    float: left;
    width: 260px;
    max-width: 260px;
    margin-right: 15px
}

.aboutcolumn p {
	line-height: 16px;
}

#aboutcontact {
    float: left;
    width: 260px;
    margin-right: 15px;
    max-width: 260px;
}

#aboutlinks {
    float: left;
    width: 540px;
    max-width: 540px;
}

#download_wrapper {
	width: 100%;
	float: left;
	position: relative;
	top: -95px;
}

#download {
	background-color: #FFF;
	padding: 7px 9px 9px 20px;
	display: inline;
	float: left;
	line-height: 15px;
}

#download h2 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}