/*  ***************************************
    ***************************************

    Name: Huber Heights School Athletics
    Date: April 2010
    Description: Redesign
    Version: 1.0
    Author: Wesley Deer
    Author email: wdeer@thinkpatented.com

    ***************************************
    ***************************************/

/* RESET CSS
***************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
    /* background: transparent; */
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    /* vertical-align: baseline; */
    z-index: 1;
    font-style: normal;
    font-weight: normal;
}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
a img {border: none;
display: block;}

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }
/* END RESET CSS */


@font-face {
    font-family: 'MidoMedium';
    src: url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Mido.eot');
    src: local('Mido'), local('Mido-Medium'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Mido.woff') format('woff'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Mido.ttf') format('truetype'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Mido.svg#Mido-Medium') format('svg');
}
/*
@font-face {
    font-family: 'TitilliumTitle01Thin';
    src: url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Titillium_title03.eot');
    src: local('TitilliumTitle01'), local('TitilliumTitle01-Thin'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Titillium_title03.woff') format('woff'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Titillium_title03.ttf') format('truetype'), url('http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/font/Titillium_title03.svg#TitilliumTitle01-Thin') format('svg');
}*/

h2, h3, h2 a, h3 a, #event_cats_list li, .column h4 {
    font-family: MidoMedium, Georgia, "Times New Roman", Times, serif;    
}



/* GLOBAL
***************************************************************************/
body {
    background: #fff;
    color: #333;
    font-size: 62.5%; /* Base font size: 14px */
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    line-height: 150%;
    margin: 0;
    padding: 0;
    text-align: left;
    background: url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/bg.jpg) fixed;
}
*, body {position: static;}

a:link,a:visited {color: #39c;}
a:hover,a:active {color: #999;}

small {font-size: .85em;}
em {
    border: 1px dotted #999;
    padding: 1em;
    display: block;
    clear: both;
}


/* END GLOBAL */



/* POSITIONING
***************************************************************************/
#masthead {top: 0px;}
body.index #contentArea {margin-top:27em;}
#contentArea {margin-top:4em;}
#featured {top:24em}
#navMain {top:200px;}
#contentArea,
#navMain ul.topnav,
#footer #siteInfo {position:relative}
#featured {position:absolute;}


#navMain,
#navSub {
    width:100%;
    position: absolute;
    display: block;
}
#navMain {width:100em;}
#contentArea,
#navMain ul.topnav,
#featured,
#footer #siteInfo,
#login_container,#navMain {
    left: 50%;
    margin-left: -50em;
    width: 100em;
    display:block;
}





/* END POSITIONING*/


/* HEADER BAR
***************************************************************************/
#masthead {
    height: 200px;
    background: url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/header_bg.jpg) transparent center bottom repeat-x;
}
#masthead h1 a {
    display:block;
    background: url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/waynewarriors.png) transparent no-repeat;
    text-indent: -999em;
    position:absolute;
    left: 50%;
    margin-left: -502px;
    width: 1000px;
    height:115px;
    margin-top:86px;
}
/* END HEADER BAR */



/* CONTENT AREA
***************************************************************************/
#contentArea {overflow:hidden;}
#contentArea p {
    font-size:1.4em;
    line-height:175%;
    margin-bottom:1.4em;
}
#content {
    color: #555;
    width: 63em;
    display: inline;
    float: left;
    padding: 1.5em;
    background-color:white;
    min-height:40em;
}
body#profile #content {
    width: 85em;
    font-size:1.2em;
    padding:0;
    margin:0;
}
body#profile .profileMenu {
    background-color:#ddd;
    padding:1em;
    width:25em;
}
body#profile table {width:70%;}

#content h2 {
    margin-bottom: .5em;
    font-size: 2.2em;
    color: #777;
}
#content h2 a:link,
#content h2 a:visited {
    color: #777;
}
#content h2 a:hover,
#content h2 a:active {
    color: #999;
}
#content p {}

#content article {
    float:left;    
    padding:1.5em 0;
    border-bottom:1px solid #ccc;
    width:100%;
}
#content figure {
    width:135px;
    height:135px;
    background-color:#fff;
    border:1px solid #ccc;
    float:left;
    margin-right:15px;
    overflow:hidden;
}
#content figure img {text-align:center;}

#content ul {list-style-type:disc; margin: 0px 0px .5em 1em; padding-left: .5em;}
#content ul li ul {list-style-type:circle;}
#content ul li ul li ul {list-style-type:square;}

