body { background:#fff url(../img/bg/html.gif) repeat-x 0 0; margin-top:10px; border-top:1px solid #452e25; }
.container-noJS { width: 900px; margin: 20px auto; }
#head { padding-bottom:190px; margin-bottom:20px; background:url(../img/bg/banner.jpg) no-repeat center bottom; }
#head h1 { float:left; margin-bottom:25px; }
#head h2 { text-align:right; line-height:1.2; font-size:18px; margin-top:5px; }
#head h3 { text-align:right; }
#head h2 strong { font-weight:normal; color:#925b25; }
#nav { background:url(../img/bg/nav-right.gif) no-repeat right top; }
#nav ul { list-style-type:none; background:#fff url(../img/bg/nav-left.gif) no-repeat 0 0; float:right; padding:3px 8px 20px 13px; margin:0 5px 0 0; }
#nav li { display:inline; margin:0 6px; font-size:12px; }
#nav a { text-transform:uppercase; color:#452e25; text-decoration:none; padding-left:19px; }
#nav a:hover { color:#925b25; }
#nav a#blog { background:url(../img/icons/chat.gif) no-repeat 0 0; }
#nav a#clients { background:url(../img/icons/lock.gif) no-repeat 0 0; padding-left:13px; }
#nav a#contact { background:url(../img/icons/web.gif) no-repeat 0 0; padding-left:17px; }
.ajax-slide { position:absolute; background:#fff; opacity:0.95; border:1px solid #452e25; border-top:none; padding:20px; display:none; text-align:left; }
#foot { margin:30px 0; }
/*** home ***/
#about { border:1px solid #f5e8dd; width:335px; padding:20px 25px 10px 25px; margin:0; }
#home-col1 { padding:21px 0; margin-right:69px; }
ul#portfolio { margin:0; list-style-type:none; }
#portfolio li { clear:left; margin-bottom:30px;}
#portfolio p { margin-left:122px; }
#portfolio img { float:left; padding-top:5px; }
ul#client-list { list-style-type:none; margin:0 0 40px 0; overflow:hidden; }
#client-list li { float:left; line-height:0.1; }
ul#feedback { list-style-type:none; overflow:hidden; }
#feedback li { float:left; padding:0 25px; }
.feedback blockquote { padding-left:45px; font-size:14px; background:url(../img/bg/blockquote.gif) no-repeat 0 0; color:#000; font-style:normal; margin:0; line-height:1.2; }
.feedback blockquote p { margin-bottom:0.5em; }
.feedback cite { padding-left:45px; font-size:12px; color:#925b25; font-weight:bold; display:block; margin-bottom:2em; font-style:normal; }
.feedback cite small { font-size:11px; color:#d69d6a; font-weight:normal; display:block; }
.home .linkedin { margin-top:-1.7em; text-align:right; }
.home .linkedin img { vertical-align: text-bottom; }
.box { background:#f4f3f2; }
.page-link { font-weight:bold; font-size:1.1em; background:url(../img/bg/arrow.png) no-repeat 100% 61%; padding-right:8px; }
/*** contact form ***/
#contact-message { clear:both; margin-bottom:0.7em; text-align:center; }
#contact-message p { text-align:left; }
form { clear:both; }
fieldset { border:none; padding:0; margin:0; }
label, input, textarea { float:left; }
label { clear:left; width:50px; text-align:right; padding-right:12px; }
input, textarea, select { width:204px; border:1px solid #bbb; background:#f0f0f0; padding:2px; margin:0 0 0.8em 0; }
input:focus { border-color:#999; background:#fff; }
textarea { height:170px; }
span.required { font-size:0.9em; color:#999; font-weight:normal; margin:-0.6em 0 0.6em 0; display:block; }
input.submit { margin-left:40px; background:#452e25; color:#fff; border:none; float:right; padding:4px 0; width:212px; }
/*** slider interface ***/
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.ui-slider { position: relative; text-align: left; background:#eee; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor:col-resize; background:#222;}
.ui-slider-horizontal { height: .6em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
#slider { margin:5px 0 0 65px; }
#budget-text { display:block; text-align:center; margin:-1.2em 0 0.8em 62px; font-weight:bold; }
/*** portfolio ***/
.portfolio #col1 { padding:21px 0; }
#experience-list { border:1px solid #F5E8DD; padding:20px 25px 10px; float: right; }
#portfolio-list { margin:2em 0 0;}
.client { border-bottom:1px solid #F5E8DD;padding:0 0 1em 0; margin:0 0 2em 0;}
.client h5 { text-transform:lowercase; font-size:20px; margin-bottom:5px; font-weight:normal;}
.client h6 { text-transform:uppercase; color:#925b25; font-size:12px; margin-bottom:0.3em; font-weight:normal; }
.client .details {margin:.6em 0 0 1em;}
.details a img {border:1px solid #ddd;}
.client .beta { padding:1.25em 0 0;}
.client .beta ul {padding:0 0 0 1em;}
/*** sprints ***/
#sprint-intro { background:#fff; width:300px; padding:0 0 40px 40px; float:right; font-size:16px; font-weight:bold; text-align:center; clear: none; }
.sprints h5 { font-size: 16px; color: #232323 }
.sprints li { margin: 0 0 8px; }
.sprints hr { clear:none; }
.sprints .opener { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
/*** blog ***/
.post { margin-bottom:40px; }
.post h3 a { text-transform:none; color:#000; text-decoration:none; }
.post h3 a:hover { color:#452e25; }
#side-content { border-bottom:1px solid #f5e8dd; padding-bottom:15px; margin-bottom:20px; font-size:10px; line-height:12px; color:#666; text-align:justify; }
#side-content img { padding:5px 0; }
.post-meta, .mini-nav { padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #F5E8DD; }
.mini-nav { text-align:center; font-weight:bold; }
.mini-nav a { text-decoration:none; }
.mini-nav a:hover { text-decoration:underline; }
#comments { list-style-type:none; margin:0 0 20px 0; clear:both; }
#comments li { margin-bottom:1em; padding:10px; }
#comments li .date { float:right; color:#888; font-size:0.9em; }
#comments li .date a { text-decoration:none; }
#comments li .commenter { font-weight:bold; }
#comments li.alt0 { border:1px solid #f0f0f0; }
#comments li.alt1 { background:#f0f0f0; border:1px solid #ddd; }
#comment label { width:80px; }
#comment input, #comment textarea { width:450px; }
#comment input.submit { float:none; margin-left:92px; width:455px; cursor: pointer;}
#id_honeypot { display:none; }
.products { float:left; width:123px; margin-right:27px; }
.big-bottom { margin-bottom:2.2em; }
.big { font-size:1.2em; }
.short { margin-bottom:0.2em; }
.right { float:right; }
.clear { clear:both; }
img.left { float:left; padding:3px; border:1px solid #ccc; margin:0 15px 10px 0; }
img.right { float:right; padding:3px; border:1px solid #ccc; margin:0 0 10px 15px; }
ul.clean { margin-left:0; margin-right:0; list-style-type:none; }
ul.clean li { margin-bottom:0.3em; }
.tuck-in { margin-top:-1em; }
a.icon { padding-left:18px; }
a.basecamp { background:url(../img/icons/basecamp.gif) no-repeat 0 2px; }
a.freshbooks { background:url(../img/icons/freshbooks.gif) no-repeat 0 0; }
a.hosting { background:url(../img/icons/rackspace.png) no-repeat 0 2px; }
.strong { font-weight:bold; }
/*** elsewhere ***/
#elsewhere { list-style-type:none; margin:0; font-size:0.9em; }
#elsewhere li { margin-bottom:0.4em; padding-left:20px; }
#elsewhere li blockquote { margin:0; }
#elsewhere li a { color:#AE845C; text-decoration:none; }
#elsewhere li em { color:#666; }
#elsewhere li .feed-item a { color:#666; }
#elsewhere li .feed-item a:hover { color:#000; }
.image-thumb { background-position:40% 40%; width:215px; height:70px; }
.twitter { background:url(../img/icons/twitter.gif) no-repeat 0 4px; }
.github { background:url(../img/icons/github.gif) no-repeat 0 4px; }
.code-commit { background:url(../img/icons/oss.gif) no-repeat 0 4px; }
.delicious { background:url(../img/icons/delicious.gif) no-repeat 0 4px; }
.django-trac, .django-snippets { background:url(../img/icons/django.gif) no-repeat 0 4px; }
.skitch { background:url(../img/icons/skitch.gif) no-repeat 0 4px; }
h3 { text-transform:lowercase; font-size:26px; margin-bottom:5px; }
h4 { text-transform:uppercase; color:#925b25; font-size:12px; }
h4 em { text-transform:none; color:#666; font-size:11px; }
h5 { margin-bottom:0.2em; font-size:13px; }
a { color:#925b25; }
a:hover { color:#452e25; }
em { background:transparent; }
img { margin:0; padding:0; border:none; }
p img { float:none; }
p.error { clear:both; }
tt { display:inline; }
sup a { text-decoration:none; }
p.footnote a { color:#666; }
/*** Shpinx Docs ***/
.sphinx #head { margin-bottom:0; }
.sphinx .footer { font-size:0.8em; color:#666; }
.sphinx .related { border-bottom:1px solid #F5E8DD; margin-bottom:10px; padding:10px 0; background:#FCF9F6; }
.sphinx .admonition { border:1px solid #F5E8DD; background:#FCF9F6; }
.sphinx ul ul { margin-bottom:0; }
.sphinx #side-content { font-size:12px; line-height:1.2; text-align:left; }
.sphinx #side-content p { clear:both; }
.sphinx .headerlink { font-size:14px; vertical-align:top; }
.sphinx .body h1 { font-size:20px; }
.sphinx .body h2 { font-size:18px; }
.sphinx .body h3 { font-size:16px; }
.sphinx h3 a { text-decoration:none; color:#452e25; }
.sphinx div.highlight { background: #202020; color: #d0d0d0; padding:1em; margin: 0 0 1.5em; border:2px solid #666;}
.sphinx div.highlight pre { margin:0; }
/*** Pygments ***/
.pygmentile { background: #202020; color: #d0d0d0; padding:1em; margin-bottom:1.5em; border:2px solid #666; overflow:auto; }
.pygmentile pre { margin:0; }
.pygmentile .c { color: #999999; font-style: italic } /* Comment */
.pygmentile .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.pygmentile .g { color: #d0d0d0 } /* Generic */
.pygmentile .k { color: #6ab825; font-weight: bold } /* Keyword */
.pygmentile .l { color: #d0d0d0 } /* Literal */
.pygmentile .n { color: #d0d0d0 } /* Name */
.pygmentile .o { color: #d0d0d0 } /* Operator */
.pygmentile .x { color: #d0d0d0 } /* Other */
.pygmentile .p { color: #d0d0d0 } /* Punctuation */
.pygmentile .cm { color: #999999; font-style: italic } /* Comment.Multiline */
.pygmentile .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
.pygmentile .c1 { color: #999999; font-style: italic } /* Comment.Single */
.pygmentile .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
.pygmentile .gd { color: #d22323 } /* Generic.Deleted */
.pygmentile .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.pygmentile .gr { color: #d22323 } /* Generic.Error */
.pygmentile .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
.pygmentile .gi { color: #589819 } /* Generic.Inserted */
.pygmentile .go { color: #cccccc } /* Generic.Output */
.pygmentile .gp { color: #aaaaaa } /* Generic.Prompt */
.pygmentile .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
.pygmentile .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.pygmentile .gt { color: #d22323 } /* Generic.Traceback */
.pygmentile .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
.pygmentile .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
.pygmentile .kp { color: #6ab825 } /* Keyword.Pseudo */
.pygmentile .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
.pygmentile .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
.pygmentile .ld { color: #d0d0d0 } /* Literal.Date */
.pygmentile .m { color: #3677a9 } /* Literal.Number */
.pygmentile .s { color: #ed9d13 } /* Literal.String */
.pygmentile .na { color: #bbbbbb } /* Name.Attribute */
.pygmentile .nb { color: #24909d } /* Name.Builtin */
.pygmentile .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
.pygmentile .no { color: #40ffff } /* Name.Constant */
.pygmentile .nd { color: #ffa500 } /* Name.Decorator */
.pygmentile .ni { color: #d0d0d0 } /* Name.Entity */
.pygmentile .ne { color: #bbbbbb } /* Name.Exception */
.pygmentile .nf { color: #447fcf } /* Name.Function */
.pygmentile .nl { color: #d0d0d0 } /* Name.Label */
.pygmentile .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
.pygmentile .nx { color: #d0d0d0 } /* Name.Other */
.pygmentile .py { color: #d0d0d0 } /* Name.Property */
.pygmentile .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
.pygmentile .nv { color: #40ffff } /* Name.Variable */
.pygmentile .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
.pygmentile .w { color: #666666 } /* Text.Whitespace */
.pygmentile .mf { color: #3677a9 } /* Literal.Number.Float */
.pygmentile .mh { color: #3677a9 } /* Literal.Number.Hex */
.pygmentile .mi { color: #3677a9 } /* Literal.Number.Integer */
.pygmentile .mo { color: #3677a9 } /* Literal.Number.Oct */
.pygmentile .sb { color: #ed9d13 } /* Literal.String.Backtick */
.pygmentile .sc { color: #ed9d13 } /* Literal.String.Char */
.pygmentile .sd { color: #ed9d13 } /* Literal.String.Doc */
.pygmentile .s2 { color: #ed9d13 } /* Literal.String.Double */
.pygmentile .se { color: #ed9d13 } /* Literal.String.Escape */
.pygmentile .sh { color: #ed9d13 } /* Literal.String.Heredoc */
.pygmentile .si { color: #ed9d13 } /* Literal.String.Interpol */
.pygmentile .sx { color: #ffa500 } /* Literal.String.Other */
.pygmentile .sr { color: #ed9d13 } /* Literal.String.Regex */
.pygmentile .s1 { color: #ed9d13 } /* Literal.String.Single */
.pygmentile .ss { color: #ed9d13 } /* Literal.String.Symbol */
.pygmentile .bp { color: #24909d } /* Name.Builtin.Pseudo */
.pygmentile .vc { color: #40ffff } /* Name.Variable.Class */
.pygmentile .vg { color: #40ffff } /* Name.Variable.Global */
.pygmentile .vi { color: #40ffff } /* Name.Variable.Instance */
.pygmentile .il { color: #3677a9 } /* Literal.Number.Integer.Long */