*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{ outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
button::-moz-focus-inner{border:0;}

/* ------ Site ------ */
body { background: #000 url('/_inc/img/bg.png') top center repeat-x; color: #aaa; font: 12px Arial, Helvetica, sans-serif; }
#container { background: url('/_inc/img/bg-shadow.png') top center no-repeat; width: 970px; margin: 0 auto 0 auto; }
#main { background: #111; width: 960px; margin: 0 auto 0 auto; }
#body { padding: 20px 20px 10px 20px; }

/* ------ General ------ */
p { margin: 0.2em 0 1em 0; }
a { color: #911; text-decoration: none; }
a:focus, a:hover { color: #fff; }
h2 { font: normal 30px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ccc; letter-spacing: -1px; padding: 0; text-shadow: #000 0px 1px 0px; }
h2.sIFR-replaced { padding-bottom: 0; margin-bottom: -10px; }
h2 a { color: #ccc; }
h2 a:hover, h2 a:focus { color: #fff; }

/* ------ Header ------ */
#header .banner { width: 960px; height: 180px; background: url('/_inc/img/headers/01.jpg') 0px 0px no-repeat; }
#header .banner .logo { margin: 40px 0 0 40px; }
#header ul.menu { width: 960px; height: 40px; background: url('/_inc/img/menu-bg.png') 0px 0px repeat-x; }
#header ul.menu li { width: auto; display: block; float: left; }
#header ul.menu li a { display: block; float: left; height: 40px; text-indent: -9999em; background-position: 0px 0px; background-repeat: no-repeat; }
#header ul.menu li a.photoblog { background-image: url('/_inc/img/menu-blog.png'); width: 140px; }
#header ul.menu li a.portfolio { background-image: url('/_inc/img/menu-portfolio.png'); width: 171px; }
#header ul.menu li a.gallery { background-image: url('/_inc/img/menu-gallery.png'); width: 160px; }
#header ul.menu li a.about { background-image: url('/_inc/img/menu-about.png'); width: 149px; }
#header ul.menu li a.contact { background-image: url('/_inc/img/menu-contact.png'); width: 162px; }
#header ul.menu li a:hover, #header ul.menu li a:focus { background-position: 0px -40px; }
#header ul.menu li a.active { background-position: 0px -80px; }
#header ul.menu li a:active { background-position: 0px -120px; }

/* ------ Blog ------ */
#body .post .postmeta { font-size: 11px; color: #666; margin: 0 0 10px 0; }
#body .post .entry { line-height: 1.5em; }
#body .content-wrapper { width: 100%; overflow: hidden; }
#body #content { float: left; width: 600px; overflow: hidden; }

/* ------ Sidebar ------ */
#body #sidebar-outer { width: 300px; float: right; }
#body ul#sidebar { background: #181818; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 10px; padding: 15px 15px 5px 15px; }
#body ul#sidebar h2 { font-size: 20px; }
#body ul#sidebar h2.sIFR-replaced { margin-bottom: -10px; }

#sidebar li { margin: 0 0 10px 0; }
#sidebar li ul { margin: 5px 0 0 0; }
#sidebar li ul li { padding: 0 0 0 15px; margin: 0 0 0 10px; background: url(/_inc/img/sidebar-li.png) 0px 4px no-repeat; }

#body #sidebar-outer .imgnav { margin: 0 0 10px 0; height: 30px; }
#body #sidebar-outer .imgnav a { width: 129px; background: #181818; display: block; padding: 7px 8px 8px 8px; color: #888; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; }
#body #sidebar-outer .imgnav a:hover, #body #sidebar-outer .imgnav a:focus { color: #ccc; background: #222; }
#body #sidebar-outer .imgnav span { width: 129px; background: #131313; display: block; padding: 7px 8px 8px 8px; color: #333; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; cursor: pointer; }
#body #sidebar-outer .imgnav .imgnext { float: right; }
#body #sidebar-outer .imgnav .imgprevious { float: left; }

/* ------ Gallery ------ */
#body .albums { width: 931px; overflow: hidden; }
#body .albums .album { float: left; margin: 0 10px 10px 0; }
#body .albums .album .thumb a { display: block; padding: 4px; background: #181818; border: 1px solid #222; width: auto; width: 290px; height: 200px; color: #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; position: relative; overflow: hidden; }
#body .thumb a .text { background: #181818; background: rgba(24,24,24,.4); position: absolute; width: 290px; height: 30px; display: block; bottom: 4px; left: 4px; overflow: hidden; }
#body .thumb a .text .title { display: block; padding: 7px 0 0 7px; text-shadow: rgba(0,0,0,.5) 0px 1px 0px; font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; float: left; }
#body .thumb a .text .date { display: block; padding: 9px 9px 0 0; text-shadow: rgba(0,0,0,.5) 0px 1px 0px; color: #888; font-size: 11px; float: right; }

#body .albums .album .thumb a:hover, 
#body .albums .album .thumb a:focus { color: #fff; background: #222; border-color: #333; }
#body .thumb a:hover .text, 
#body .thumb a:focus .text { background: #222; background: rgba(32,32,32,.8); }
#body .thumb a:hover .text .title, 
#body .thumb a:focus .text .title { color: #fff; }
#body .thumb a:hover .text .date, 
#body .thumb a:focus .text .date { color: #bbb; }

#body .images { width: 931px; overflow: hidden; }
#body .images a { display: block; padding: 4px; background: #181818; border: 1px solid #222; width: auto; width: 170px; height: 90px; color: #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; position: relative; overflow: hidden; float: left; margin: 0 5px 5px 0; }
#body .images a:hover, #body .images a:focus { color: #fff; background: #333; border-color: #444; }

#body .breadcrumb { background: #181818; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; padding: 0 0 0 8px; margin: 0 0 10px 0; }
#body .breadcrumb .inner { height: 30px; overflow: hidden; }
#body .breadcrumb a { color: #888; padding: 7px 0 8px 4px; float: left; display: block; }
#body .breadcrumb a:hover, #body .breadcrumb a:focus { color: #ccc; }
#body .breadcrumb span.sep { width: 20px; height: 30px; display: block; float: left; overflow: hidden; text-indent: -9999em; background: url(/_inc/img/breadcrumb-sep.png) center center no-repeat; }
#body .breadcrumb span.current { display: block; padding: 7px 0 8px 4px; float: left; color: #666; cursor: default; }

#body h2.imagetitle { display: none; }

#body #sidebar .image-exif { font-size: 11px; color: #444; }

#body .albumdescription { margin: 0 0 10px 0; }
#body .albumdate { font-size: 11px; color: #666; margin: 0 0 10px 0; }

/* ------ Form ------ */
form { padding: 40px; }
form input { background: #222; border: 1px solid #444; color: #aaa; padding: 4px; }
form button { background: url(/_inc/img/menu-bg.png) repeat-x 0 0; padding: 6px 24px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #fff; text-shadow: 0 1px 2px #000; cursor: pointer; font-weight: bold; margin: 10px 0 0 0; }

/* ------ Footer ------ */
#footer { width: 970px; margin: 0 auto; padding: 10px 0; color: #333; font-size: 11px; text-align: center; text-shadow: #000 0px 1px 1px; background: url(/_inc/img/footer.png) top center no-repeat; }