@charset "utf-8";
/*general*/
* {padding:0; margin:0;}
html {}
body {background:#2d1f19; height:100%;}
p {font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; color:#FFFFFF; line-height:1.4em; margin-bottom:15px; letter-spacing:0.1em;}
a {color:#ff9900; text-decoration:none;}
a:hover {text-decoration:underline;}
h2, h3 {color:#ffffff; font-size:2.2em; font-weight:normal; letter-spacing:0.1em; margin-bottom:20px;}
h3 {font-size:1.2em;}
h4, h5 { font-weight:normal; letter-spacing:0.1em;}
li {list-style:none;}
fieldset {border:none;}

/*top*/
#topbg {background:url(../images/tile-shadow-full.gif) repeat-x; height:236px;}
#topTomBrew {margin-left:auto; margin-right:auto; width:783px; height:236px; background:url(../images/top-tombrew.png) no-repeat;}
#topMe {margin-left:auto; margin-right:auto; width:783px; height:236px; background:url(../images/top-me.png) right no-repeat;}
#topMe h1 {display:block; position:absolute; top:-400px;}

/*container*/
#container {background:#4e362b; padding:6px 0 100px 0;}

/*nav*/
#nav {margin:0 auto 20px auto; width:783px; height:42px; background:url(../images/nav-bg.gif) no-repeat; text-align:center;}
#nav a {font-size:1.3em; letter-spacing:0.1em; color:#FFFFFF; height:42px;}
#nav a:hover {color:#ff9900; text-decoration:none;}
#nav ul {margin:0 0 4px 0;}
.under {background:url(../images/nav-underline.gif) bottom center no-repeat;}
#nav li {display:block; float:left; margin:0; padding:0 23px; height:40px;}

/*content*/
#content {margin:auto; width:783px; height:100%; overflow:hidden;}

/*lhs*/
#lhs {width:533px; float:left;}
#lhs ul {margin:0 0 20px 70px;}
#lhs li {background:url(../images/bullet.gif) center left no-repeat; padding-left:24px;}
#lhs li p {margin-bottom:5px;}
#lhs h3 {font-size:1.8em;}
#lhs h4 {font-size:1.4em; margin-bottom:20px;}
#lhs h4.academic {margin:0;}
#lhs h5 {font-size:1em;}
.duration {font-size:0.8em;color:#271b15;}

#iombusandrail {background:url(../images/ss-iombusandrail.jpg) top center no-repeat;}
#esplart {background:url(../images/ss-esplart.jpg) top center no-repeat;}
#iombusandrail h4, #esplart h4 {margin-bottom:340px;}

.BlogPost h4 {margin:10px 0 0 0; padding:0;  letter-spacing:0.1em;}
.BlogIndent {display:block; margin-left:20px;}
.BlogIndent img {border:thin solid #2d1f19;}
.BlogDate {font-size:0.9em; margin-bottom:10px; color:#271b15; padding:0;}
.BlogComments, .BlogCategories {color:#271b15; margin:0; padding:0;}
.BlogComments, .BlogCategories, .commentDate, .commentName, .commentUrl {font-size:0.7em;}
.BlogCategories {color:#ffffff; margin-top:40px;}
.commentPost {margin:0 0 10px 20px; padding-left:20px; border-left:thin dotted #271b15;}
.commentName {margin:20px 0 0 0; padding:0;}
.commentDate {color:#271b15; margin:20px 0 5px 0; padding:0;}
.commentUrl {margin-bottom:20px;}

.listColumns {width:533px; height:100%; overflow:hidden;}
.listColumns ul {float:left;}

/*contact form*/
#log {margin:10px 0 10px 0;}
#log h3 {color:#00CC33;}
#log_res {overflow: auto;}
#log_res h3 {margin-top:20px;}
.formError {color:#FF3300; font-size:0.7em;}
.human { visibility: hidden; height: 0; padding: 0; }
#log_res.ajax-loading { display: block; width: 533px; height: 40px;	background: url(../images/loader.gif) no-repeat center; }

 

/*hr*/
div.hr {height: 17px; background:url(../images/hr.gif) no-repeat scroll center; margin:30px 0;}
div.hr hr {display: none;}

/*rhs*/
#rhs {width:220px; float:left; margin-left:30px;}
#rhs p, h4 {color:#FFFFFF; line-height:normal; letter-spacing:normal; font-weight:normal;}

.lastFM {width:220px;}
.trackrecord {background:url(../images/lastfm.gif) left top no-repeat; margin:0 0 30px 0; padding-left:40px;}
.record {background:url(../images/rhs-hr.gif) bottom no-repeat; height:83px; margin:0 0 15px 0; padding:0;}
.record a:hover {text-decoration:underline;}
.artist, .album {position:relative; top:-68px; padding-left:70px;}

.reading {width:220px;}
.author p {font-size:0.7em;}
.title, .author {position:relative; top:-83px; padding-left:60px;}
.author {top:-85px;}

#download {width:220px; margin-bottom:30px;}
#download p {font-size:0.7em;}
#PDF {background:url(../images/icon-pdf.gif) top left no-repeat; padding-left:55px;}
#word {background:url(../images/icon-word.gif) top left no-repeat; padding-left:55px;}

.mmThumbs {width:220px; margin-bottom:30px;}
.mmThumbs p {margin:0; padding:0;}
.mmThumbs img {border:2px solid #281c15;}
.mmThumbs a:hover img {border:2px solid #ff9900;}
.mmThumbs table {width:200px;}
.mmThumbs tr, td {margin:0; padding:3px;}

#linkedIn {width:220px; margin-bottom:30px;}
#linkedIn img{ border:none; margin-bottom:10px;}

#BlogRecent {width:220px; margin-bottom:30px;}
#BlogRecent a {display:block; background:url(../images/rhs-hr.gif) bottom no-repeat; margin:0; padding-bottom:25px;}
#BlogRecent li { margin:0; padding:0;}

#BlogCategories, #BlogArchive {width:220px; margin-bottom:30px;}

#BlogSearch h3 {margin:0; padding:0;}
#BlogSearch input, submit {float:left;}
#BlogSearch input {margin:0 10px 30px 0;}

#links {width:220px;}
#links li {background:url(../images/rhs-hr.gif) bottom no-repeat; height:32px; margin:0 0 5px 0; padding:0;}

/*footer*/
#footer {width:100%; float:left; background:url(../images/tile-footer.gif) repeat-x;}
#footerContent {position:relative; top:-50px; margin-left:auto; margin-right:auto; width:783px; height:95px;}
.credits {font-size:0.7em; margin-top:20px; width:783px; background:#33FF00; height:20px; background:url(../images/valid-icons.gif) center right no-repeat;}

/*twitter*/
#twitter {position:relative; background:url(../images/twitter-bg.png) no-repeat; height:84px; padding-left:95px;}
#twitter h3 {position:absolute; visibility:hidden;}
.twitterStatus p {margin:0; padding:0px}
.twitterDate p {font-size:0.6em; padding-left:8px; line-height:1.5em;}