/** Global Reset **/
* {
 margin: 0;
 padding: 0;
 font-size: 1em;
 border: 0 none;
}

/** Basics **/
html {
 height: 100%;
}
body {
 font-family: helvetica, arial, sans-serif;
 font-size: 76.4%;
 color: #fff;
 text-align: center;
 height: 100%;
 background: #2a2f34 url('/images/plaid.gif') fixed;
}

a {
 color: #9da0a7;
}
a:active, 
.selected a, a.selected {
 color: #0069ff !important;
}
a:hover {
 color: #0069ff;
 text-decoration: none;
}

hr {
 display: none;
}

h2 {
 font-size: 1.4em;
}
h3 {
 font-size: 1.25em;
}
h4 {
 font-size: 1.15em;
}

br.clear {
 clear: both;
 display: block;
}


/** All Pages **/
#all {
 width: 620px;
 text-align: left;
 margin: 0 auto;
 position: relative;
}

h1 {
 position: absolute;
 top: 0;
}
h1 a {
 text-decoration: none;
 display: block;
 height: 84px;
 width: 140px;
 text-indent: -5000px;
 background: #000 url('/images/studiomoh.gif') no-repeat 12px 12px;
}

#menu {
 position: absolute;
 top: 20px;
 left: 155px;
 width: 300px;
 font-size: 1.5em;
}
#menu strong {
 display: block;
}

#contact {
 position: absolute;
 top: 20px;
 left: 450px;
 width: 145px;
 border-left: 1px solid #ccc;
 padding-left: 16px;
}
#contact dt {
 display: none;
}
#contact dd {
 margin: 0;
}

#content {
 padding-top: 100px;
}

#footer {
 text-align: center;
 color: #ccc;
 font-size: .8em;
 list-style-type: none;
 padding: 2em 0 4em 0;
}
#footer li {
 display: inline;
}
#footer li.copyright {
 display: block;
 font-size: 1.3em;
}


/** body.portfolio **/
.sec {
 margin: 0 0 18px 0;
 padding: 10px;
 background: #fff;
 color: #2a2f34;
}
.sec img {
 display: block;
}
.sec p, .sec code {
 padding: .25em 0 .25em 0;
 margin: .5em 0 .5em 0;
}
.sec .view {
 height: 400px;
 width: 100%;
 position: relative;
 overflow: hidden;
 margin-bottom: 10px;
 background-repeat: no-repeat;
}
a.partition {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 display: block;
 outline: none;
}
.thmbly {
 position: absolute;
 bottom: 10px;
 left: 10px;
 z-index: 1000;
}
.thmbly a {
 text-indent: -5000px;
 display: block;
 float: left;
 height: 12px;
 width: 12px;
 background: #000;
 border: 4px solid #fff;
}
.thmbly a.selected {
}


/* body.resume */
.resume #content ul {
 padding: .5em;
 margin: 0 1.25em 0 1.25em;
 clear: both;
}
.resume #content ul li {
 width: 50%;
 float: left;
}
.resume li b, #resume dl b {
 font-weight: normal;
}
dl {
 padding: .5em;
 float: left;
 width: 45%;
}
dd {
 margin: 0 1.25em .5em 1.25em;
}
.resume #content {
 background: #fff;
 color: #2a2f34;
 position: relative;
 top: 100px;
 padding: 1em 1.2em 1em 1.2em;
}
.resume #footer {
 position: relative;
 top: 100px;
}
.resume h2 {
 font-size: 1.75em;
 color: #2e384c;
}
.resume h2 span {
 font-weight: normal;
 color: #888;
 font-size: .6em;
 vertical-align: middle;
}
.resume h3 {
 clear: both;
 color: #3c70af;
 padding: 1em 0 0 0;
}
.resume #content p {
 padding: .5em;
}
p.objective {
 font-size: 1.4em;
 position: relative;
 top: .3em;
 color: #666;
}
p.objective strong {
 font-weight: normal;
 font-size: 1.2em;
 color: #333;
}
h3.subjective {
 padding: 0 !important;
 color: #666;
}