* { margin: 0; padding: 0; }
* :focus { outline: 0; }
html { height: 100%; }
body { height: 100%; color: #000000; background: #e8e8e8 url(../images/body-bg.gif) 0 0 repeat-x; font: 62.5%/1.4 Georgia, Arial; ; position: relative; z-index: 1;}
a { color: #E64215; text-decoration:none; }
a:visited { color: #E64215; }
a:hover, a:active { color: #E64215; text-decoration: underline; }
button, input, textarea, select { font-size: 100%; font-family: Arial; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em;  letter-spacing:-0.05em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.3em; }
p {  font-size: 1.4em; line-height:140%; font-weight:normal; }
iframe, img { border: none; }
fieldset, form { border: 0px solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
div.pre { font-size: 1.4em; }
pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
.replace { background-repeat: no-repeat; overflow: hidden; position: relative; text-indent: -9999em; }
.replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 100; }
.replace a { height: 100%; width: 100%; position: absolute; top:0; left: 0; z-index: 101; display: block;}
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.off-screen { position: absolute; left: -10000px;}

.container { margin: 0 auto; width: 960px;}

#Logo { margin-top: 40px;}
#Logo h1 { height: 27px; width: 140px; }
#Logo h1 span { background: url(../images/logo.gif) 0 0 no-repeat;}

#Tagline { margin: 40px 0 40px 0;}
#Tagline h2 { width: 752px; height: 108px;}
#Tagline h2 span { background: url(../images/tagline.gif) 0 0 no-repeat;}

#NavigationPrimary { padding: 0px 0 30px 0; text-transform: lowercase; width: 911px;}
#NavigationPrimary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationPrimary ul { margin: 0; list-style: none; float: left; }
#NavigationPrimary ul li { margin: 0 0 0 20px; float: left; display: block; }
#NavigationPrimary ul li.first { margin-left: 0;}
#NavigationPrimary ul li a {font-size: 2.2em; padding: 0 2px; letter-spacing: -0.02em; }
#NavigationPrimary ul li a:link,
#NavigationPrimary ul li a:visited { color: #000000; text-decoration: none; }
#NavigationPrimary ul li a:hover,
#NavigationPrimary ul li.active a { color: #ffffff; background: #d03737;}

#Content { clear: both; width: 960px; }
#Content a:link,
#Content a:visited { color: #ffffff; background: #d03737; padding: 0 2px;}
#Content a:hover { color: #000000; background: none; padding: 0 2px; text-decoration: none;}
#Content a.clean { background: none; padding: 0; }
#Content p, #Content li { font-family: Georgia, Arial; }
#Content .columns { width: 100%;}
#Content .column-1 { width: 660px; float: left;}
#Content .column-2 { margin-left: 20px; width: 240px; float: left; border-left:1px #a5a5a5 dotted;}
#Content .column-2 h5 { padding: 15px 0 5px 0; }
#Content .column-2 .content { padding: 0 20px;}
#Content .column-1 .content h3 { padding-bottom: 15px; font-family: Georgia, Arial;}
#Content .column-1 .content p { font-size: 1.4em; padding: 0 2px 10px 2px; color: #666666; }
#Content .column-1 .content p.big-action { font-size: 2em; padding-top: 20px;}
#Content .column-1 .content strong { color: #000000; font-weight: normal;} 
#Content .column-1 .content ul { padding: 10px 2px; list-style:none;}
#Content .column-1 .content ul li p { font-size: 1.4em; }

#Content #LatestProject { padding-top: 20px; border-bottom:1px #a5a5a5 dotted;}
#Content #LatestProject .title { border-top:1px #a5a5a5 dotted; border-bottom:1px #a5a5a5 dotted; margin-bottom: 10px;}
#Content #LatestProject .title h3 { padding: 0; padding: 5px 0; font-size: 1.6em; }
#Content #LatestProject .date { font-size: 1.4em; color: #000000; padding-bottom: 20px; }
#Content #LatestProject .splash { padding: 10px 0;}
#Content h4#Twitter { margin: 20px 0 20px 0; width: 90px; height: 20px;}
#Content h4#Twitter span { background: url(../images/twitter-logo.gif) 0 0 no-repeat;}
#Content h4#Twitter a { background: none;}
#Content #TwitterFeed { margin: 10px 0 20px 0; }
#Content #TwitterFeed li { width: 200px; margin-top: 5px; padding-top: 8px; list-style: none; font-size: 1.1em; border-top: 1px #bcbcbc dotted;}
#Content #TwitterFeed li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Content #TwitterFeed li.tweet_first { border: none; padding-top: 0;}
#Content #TwitterFeed li .tweet_text a { background: none; color: #000000; text-decoration: none;}
#Content #TwitterFeed li .tweet_text a:hover { color: #ffffff; background: #d03737; }
#Content #TwitterFeed li .tweet_avatar { float: left; position: relative; background: url(../images/avatar-bg.gif) 0 0 no-repeat; height:34px; width: 34px; display: block;}
#Content #TwitterFeed li .tweet_avatar img { position: absolute; top:2px; left: 2px;}

#Content .column-1 .content ul.skills-list { margin-left: 15px; padding-top: 0; list-style: disc;}
#Content .column-1 .content ul.skills-list li { font-size: 1.4em; color: #666666;}

#RecentWork li { margin-bottom: 20px; padding-bottom: 20px; width: 100%; border-bottom:1px #a5a5a5 dotted;}
#RecentWork li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#RecentWork li .section-1 { width: 200px; float: left;}
#RecentWork li .section-2 { width: 400px; float: right;}
#RecentWork li .section-2 img { border: 4px #CCCCCC solid; float: right;}
#RecentWork li .video { border: 4px #CCCCCC solid; float: right; margin-top: 20px;}

#Footer { padding: 20px 0 20px 53px; font-size: 1em; color: #999999;}
#Footer a { color: #666666;}
.lions #Content .column-1 { width: 630px; }
.work #Content .column-1 { width: 620px;}

.latest-project { width: 100%; margin: 20px 0; padding-top: 20px; border-top: 4px #CCCCCC solid; }
.latest-project .l-p-c { float: left; display: inline;}
.latest-project .l-p-c-1 { width: 350px; }
.latest-project .l-p-c-2 { width: 250px; float: right;}
#Content .latest-project .l-p-c-2 a { background: none;}

.home #Content .column-1 .content h3 { font-size: 1.8em; padding-bottom: 0; }
.home #Content .column-1 .content .date { color: #000000; padding: 0 0 20px 0; }
.home .bigchips { padding: 20px 0; margin: 0; }
.home iframe { margin-top: 10px; }