#content, #contentSub {padding:1.5em;}
#upcoming_events li {
list-style-type:none;
font-size:1.3em;
margin:0 0 1em 0;
}


#content article table {
	width:100% !important;
	font-size:1.25em;
	border:1px solid #ccc !important;
	margin-bottom:1em;
}
#content article td,
#content article th {
	border:0px solid white !important;
	text-align:center !important;
	padding:.5em !important
}
#content article th {font-weight:bold;}
#content article thead {background-color:#eee;}
#content article table caption {
	margin-bottom:.5em;
	text-align:left;
	font-size:1.5em;
}



#gallery li {
    float:left;
    list-style:none;
    width:130px;
    height:130px !important;
    position:relative;
    margin:.5em;
}
#gallery li h2 {
    background-color:#333;
    font-size:1.2em;
    font-family: helvetica, arial, verdana, sans-serif;
    width:130px;
    position:absolute;
    padding:.2em .2em;
    color:white;
    bottom:0px;    
}
#gallery li figure {
    width:130px;
    height:130px;
}


.column {
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;    
}
        /* SUB CONTENT / SIDEBAR
        ************************/
        #contentSub {
            display: inline;
            float: right;
            width: 30em;
            padding: 3em 1.5em 0em 1.5em;
            height: 100%;
            color: #555;
            background-color:#ddd;
            text-align:right;
            min-height:525px;
        }
        #contentSub article {
            padding:1.5em 0;
        }
        #contentSub h3 {
            margin-bottom: .5em;
            font-size: 2.2em;
            color: #777;
            text-align:left;
        }
        #contentSub p,
        #contentSub li {
            font-size:1.4em;
            margin-bottom:.5em;
        }
        #contentSub article,
        #contentSub ul {
            padding-bottom: 1.2em;
        }
        #contentSub strong {
            font-weight: bold;
        }


/* END CONTENT AREA */

.slideshow li {
    float:left;
    padding:4px;
    border:1px solid #999;
    margin:5px;
    background-color:#333;
}
.slideshow a:link img{display:block;}





/* NAV MAIN
***************************************************************************/
ul.topnav {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-family: TitilliumTitle01Thin, "Trebuchet MS", Arial, Helvetica, sans-serif
}
ul.topnav>li a {
    display:block;
    padding:1em;
    font-size:1.25em;
}
#navMain li, #navSub li {display: inline; margin: 0;}
#featured li,#navMain li {float: left;}

#navMain a:link, #navMain a:visited {
    display: inline-block;
    color:white;
    font-weight:normal;
}
ul.topnav li {
    position: relative;
}
ul.topnav li a {
    float: left;
}
ul.topnav li a:hover {
    float: left;
    background: #333;
}
#navMain a:hover, #navMain a:active {color:#999;}
body#home #linkHome a:link {color:#ccc;}












ul.topnav li ul.dropmenu {
    list-style: none;
    position: absolute;
    left: 0; top: 4em;
    float: left;
    z-index:1000;
    display:none;
}
ul.topnav li ul.dropmenu li {
    clear: both;
    position:relative;
}
html ul.topnav li ul.dropmenu li>a {
    float: left;
    display:block;
    background: #333;
    width:80px;
    font-size:1.1em;
    padding:1em 0px 1em 20px;
}
html ul.topnav li ul.dropmenu li a:hover {
    background-color: #222;
}
.subnav {
    position:absolute;
    left:100px;
    top:0px;
    z-index:2000;
    display:none;
}
html ul.topnav li ul.dropmenu li .subnav li a {
    background-color:#222;
    width:100px;
}
html ul.topnav li ul.dropmenu li .subnav li a:hover {background-color:#333;}



/* END NAVMAIN */


/* FEATURED
***************************************************************************/
    #featured {
        min-height: 220px;
        height: 22em;
        display: block;
        overflow: hidden;
        background:#333;
    }
    #featuredContent {
        display: block;
        height: 100%;
        position:absolute;
    }
    #featuredContent li {
        display: inline;
        float:left;
        width:100em;
        padding:10px 0;
    }
    #featured li h3 {
        font-size:2em;    
        color:#ccc;
        font-family:Arial, Helvetica, sans-serif;
        line-height:150%;
        font-weight:bold;
    }
    #featured li h3 a:link,
    #featured li h3 a:visited {
        color: #ccc;
    }
    #featured li h3 a:hover,
    #featured li h3 a:active {color:#F00;}
    #featured li p {
        font-size:1.25em;    
        color:#ccc;
        font-family:Arial, Helvetica, sans-serif;
        line-height:150%;
    }

    #featured img {
        width:650px;
        height:200px;
        float:left;
        background-color:#999;
        margin:0 10px;
    }
    #featuredNav {
        position:absolute;
        bottom:0px;
        right:0px;
        z-index:50;
        color: white;
        border:1px solid #555;
        border-width:1px 0px 0px 1px;
    }
    #featuredNav li {
        padding:.5em;
        font-size:1.4em;
        background-color:#555;
        margin:1px;
    }
    #featuredNav li:hover {
        background-color:#999;
        color:#555;
        cursor:pointer;
    }
    #featured-inner {
        position:relative;
        width:100em;
        height:22em;
    }
