/* Theme Name: Adventure Theme URI: http://schwarttzy.com/?page_id=551 Description: Inspired by a certain GPS Manufacture, I designed this theme to feel like your looking through a window out into the wilderness. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Version: 1.2 Author: Eric Schwarz Author URI: http://schwarttzy.com/?page_id=225 Tags: white, purple, two-columns, fixed-width */ /************************************************ Defaults ************************************************/ h1, h2, h3, h4, h5, h6 { font-family: sans-serif; padding: 0; } body { font-size:13px; background: fixed center top url(images/image%2094.jpg) #000; margin: 0; padding: 0; width: 100%; text-align: center; } /************************************************ Layout ************************************************/ #clear { width: 100%; overflow: hidden; position: absolute; text-align: center; } #center { width: 900px; margin: 50px auto; position: relative; } #endspacer { height: 150px; width: 900px; float: left; } /************************************************ Links ************************************************/ a { color: #0b6492; text-decoration: none; font-weight: bold; } a:hover{ color: #392026; text-decoration: none; font-weight: bold; } h1 a{ color: #FFF; } h1 a:hover{ color: #0b6492; } /************************************************ Header ************************************************/ #header { background: url(images/bars.png); width: 100%; height: 50px; position: fixed; text-align: left; bottom: 0; left: 0; } #title { color: #FFF; float: left; padding: 0px; margin: 0 0 14px 14px; } #title h1 { font-size: 20px; font-weight: 1000; font-variant: small-caps; } #slogan { padding: 0px; float: left; margin: 8px 0 18px 14px; } #slogan h2{ font-size: 15px; padding: 0px; font-variant: small-caps; font-weight: 100; text-decoration: none; color: #b7c2c3; } /************************************************ Navigation ************************************************/ #menu { float: right; } #menulist, .menulist ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 50px; width: 100%; font-weight: bold; } #menulist a { height: 50px; display: block; padding: 0px 12px 0px 12px; color: #FFF; text-decoration: none; background-image: url(images/bars.png); } #menulist a:hover { background-position: bottom; color: #FFF; } #menulist li { font-size: 14px; font-weight: 1000; font-family: sans-serif; font-variant: small-caps; float: left; border-left: 1px solid #575253; } /************************************************ Map ************************************************/ #mapborder { background: url(images/75.png); width: 875px; padding: 10px; margin: 0 0 25px 0; border: 3px solid #4a4646; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float: left; text-align:left; } #map { margin-top: 10px; height:385px; border: 2px solid #000; } #mapreset a { text-transform: uppercase; color:#333; font-weight: 100; font-size: 18px; padding: 5px; float: right; } #mapreset a:hover { color:#0b6492; } .top{ font-size:18px; color:#000; } .small { color:#000; font-size:x-small; } .rest { color:#000; } .time { color:#000; } /************************************************ Content ************************************************/ #content { background: url(images/75.png); font-family: sans-serif; font-size: 13px; line-height: 20px; width: 600px; height: auto; padding: 10px; margin-bottom: 25px; text-align: justify; border: 3px solid #4a4646; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float: left; } object {z-index: -1} #label { padding-top: 5px; text-transform: uppercase; font-weight: 100; font-size: 18px; } #label a { color:#000; text-transform: uppercase; font-weight: 100; font-size: 18px; } #label a:hover { color:#0b6492; } #clearz{ width: 600px; float: right; } #tags{ width: auto; float: right; border-top: 1px solid #4a4646; text-align: right; font-size: 12px; line-height: 14px; } /************************************************ Sidebar ************************************************/ #sidebar{ text-shadow:0 0 4px #444; color: #FFF; font-size: 14px; background: url(images/blacktrans.png); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 225px; padding: 10px; margin: 0 0 25px 0; float: right; text-align: left; } #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{ text-transform: uppercase; border-bottom: 1px solid #FFF; padding-bottom: 5px; } #sidebar ul, #sidebar li{ list-style-type: none; color: #cccbc4; padding: 0; margin: 0; } #sidebar ul ul ul{ display:none; } #sidebar h2{ color: #FFF; margin: 25px 0 10px 0; } #sidebar a { color: #cccbc4; } #sidebar a:hover { color: #FFF; } /************************************************ Footer ************************************************/ #footer{ text-shadow:0 0 4px #444; color: #FFF; font-size: 14px; background: url(images/blacktrans.png); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 880px; padding: 10px; margin: 0 0 20px 0; float: right; text-align: center; } #footer a { color: #cccbc4; } #footer a:hover { color: #FFF; } /************************************************ Comments ************************************************/ #respond { padding-top: 15px; } #commentinput{ width:210px; } #line { width: 100%; margin-bottom: 5px; } #reply{ float: left; width: 600px; } .commentlist {float:right; padding:10px 0 0 0; margin:0px;} #commentbody { margin-bottom: 10px; padding: 10px 10px 25px 10px; width: 580px; min-height: 90px; overflow:auto; } #avatar { float: left; } #avatar img { border: 2px solid #000; } #commentz { float: right; width: 460px; } #commentlabel { width: 100%; border-bottom: 1px solid #4a4646; margin-bottom: 15px; float: left; font-weight: 100; font-size: 18px; } #commentlabel a { color:#000; font-weight: 100; font-size: 18px; } #commentlabel a:hover { color:#0b6492; } #commententry { width: 100%; margin: 5px; float: left; font-weight: 100; font-size: 16px; } #commentbox { width: 360px; margin: 5px; float: right; font-weight: 100; font-size: 16px; } #submit { float: left; margin-top: 12px; } /************************************************ Forms ************************************************/ #s{ background: #FFFFFF url(images/search.gif) no-repeat scroll left top; border-color: #DEDEDE #FFFFFF #FFFFFF #DEDEDE; border-style: solid; border-width: 1px; margin-right: 4px; padding: 2px 3px 3px 22px; width: 200px; color: #666; } input{ width: 210px; height: 25px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; } .button, input[type="submit"], .submit { border-color: #DEDEDE #bbb #bbb #DEDEDE; border-style: solid; border-width: 1px; background: #e5e5e5 url(images/lightgrayup.png) repeat-x left top; margin: 0; padding: 2px 3px 1px 5px; letter-spacing: .1em; text-transform: uppercase; color: #666; } .button:hover, input[type="submit"]:hover, .submit:hover { color: #000; } .button:active, input[type="submit"]:active, .submit:active { background: #e5e5e5 url(images/lightgraydown.png) repeat-x left top; } #textarea2 { border-color: #DEDEDE #bbb #bbb #DEDEDE; border-style: solid; border-width: 1px; font: 110% Arial, Helvetica, sans-serif; background: url(images/form-field-bg.gif) no-repeat; padding: 3px 7px 3px 7px; margin-bottom: 10px; } /************************************************ Random ************************************************/ blockquote { font-style: italic; margin: 10px; padding: 0 5px 0 5px; background: url(images/blacktrans.png); } #content img { background: url(images/blacktrans2.png); max-width: 595px; width: expression(this.width > 500 ? 500: true); height: auto; } a img {border: none; } img.alignleft { float: left; margin: 0 15px 10px 0; } img.alignright { float: right; margin: 0 0 10px 15px; } img.aligncenter { margin: 10px auto 10px; text-align: center; display: block; } .left {float: left;} .textleft {text-align: left;} .right {float: right;} .textright {text-align: right;} .clear {clear: both;} .block{display: block;} .border{display: none; visibility: hidden;} .hidden {display: none; visibility: hidden;} hr { border: 0 #4a4646 solid; border-top-width: 2px; clear: both; height: 0; } .bg { width: 100%; position: fixed; top: 0; left: 0; } table {margin: 0 0 10px 0;} table th {color: #0b6492;} table td, table th { padding: 3px 9px; font-size: 12px; } table th { text-transform: uppercase; border-bottom: 1px transparent; } table td {background: url(images/blacktrans.png);} table tr.even td {background: url(images/blacktrans2.png);} table tr:hover td{background: none;} /************************************************ Fortitudo Et Honos ************************************************/