/* Styles specifically for the project section
------------------------------------------------- */

/* Layout
------------------------------------------------- */
#project-meta {
  margin: 0 0 10px;
  padding: 10px 0 0 0;
  background: #5d0202;
}

#project-meta img {
  display: block;
	height:auto;
	min-height:1px;
}

* html #project-meta img {
	height:307px;
}

/* Text
------------------------------------------------- */
#callout h1 {
  padding-left: 130px;
}

#project-meta h1 {
  float: left;
  margin: 0 0 0.4em;
  padding: 0 10px;
  width: 280px;
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1.2;
  color: #fff;
  background: #5d0202;
}

#project-meta h2 {
  float: right;
  margin: 10px 0 0 0;
  padding: 0 10px;
  width: 140px;
  font-size: 0.92em;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: right;
  color: #fff;
}

.detail #main h3 {
  border-top: 1px dotted #bebab2;
  padding: 1em 0 0 0;
}

div.summary h4 {
  position: absolute;
  top: -20px;
  left: -40px;
  width: 100px;
  height: 105px;
  text-indent: -9999px;
  z-index: 10;
  background: url("../images/bg/user-submitted.png") 0 0 no-repeat;
}

/* Text
-------------------------------------------- */
.project-ideas #krylon-materials {
	margin-bottom:0em;
}

p.tags {
  font-size: 0.917em;
  font-style: italic;
}

#callout p {
  margin-left: 130px;
}

#project-meta ul {
  clear: both;
  position: relative;
  overflow: auto;
  margin: 0;
  padding: 10px;
  width: 440px;
  background: #7c0202;
}

#project-meta li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  color: #fff;
  background-image: none;
}

* html #project-meta li {
	background-color: transparent;
}

#project-meta li span.level {
  padding: 0 2px;
  color: #7c0202;
  background: #fff;
}

#project-meta li.viewlarger {
  position: absolute;
  top: 0.833em;
  right: 0;
  width: 18px;
  height: 18px;
}

#project-meta li.viewlarger a {
  display: block;
  border-bottom: none;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: url("../images/bg/view-larger.gif") 0 0 no-repeat;
}

#project-meta ul#toolbar {
  margin: 0;
  border-top: 1px solid #fdf8ee;
  padding: 0;
  width: 460px;
  height: 24px;
  background: #e4e0d7;
	display:block;
}

#project-meta ul#toolbar li {
  float: left;
  margin: 0;
  padding: 0;
  height: 24px;
}

#project-meta ul#toolbar li a {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: none;
  height: 24px;
  text-indent: -9999px;
}

#project-meta ul#toolbar li#email {
  border-right: 1px solid #fdf8ee;
  width: 229px;
}

#project-meta ul#toolbar li#email a{
  width: 229px;
  background: url("../images/bg/toolbar-email.gif") 50% 0 no-repeat;
	border:0pt none;
	cursor:pointer;
	display:block;
	margin:0pt 0pt 0pt 0px;
	padding:0pt;
	text-indent:-9999px;
}

#project-meta ul#toolbar li#print {
  width: 230px;
}

#project-meta ul#toolbar li#print a {
  width: 230px;
  background: url("../images/bg/toolbar-print.gif") 50% 0 no-repeat;
}

#project-meta ul#toolbar li#email a:hover,
#project-meta ul#toolbar li#email a:focus,
#project-meta ul#toolbar li#print a:hover,
#project-meta ul#toolbar li#print a:focus {
  background-position: 50% -24px;
}

#main ol#steps {
  list-style: none;
}

#main ol#steps li {
  padding: 1em 10px 1.5em 70px;
}

#main ol#steps li.step01 {
  background: url("../images/bg/step1.gif") 12px 8px no-repeat;
}

#main ol#steps li.step02 {
  background: url("../images/bg/step2.gif") 12px 8px no-repeat;
}

#main ol#steps li.step03 {
  background: url("../images/bg/step3.gif") 12px 8px no-repeat;
}

#main ol#steps li.step04 {
  background: url("../images/bg/step4.gif") 12px 8px no-repeat;
}

#main ol#steps li.step05 {
  background: url("../images/bg/step5.gif") 12px 8px no-repeat;
}

#main ol#steps li.step06 {
  background: url("../images/bg/step6.gif") 12px 8px no-repeat;
}

#main ol#steps li.step07 {
  background: url("../images/bg/step7.gif") 12px 8px no-repeat;
}

#main ol#steps li.step08 {
  background: url("../images/bg/step8.gif") 12px 8px no-repeat;
}

#main ol#steps li.step09 {
  background: url("../images/bg/step9.gif") 12px 8px no-repeat;
}

#main ol#steps li.step10 {
  background: url("../images/bg/step10.gif") 12px 8px no-repeat;
}

#main ol#steps li.step11 {
  background: url("../images/bg/step11.gif") 12px 8px no-repeat;
}

#main ol#steps li.step12 {
  background: url("../images/bg/step12.gif") 12px 8px no-repeat;
}

#main ol#steps li.step13 {
  background: url("../images/bg/step13.gif") 12px 8px no-repeat;
}

#main ol#steps li.step14 {
  background: url("../images/bg/step14.gif") 12px 8px no-repeat;
}

#main ol#steps li.step15 {
  background: url("../images/bg/step15.gif") 12px 8px no-repeat;
}

#main ol#steps li.step16 {
  background: url("../images/bg/step16.gif") 12px 8px no-repeat;
}

#main ol#steps li.step17 {
  background: url("../images/bg/step17.gif") 12px 8px no-repeat;
}

#main ol#steps li.step18 {
  background: url("../images/bg/step18.gif") 12px 8px no-repeat;
}

#main ol#steps li.step19 {
  background: url("../images/bg/step19.gif") 12px 8px no-repeat;
}

#main ol#steps li.step20 {
  background: url("../images/bg/step20.gif") 12px 8px no-repeat;
}

#main ol#steps li.step21 {
  background: url("../images/bg/step21.gif") 12px 8px no-repeat;
}

#main ol#steps li.step22 {
  background: url("../images/bg/step22.gif") 12px 8px no-repeat;
}

#main ol#steps li.step23 {
  background: url("../images/bg/step23.gif") 12px 8px no-repeat;
}

#main ol#steps li.step24 {
  background: url("../images/bg/step24.gif") 12px 8px no-repeat;
}

#main ol#steps li.step25 {
  background: url("../images/bg/step25.gif") 12px 8px no-repeat;
}

#main ol#steps li.step26 {
  background: url("../images/bg/step26.gif") 12px 8px no-repeat;
}

#main ol#steps li.step27 {
  background: url("../images/bg/step27.gif") 12px 8px no-repeat;
}

#main ol#steps li.step28 {
  background: url("../images/bg/step28.gif") 12px 8px no-repeat;
}

#main ol#steps li.step29 {
  background: url("../images/bg/step29.gif") 12px 8px no-repeat;
}

#main ol#steps li.step30 {
  background: url("../images/bg/step30.gif") 12px 8px no-repeat;
}

#main ol#steps p {
height:100%;
margin:0;
}

.projects #callout img {
  position: absolute;
  top: -49px;
  z-index: 100;
}