body
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin:0;
	background: #3d4349;
	color: #49595F;
}

h1 { color: #663366; text-transform: uppercase; }
h2, h3, h4, h5, h6{ color: #128ac7; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ text-decoration: none; }
h1{ font-size:22px; font-weight: bold; }
h2{ font-size:18px; }
h3{ font-size:14px; color: #1aa8dc; }
strong { color: #663366; }
p{ font-size:12px; text-align:justify; margin: 0 0 15px 0; }
p.small{ font-size: 11px; }
p.very-small{ font-size: 10px; }
pre { overflow: auto; background: #d0d8d8 url(../img/pre-bg.gif) left top repeat-x; padding: 10px; }
img{ border: 0; }

hr{ margin: 10px 0 10px 0; padding: 0; border:0; display: block;  line-height: 0; border-bottom: solid 1px #ccc; height: 0px; }

a { color: #128ac7; }
a:hover { color: #333; }

.clear-fix {display:inline-block;}
html:root .clear-fix {display:block;}
.clear-fix:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

.header-wrap, .content-wrap, .footer-wrap, .banner-wrap{ text-align: center; }
.header, .content, .footer, .banner{ width: 960px; margin: 0 auto; text-align: left; }
.header, .content, .footer , .banner{  }
.banner-wrap{ background-color: #000; }
.header-wrap{ background: #000; }
.header{ background: url(../img/header-bg.jpg) top right no-repeat; height:207px; }
.header-wrap{  }
.header h1{ margin:0; float:right; text-indent: -9000px; }
.header h1 a{ display: block; width: 150px; height:55px; background: url(../img/logo.gif) no-repeat top right; }
.header h1 a:hover{  }
.header h2 { background: url(../img/banner-splitsecond.gif); margin: 27px 0; text-indent: -9000px; height: 125px; width: 640px; }

.content-wrap{ background: #d8dedf url(../img/content-bg.gif) top left repeat-x; padding: 10px 0 20px 0; }
.content{  }
.content-right{ float: left; }
.content-main{ width: 940px; }
.full-size{ float: none; width: 100%; }

#main-nav-item-about {  background-image: url(../img/nav-about.gif); width: 93px; }
#main-nav-item-blog {  background-image: url(../img/nav-blog.gif); width: 82px; }
#main-nav-item-code {  background-image: url(../img/nav-code.gif); width: 83px; }
#main-nav-item-home {  background-image: url(../img/nav-home.gif); width: 84px; }
#main-nav-item-portfolio {  background-image: url(../img/nav-portfolio.gif); width: 121px; }
.navigation ul { margin:0; padding:0; display:block; }
.navigation ul li { background-position: 0 -55px; height: 55px; background-repeat: no-repeat; float:left; list-style-type: none; margin:0; padding:0; }
.navigation ul li a { height: 55px; display: block; text-indent: -9000px; }
.navigation ul li.selected {  background-position: 0 0; }


.footer-wrap{ background: #3d4349 url(../img/dark-blue-bg.gif) top left repeat-x; }
.footer{ padding: 10px 0 20px 0; }
.footer ul{ margin:0;padding:10px; }
.footer ul li{ list-style-type: none; float: left; padding: 0 10px 0 10px;  }
.footer ul li a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.footer ul li a:hover{  }

/* home */
#page-home .header h2 { background: url(../img/banner-home.png); margin: 27px 0;  text-indent: -9000px; height: 125px; width: 940px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='img/banner-home.png',sizingMethod='scale'); }
#page-home .content-main #featured-work { width: 620px; margin: 8px 10px 8px 0; float: left; }
#page-home .content-main #featured-work h1 { background: url(../img/h1-featured-work.gif) top left no-repeat; }
#page-home .content-main #featured-work .project { width: 300px; float: left; }
#page-home .content-main #featured-work .project.first { margin: 0 20px 0 0; }
#page-home .content-main #featured-work .project img { border: solid 1px #ccc; padding: 2px; background: #fff; }
#page-home .content-main #featured-work .project h3 { margin: 8px 0 5px 0; }
#page-home .content-main #featured-work .project p { font-size: 11px; margin: 0 0 8px 0; }
#page-home .content-main #rss-feed { border-left: solid 1px #ccc; width: 299px; padding: 0 0 0 10px; margin: 8px 0 8px 0; float: left; }
#page-home .content-main #rss-feed h1 {  background: url(../img/h1-from-the-blog.gif) top left no-repeat; }
#page-home .content-main #rss-feed ul { margin: 0; padding: 0; list-style-type: none; }
#page-home .content-main #rss-feed li { margin: 0; padding: 0; }
#page-home .content-main #rss-feed li a { text-decoration: none; }
#page-home .content-main #rss-feed li strong { display: block; font-size: 12px; }
#page-home .content-main #rss-feed li p { font-size: 11px; }
#page-home .content-main #featured-work h1,
#page-home .content-main #rss-feed h1 { border-bottom: solid 1px #ccc; height: 24px; width: 100%; border-bottom: solid 1px #ccc; margin-bottom: 8px; text-indent: -9000px; }

/* portfolio */
#page-portfolio .content-main h1, #page-project .content-main h1 { background: url(../img/h1-portfolio.gif) top left no-repeat; width: 230px; height: 40px; text-indent: -9000px; float: left; }
#page-portfolio .content-main .projects, #page-project .content-main .projects { padding: 0; margin: 0; }
#page-portfolio .content-main .projects li, #page-project .content-main .projects li { padding: 8px 10px 8px 10px; margin: 0; width: 140px; display: block; float: left; border-left: solid 1px #ccc; }
#page-portfolio .content-main .projects li.selected, #page-project .content-main .projects li.selected { background: url(../img/content-bg.gif) bottom left; }
#page-portfolio .content-main .projects li.selected a, #page-project .content-main .projects li.selected a { color: #333; }
#page-portfolio .content-main .projects li p, #page-project .content-main .projects li p { margin: 0; color: #6d848d; }
#page-portfolio .content-main .projects li strong, #page-project .content-main .projects li strong { display: block; }
#page-portfolio .content-main .projects li a, #page-project .content-main .projects li a { text-decoration: none; }
#page-portfolio .content-main h2, #page-project .content-main h2 { width: 230px; float: left; margin: 40px 0 20px 0; }
#page-portfolio .content-main h2 span, #page-project .content-main h2 span { display: block; font-size: 11px; color: #49595F; font-weight: normal; }
#page-portfolio .content-main .project, #page-project .content-main .project { width: 640px; margin: 40px 0 0 230px;} 
#page-portfolio .content-main .project, #page-project .content-main .project { width: 640px;}
#page-portfolio .content-main .tools, #page-project .content-main .tools { height: 60px; width: 940px; background: #505960 url(../img/dark-blue-bg.gif) bottom left repeat-x; }
#page-portfolio .content-main .tools h3, #page-project .content-main .tools h3 { line-height: 60px; margin: 0 10px 0 10px; width: 210px; float: left; font-size: 11px; color: #fff; text-transform: uppercase; }
#page-portfolio .content-main .tools span, #page-project .content-main .tools span { height: 32px; line-height:60px; display: block; float: left; margin: 0 10px 0 0; color: #fff; }

/* blog */
#page-blog h1.title { margin: 0 10px 0 0; float: left; text-indent: -9000px; height: 40px; width: 140px; background: url(../img/h1-blog.gif) no-repeat top left; }
#blog-archive, #blog-categories { float: left; width: 219px; border-left: solid 1px #ccc; padding: 0 10px 0 10px; }
#blog-search { border-left: solid 1px #ccc; float: left; width: 290px; padding: 0 0 0 10px; }
#blog-archive ul, #blog-categories ul { padding: 0; margin: 0; list-style-type: none; }
#blog-archive li, #blog-categories li { padding: 0; margin: 0; }
#blog-archive h3, #blog-search h3, #blog-categories h3 { text-indent: -9000px; width: 100%; border-bottom: solid 1px #ccc; height: 24px; margin: 0 0 8px; background-position: top left; background-repeat: no-repeat; }
#blog-archive h3 { background-image: url(../img/h1-archive.gif); }
#blog-categories h3 { background-image: url(../img/h1-categories.gif); }
#blog-search h3 { background-image: url(../img/h1-search.gif); }

#blog-archive li a, #blog-categories li a { font-weight: bold; text-decoration: none; }
#blog-archive li a:hover, #blog-categories li a:hover{  }

#page-blog #comments, #page-blog .comments-reply { width: 620px; }
#page-blog .post { width: 620px; margin: 20px 0 20px 0; border-bottom: solid 1px #ccc; }
#page-blog .post h2 { font-size: 20px; margin: 0 0 3px 0; padding: 8px 0 0 0; border-top: solid 1px #ccc; }
#page-blog .post small { margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: solid 1px #ccc; display: block; } 
#page-blog .post .entry p { font-size: 13px; }
#page-blog .content-main .navigation, #page-blog .postmetadata { line-height: 18px; color: #D0D8D8; margin: 0; padding: 10px; background: #505960 url(../img/dark-blue-bg.gif) bottom left repeat-x; }
#page-blog .content-main .navigation a, #page-blog .postmetadata a { text-decoration: none; font-weight: bold; }
#page-blog .content-main .navigation a:hover, #page-blog .postmetadata a:hover { color: #000; }
#page-blog .postmetadata .small{ font-size: 11px; line-height: 14px; }
#page-blog .navigation .alignleft { width: 50%; float: left; text-align: left; }
#page-blog .navigation .alignright { width: 50%; float: left; text-align: right; }
#page-blog .content-main .navigation { width: 600px; margin: 10px 0 10px 0; }
#page-blog h1.pagetitle { width: 620px; margin: 20px 0 15px 0; font-size: 16px; }

#page-blog .content-main .navigation {display:inline-block;}
html:root #page-blog .content-main .navigation {display:block;}
#page-blog .content-main .navigation:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }


#comments h3 { border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 8px 0 8px 160px; }
.commentlist { list-style-type: none; padding: 0; margin: 0; }
.commentlist li { display:inline-block; border-bottom: solid 1px #fff; padding: 10px 0 10px 0; margin: 0; }
html:root .commentlist li {display:block;}
.commentlist li:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

.commentlist li .comment-info { float: left; width: 140px; text-align: right; }
.commentlist li img { float: left; text-align: right; border: solid 1px #ccc; background: #fff; padding: 2px; }
.commentlist li cite { font-style: normal; font-size: 14px; font-weight: bold; color: #745a6c; }
.commentlist li cite a { text-decoration: none; }
.commentlist li cite a:hover { color: #333; }
.commentlist li .commentmetadata { text-align: right; padding: 3px 0 0 0; }
.commentlist li .commentmetadata a { color: #666; text-decoration: none; }
.commentlist li .comment-text { float: left; width: 380px; margin: 0 20px 0 20px; }
.commentlist li p {  font-size: 11px; }


.comments-reply h3 { text-align: right; width: 140px; float: left; margin: 15px 20px 15px 0; }
.reply-form { float: left; width: 460px; margin: 15px 0 0 0; }

.comments-reply {display:inline-block;}
html:root .comments-reply {display:block;}
.comments-reply:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

/* 
#banner-blog h1{ background: url(../img/banner-blog.jpg) no-repeat; width: 100%; text-indent: -9000px; margin:0; }
.post h1 a{ color: #fff; }
.post h1 a:hover { text-decoration: underline; }

.content{ padding: 0 10px 0 10px; }
.content-main .navigation { margin-bottom: 10px; }
.content-main .navigation .alignleft { float: left; }
.content-main .navigation .alignright { float: right; }

.content-main .navigation {display:inline-block;}
html:root .content-main .navigation {display:block;}
.content-main .navigation:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }
*/

/* code */
#banner-code h1{ background: url(../img/banner-code.jpg) no-repeat; width: 100%; text-indent: -9000px; margin:0; }

/* portfolio */
#banner-portfolio h1{ background: url(../img/banner-portfolio.jpg) no-repeat; width: 100%; text-indent: -9000px; margin:0; }

/* project */
#banner-project h1{ background: url(../img/banner-portfolio.jpg) no-repeat; width: 100%; text-indent: -9000px; margin:0; }
.project-thumb img{ border: solid 3px #006699; margin:10px; }