/* END FEATURED */



/* SEARCH - edit by Jim Cloudman
***************************************************************************/

    #searchbox {margin-top:6px;}

    #searchbox #keywords {
        background:#333;
        color:#fff;
        height:18px;
        padding:2px;
        border:1px solid #222;
        border-top:1px solid #000;
        border-bottom:1px solid #555;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        float:left;
        width:18em;
        }

    #searchbox .submit {
        height:24px;
        width:24px;
        border:0px;
        padding:0px;
        background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/search.png) left bottom no-repeat;
        cursor:pointer;
        margin-left:.5em;
        }

    #searchresults #content figure.entry_image {
    width:70px;
    height:70px;
}

li#search {float:right;line-height:1em;}



/* PAGINATION - edit by Jim Cloudman
***************************************************************************/

    a.pagination {
        margin-top:.75em;
        float:left;
        font-size:1.5em;
        padding:.75em;
        background:#666;
        color:#fff;
        }

        a.pagination:hover {background:#333;}


/* END PAGINATION */


/* SIDEBAR LISTS - edit by Jim Cloudman
***************************************************************************/


    #event_cats_list li {text-align:left;}

    .column h4 {
        text-align:left;
        font-size:1.4em;
        margin-bottom:.5em;
}

    #event_cats_list li ul {
        margin-top:.5em;
        width:21.4285714em;
    }

    #event_cats_list li ul li {
        font-size:1em;
        font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

    #recent_list, #event_list, #event_cats_list ul, .menu_list, #contentSub #category_list, .tweet_list, #webcasts {
        display:block;
        list-style:none;
        text-align:left;
    }

        #recent_list li a, #event_list li a, #event_cats_list ul li a, .menu_list li a, #contentSub #category_list li a, .tweet_list li, #webcasts li a {
            display:block;
            padding:.5em;
            margin-bottom:.2em;
            background:#eee;
}


            #recent_list li a:hover,  #event_list li a:hover, #event_cats_list ul li a:hover, .menu_list li a:hover, #contentSub #category_list  li a:hover, #webcasts  li a:hover {
                background:#333;
                color:#fff;
            }



       #photo_list li {float:left;}

        #photo_list img {
            width:75px;
            height:75px;
          }

        .block_link {
            display:block;
            float:left;
            font-size:1.2em;
            }



/* END SIDEBAR LISTS */


/* MEMBER PROFILE STYLES - edit by Jim Cloudman
***************************************************************************/

    .mem_prof>* {
        font-size:1.3em;
        line-height:1.5em;
        }

        .mem_prof h3 {
            font-size:1.2em;
            margin-bottom:.5em;
            }

.mem_prof th {
    padding:10px 10px 10px 0px;
    width:200px;
}

    .mem_prof td {vertical-align:middle;}

    .mem_prof select {max-width:400px;}

/* LOGIN TAB - edit by Jim Cloudman
***************************************************************************/
    #login_container {
        height: 24px;
        position:absolute;
        top:32px;
    }

    #login_tab_container {
        position:absolute;
        padding:0px;
        line-height:24px;
        height:24px;
        display:block;
        font-size:1.0em;
        color:#fff;
        text-align:center;
        right:13em;
    }
            div#login_tab_container {background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/login-left.png) no-repeat top left;
                padding-left:15px;
            }
            nav#login_tab {background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/login-right.png) no-repeat top right;
                padding-right:15px;
            }
            nav#login_tab ul {
                         height:24px;
                background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/login-center.png) repeat-x top right;
            }
                #login_tab li {display:inline;}
                #login_tab a {padding:0px 5px;}
                #login_tab a:link,#login_tab a:visited {color:white;}
                #login_tab a:hover,#login_tab a:active {color:#999;}

            #login_form {
                position:absolute;
                top:-33px;
                height:32px;
                font-size:1.3em;
                line-height:32px;
                width:100%;
                background:#000;
                border-bottom:1px solid #777;
                text-align:center;
                color:#fff;
                }



