html,body {height:100%;
margin:0;
padding:0; }

body {background:#3b3837 url(../images/smitten_bg.gif) center top no-repeat;
color:#cbcbcb;
font:11px/1.2em Verdana, Arial, sans-serif;
text-align:center; }

ul {list-style-type:none; }

div#container {border-top:15px solid #565555;
margin:0 auto;
text-align:left;
width:780px; }

div#sidebar {float:left;
font-size:11px;
line-height:14px;
padding-top:117px;
width:220px;
margin: 0px;
text-align: left; }

#sidebar a,div#content a {background:#3b3837;
border-bottom:1px dotted #8f7d6d;
color:#988675;
text-decoration:none; }

#sidebar a:hover,div#content a:hover,div#footer a:hover {background:#464342;
border-bottom:1px dotted #8b8786;
color:#8b8786;
text-decoration:none; }

#sidebar h1 {background:url(../images/sarahmcvean.gif) no-repeat;
border-bottom:1px #696361 solid;
height:24px;
margin:0;
text-indent:-9000px; }

#sidebar h2 {color:#35bdc7;
font:normal 1.2em Arial, Verdana, sans-serif;
margin:0;
padding:4px 0 10px 6px; }

#sidebar h3 {color:#FFF;
font:normal 1.1em Arial, Verdana, sans-serif;
margin:0;
padding-bottom:3px;
padding-left:6px; }

#sidebar h3.skills {padding: 10px 0em 3px 6px; }

#sidebar h3.strengths {border-top:1px #696361 solid;
padding:15px 0 3px 6px; }

#sidebar h4 {border-top:1px #696361 solid;
color:#fff;
font:normal 1.1em Arial, Verdana, sans-serif;
margin:0;
padding:10px 0 0 6px; }

#sidebar h5 {border-top:1px #696361 solid;
color:#fff;
font:normal 1.1em Arial, Verdana, sans-serif;
margin:0;
padding:10px 0 0 6px; }

div#sidebar p {line-height:14px;
margin:0;
padding:1px 0 12px 6px; }

#sidebar p.contact {border-top:1px solid #565555;
line-height:1.7em;
padding-top: 6px;
margin-top: 7px; }

#sidebar ul {
margin: 0px;
padding: 0px;
color:#cbcbcb;
}

#sidebar ul li {background: url(../images/sidecontent_bullet.gif) no-repeat 0px 3px;
padding: 0px;
margin: 0px;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 7px;
line-height: 13px; }


#sidebar ul li.featured {background: url(../images/feature_bullet.gif) no-repeat 0px 3px;
padding: 0px;
margin: 0px;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 7px;
line-height: 13px; }

div#content {color:#cbcbcb;
float:right;
width:560px; }

div#content h2 {background:url(../images/smitten_logo.gif) bottom right no-repeat;
border-bottom:1px #696361 solid;
color:#fff;
float:right;
height:141px;
margin:0;
padding:0;
text-indent:-9000px;
width:530px; }

div#content img {border:2px #565555 solid;
float:right;
margin:0;
padding:0; }

.portfolio {background:#3b3837;
border-bottom-color:#565555;
border-bottom-style:solid;
border-bottom-width:1px;
float:right;
margin-bottom:7px;
margin-right:5px;
padding-bottom:15px;
padding-top:15px;
width:520px; }

.portfolio h3 {background:#3b3837;
color:#fff;
float:right;
font:normal 1.1em Arial, Verdana, sans-serif;
line-height:1.4em;
margin:12px 0 0;
padding:0 2px 1px 0;
width:255px; }

.portfolio ul {float:right;
list-style:none;
margin:5px 0 0;
padding:0 2px 0 0;
width:255px; }

.portfolio li {clear:left;
line-height:1.6em;
padding-bottom:2px;
padding-top:3px; }

.portfolio thumb {float:left;
height:128px;
margin:0;
padding:4px;
width:256px; }

* html .portfolio {margin-right:2px; }

* html p {height:1%;
margin-left:0; }

div#footer {background:#565555;
clear:both;
color:#cdcdcd;
font-size:.95em;
width:780px; }

div#footer a {background:#565555;
border-bottom:1px dotted #565555;
color:#988675;
text-decoration:none; }

div#footer p {background:#565555;
clear:both;
line-height:1.5;
margin:0;
padding:5px 10px; }

div.vcard {
line-height:1.4em;
margin: 0em 0em 3px 0em;
padding: 2px 0em 6px 6px; }

div.adr {margin-bottom:6px; }

div.vcard .postal-code,div.vcard .country-name,div.vcard .tel {display:block; }

span.type {margin-right:5px; }