/*////////////////////////////////
global white space reset / tabula rasa
////////////////////////////////*/

* {
padding: 0;
margin: 0;
border: none;
outline: none;
}

/*////////////////////////////////
master style sheet
////////////////////////////////*/

body {
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 15px;
color: #000;
}

/*selected text colored in grey*/
::selection {
background-color: #ccc;
color: #000;
}
::-moz-selection {
background-color: #ccc;
color: #000;
}
::-webkit-selection {
background-color: #ccc;
color: #000;
}

a {
color: #000;
font-weight: bold;
text-decoration: underline;
/*-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;*/
}
a:hover {
text-decoration: line-through;
/*color: #ff6600;*/
}
a:active {
/*text-decoration:line-through;*/
}

img {
/*-moz-box-shadow: 0 0 6px 3px #eee;
-webkit-box-shadow: 0 0 6px 3px #eee;
box-shadow: 0 0 6px 3px #eee;*/
background-color:#eeeeee;
}

ul {
}
li {
}

h1, h2, h3, h4, h5, h6 {
font-size: 13px;
line-height: 15px;
font-weight: bold;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

span.smallCaps {
font-variant: small-caps;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

/*////////////////////////////////
template layout
////////////////////////////////*/

#content {
margin: 15px 0px 0px 250px;
min-width: 710px;
float: left;
}

/*////////////////////////////////
navigation
////////////////////////////////*/

#navigation {
padding: 15px 0px 0px 10px;
width: 240px;
top: 0px;
left: 0px;
position: fixed;
overflow: auto;
height: 100%;
}
#navigation a {
color: #000;
font-weight: normal;
text-decoration: none;
}
#navigation a:hover {
color: #000;
text-decoration: underline;
}

a#logo {
margin: 0px 0px 15px 0px;
padding: 0px 2px 0px 2px;
float: left;
clear: left;
font-weight: bold;
}

#main_navigation, #second_navigation, #third_navigation, #info {
margin: 0px 0px 15px 0px;
float: left;
clear: left;
}
#main_navigation a, #second_navigation a, #third_navigation a, #info a {
padding: 0px 2px 0px 2px;
float: left;
clear: left;
}
#main_navigation a.current, #second_navigation a.current, #third_navigation a.current, #info a.current {
text-decoration: line-through;
}

.second_navigation_title, .third_navigation_title {
padding: 0px 2px 0px 2px;
float: left;
font-weight: bold;
}

/*////////////////////////////////
home
////////////////////////////////*/

/*////////////////////////////////
projects previews
////////////////////////////////*/

a.preview {
margin: 0px 10px 10px 0px;
height: 150px;
float: left;
clear: none;
position: relative;
text-decoration: none;
color: #000;
}
a:first-of-type.preview {
clear: left;
}
.preview img {
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.preview img.bottom {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
.preview img.top:hover {
opacity: 0;
filter: alpha(opacity=0);
}
.preview span {
padding: 0px 2px 0px 2px;
position: absolute;
left: 2.5px;
bottom: 2.5px;
font-weight: normal;
background-color: rgba(255, 255, 255, 0.9);
}

/*////////////////////////////////
project
////////////////////////////////*/

.head {
margin: 0px 0px 15px 0px;
float: left;
clear: left;
}
.head h1, .head h2 {
float: left;
clear: none;
}
.head h1 span, .head h2 span {
font-weight: normal;
}

.text {
margin: 0px 0px 15px 0px;
float: left;
clear: left;
letter-spacing: -10px;
}
.text p, .text img, .text blockquote, .text ul, .text ol {
margin: 0px 10px 15px 0px;
vertical-align: top;
letter-spacing: normal;
}
.text p, .text blockquote, .text ul, .text ol {
width: 460px;
}
.text blockquote {
padding-left: 40px;
}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
margin: 0px 0px 15px 0px;
letter-spacing: normal;
}
.text embed {
margin: 0px 0px 15px 0px;
vertical-align: top;
letter-spacing: normal;
}
.text object object, .text object embed, .text iframe {
margin: 0px 10px 15px 0px;
vertical-align: top;
letter-spacing: normal;
}
.text hr {
margin: 0px 0px 15px 0px;
width: 220px;
border-top: 1px dashed #000;
}

.experiences hr {
width: 100px;
}
.experiences ul {
margin-left: 60px;
width: 400px;
}

/*////////////////////////////////
pagination
////////////////////////////////*/

ul.pagination {
display: block;
}
ul.pagination li {
margin: 0px 5px 0px 0px;
display: inline;
}
ul.pagination li.selected a {
text-decoration: line-through;
}
ul.pagination li.disabled a {
text-decoration: none;
}

/*////////////////////////////////
journal
////////////////////////////////*/

.journal {
width: 460px;
}
.journal img {
display: block;
margin: 0px auto 15px auto;
text-align: center;
}

/*////////////////////////////////
contact
////////////////////////////////*/

#post {
margin: 0px 0px 15px 0px;
float: left;
clear: left;
}

label {
margin: 0px 0px 5px 0px;
display: block;
font-weight: bold;
}
label span {
margin: 0px 0px 0px 2px;
font-weight: normal;
}
input, textarea, select {
margin: 0px 0px 20px 0px;
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 13px;
line-height: 15px;
border: 1px solid #000;
display: block;
}
input {
width: 220px;
height: 18px;
}
textarea {
width: 460px;
height: 158px;
}

.required {
/*color: #ff6600;*/
}

.success {
/*color: #66cc33;*/
}

.error {
/*color: #ff6600;*/
}

input.send {
width: auto;
height: auto;
background-color: #fff;
font-weight: bold;
}
input:hover.send {
/*text-decoration:line-through;
background-color: #ccc;
background-color: #ff6600;*/
color:#fff;
background-color: #000;
}

/*////////////////////////////////
links
////////////////////////////////*/

ul.links {
list-style-type: none;
}