/* THEME NAME: Milkyway Old THEME URI: DESCRIPTION: Milkyway Old WordPress Theme VERSION: 2.0 */ /* GLOBAL RESET ---------------------------- */ body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } acronym, abbr, fieldset, img { border: 0;} img { vertical-align: bottom; } :focus { outline: 0; } /* BASE STYLE ---------------------------- */ body { background: #000000; font: 60.5%/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; color: #FFFFFF; color: rgba(255, 255, 255); } /* #bg-top-repeat { width: 100%; height: 100%; background: url(images/bg-top-repeat.gif) repeat-x 0 0; } #bg-center { width: 100%; height: 100%; background: url(images/bg-center.gif) no-repeat top center; } */ #bg-divider-repeat { width: 100%; height: 100%; background: url(images/devider.png) repeat-y top center; } /*p { margin-bottom: 1em; }*/ em { font-style: italic; } strong { font-weight: bold; } a { color: #2bac38; text-decoration: none; } a:hover { color: #c48643; } h2 { font: 1.9em Georgia, Arial, sans-serif; margin-bottom: 6px; color: #353535; } h2 a { color: #353535; } h3 { font: 1.4em Georgia, Arial, sans-serif; margin-bottom: 6px; color: #434137; } blockquote p { border-left: 4px solid #847c6c; padding: 5px 20px; margin: 10px 0 20px 21px; color: #847c6c; } ul, ol { margin-bottom: 10px; } /*ul li { background: url(images/bullet.gif) no-repeat 0.5em 0.6em; padding-left: 21px; margin-bottom: 3px; }*/ ol li { list-style-type: decimal; list-style-position: inside; } ul li ul, ol li ol { margin: 0; } ol li ol li { margin-left: 21px; } /* IMAGE STYLES ---------------------------- */ .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .aligncenter { margin: 0 auto 10px auto; display: block; } /*img { background: #e4dcbe; border: 1px solid #c3b9a3; padding: 4px; }*/ /* CONTAINER ---------------------------- */ #container { font-size: 100%; line-height: 1.4em; width: 890px; margin: 0 auto; color:#FFFFFF; } /* HEADER ---------------------------- */ #header { width: 100%; height: 105px; padding: 0px 0 0px 0; position: relative; background:url(images/mil_top1_01.png) no-repeat 0 0;} /* LOGO ---------------------------- */ h1 a { background: url(images/mil_top1_02.png) no-repeat 0 0; width: 270px; height: 90px; display: block; text-indent: -9999px; float: left; } #home-bubble { display: block; background: url(images/home-bubble.gif) no-repeat 0 0; width: 120px; height: 27px; position: absolute; top: 21px; left: 167px; text-indent: -9999px; } /* TOP NAV ---------------------------- */ #top-nav { margin: 70px 0 0px 0px; float: right; } #top-nav li { float: left; text-transform: uppercase; font-size: 0.9em; } .top { width:77px; height:26px; } .sc { width:94px; height:26px; } .ab { width:119px; height:26px; } .ac { width:82px; height:26px; } .link { width:77px; height:26px; } /*#top-nav li a {color: #FFF; text-shadow: 1px 1px 1px #a7362f; padding: 2px 6px;} #top-nav li a:hover { color: #c44a43; background: #FFF; text-shadow: none; } */ /*#top-nav li#top-nav-divider { width: 2px; height: 47px; position: absolute; top: 21px; right: 38px; background: url(images/top-nav-divider.gif) no-repeat 0 0; text-indent: -9999px; } */ #top-nav li#rss-icon { margin: 0 0 0 22px; } #top-nav li#rss-icon a { display: block; color: #FFF; background: url(images/rss.png) no-repeat 0 0; padding: 0; width: 30px; height: 30px;text-indent: -9999px; } #banner{width:960px; height:200px;} #banner img{float:left;} /* MAIN CONTENT ---------------------------- */ #main-content { width: 578px; float: left; margin: 13px 0 0 5px; } #main-content a { } #post a:hover { } #main-content h2 a { border-bottom: none; } #main-content h2 a:hover { border-bottom: none; } .archives-title { margin-bottom: 40px; padding: 20px 0; border-bottom: 2px solid #C7BB9D; border-top: 2px solid #C7BB9D; text-transform: uppercase; text-align: center; color: #686450; font-size: 1.7em; } /* POST ---------------------------- */ .post { margin-bottom: 20px; padding-bottom: 50px; } .tri{background: url(images/tri.png) no-repeat bottom left;width:30px;height:20px;} .entry-meta { font-size: 0.8em; text-transform: uppercase; color: #847c6c; margin-bottom: 20px; } .meta-sep { color: #b7ad98; margin: 0 5px; } /* pick up */ #pickup{} #pickup-title{background:url(images/pick_title.png) top no-repeat;width:567px;height:47px;margin-bottom:18px;} .pick-con{background:url(images/pick_back.jpg) top no-repeat;width:567px;height:400px;} .pick-con-title{padding-top:10px;padding-bottom:10px;} .pick-con-title span{margin-left:10px;} .pick-con img{margin-left:27px;margin-top:4px;padding-right:15px;float:left;} /*etc title*/ #schedule{background:url(images/schedule-mon.png) top no-repeat;width:567px;height:48px;margin-bottom:18px;} #day-schedule{background:url(images/schedule.png) top no-repeat;width:567px;height:48px;margin-bottom:18px;} #about{background:url(images/about-title.png) top no-repeat;width:567px;height:48px;margin-bottom:18px;} #access{background:url(images/access-title.png) top no-repeat;width:567px;height:48px;margin-bottom:18px;} #today{background:url(images/today-title.png) top no-repeat;width:567px;height:48px;margin-bottom:18px;} /*box*/ .sc-box{background:url(images/sc-box.png) top no-repeat;width:567px;height:130px;} .entry-title{margin-left:57px;padding-top:14px;font-size:1.2em;color:#FFFFFF;} .entry-title a{color:#FFFFFF;} /*entry*/ .entry-content{margin-left:45px;padding-top:10px;font-size:1.2em; padding-right:15px;} .box-header{background:url(images/box_header.png) top no-repeat;height:52px;width:567px} .box-middle{background:url(images/box_middle.png) top repeat-y;width:567px;} .box-footer{background:url(images/box_footer.png) top no-repeat;height:27px;width:567px} /*monthly_link*/ #month_nav {margin: 0 0 10px 0;} .monthlink { width: 100%; float: left;} .monthlink a { float: left; display: block; color: #FFF; padding: 2px 6px; border-radius: 5px; text-decoration: none; } /*.monthlink a:hover { color: #2bac38; background: #FFF; text-shadow: none; }*/ /* POST NAVIGATION ---------------------------- */ #nav-below { margin: 0 0 10px 0; } .navigation { width: 100%; clear: both; float: left; } .nav-previous a { float: left; display: block; color: #FFF; padding: 2px 6px; border-radius: 5px; text-decoration: none; } .nav-next a { float: right; display: block; color: #2bac38; padding: 2px 6px; text-decoration: none; } .navigation a:hover { color: #2bac38; background: #FFF; text-shadow: none; } /* COMMENTS ---------------------------- */ #comments { } #comments-list { margin: 40px 0 0 0; } ol.comment-list { margin: 45px 0 0 0; } ol.comment-list li { width: 536px; position: relative; color: #5c5b56; background: #f7f1d8; border: 1px solid #c3b9a3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 50px 20px; position: relative; } ol.comment-list li div.comment-info { margin: -37px -10px 0 0; position: relative; width: 490px; margin-bottom: 10px; float: right; } ol.comment-list li div.comment-avatar { position: absolute; top: -30px; left: -20px; width: 50px; } ol.comment-list li div.comment-avatar img { border: 1px solid #c3b9a3; background: #e4dcbe; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.comment-list li div.comment-author { font-weight: bold; color: #2a2a2a; float: left; } ol.comment-list li div.comment-author .says-text { color: #847c6c; font-weight: normal; } ol.comment-list li div.comment-meta { font-size: 0.8em; text-transform: uppercase; color: #847c6c; float: right; } ol.comment-list li div.comment-content { float: right; width: 480px; } ol.comment-list li div.comment-content img { padding: 0; background: none; border: none; } #right-column ol.comment-list li div.comment-content a { border-color: #242424; } /* COMMENTS FORM ---------------------------- */ #respond { margin: 50px 0 0 0; } #respond .formcontainer { margin: 20px 0 0 0; } #respond .formcontainer .form-label { float: left; width: 100px; margin: 8px 0 0 0; font-weight: bold; } #respond .formcontainer .form-input input { width: 462px; float: right; margin-bottom: 20px; padding: 6px 7px; color: #5c5b56; background: #f7f1d8; border: 1px solid #c3b9a3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; } #respond .formcontainer .form-textarea textarea { width: 464px; color: #5c5b56; background: #f7f1d8; border: 1px solid #c3b9a3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom: 15px; } #respond .formcontainer #submit { float: right; display: block; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #a7362f; background: #c44a43; border: none; padding: 4px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; box-shadow: #d7c99f 2px 2px 2px; -moz-box-shadow: #d7c99f 2px 2px 2px; -webkit-box-shadow: #d7c99f 2px 2px 2px; cursor: pointer; font: 95%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; } #respond .formcontainer #submit:hover { color: #c44a43; background: #FFF; text-shadow: none; } /* SIDEBAR ---------------------------- */ #sidebar { width: 275px; float: right; margin: 13px 0px 40px 0px; } #news{} #news li{background: url(images/plus.png) no-repeat 0.5em 0.6em; padding-left: 21px; margin-bottom: 3px; padding-top:4px; } #news li a{color:#FFFFFF;} .news-title{background:url(images/news-title.png) top left no-repeat;width:312px;height:63px;} .underline{background:url(images/underline.png) top left no-repeat;width:312px;height:63px;} .underline2{background:url(images/underline2.png) top left no-repeat;width:275px;height:24px; margin-bottom:10px;} #sidebar ul { margin: 5px 0 20px 0; padding-bottom: 20px;} #sidebar ul li ul { padding: 0; margin: 0; border: none; } /*#sidebar h3{background:url(images/calender.png) top left no-repeat;width:312px;height:63px;text-indent:-7777px;}*/ #sidebar h3{color:#FFF;} .left_banner{margin-left:10px;} #wp-calendar{margin-left:5px;} .ticket {color:#2bac38; font-weight:bold;} /* SEARCH BOX ---------------------------- */ input#s { width: 224px; margin-bottom: 20px; padding: 6px 7px; color: #5c5b56; background: #f7f1d8 url(images/search-icon.gif) no-repeat 96% 45%; border: 1px solid #c3b9a3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; } /* FOOTER ---------------------------- */ #footer-wrapper { width: 100%; padding: 0px 0 10px 0; } #footer { width: 890px; margin: 0 auto; font-size: 1.4em; line-height: 1.6em; color: #FFFFFF;background:url(images/bg-footer.png) repeat-x;height:20px; } #footer p { float: left; margin: 15px; } #bottom-nav { float: right; } #bottom-nav li { float: left; margin: 15px 0 0 20px; padding: 0; background: none; font-size:0.8em; line-height:1.0em;} #bottom-nav li a { color: #837961; } #bottom-nav li a:hover { color: #c48643; } /* P.I.E. FLOAT CLEARING ---------------------------- */ .clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block; } .clearfix { display: block; } /*about jpg*/ #imgPreviewWithStyles { background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; z-index: 999; border: none; } #imgPreviewWithStyles span { color: white; text-align: center; display: block; padding: 10px 0 3px 0; font-size:100%; } #about-milky li{float:left;margin:5px 5px;} #about-milky a{text-decoration:none;}