/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #000000 url(images/wrapper-bg.jpg) repeat; font-family: 'Arvo', serif; font-size: 14px; color: #CFCFCF; } h1, h2, h3 { margin: 0px; padding: 0px; text-transform: lowercase; font-family: 'Arvo', sans-serif; font-weight: 400; color: #424242; } h1 { font-size: 2em; } h2 { font-size: 2.4em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: underline; color: #9C9A9A; } a:hover { text-decoration: none; } img.border { border: 6px solid #EEE7DF; } img.alignleft { float: left; margin-right: 25px; } img.alignright { float: right; } img.aligncenter { margin: 0px auto; } #wrapper { margin: 0 auto; padding: 0; } /* Header */ #header-wrapper { height: 240px; margin-bottom: 30px; } #header { width: 960px; height: 240px; margin: 0 auto; } /* Logo */ #logo { width: 980px; height: 100px; margin: 0px auto; padding: 80px 0px 0px 0px; color: #8D7B64; } #logo h1, #logo p { display: block; margin: 0px; padding: 0px; text-transform: lowercase; } #logo h1 { letter-spacing: -2px; text-align: center; text-transform: lowercase; font-size: 80px; color: #ECE1CF; } #logo h1 a { color: #ECE1CF; } #logo p { text-align: center; font-family: 'Arvo', sans-serif; font-size: 20px; } #logo a { border: none; background: none; text-decoration: none; color: #8D7B64; } /* Search */ #search { float: right; width: 280px; height: 100px; padding: 0; } #search form { height: 41px; margin: 0; padding: 60px 0 0 30px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 195px; padding: 6px 10px; border: none; background: #FFFFFF; text-transform: lowercase; font: normal 11px; color: #7F7F81; } #search-submit { display: none; } /* Menu */ #menu-wrapper { width: 980px; height: 60px; margin: 0px auto; padding: 0px; background: url(images/menu-wrapper.jpg) repeat-x; border-radius: 5px; color: #000000; } #menu { margin: 0; padding: 0px 20px; list-style: none; line-height: 60px; letter-spacing: -1px; text-decoration: none; text-transform: lowercase; text-shadow: 1px 1px 1px #ffffff; font-family: 'Arvo', sans-serif; font-size: 18px; font-weight: normal; color: #000000; } #menu li { float: left; margin-right: 1px; } #menu a { display: block; float: left; height: 60px; margin: 0px; color: #000000; text-decoration: none; } #menu .current_page_item a { text-shadow: 2px 2px 2px rgba(0,0,0,.3); background: rgba(60,40,20,0.5); color: #ffffff; } #menu a:hover { background: rgba(60,40,20,0.5); color: #ffffff; text-shadow: 2px 2px 2px rgba(0,0,0,.3); } #menu span { padding: 0px 20px; } #menu > li { } #menu > li.active { background: rgba(60,40,20,0.5); color: #FFFFFF; text-shadow: 2px 2px 2px rgba(0,0,0,.3); } .dropotron li.opener { border-right: solid 2px #FFFFFF; } .dropotron { margin: 0px; padding: 10px 0px; background: #8D7B64; list-style: none; text-transform: lowercase; font-family: 'Arvo', sans-serif; font-size: 16px; font-weight: normal; color: #FFFFFF; } .dropotron a { color: #fff; text-decoration: none; } .dropotron li { margin: 0px; padding: 5px 20px; } .dropotron li:hover, .dropotron li.active { background: #ECE1CF; color: #000000; } .dropotron li:hover a, .dropotron li.active a { color: #000000; } /* Page */ #page { width: 980px; margin: 0px auto; padding: 20px 0px 20px 0px; background: rgba(0,0,0,0.5); border-radius: 5px; } /* Content */ #content { float: right; width: 650px; } #content .contentbg { width: 590px; padding: 10px 30px 0px 30px; } .post { clear: both; padding-bottom: 10px; border-bottom: 1px solid #000000; } .post .title { padding-top: 10px; letter-spacing: -1px; text-transform: lowercase; font-size: 40px; color: #FFFFFF; } .post .title a { border: none; color: #ECE1CF; text-decoration: none; } .post .meta { padding-bottom: 10px; text-align: left; font-size: 11px; font-style: italic; } .post .meta a { } .post .entry { text-align: justify; margin-bottom: 25px; padding: 10px 0px 0px 0px; } .links { display: block; width: 96px; padding: 2px 0px 2px 0px; background: #A53602; text-align: center; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } /* Sidebar */ #sidebar-bg { float: left; width: 330px; } #sidebar { overflow: hidden; width: 270px; padding: 30px 30px 20px 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0px 0px; padding-bottom: 30px; } #sidebar li li { line-height: 35px; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h2 { height: 38px; margin-bottom: 20px; padding: 5px 0 0 0px; border-bottom: 1px solid #000000; letter-spacing: -2px; font-size: 25px; color: #ECE1CF; } #sidebar p { margin: 0 0px; padding: 0px 20px 30px 0px; text-align: justify; } #sidebar a { border: none; } #sidebar a:hover { } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { margin: 40px 0 120px 0; } #footer p { margin: 0; padding-top: 18px; line-height: normal; text-align: center; text-transform: lowercase; font-family: 'Arvo', sans-serif; font-size: 16px; color: #76716C; } #footer a { text-decoration: underline; } #slider { position: relative; width: 590px; margin: 0px auto 20px auto; } #slider .viewer { width: 590px; height: 300px; overflow: hidden; margin: 0 auto; } #slider .viewer .reel { display: none; height: 300px; } #slider .viewer .reel .slide { position: relative; width: 590px; height: 300px; } #splash { width: 980px; margin: 30px auto 30px auto; } #splash img { border-radius: 5px; }