/* CATEGORY LIST - edit by Jim Cloudman
***************************************************************************/

    #content #category_list ul {
        display:block;
        width:63em;
        list-style:none;
        margin-left:0px;
        background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/cat_list_bg.png) repeat-x bottom center;
        padding-top:6px;
        padding-bottom:10px;
        border-top:1px solid #aaa;
        }

       #content #category_list ul li {display:inline;}

       #content #category_list ul li a{
            display:inline;
            padding:5px 10px 10px;
            font-size:1.3em;
            color:#046;
            text-transform:uppercase;
            }

           #content #category_list ul li a.selected {background:url(http://athletics2.huberheightscityschools.org/themes/site_themes/agile_records/images/cat_list_selected.png) no-repeat bottom center;
                color:#fff;
                margin-top:-1px;
                border-top:1px solid #000;
                }
/* END CATEGORY LIST */


/* RSS ICON
***************************************************************************/

    .rss_icon {float:right;}

    .rss_item .rss_icon {margin-top:-5px;}

/* END RSS ICON */



/* FOOTER
***************************************************************************/
#footer {color:#fff;}
#footer p,
#footer li {
    font-size:1.4em;
    line-height:175%;
    margin:15px;
}
#siteInfo {
    padding: 2em 0;
    overflow: hidden;
    background-color:#333;
    margin-top:.75em;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
#about {
    border-left:2px solid white;    
}
#siteInfo div {
    float:left;
    width:48%;
    margin-bottom:2em;
}
#siteInfo h3 {
    font-size:1.8em;
    margin:0em .75em;
}
#siteInfo ul {float:left;}
#siteInfo li {
    padding:0px .5em;
    margin:.5em 1em;
    font-size:1.2em;
}
#links ul {
    clear:both;
    float:left;
    margin-left:.55em;
    margin-top: 1.5em;
}
#links li {
    float:left;
    width:12em;
}
div#copyright {
    background-color:#000;    
    position:absolute;
    bottom:0px;
    width:100%;
    margin-bottom:0px;
    float:none;
    clear:both;
}
div#copyright p {
    text-align:right;
    padding:.5em 1em;
    margin:0px;
    font-size:1.2em;
}
#member_panel {
    background-color:#000;    
    position:fixed;
    top:0px;
    width:100%;
    margin-bottom:0px;
    float:none;
    clear:both;
}
#leaveComment li {list-style-type:none;}
#leaveComment li label {
    width:6em;
    display:block;
}

#siteInfo ul {float:left;}
#siteInfo li {
    padding:0px .5em;
    margin:.1em 0em;
    font-size:1.2em;
}
#links ul {
    clear:both;
    float:left;
}
#links li {
    float:left;
    width:15em;
}


/* Calendar
***************************************************************************/
table.calendarBG {width:100%;}
table.calendarBG td{
    text-align:center;
    border:1px solid #ccc;
    font-size:1.3em;
}
.calendarHeader th {font-weight:bold;}
.calendarDayHeading {font-weight:bold;}
.event {
    position:relative;
    display:block;
}
.entryPop{
    position:absolute;
    top:.5em;
    left:.5em;
    background-color:#eee;
    width:10em;
    height:10em;
    border:1px solid #ccc;
    padding:.5em;
    text-align:left;
    display:none;
}
.dayNumber,
.noEvent span {
    padding:2em;
    display:block;
}
.dayNumber:link,
.dayNumber:visited {background-color:#eee;}
.dayNumber:hover,
.dayNumber:active {
    background-color:#8eb5c1;
    color:white;
}
.calendarBlank {color:#ccc;}

.currentMonth {
    font-size:2em;
    padding:.5em;
    text-align:center;
}
.calendarHeader a {
    padding:.5em;
    display:block;
    font-size:2em;
    text-align:center;
}
.calendarHeader a:link,
.calendarHeader a:visited {

}
.calendarHeader a:hover,
.calendarHeader a:active {background-color:#eee;}

.calendarDayHeading {
    background-color:#333;
    color:white;
    padding:.5em;
}
.hha_map {
float:left;
margin-right:1em;
width:150px;
}

.block_link {
display:block;
width:100%;
}
#webcasts {
padding-top:105px;
display:block;
background:url(http://athletics.huberheightscityschools.org/themes/site_themes/agile_records/images/webcastLink.gif) no-repeat top center;
}
#tweets {height:300px;}