/* Theme Name: Darby Panther Athletics Theme URI: http://panthers.hilliardschools.org Description: Theme for Hilliard Darby Athletics Department Author: Kelly Ramm Author URI: http://kellyramm.com */ body{ background:#00132b url(images/body_background.jpg) repeat-x top left; font-family: Arial; font-size: 12px;} #wrapper{ margin:0 auto; background:url(images/background_wrapper.jpg) no-repeat top center; height:960px;} p, ol, ul {line-height:1.6; } h2{font-size:24px; font-weight:100; line-height:30px;} h3{font-size:20px; font-weight:100; line-height:26px; color:#191919;} h4{font-size:18px; font-weight:100; line-height:20px; color:#191919;} h6{font-size:10px; font-weight:100;} a {color: #0093EE;} /* ------------------------------------------------------ Header ------------------------------------------------------ */ #header{width:820px; margin:0 auto;} #banner h1{ text-indent:-9999px; } #banner .title{margin-right:70px; margin-left:60px; color: #B3B3B3; text-transform:uppercase; font-weight: lighter; letter-spacing:.25em; font-size:13px;} #banner{text-align:center; padding-top: 20px;} #banner{width:820px; margin:0 auto; background:url(images/background_banner.jpg) no-repeat top center; height:93px; } /* ------------------------------------------------------ Content ------------------------------------------------------ */ #content{width:818px; margin:0 auto; overflow:auto; border-right: 1px solid #00132b; border-left: 1px solid #00132b; background:#ffffff url(images/box_bg2.png) repeat-y;} #content p, #content ol, #content ul{margin-top:10px;} #content h2, #content h3, #content h4{margin-top:10px;} #content .post ul li{margin-left: 20px; list-style:disc; padding:3px; vertical-align:middle;} #content li ul {padding-left: 10px;} #content h2{color: #666; background:url(images/sidebar_title.jpg) top left repeat-x; padding-left: 10px;} #content h2 a{text-decoration:none;} #content h4 a{text-decoration:none; color:#0093EE;} #content h4 + p {margin-top: 7px;} #pageContent{width:818px; margin:0 auto; background:#ffffff url(images/box_bg.png) repeat-y; overflow:auto; border-right: 1px solid #00132b; border-left: 1px solid #00132b;} #pageContent p, #pageContent ol, #pageContent ul{margin-top:10px;} #pageContent h2, #pageContent h3, #pageContent h4{margin-top:10px;} #pageContent h2{color: #0093EE; } #pageContent h2 a{text-decoration:none;} #pageContent h4.pagetitle { color:#191919; background-color:#FFF; border-bottom:1px solid #D1D1D1; border-top:1px solid #E7E7E7; padding:5px 0px 5px 10px; margin-left:30px; margin-bottom: 25px;} #pageContent h4 a{color:#191919; text-decoration:none; } #pageContent p.postmetadata{font-size:10px; color:#666; margin-top: 0px; padding:5px; background-color: #F2F2F2; margin-bottom: 10px;} #teamContent{width:818px; margin:0 auto; background:#ffffff; overflow:auto; border-right: 1px solid #00132b; border-left: 1px solid #00132b;} #teamContent p, #teamContent ol, #teamContent ul{margin-top:10px;} #teamContent h2, #teamContent h3{margin-top:10px;} #teamContent h2{color: #0093EE; } #teamContent h2 a{text-decoration:none;} #teamContent h4 { color:#191919; background-color:#FFF; border-bottom:1px solid #D1D1D1; border-top:1px solid #E7E7E7; padding:5px 0px 5px 10px; margin-left:30px; margin-bottom: 25px;} #teamContent h4 a{color:#191919; text-decoration:none; } #teamContent p.postmetadata{font-size:10px; color:#666; margin-top: 0px; padding:5px; background-color: #F2F2F2; margin-bottom: 10px;} .post{margin-top:15px; margin-bottom:20px; padding-bottom:20px; padding-left:10px; margin-right:15px; border-bottom:1px solid #292929;} #subContent .post{ border-bottom:none; margin-top:0px; margin-left: 30px;} #pageMainContent .post{ border-bottom:none; margin-top:0px; margin-left: 40px;} #pageMainContent .multi{ border-bottom:1px solid #D8D8D8; margin-left: 40px;} #subContent h2 {background-image:none; padding-left:0px; } .entry{padding:0px 20px 0px 30px;} #mainContent{color: #FFF; width: 298px; float:left; padding:20px 0px 20px 20px;} ul#links{list-style:none;} #subContent{width: 500px; float: right; padding:0px;} #pageMainContent{width: 568px; float: right; padding:20px 0px 20px 0px;} #pageMainContent ul {padding-left: 10px;} #pageMainContent ul li {padding: 5px; list-style-type:square;} #pageMainContent ol li {padding: 5px; list-style-type:decimal; vertical-align:middle;} #pageMainContent ol li {margin-left:25px;} #slideshow{border:1px solid #9A9A9A; width:440px; height:320px; padding:10px; margin:20px 0 20px 20px;} /* ------------------------------------------------------ TEAM PAGES ------------------------------------------------------ */ #title{height: 42px; background:url(images/sportTitle.jpg) repeat-x; width:780px; margin:20px auto 0px; color:#85ABD8; font-size:24px; font-weight:bold;} #title .BoysBaseball{background:url(images/boysBaseball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysVolleyball{background:url(images/boysVolleyball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysCrossCountry{background:url(images/boysCrossCountry.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysBasketball{background:url(images/boysBasketball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysBowling{background:url(images/boysBowling.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .Football{background:url(images/boysFootball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysGolf{background:url(images/boysGolf.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysLacrosse{background:url(images/boysLacrosse.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysSoccer{background:url(images/boysSoccer.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysSwimming{background:url(images/boysSwimming.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysTrackandField{background:url(images/boysTrack.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysTennis{background:url(images/boysTennis.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysVolleyball{background:url(images/boysVolleyball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .BoysWrestling{background:url(images/boysWrestling.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsBowling{background:url(images/girlsBowling.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsSoftball{background:url(images/girlsSoftball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsVolleyball{background:url(images/girlsVolleyball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsCrossCountry{background:url(images/girlsCrossCountry.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsBasketball{background:url(images/girlsBasketball.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .Cheerleading{background:url(images/girlsCheerleading.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .Gymnastics{background:url(images/girlsGymnastics.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsGolf{background:url(images/girlsGolf.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsLacrosse{background:url(images/girlsLacrosse.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsSoccer{background:url(images/girlsSoccer.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsSwimming{background:url(images/girlsSwimming.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsTennis{background:url(images/girlsTennis.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsTrack{background:url(images/girlsTrack.jpg) repeat-x; text-indent:-9999px; height:42px;} #title .GirlsVolleyball{background:url(images/girlsVolleyball.jpg) repeat-x; text-indent:-9999px; height:42px;} #teamSidebar{width: 230px; float:left; padding:20px 0px 20px 20px;} #subNav{width: 230px; float:left; } #subNav ul{border-top:5px solid #85ABD8; margin:0px; background-color: #000; width:160px; } #subNav li{border-bottom:1px solid #333;} #subNav li a:hover{background-color: #333; } #subNav li a{text-decoration:none; padding: 5px 3px 5px 5px; display:block; color:#FFF;} #sportNav-Bot{background:url(images/sportNav-bot.jpg) no-repeat; height:139px;} /* ------------------------------------------------------ Sidebar ------------------------------------------------------ */ #sidebar{width: 230px; float:left; padding:20px 0px 20px 20px; } #sidebarInner{ } #sidebar h3{color:#666; background:url(images/sidebar_title.jpg) top right repeat-x; font-size:16px; padding-left: 10px; } #sidebar ul{margin-bottom:25px; margin-left: 10px;} /* ------------------------------------------------------ Footer ------------------------------------------------------ */ #footer{color: #808080; text-align:center; width:780px; margin:0 auto; background-color:#000; height:65px; padding:20px; border-top:1px solid #383838} #footer cite{line-height:1.6; font-style:italic; font-size:9px; padding:20px; display:block;} /* ------------------------------------------------------ - Nav / Dropdowns- ------------------------------------------------------ */ /*=== Top Menu ===*/ #navigation{ background:url(images/background_nav.jpg) repeat-x; width:818px; margin: 0 auto; height: 53px; border-right: 1px solid #666; border-left: 1px solid #666; } #navigation li{ background:url(images/background_button.jpg) top right no-repeat; float: left; line-height: 33px; text-transform:uppercase; } #navigation li a{ color: #333333; text-decoration:none; display: block; margin: 0 1px 0 0; padding: 0 35px 0 15px; } #navigation li a:hover,#navigation li.active a{color: #0093EE;text-decoration: none;} #navigation li.current_page_item a:hover,#navigation li.current_page_item a, #navigation li.current_page_parent a {color: #0093EE; background:url(images/background_active.gif) 19px 0px no-repeat; } #navigation li.current_page_item ul li a, #navigation li ul li.current_page_item a {color: #0093EE; background-image:none; } #navigation li.page_item ul li.page_item a {color: #fff; } #navigation li.page_item ul li.current_page_item a {color: #0093EE; } #navigation li.current_page_parent li a{background-image:none; color:#fff;} #navigation li.current_page_parent li a:hover{background-image:none; } #nav, #nav ul{float:left; list-style: none; margin-left:10px;} #nav ul{padding-top:10px; background-color:#181818;} #nav {padding: 0;} #nav a {display: block;} #nav li {float: left;line-height:53px; } #nav li a:hover {background:url(images/background_active.gif) 19px 0px no-repeat; } #nav li ul li a:hover {background:url(images/background_active.gif) 15px 0px no-repeat; } #nav li ul {position: absolute;width: 180px;left: -999em; margin-left:-23px; border: 1px solid #666;} #nav li:hover ul, #nav li.sfhover ul {left: auto;z-index:1000; } #nav li ul li {background: #000; line-height:22px; width:170px; padding:3px 5px; text-transform:none; } #nav li ul li a {color:#FFF; padding-right:5px; padding-left:5px;} #nav li ul li a:hover, #navigation li.current_page_item ul li a:hover {background-image:none; background-color: #96b7e0; color:#000;} #nav li:hover, #nav li.hover {position: static;} #nav li ul ul {margin: -29px 0 0 14.5em;} #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #col1, #col2 {width:90px; float:left;} #col1 h6, #col2 h6{color:#96b7e0; font-weight:bold; text-align:center; border-bottom:1px solid #666;} div#navigation #nav li ul div#col1 li, div#navigation #nav li ul div#col2 li { width:89px; padding:0px; text-transform:none; } div#navigation #nav li ul div#col1 li a, div#navigation #nav li ul div#col2 li a { padding:0px 5px; } /* ------------------------------------------------------ /* Table ------------------------------------------------------ */ .entry table, .post table { background-color:#E7E7E7; border-collapse: separate; border-top: 1px solid #E9E9E9; border-left: 1px solid #E9E9E9; width:100%;} .entry caption, .post caption {font-weight: bold; background: #50ADEA; border-bottom:2px solid #1975d7; color: #FFF;text-transform:uppercase; padding:10px;} .entry td,.entry th, .post td,.post th {padding: 4px; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; } .entry thead th, .post thead th {text-align: center; background: #F5F5F5; color: #666; border: 1px solid #FFF; text-transform:uppercase; padding: 5px 0px; text-align:center;} .entry thead th.odd, .post thead th.odd{background: #F5F5F5; } .entry tbody th, .post tbody th {font-weight: bold; text-align:center;} .entry tbody tr, .post tbody tr {background-color:#FFF; text-align:left;} .entry tbody tr.odd, .post tbody tr.odd {background: #f9f9f9; border-top:1px solid #FFF;} .entry tbody th a:link, .entry tbody th a:visited, .post tbody th a:link, .post tbody th a:visited{color:#96D030; padding:3px 0px 0px 18px;} .entry tbody tr td, .post tbody tr td { padding: 5px 3px; background: #FFF; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9;} .entry tbody tr.odd td, .post tbody tr.odd td{ background: #f9f9f9; border-top:1px solid #FFF;} .entry table td a:link, .entry table td a:visited, .post table td a:link, .post table td a:visited {text-decoration: none;} .entry table td a:hover, .post table td a:hover {border-bottom:2px solid #8FD5FF; text-decoration: none;} .entry tfoot th, .entry tfoot td, .post tfoot th, .post tfoot td { background-color:#E7E7E7; padding:10px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; font-style:italic; border-bottom:3px solid #CCC; border-top:1px solid #DFDFDF; } /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; } #searchform #s { width: 155px; padding: 2px; background-color:#fff; color: #000; } input{background-color: #fff; color:#000; border:1px solid #A2A2A2;} #searchsubmit { padding: 2px; } /* ------------------------------------------------------ /* Captions ------------------------------------------------------ */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .readmore { text-align:center; background-color: #CCC; float:right; clear:both;} .readmore a {color:#333; text-decoration:none; line-height:25px; display:block; width:75px;} .readmore a:hover {color: #CCC; background-color:#333;} .boxit{border:1px solid #999; background-color:#E6E6E6; padding:10px 5px; margin-top:25px; width:400px; } #content .boxit h3{margin: 0px; padding:0px;} /* ------------------------------------------------------ /* event Feed ------------------------------------------------------ */ #eventFeed { font-size:10px; width:818px; margin:0 auto; background-color:#E6E6E6; overflow:hidden; } #eventFeed h2{color: #808080; background: #4C4C4C url(images/sidebar_title.jpg) top left repeat-x; margin-top:0px; font-size:18px; padding:0 30px; height:30px;} #eventFeed h5{font-weight:normal; font-size:11px;} #eventFeed a{color:#4993C5; } #eventFeed ul{margin: 20px 0px; width:235px; float:left; margin-left: 25px;} #eventFeed ul li {list-style:none; border-bottom: 1px solid #D8D8D8; margin: 0 10px; padding: 5px 0px;}