html,body,div,span,ul,img,p,h1,h2,h3,h4,h5,h6 {
border:0;
font-size:0.97em;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
color:#aaa;
font-family:'Myriad Pro', 'Myriad', Verdana, Arial, Sans-Serif;
}

a {
color:#fec000;
text-decoration:none;
}

a:hover,a:visited:hover {
text-decoration:underline;
}

p {
margin-bottom:0.8em;
}

blockquote {
background-color:#f5f5f5;
padding:8px;
}

.center {
margin-left:auto;
margin-right:auto;
}

.list {
text-indent:10px;
line-height:30px;
list-style-type:none;
}

.feature {
margin-bottom:0 !important;
}

.hidden {
display:none;
}

.clear {
clear:both;
}

.hide_text {
text-indent:-99999px;
}

.left {
float:left;
}

.right {
float:right;
}

.item {
list-style-type:none;
}

.vertical li {
float:left;
width:185px;
padding:10px;
padding-top:0;
}

.vertical li img {
display:block;
margin:8px auto;
}

.horizontal p {
padding:10px 0 0 180px;
}

.horizontal li img {
float:left;
margin:8px auto;
}

body {
background:#f89a18 url(/images/top-gradient.png) repeat-x;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
color:#fff;
text-shadow:0 0 0 #000;
}

#container {
background:url(/images/background.png) no-repeat;
margin-left:auto;
margin-right:auto;
width:960px;
min-height:499px;
}

#header {
padding-top:32px;
}

#header .title {
background:url(/images/tinkerbox-logo.png) no-repeat;
width:290px;
height:61px;
float:left;
}

#header .title a {
display:block;
height:61px;
width:290px;
outline:none;
position:relative;
z-index:2;
}

#header .navigation {
float:right;
width:420px;
margin-top:28px;
position:relative;
left:-157px;
z-index:2;
}

#header .navigation ul li {
float:left;
margin-right:8px;
background-position:0 -34px;
}

#header .navigation ul li a {
display:block;
width:97px;
height:34px;
outline:none;
}

#nav_blog {
background:url(/images/nav-blog.png) no-repeat;
}

#nav_portfolio {
background:url(/images/nav-portfolio.png) no-repeat;
}

#nav_about {
background:url(/images/nav-about.png) no-repeat;
}

#nav_contact {
background:url(/images/nav-contact.png) no-repeat;
}

#emblem {
background:url(/images/tinkerbox-emblem.png) no-repeat right;
height:370px;
width:960px;
clear:both;
position:absolute;
top:54px;
z-index:1;
}

#content {
position:relative;
z-index:2;
}

#content h1 {
font-size:220%;
}

#content h2 {
font-size:190%;
}

#content h3 {
font-size:160%;
}

#content .info {
color:#aaa;
font-size:80%;
margin-top:1.5em;
background:url(/images/time.png) no-repeat 0 0.1em;
padding-left:18px;
line-height:16px;
}

#content .main {
margin-top:16px;
width:665px;
float:left;
background:url(/images/body-top.png) no-repeat top;
padding-top:40px;
color:#000;
margin-bottom:16px;
}

#content .main .body {
background:url(/images/body-main.png) repeat-y;
min-height:200px;
padding-left:24px;
padding-right:24px;
padding-bottom:1px;
}

#content .main .body ul, h4 {
margin-bottom:0.8em;
}

#content .main .bottom {
background:url(/images/body-bottom.png) no-repeat;
height:72px;
}

#content .side {
width:280px;
float:right;
padding-top:180px;
font-size:85%;
}

#content .side a {
color:#fff;
}

#content .side li {
margin-bottom:0.5em;
border-bottom:#f68612 solid 1px;
padding-bottom:2px;
}

#content .side .panel {
background:url(/images/side-top.png) no-repeat top;
padding-top:9px;
}

#content .side .body {
background:url(/images/side-main.png) repeat-y;
min-height:100px;
padding-left:12px;
padding-right:12px;
padding-bottom:1px;
}

#content .side .bottom {
background:url(/images/side-bottom.png) no-repeat;
height:8px;
margin-bottom:32px;
}

#content .process {
margin-top:16px;
height:312px;
width:665px;
float:left;
background:url(/images/process-background.png) no-repeat;
color:#000;
margin-bottom:8px;
display:inline;
}

#content .process .content {
padding:0 24px;
}

#content .process .content img {
position:absolute;
}

#steps {
position:relative;
top:240px;
padding-left:16px;
}

#steps li {
float:left;
width:200px;
height:87px;
background-position:0 -87px;
margin-right:16px;
cursor:pointer;
}

#steps .selected {
cursor:default;
}

#step_one {
background:url(/images/step-one.png) no-repeat;
}

#step_two {
background:url(/images/step-two.png) no-repeat;
}

#step_three {
background:url(/images/step-three.png) no-repeat;
}

#latest_updates {
background:url(/images/latest-updates.png) no-repeat;
height:21px;
margin:4px 0;
}

#articles {
background:url(/images/articles.png) no-repeat;
height:18px;
margin:4px 0;
}

#archives_by_month {
background:url(/images/archives-by-month.png) no-repeat;
height:21px;
margin:4px 0;
}

#footer {
background:url(/images/footer.png) no-repeat;
height:52px;
padding:10px;
font-size:85%;
}

ul,#header .navigation ul {
list-style-type:none;
}

#header .navigation ul li:hover,#header .navigation ul .selected,#steps li:hover,#steps .selected {
background-position:0 0;
}