* {

text-align: left;

}

html, body { 

background-color: #FFF; 
margin: 0 auto; 
color: #000;
text-align: center }

p {

font-family: Arial, Helvetica, Sans-Serif;
font-size: .9em;
/*letter-spacing: .05em;*/
color: #333;
/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, sans-serif;


*/

}

a {

color:#cc3300;
text-decoration: none;
/* color: #990000; */

}

h1, h2, h3, h4, h5, h6{

font-family: "Georgia", Times New Roman, Serif;
font-weight: normal;

}

h1{

font-size: 3.3em; 
margin-bottom: .4em; 
margin-top: 1.1em; 

}

h2 {

font-size: 1.6em;

}

li {

font-family: Arial, Helvetica, Sans-Serif;
font-size: .9em;
letter-spacing: .05em;
list-style-type: arrow;
color: #333;

}

div#wrapper {

width: 45em;
margin-left: auto;
margin-right: auto;

}


/*Homepage Styles*/

div#banner {

margin: 0;
padding:0;
height: 45px;
width: 100%;
background-color: black;
text-align: right;
/*
background-image: url("../files/arrow-right.png");
background-position: right;
background-repeat: no-repeat;
*/
}

div#banner p.blog {

display: inline;
font-weight: normal;
color: white;
text-align: right;
font-size: 18px;
margin: 0;
padding:0;
position: absolute;
top: 10px;
right:50px;



}

div#banner p.blog a {
margin: 0;
padding:0;
font-weight: bold;
text-align: right;

}

div#banner a img#arrow-right {

border:none;
display: inline;
margin: 0 0 0 25px;

}

div#

img.profile {

margin-bottom: 1.2em;

}

div#menu {

font-size:0.9em;
height:1.5em;
padding-top:0.3em;
width:100%;
border-top: 2px solid black; 
border-bottom: 2px solid black;

}

div#menu ul li a{

padding:0.3em 0.5em;

}




div.section {

padding-top: 1.1em;
border-top: 1px gray dotted;
padding-bottom: 1.2em;
}



div#contact {

float:left;
padding-left:2em;
width: 20em;
border-right: 1px gray dotted;
}

div#career {

float:left;
padding-left: 2em;
width: 20em;
}

div#accounts {

clear:both;

}

div#footer {
height: 13em;
width: 100%;
position: relative;
bottom: 0;
background-color: black;

}



img.profile {

float:left;

}

a#blogtitle {

font-size: 1.1em;

}

p#blog {

font-family: "Georgia", Times New Roman, Serif;

}


/*Mock interview styles*/


img.interview-pic {

float:left;
border: 1px solid black;
padding: 5px;
margin: 0 10px 40px 10px;

}

div.quote {

float: left;
margin: 0px;
padding: 0;
clear:both;
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: gray dotted 1px;
width: 100%;

}

div.quote strong {

margin:0;
padding;0;
}

div.jonathan {

}

/*Resume Styles*/

div#resume p, div#resume cite {

margin-left: 1.3em;

}



p.goback {

font-size: .9em; 
position: absolute; 
top: 63px; 
left: 45px; 
color: #666;

}

div.hresume {

display:block;

}

div#download {

float: left;
padding-left: 2em;
width: 20em;

}

div#skills {

float:left;
padding-left:2em;
width: 20em;

}

div.resume-section {

clear: both;
padding-top: 1.22em;
border-top: 1px gray dotted;
padding-bottom: 1.2em;

}

p.degree {

font-style: italic;
padding-left: 5em;

}

p.job {

font-weight: bold;

}


cite {

display:block;
margin-bottom: 1.3em;
padding-left: 4em;
font-family: Arial, Helvetica, Sans-Serif;
font-size: .9em;
font-style:normal;
text-indent: -4em;
}




/*Portfolio Styles */

div.example {

clear:both;

}

div.example h3 {

margin-top: 35px;

}

img.website {

float: left;
padding: 4px;
border: solid 1px black;
margin: 20px 35px 35px 20px;

}

div.description {


padding: 4px;
margin: 20px 0 0 0;


}

span.note {

color: gray;

}