@charset "utf-8";
/* CSS Document */

/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin:0; padding:0;}
/* ------------------------------ */

header, footer, nav, article, section {
  display:block;
}

body{margin:0}

header {padding:8px 0 0 20px;position:relative}

h1 {margin-bottom:20px}

nav {margin-bottom:20px}
nav ul {display: inline;list-style: none;margin: 0px;}
nav li {display: inline;margin-right: 12px;}

nav a {padding:6px 9px 6px 9px;position:relative;text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
nav a:link {color:#333;background-color:#EEE}
nav a:visited{color:#333;background-color:#EEE}
nav a:hover, nav a.active {color:#CCC;background-color:#333}
nav a:active {color:#CCC;background-color:#999}

#intro {/* position:absolute;left:30px;bottom:0px;padding:8px;background:#FFF; margin-left:25px; */}
body#home #photos-wrapper{margin-left:25px}
body#category #photos-wrapper{padding-bottom:3px;background:#EEE}
#photos {white-space: nowrap;margin-top:25px;overflow:auto;width:100%;padding-bottom:1px}


/* Blog */
#blog header p {position:absolute;left:241px;top:13px}
#skip {display:none}
#content {float:left;margin:0 50px 0 20px; width:70%}
#content h2 {border-bottom:1px #CCC solid;margin-bottom:20px;padding-bottom:10px}
#content h3, #content h4 {border-bottom:1px #CCC dotted;margin-bottom:20px;padding-bottom:10px}
#sidebar {float:left;width:200px;margin-right:50px}
#comments-title {margin-top:40px}
p.form-allowed-tags {display:none}