/*Common*/


/*Reset*/
@import url(./reset.css);


/*General*/
html{background-color:#fff;}
body{font-family:Arial, Sans-Serif;color:#000;text-align:left;}

a{color:#000;font-family:Arial, Sans-Serif;text-decoration:underline;font-weight:bold;}
a:focus{outline:3px solid #f00;}
a:active{outline:none;}
a:hover{text-decoration:underline;}

#content a[rel='external']{padding-right: 20px;}
#content a[rel='external']:hover{background: url(../images/externallink.gif) top right no-repeat;}

p{margin:0.5em 0 0.5em 0.2em;text-align:justify;}



h1,h2,h3,h4,h5,h6{font-family:Arial, Sans-Serif;margin:0 0 0.5em 0;color:#000;}

h1{font-size:2em;margin:0;}

h2{font-size:1.8em;text-transform:uppercase;letter-spacing:-1px;}

h3{font-size:1.6em;font-weight:200;}

h4{font-size:1.3em;font-weight:bold;}

h5{font-size:1.3em;}

#primary-nav{display:none;}

#header{margin-top:20px;font-size: 1.1em;}

#name{display:inline;font-family:Arial, Sans-Serif;font-weight:normal;}

#description{margin-left:0.5em;font-size:1.8em;display:inline;font-weight:bold;text-transform:lowercase;letter-spacing:2px;}
#description span{letter-spacing:-1px;-webkit-transition-property:color,background-color;-webkit-transition-duration:1s;}
#description span:hover{color:#999;}
#description span:first-child{margin-left:0.5em;}
/*#description span:first-child:after{content:"2";font-size:0.8em;padding-left:2px;vertical-align:super;}
#description span:last-child:after{content:"1/2";font-size:0.8em;padding-left:2px;vertical-align:super;}*/

#nav{margin:50px 0 15px;padding:0;height:auto;width:100%;border-bottom:2px solid #000;padding-bottom:10px;}

#nav ul.menu{margin:0;padding:0;width:100%;}
#nav ul.menu li{float:left;height:auto;width:auto;}
#nav ul.menu li a{color:#000;display:block;line-height:20px;width:auto;text-decoration:none;font-family:Arial, Sans-Serif;font-size:1.6em;letter-spacing:-1px;text-transform:uppercase;padding:0 2px;margin-right:10px;-webkit-transition-property:color;-webkit-transition-duration:1s;}
#nav ul.menu li:first-child a{padding-left:0;}
#nav ul.menu li a:hover{color:#999;}
#nav ul.menu li:last-child a{margin-right:0;}
#nav ul.menu li#contacts{float:right;text-indent:-9999px;background:url(../images/mail.png) center center no-repeat;width:50px;height:auto;}

#nav ul.menu li.current-page-item{ background-color: black; color: white; }

#content{text-align:left;min-height:380px;height:auto !important;height:380px;margin:20px auto 40px;padding:10px 0 10px;}
#content p{margin:1.3em auto;text-align:justify;}

/*.home{background:url(../images/home2.png) 0 20px no-repeat;}*/

.intro{font-size:2em;letter-spacing:-1px;}

.section{margin:0 30px 0 0;float:left;width:300px;}

.def{cursor:help;color:#333;}

.about#content{background: url(../images/me.jpg) right center no-repeat;}

.label{font-weight:bold; margin-right:0.3em;}
.label:after{content:":";}
.project{margin-bottom:.7em;padding-bottom:.7em;border-bottom:2px dotted #999;width:400px;}
.project:last-child{border:none;}

#footer{position:relative;height:auto;width:100%;float:left;line-height:1.6em;margin:0 auto 30px;font-size:0.8em;padding-top:10px;border-top:2px solid #000;}


/*Classes*/
.hidden{left:-9999px;position:absolute;}

.deleted{text-decoration:line-through;}

.alert{background:#000;color:#fff;font-size:1.2em;margin:1em 0;padding:0.5em 1em;}

ul.list{list-style:square;width:100%;font-size:1em;line-height:1.3em;}
ul.list li{margin:0.5em 0 0.5em 2em;}
ul.list ul{list-style:disc;}


/*VCard*/
.vcard{padding:0.2em 0;font-size:1em;}
.vcard > *{display:block;}
.vcard a{text-decoration:none;}
.vcard .fn{font-weight:bold;font-size:1em;}
.vcard .title{font-size:0.8em;}
.vcard .mail{}
.vcard .adr{}

/*Clear*/
* html .clear{height:1%;}
.clearer{display:block;}
.clearer:after{clear:both;content:".";display:block;height:0;visibility:hidden;}