body {padding:0px; margin:0px; font-size:14px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#2c2b2b;} /*Arial, "MS Trebuchet", sans-serif*/

a img {border:0;}
p {text-align:justify;}
blockquote {background-color:#eee; border:1px solid #bbb; margin:0px; padding:10px;}

#background-grad {background-image:url(/images/background-grad.gif); background-repeat:repeat-x; background-position:top; background-color:rgb(44,43,43); position:fixed; top:0px; bottom:0px; left:0px; right:0px;}
* html #background-grad {display:none;}

.blue-background {left:5px; right:0px; width:932px; margin:auto; position:absolute;}
#blue-top {background-image:url(/images/blue-top.png); background-repeat:no-repeat; background-position:top center; height:300px; top:100px; }
#blue-bottom {background-image:url(/images/blue-bottom.png);  background-repeat:repeat-y; bottom:0px; top:400px; }
* html .blue-background {display:none;}

.centered {width:720px; position:absolute; left:0px; right:120px; margin:auto;}

#navigation {position:fixed; top:0px; left:0px; right:0px; z-index:2; background-image:url(/images/nav-grad.png); background-repeat:repeat-x; height:85px;}
* html #navigation {position:relative; background:none; margin-left:20px;}
#navigation ul { list-style:none; padding:0px; width:700px; left:0px; right:0px; margin:auto; position:absolute; padding-right:100px;}
#navigation ul li {float:left; padding:12px 0;}
#navigation ul li a {font-weight:bold; color:#888; font-size:18px; margin-left:20px; margin-right:20px; text-decoration:none; letter-spacing:1px; text-shadow:1px 1px 1px #000;}
#navigation ul li a.selected, #navigation li a:hover {color:#e5e5e5;}

#sidebar-holder {position:fixed; left:0px; right:0px; top:67px; margin:auto; width:932px; } /*width:expression(document.body.clientWidth < 932 ? "932px" : document.body.clientWidth+"px")*/
* html #sidebar-holder {position:relative; float:right; width:auto; top:auto; left:auto; right:auto;}
#sidebar {float:right; text-align:left;}
#sidebar .headshot {margin-right:-3px;}
#sidebar .name {display:block; text-align:center; margin-top:5px;}
#sidebar #side-links {list-style:none; padding-left:13px; margin-top:70px;}
#sidebar #side-links a {color:#ccc; padding-left:33px; font-size:16px;  line-height:30px; display:block; height:30px; background-position:left center; background-repeat:no-repeat; margin-bottom:5px; font-family: Verdana, Arial, "MS Trebuchet", sans-serif; }
#sidebar #side-links a:hover {color:#0088CC;}

a.twitter {background-image:url(/images/twitter-24x24-bw.png);}
a.twitter:hover {background-image:url(/images/twitter-24x24.png);}
a.facebook {background-image:url(/images/facebook-24x24-bw.png);}
a.facebook:hover {background-image:url(/images/facebook-24x24.png);}
a.flickr {background-image:url(/images/flickr-24x24-bw.png);}
a.flickr:hover {background-image:url(/images/flickr-24x24.png);}
a.github {background-image:url(/images/octocat-24x24-bw.png);}
a.github:hover {background-image:url(/images/octocat-24x24.png);}

.preload {width:1px; height:1px; position:absolute; bottom:0px; right:0px;}
.pl1 {background-image:url(/images/twitter-24x24.png);}
.pl2 {background-image:url(/images/facebook-24x24.png);}
.pl3 {background-image:url(/images/flickr-24x24.png);}
.pl4 {background-image:url(/images/octocat-24x24.png);}

#content .resume {font-size:13px;}
#content .resume h1 {font-size:20px; font-weight:bold; color:#222; letter-spacing:1px; text-align:center; margin:25px 0;}
#content .resume h2 {font-size:15px; font-weight:bold; margin-top:50px; color:#222; letter-spacing:1px;}
#content .resume h3 {font-weight:bold; color:#333; font-size:13px; margin-bottom:0px; margin-top:10px;}
.resume p {margin-top:0px; margin-bottom:20px; }
.resume .medium-strong {font-weight:bold; color:#333;}
.resume .experience {position:relative; margin-top:40px;}
.resume .experience .dates {float:right;}
.resume .experience .position {font-weight:bold; display:block; color:#333; font-size:13px;}
.resume .experience .location {margin-bottom:8px; display:block;}

.contact label {float:left; display:block; width:70px;}

#content {padding-top:40px; line-height:18px; padding-bottom:50px;} /*font-family: georgia, serif;*/
#content h1 {font-size:20px; margin-top:10px; letter-spacing:1px;}
#content h3 {font-size:15px; font-weight:bold; margin-top:30px; color:#222; letter-spacing:1px; margin-bottom:0px;}
* html #content {margin-left:20px; padding-top:10px;}
#content .main-holder {color:#181818; padding:20px 40px; background-color:#FAFAFA; border:1px solid #4E7CC4; margin-top:40px; -moz-border-radius:6px; -moz-box-shadow:2px 2px 7px #000; -webkit-border-radius:6px; -webkit-box-shadow:2px 2px 7px #000; line-height:20px; position:relative;}
#content a {color:#0088CC;}
#content a:hover {color:blue; text-shadow:0px 0px 5px #0088CC;}

#content .original-post {font-size:12px; color:#888; float:right; }
#content .post .original-post {display:block; line-height:25px; float:none;}
#content .home-post p {margin-top:5px;}
#content .post-title {color:#333; text-decoration:none;}
#content .read-more {white-space:nowrap;}
#content .more-articles {display:block; text-align:center; font-weight:bold; font-size:14px; padding:10px;}

div.success-notice {  padding: 5px 10px;  border: 1px solid;  font-size: 14px;  border-color: green;  color: #008f14;  background-color: #bfdbc3;  margin: 1px 0px; }
div.error-notice {  padding: 5px 10px;  border: 1px solid;  font-size: 14px;  border-color: #af0000;  color: #af0000;  background-color: #ffcccc;  margin: 1px 0px; }
div.warning-notice {  padding: 5px 10px;  border: 1px solid;  font-size: 14px;  border-color: #fed103;  color: #333;  background-color: #fff868;  margin: 1px 0px; }