* { margin: 0; padding: 0; }
body {background: #fff; font: 90% arial,verdana,sans-serif;}

strong {font-weight: 800;}
img {border: 0;}
.bold {font-weight: 800;}

a {	color: #59819F; outline: 0; }
a:visited { color: #59819F; }
a:hover, a:focus { color: #92A9BA; }
a:active { color: #92A9BA; }
input { border: 1px solid #36363F; padding: 3px;}

#logo {float: left;}

/* FLash notices */
.error {
  padding: 8px;
  background: #EFE0E1;
  border: 1px solid #BF8F91;
  margin-bottom: 6px;
}
.notice, .success {
  padding: 8px;
  background: #E0EFE2;
  border: 1px solid #8FBF91;
  margin-bottom: 6px;
}

#header {height: 140px;background: #36363F;}
#headerin {
    background: transparent url('/images/header-background.gif') 100% 0 no-repeat;
    height: 140px;
    width: 960px;
    margin: 0 auto;
}
#content {
    line-height: 126%;
    width: 960px;
    margin: 20px auto;
}

.pic-big {
  max-width: 600px;
  max-height: 600px;
  margin: 5px 0 5px 0;
}

#maincontent {
    margin-right: 350px;
}
#maincontent h2 {
    font-weight: 800; 
    color: #000;
    padding-bottom: 4px;
    font-size: 126%;
}
#maincontent h3 {
    font-weight: 800;
    font-size: 116%;
}
#maincontent p {
    font-weight: 400;
    padding: 2px 1px 0px 1px;
}
h3.title {border-bottom: 1px solid #e3ebf3;color: #576E88;}


ul.myskills {
    margin: 0 0 0 20px;
    padding: 0 0 10px 0;
}
ul.myskills li {
    font-weight: 400;
    padding-top: 2px;
}



#sidenav {
    padding: 5px;
    background: #FFF;
    width: 300px;
    float: right;
    margin-top: 0px;
}
#sidenav h2 {font-weight: 800;color: #232C2F; font-size: 119%;padding-bottom: 6px;}

#sidenav ul.recent-posts  {
    padding-left: 8px;
    list-style-type: none;
}	
#sidenav ul.recent-posts li {
    font-size: 100%;
    padding: 0 0 5px 0;
}

.recentenc {text-align: center;width: 160px;padding-bottom: 3px;}


ul#nav {
    float: right;
    list-style: none; 
    margin: 103px 0 0 0;
    padding: 0;	
    text-align: center;
    overflow: hidden; /* New trick for clearing a float */
}
ul#nav li {float: left; margin-right: 1px;}
ul#nav li a {
    color: #FFF;
    font-weight: 400;
    font-size: 119%;
    float: left;
    padding: 8px 30px 0 30px;
    height: 28px;
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 0;
    background: #262631 url('/images/nav-background-ina.gif') repeat-x;
}
ul#nav li a:hover, ul#nav li a.active {
    color: #000;
    background: #FFF url('/images/nav-background.gif') repeat-x;
    border: 1px solid #FFF;
    border-bottom: 0;
}


#footer {margin-top: 20px;background: #36363F;}
#footerin {width: 960px;padding: 30px 0;margin: 0 auto; color: #FFF;}
#footerin a { color: #FFF}

/* blog layout */

h2.title {margin: 0;}
.datetime {font-weight: 800;text-indent: 0;color: #6c6c6c;font-size: 86%; margin-bottom: 3px;}
h2.title a {text-decoration: none;font-size: 123%;}

.post {
  margin-bottom: 30px;
}

.comment-o .user{
  overflow: hidden;
  padding: 5px 10px 10px 10px;
}
.comment-o .body {
  background: #E0E0EF;
  border: 1px solid #8F90BF;
  padding: 10px;
}
.comment-o {
  background: #FFF;
  overflow: hidden; /* new clear */
	margin-bottom: 20px;
}
.comment-arrow {
  margin-top: -1px;
  display: block;
  margin-left: 20px;
}

#new-comment input[type=text] {
    width: 300px;
}
#new-comment textarea {
    width: 500px;
    height: 140px;
}
.form-error {
  color: red;
  display: block;
}
input.form-error {
  border: 1px solid red;
}
#comment-count {
  margin-bottom: 10px;
}

pre.ruby{
    background: #36363F;
    color: #FFF;
    padding: 8px;
    font: 82% arial;
    margin: 5px 0 3px 0;
}
pre.ruby .string {
  color: #9BCF9D;
}
pre.ruby .ident, pre.ruby .method {
  color: #EFD286;
}
pre.ruby .keyword, pre.ruby .constant, pre.ruby .punct {
  color: #EF944A;
}
pre.ruby .symbol {
  color: #7FA7FF;
}
pre.ruby .comment {
  color: #9F9F9F;
}