/*
Theme Name: Olaf WebsiteTheme
URI: http://
Description: Theme for Olaf
Version: 1.0
Author: Olaf
Author URI:
*/

/* reset  &typography*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}a img{border:none}body{font-size:75%; color:#fff; background:#191919; font-family:Arial,sans-serif; line-height:1.5em}/*070302*/h1, h2, h3, h4, h5, h6{font-weight:normal; color:#fff; font-weight:bold}h1{font-size:3em; line-height:1em; margin-bottom:0.5em}h2{font-size:2em; margin-bottom:0.75em}h3{font-size:1.5em; line-height:1; margin-bottom:1em}h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}h5{font-size:1em; font-weight:bold; margin-bottom:0}h6{font-size:1em; font-weight:bold}h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}p{margin:0 0 1.5em; line-height:1.5em}a:focus, a:hover{color:#fff}a{color:#fff; text-decoration:none; -moz-outline:none}em{font-style:italic}strong{font-weight:bold}tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}pre{padding:3em; background:#FEFEFE; border:1px solid #ddd; width:auto; height:auto; overflow:scroll; margin-bottom:3em; color:#555; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}li ul, li ol{margin:0 1.5em; margin:0}ul, ol{margin:0 1.5em 1.5em 1.5em; margin:0}ul{list-style-type:disc; list-style-position:inside}ol{list-style-type:decimal}blockquote{width:80%; font-style:italic; font-weight:bold; line-height:1.2em; letter-spacing:1px; margin:1em 0; padding:2em; color:#ccc; background:#fff}hr{background:#999; color:#999; clear:both; float:none; width:100%; height:1px; margin:0 0 1.45em; border:none}::-moz-selection{background:#ddd; color:#000}::selection{background:#ddd; color:#000}pre::-moz-selection{background:#ddd; color:#000}pre::selection{background:#ddd; color:#000}img{width:auto; height:auto}.center{text-align:center}.right{text-align:right}.padding{padding:3em}.small{font-size:.9em}.images img{width:318px; height:198px}.no-image img{display:none}/* grid.css */.container{width:1200px; margin:0 auto}.module100{width:100%; float:left}.module66{width:66%; float:left}.module33{width:33%; float:left}.module34{width:34%; float:left}.module50{width:50%; float:left}.module55{width:55%; float:left}.module45{width:45%; float:left}.module60{width:60%; float:left}.module40{width:40%; float:left}.module70{width:70%; float:left}.module75{width:75%; float:left}.module25{width:25%; float:left}.module20{width:20%; float:left}.module80{width:80%; float:left}



/* styles */

.container{min-height:900px}

/* #wrap{width:100%; height:603px; float:left; overflow:hidden} */

#gallery{width:720px; float:left; position:absolute; top:0; right:0;z-index:-1}

#gallery img{width:720px;}

#the-body{z-index:2; position:relative}

#sidebar{width:480px; height:720px; float:left; background:#191919; position:relative}

#sidebar-archive{width:480px; float:left}

#sidebar strong{margin-top:2.7em; font-size:1.2em}

#sidebar-archive strong{margin-top:2.7em; font-size:1.2em}

#olaf{float:right; margin-right:4.5em; font-weight:bold; letter-spacing:1px}

#footer{width:100%; position:absolute; bottom:0; left:0; padding-bottom:1em; font-size:.8em;}

#footer ul{margin:0; padding:0; float:right; margin-right:6em}

#footer li{margin:0; padding:0; list-style-type:none; display:inline; margin-right:12px}

#footer a:focus,#footer a:hover{color:#999}

#kontact, #gallery-footer{font-size:1.5em}

#navigation{width:720px; float:left; margin-top:2.7em;z-index:999999999999999999999999}

/* #navigation ul, #navigation li{margin:0; padding:0}

#navigation li{list-style-type:none; display:inline-block; width:144px; height:2em; line-height:2em; background:url('images/dark-bg1.png'); color:#fff; margin-right:2.4em; margin-bottom:.5em}

#navigation li li{height:auto}

#navigation li a{width:132px; padding-left:12px; font-size:1.2em}

#navigation ul li ul li a{line-height:18px} */

#navigation ul, #navigation li{margin:0; padding:0;}

#navigation li{list-style-type:none; display:inline-block; width:173px; height:32px; line-height:32px; background:url('images/dark-bg1.png'); color:#fff; margin-right:4px; margin-bottom:4px}

#navigation li li{height:auto}

#navigation li a{width:161px; padding-left:12px; font-size:1.2em}

#navigation ul li ul{margin-top:6px}

#navigation ul li ul li a{line-height:18px}



#filosofia, #novedades, #persona,#proyectos,#museos,#arquitectura,#pabellones,#industrial,#tv,#eventos,#contact,#impressum{padding-left:1em; font-size:1em}

.jScrollPaneContainer{text-align:justify/* margin-left:9.5em */}

#archive{width:1078px; margin:0 auto;color:#191919}

#to-contact{width:1078px; margin:0 auto;}

#to-contact2{width:320px; float:left; height:7em;margin-top:3em;padding-left:1.7em}

#to-contact2-spanish{width:400px; float:left; height:6em;margin-top:3em;padding-left:1.7em}

#to-contact2-spanish a{color:#999}

#to-contact2 a{color:#999}

#to-contact2-spanish a:hover{text-decoration:underline}

#to-contact2 a:hover{text-decoration:underline}



.column{width:178px; float:left}

.column h4{text-align:left; padding-left:1.4em; font-weight:normal;height:2em}

#archive-gallery{margin-top:0}/*5em*/

#archive-gallery p{margin:0;padding:0}

#archive-gallery img{width:140px; height:auto; margin-bottom:7px}

#footer-archive{width:480px; float:left; padding-bottom:1em; font-size:.8em; margin-top:4em}

#footer-archive ul{margin:0; padding:0; float:right; margin-right:6em}

#footer-archive li{margin:0; padding:0; list-style-type:none; display:inline; margin-right:12px}

#footer-archive a:focus,#footer-archive a:hover{color:#999}



#navigation strong{position:relative;top:.25em}

#sidebar-inside h4{display:none}

#sidebar-inside{text-align:justify; width:90%; padding-right:1em;}

#museos p,#arquitectura p,#pabellones p,#industrial p,#tv p,#eventos p,#impressum p{padding-left:10px}



#sidebar-inside strong{margin:0;padding:0;margin-top:1em}

#sidebar-inside a{color:#999}

#museos,#arquitectura,#pabellones,#industrial,#tv,#eventos,#impressum{text-align:left}