body {
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#666;
margin:0;
border-top:2px solid #8BC159;
background-color: #f0f0f0;
}

* {
margin:0;
padding:0;
}

h1 {
font-family: "Cardo", "Times New Roman", Times, serif;
font-size:3.8em;
font-weight:normal;
color:#333;
letter-spacing:-1px;
margin:20px 0;
}

h1, h2 { text-shadow: 0 1px #fff; }

h1 a {
text-decoration:none;
color:#333;
}

#sidebar, #content, #header h1, #header .description {
  	display:inline;
  	position: relative;
  	margin-left: 10.0px;
  	margin-right: 10.0px;
}

#header { border-bottom: 1px solid #c6c6c6; }
#header, #footer { width: 960px; }

#header .description {
  float: left;
  width: 300px;
  margin-top: 30px;
}

#header h1 {
  float: left;
  width: 620px;
  padding: 15px 0;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 960px;
}

#nav {
border-bottom:1px solid #eee;
padding:7px 0;
margin:0;
border-top:1px solid #eee;
height:28px;
}

#nav li {
float:left;
list-style:none;
}

#nav li a {
color:#999;
padding:5px 5px 7px 5px;
background:#fff;
font:1.6em Trebuchet MS;
margin:1px 2px 0 0;
font-weight:bold;
text-decoration:none;
display:block;
}
#nav li a:hover {
background-color:#eee;
color:#333;
text-decoration:none;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
}

.clear {
clear:both;
}

#content {
float: right;
width: 620px;
padding: 10px 0 25px;
}



#content2 {
margin:0 0px 0 0 !important;
margin:0 0px 0 0;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:10px 25px 30px 25px;
}


#content p, #content2 p {
line-height:25px;
margin:0 0 25px;
font-size:110%;
word-spacing:2px;
}




#content a, #content2 a{
text-decoration:none;
color:#333;
border-bottom:1px solid #eee;
}

#content a:hover, #content2 a:hover{
color:#000;
}

#content h2, #content2 h2{
font-family: "Cardo","Times New Roman", Times, serif;
font-size:2.8em;
font-weight:normal;
margin:0;
padding:5px 0;
line-height: 1.2em
}

#content h2 a, #content2 h2 a {
color:#444;
text-decoration:none;
border:none;
}

#sidebar {
width:300px;
float:right;
padding: 10px 0 30px;
clear: both;
}

#sidebar h2 {
letter-spacing:2px;
font-size:1.4em;
color:#333;
border-bottom:1px solid #c6c6c6;
padding:0 0 3px 0;
}

#sidebar ul {
list-style:none;
margin:0 0 20px 0;
}

#sidebar li {
padding:3px;
border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
color:#333;
text-decoration:none;
}

#sidebar input {
width:240px;
padding:5px;
background:#fdfdfd;
color:#444;
border:1px solid #f6f6f6;
font:11px Verdana;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

#sidebar li a:hover {
color:#000;
}

p.news {
padding:10px;
background:#D7F0B2;
margin:10px 0;
color:#537B17;
border-bottom:2px solid #BCE67D;
border-top:2px solid #BCE67D;
}

blockquote {
padding:5px 15px;
background:#f6f6f6;
margin:10px 0;
border:1px solid #eee;
}

#content ul, ol {
margin:10px 10px 10px 25px;
border-top:1px solid #eee;
}


#content2 ul, ol {
margin:10px 10px 10px 25px;
border-top:1px solid #eee;
}
#content li {
padding:10px;
border-bottom:1px solid #eee;
}


#content2 li {
padding:10px;
border-bottom:1px solid #eee;
}

img {
background:#ccc;
padding:1px;
border:5px solid #eee;
}

#content h3 {
margin:10px 0;
font:160% Trebuchet MS;
color:#222;
}

#content2 h3 {
margin:10px 0;
font:160% Trebuchet MS;
color:#222;
}

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0 0 ;
}
a.more:hover {
text-decoration:underline;
}




input {

border: 1px solid #CCC;
font-size: 11px;
}

input:hover {
border:1px solid #262626;

}
input:focus {
border:1px solid #262626;
color:#333;
}


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}


/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}


a
{
color:#000;
}

a:visited
{
color:#000;
}
#sidebar li
{
list-style:none;
}
/* Resume */
#content2 .entry h1 {
font: 1.5em verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
}
#content2 .entry h2 {
border-bottom: 1px solid #666;
clear: both;
font: 1.5em verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin: 15px 0 10px 0;
padding: 0 0 3px 0;
width: 700px;
}
#content2 .entry h3 {
font: 1.5em verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}
#content2 .entry li {
font-size: 1em;
margin: 0 0 3px 20px;
padding: 0;
}
#content2 .entry p {
font-size: 1em;
margin: 0 0 10px 0;
padding: 0;
width: 575px;
}
#content2 .entry ul {
margin: 0 0 0 125px;
padding: 0;
width: 575px;
}
#content2 .entry div ul {
margin: 3px 0 20px 0;
padding: 0;
width: 575px;
}
#content2 .entry #bio_left {
font-size: 1em;
float: left;
width: 345px;
}
#content2 .entry #bio_right {
font-size: 1em;
float: left;
text-align: right;
width: 345px;
}
#content2 .entry .company {
clear: both;
margin: 0 0 5px 0;
padding: 0;
float: right;
}
#content2 .entry .data {
padding-left: 125px;
}
#content2 .entry .date {
clear: left;
float: left;
padding-top: 2px;
width: 125px;
}
#content2 .entry .job {
clear: both;
width: 700px;
}
#content2 .entry .job_data {
float: left;
width: 575px;
}
#content2 .entry .location {
clear: right;
float: left;
text-align: right;
width: 125px;
}
#content2 .entry .position {
font-style: italic;
margin: 0 0 5px 0;
width: 125px;
float: left;
}
#content2 .entry #references {
margin-top: 20px;
}
#content2 .entry #meta {
margin-top: 30px;
}

#footer {
padding:20px;
text-align:right;
border-top:1px solid #eee;
margin:0;
color:#999;
clear: both;
display: block
}

#footer:after, #header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }


.project {
margin-bottom: 30px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
height: 400px
}

.projectThumbnail {
float: left;
width: 225px;
display: inline;
margin: 10px 5px 0 0;
position: relative;
top: -5px;
}

.projectDetail {
float: left;
width: 200px;
padding: 10px 0 0;
margin: 0 0 0 10px;
display: inline;
background: transparent;
}

#content2 .entry .skills {padding: 4px; border: none}
#content2 .entry p.skillset {width: 125px; float: left;}
.clear { clear: both; }