/*	Copyright 2008, 2009 Bobby van der Sluis <http://www.bobbyvandersluis.com/> All rights reserved.
*/

/*	Default
*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre { margin:0; padding:0; }

/*	Layout
*/
body { background:#e3e3e3 url(../img/bg.jpg) left top repeat-y; }
body.dev { background:#fff url(../img/grid.gif) 0 211px no-repeat; }
#container { width:950px; background:transparent url(../img/logo_01.jpg) left top no-repeat; }
#header { margin-left:230px; height:211px; }
#content { clear:left; margin-left:230px; width:720px; }
#content-main { float:left; display:inline; width:540px; }
#content-sidebar { float:left; display:inline; margin-left:40px; width:140px; }
#footer { clear:left; margin-left:230px; width:540px; }

/*	Footer
*/
html, body { height:100%; }
#links #container, #error #container { min-height:100%; position:relative; }
#links #content-clear, #error #content-clear { clear:both; height:84px;}
#links #footer, #error #footer { position:absolute; bottom:0; }

/*	Styles
*/
h1, h2, h4, h5, h6, .entry-meta { padding-bottom:0; }
h3 { padding-top:14px; padding-bottom:7px; } /* needed to get the same baseline as h1 */
p, ul, ol, dl, pre, blockquote { padding-bottom:21px; }
blockquote { margin-top:0; padding-top:0; }

h1 { line-height: 42px; }
h2, h3, h4, h5, h6, p, li, pre, label, blockquote { line-height:21px; }

h2, h4, h5, h6, input, textarea { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
h1, h3, p, ul, ol, dl, label, blockquote, .meta { font-family:Georgia, Palatino, Palatino Linotype, serif; }
pre, code { font-family:Courier, monospace; }

body { color:#000; }
h1, h3, label, code, .copyright { color:#555; }
h2 { color:#333; }
.published, .publication, .status, .author, .category { color:#09c; }

h1 { font-size:26px; font-style:italic;  }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:16px; font-style:italic; }
h4, h5, h6 { font-size:12px; }
p, ul, ol, dl, code, blockquote { font-size:13px; }
pre { font-size:12px; }
blockquote { font-style:italic; }
.copyright { font-size:10px; }

a { color:#b80404; text-decoration:none; border-bottom:1px solid #b80404; outline:none; }
a:hover { color:#600; background-color:#ddd; border-bottom:1px solid #600; }
a.bobby { padding-left:13px; background: transparent url(../img/icon_star.gif) 0 0 no-repeat; }
a.bobby:hover { background: #ddd url(../img/icon_star_hover.gif) 0 0 no-repeat; }
a.image { border:none; background:none; }
a img { border:none; }
a[rel*="external"] { padding-right:13px; background: transparent url(../img/icon_external.gif) no-repeat center right; }
a[rel*="external"]:hover { background: #ddd url(../img/icon_external_hover.gif) no-repeat center right; }
#content { background: transparent url(../img/icon_external_hover.gif) no-repeat -1000em -1000em; } /* preload hover image (exception) */
h2 a { border-bottom:none; }
h2 a:hover { border-bottom:1px solid #600; }

.published, .publication, .status, .category { font-weight:bold; border-bottom:none; }
.warning { margin-top:8px; margin-bottom:30px; border:3px solid #b80404; }
.warning p { font-weight:bold; padding:10px; }

ul { list-style:none; }
ol li { margin-left:20px; }
ul li { padding-left:15px; background:transparent url(../img/icon_arrow_highlight.gif) 0 7px no-repeat; }
ul.contact li { padding-left:21px; background:transparent url(../img/icon_email.gif) 0 3px no-repeat; }
#navigation ul { margin-left:0; }
#navigation li { float:left; display:inline; margin-right:20px; padding-left:0; padding-top:2px; border-top:none; background:none; font-size:16px; }
#navigation li.active { padding-top:0; border-top:2px solid #666; }
#navigation li span { font-style:italic; font-weight:bold; color:#666; }
#navigation li a { border-bottom:none; }
#navigation li a:hover { border-bottom:1px solid #600; }

#content .entry-content, #content .entry-summary { margin-bottom:21px; background:transparent url(../img/hr.gif) left bottom no-repeat; }
#content .lastChild { background:none; }
#content-main .entry-meta, #content-sidebar .entry-meta p { font-size:11px; font-style:italic; }
#content-sidebar .icon { text-align:center; }

img.floatleft { float:left; display:block; margin-right:20px; }
img.w160h160 { margin-top:5px; padding:9px; background:transparent url(../img/img_w160h160_frame.gif) 0 0 no-repeat; }

label { padding-left:14px; font-size:13px; font-weight:normal; vertical-align:top; }
input.text { width:130px; padding-left:2px; padding-right:2px; font-size:12px; }
input.button { padding-top:8px; padding-bottom:8px; }

.no-padding-bottom { padding-bottom:0; }

/*	Page specific styles
*/
#projects .dva { padding-top:131px; }
#projects .swfobject { padding-top:65px; }
#projects .testsuite { padding-top:93px; }
#projects .ufo { padding-top:28px; }
#projects .jsant { padding-top:0px; }
#projects .zengarden { padding-top:40px; }

#presentations .head { padding-top:4px; }
#presentations .fitc { padding-top:4px; }
#presentations .gilde { padding-top:4px; }

#links .columns .col  { float:left; display:inline; width:160px; padding-left:30px; }
#links .columns .firstChild  { padding-left:0; }

#article #content .entry-content { background:none; }
