/*
Theme Name: Timing Solutions 2013
Theme URI: http://extensionco.com/
Description: Standard theme for Timing Solutions centre sites
Author: Lettuce
Author URI: http://lettuce.com.au
Version: 1.0

*/




body{font-family:Karla, Arial, Helvetica, sans-serif;font-weight:400}
a{color:#063;text-decoration:underline}
.container-fluid{padding:0!important}
#header{background:#000 url(img/menu-bg.png) bottom repeat-x;color:#FFF;text-transform:uppercase}
#header h1{font-size:40px;margin:20px 0 -5px;padding:0}
#header h2{font-size:21px;margin:0 0 10px;padding:0}
#header #logo{text-align:right;margin: 0px}
#header #logo img{height:105px;width:auto!important}
#menu{background:url(img/menu-bg.png) bottom repeat-x #096;height:60px}
#menu ul{text-transform:uppercase;float:right;margin:0;padding:0}
#menu li{list-style:none;float:left;color:#FFF;position:relative;margin:0;padding:20px}
#menu li:hover,#menu .current-menu-item,#menu .current_page_ancestor{box-shadow:inset 0 1px 8px #666;-webkit-box-shadow:inset 0 1px 8px #666;-moz-box-shadow:inset 0 1px 8px #666}
#menu ul ul{left:0;list-style:none;position:absolute;z-index:500;background:#096;top:60px;text-align:center;box-shadow:inset 0 1px 8px #666;-webkit-box-shadow:inset 0 1px 8px #666;-moz-box-shadow:inset 0 1px 8px #666;margin:0 auto;padding:0}
#menu ul ul li{float:none;text-align:center;width:150px}
#menu ul ul li:hover{background:url(img/submenu-bg.png)}
#menu ul ul li:hover a{color:#063}
ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown ul li:hover ul ul{display:none}
#menu li.menu-parent-item{background:url(img/menu-dropdown.png) right no-repeat;padding-right:35px}
.navbar-inner{background:none!important;border:0!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;box-shadow:0!important;padding:0!important}
#slider{background:url(img/menu-bg.png) bottom repeat-x #096}
#slider .carousel{border:10px solid #FFF;margin:30px 0 40px}
#slider .carousel .container{position:relative;z-index:9}
#slider .carousel-control{height:50px;padding-top:10px;margin-top:0;font-size:80px;text-shadow:0 1px 1px rgba(0,0,0,.4);background-color:#FFF;border:0;z-index:10;color:#096}
#slider .carousel .item{width:100%;height:265px}
#slider .carousel img{position:absolute;top:0;left:0;min-width:100%;height:265px}
.breadcrumbs{color:#999;font-weight:400;margin-bottom:20px}
.breadcrumbs .current{color:#333}
.breadcrumbs .separator{font-weight:400;color:#999;margin:0 10px}
.pagenav{margin:0 0 50px;padding:0 0 10px}
.pagenav li{padding-left:5px;color:#999;margin-left:15px}
.pagenav li.pagenav_parent{font-weight:700;list-style:none;margin:0;padding:0}
#callout{background:url(img/callout-bg.png) bottom repeat-x #f1f1f1;border-top:1px solid #EEE;padding:10px 0}
#content_area{padding-top:30px}
#alertarea{margin-bottom:50px;background:#fff;border:5px solid #eee;font-size:14px;color:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:30px}
#alertarea .alert_header{text-transform:uppercase;padding-right:5px}
#alertarea .alert_title{color:#096;font-size:30px;font-weight:700;line-height:32px;padding-bottom:10px;padding-top:5px}
#alertarea .alert_copy{color:#000;font-size:16px;line-height:21px}
#alertarea .alerts_previous{float:right;background:#eee;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;margin:30px 0;padding:7px 30px}
#alertarea .alerts_previous a{color:#096;text-transform:uppercase}
#main_area .alert_title{color:#096;font-size:30px;font-weight:700;line-height:32px;padding-bottom:10px}
#main_area .alert_copy{margin-bottom:60px}
.upcommingEventsHolder .meet_list {padding-bottom: 20px;}
.upcommingEventsHolder .meet_date {display: inline-block; width: 100px;}
.upcommingEventsHolder .meet_title {font-size: 16px; display:inline;}
.filterHolder {margin-bottom: 10px;}
#centreRecordHolder table,#weeklyProgramsHolder table{min-width:500px}
#centreRecordHolder th{text-align:left;border-top:1px solid #096;border-bottom:1px solid #096;color:#096;width:22%!important;padding:4px 0}
#centreRecordHolder td,#weeklyProgramsHolder td{border-top:1px solid #eee;border-bottom:1px solid #EEE;padding:3px}
#weeklyProgramsHolder th{text-align:left;border-top:1px solid #096;border-bottom:1px solid #096;color:#096;width:35%!important;padding:4px 0}
#sidebar .button_logins{height:180px}
#sidebar .btn-large{text-align:center;padding:16px}
#sidebar .btn-danger{background-color:#CA3B15;background-image:none;background-repeat:repeat-x;border:none;text-shadow:none;margin-left:0!important;margin-bottom:10px;font-weight:700;font-size:15px;padding:7px}
#sidebar .btn-link{color:#CA3B15;background-color:none;background:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;text-decoration:underline}
#sidebar .ad_fixed{border-top:1px solid #eee;border-bottom:1px solid #eee;padding-bottom:20px;padding-top:20px;margin-top:0;margin-bottom:30px; text-align: center;}
#sidebar .results_events{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}
#sidebar .sponsor_ads ul, #sidebar .sponsor_ads ul li{margin:0;padding:0}
#sidebar .results_events a.calendar {}
.meet{margin-bottom:20px;overflow:auto;height:auto}
.meetTitle{font-size:16px}
.meetAddress{color:#999;font-size:12px}
.calendar{width:44px;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ccc;float:left;margin-right:10.9px}
.calendar > .month{text-align:right;font-size:10px;height:15px;background:url(img/menu-bg.png) bottom repeat-x #096;color:#fff;font-weight:700;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;padding:2px 5px 2px 0}
.calendar > .day{text-align:center;font-weight:700;font-size:20px;height:25px;padding-top:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;background:0}
#footer{margin-top:50px;background:#f1f1f1;color:#999;padding:20px 0}
#footer #q4{vertical-align:bottom}
#footer #q1 a{color:#096}
#footer #q1 .more a.btn{color:#999;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background:#fefefe;border:none;margin-top:20px;text-shadow:none;padding:5px 25px}
#footer #q1 .more a.btn:hover{background:#096;color:#FFF}
#footer #copyright.row{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:10px}


#mobileMenuHolder{background-color:#096;border-bottom:1px solid #333}
#mobileMenu{background:none!important;width:100%}
a.MobileMenuItem,.MobileMenuItem{float:left;color:#FFF;font-size:14px;font-weight:400;text-transform:uppercase;font-family:Karla, Arial, sans-serif;padding:10px 25px}
a.MobileMenuItem:hover{box-shadow:inset 0 1px 8px #666;-webkit-box-shadow:inset 0 1px 8px #666;-moz-box-shadow:inset 0 1px 8px #666;color:#063;text-decoration:none}
#mobMenu{float:right}
#mobileMenuSlideHolder{width:100%;overflow:hidden;height:0}
#mobileMenuSlide{width:100%;overflow:hidden;height:auto;background:#333}
#mobileMenuSlide li ul.children,#mobileMenuSlide li ul.children li{margin:0!important;padding:0}
#mobileMenuSlide li,#mobileMenuSlide li ul.children li{list-style:none;float:left;width:50%!important;position:relative;text-align:center;-webkit-box-shadow:inset 0 0 40px 1px rgba(0,0,0,0.6);box-shadow:inset 0 0 40px 1px rgba(0,0,0,0.6)}
#mobileMenuSlide li a,#mobileMenuSlide li li a{color:#FFF;padding-top:15px;padding-bottom:15px;width:100%;position:relative;display:block;border-right:1px solid #000;border-bottom:1px solid #000}
#header a,#header a:hover,#menu li a{color:#FFF;text-decoration:none}
ul.dropdown li ul a,ul.dropdown li:hover ul,ul.dropdown ul li:hover ul,ul.dropdown ul li ul li:hover ul,.calendar > span{display:block}
#callout h3,#main_area a{color:#999}
#alertarea .alert_date,#main_area .alert_date{color:#CCC;margin-bottom:10px;border-bottom:1px solid #EEE;padding-bottom:5px}
#alertarea .alerts_previous a:hover,#footer #q1 a:hover{color:#063;text-decoration:none}




/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}




@media (max-width: 767px) {
    #slider .carousel .item{width:100%;height:162px!important}
    #slider .carousel{border:6px solid #FFF;margin:20px 0 30px}
    #slider .carousel img{height:162px!important}
    #footer{padding:20px!important}
    #centreRecordHolder table,#centreRecordHolder thead,#centreRecordHolder tbody,#centreRecordHolder th,#centreRecordHolder td,#centreRecordHolder tr,#weeklyProgramsHolder table,#weeklyProgramsHolder thead,#weeklyProgramsHolder tbody,#weeklyProgramsHolder th,#weeklyProgramsHolder td,#weeklyProgramsHolder tr{display:block}
    #centreRecordHolder thead tr,#weeklyProgramsHolder thead tr{position:absolute;top:-9999px;left:-9999px}
    #centreRecordHolder tr,#weeklyProgramsHolder tr{border:1px solid #096;margin-bottom:10px}
    #centreRecordHolder td,#weeklyProgramsHolder td{border-bottom:2px solid #eee;position:relative;border:none;padding:5px 5px 5px 150px !important}
    #centreRecordHolder td:before,#weeklyProgramsHolder td:before{position:absolute;top:0;left:0;width:150px;padding-left:5px!important;padding-right:10px!important;white-space:nowrap;height:100%}
    #centreRecordHolder td:nth-of-type(2):before{content:"Result"}
    #centreRecordHolder td:nth-of-type(3):before{content:"Record Date"}
    #centreRecordHolder td:nth-of-type(4):before{content:"Name"}
    #centreRecordHolder td:nth-of-type(5):before{content:"Age/Gender"}
    #weeklyProgramsHolder td:nth-of-type(2):before{content:"Age Group"}
    #weeklyProgramsHolder td:nth-of-type(3):before{content:"Gender"}
    td:nth-of-type(1):before,td:nth-of-type(2):before,td:nth-of-type(3):before,td:nth-of-type(4):before,td:nth-of-type(5):before{font-weight:700;background:#f3f3f3;display:block;border-right:1px solid #096;color:#096;box-sizing:border-box;padding-top:5px}
    #centreRecordHolder th,#weeklyProgramsHolder th{width:auto;text-align:left;border:none;padding:0}
    #centreRecordHolder td:nth-of-type(1):before,#weeklyProgramsHolder td:nth-of-type(1):before{content:"Event"}
    .upcommingEventsHolder .meet_list {padding-bottom: 20px;}
    .upcommingEventsHolder .meet_date {display: block; width: auto;}
    .upcommingEventsHolder .meet_title {font-size: 16px; display:block;}
}




@media (max-width: 480px) {
	#logo {display:none;}
    #header h1{font-size:24px;margin:10px 0 -15px;padding:0}
    #header h2{font-size:16px;margin:0 0 5px;padding:0}
    #callout{padding:0!important}
    #callout h3{font-size:16px!important}
    #alertarea{padding:30px 30px 0!important}
    #alertarea .alert_date{margin-bottom:5px;border-bottom:1px solid #EEE;padding-bottom:3px;font-size:10px}
    #alertarea .alert_title{font-size:18px;line-height:24px;padding-bottom:10px;padding-top:0}
    #alertarea .alert_copy{font-size:14px;line-height:18px}
    #alertarea .alerts_previous{font-size:10px;margin:0 0 15px;padding:4px 15px}
    #sidebar{text-align:center;margin-top:30px;border-top:3px solid #096;padding-top:30px}
    #sidebar h4{margin:0 0 30px}
    #sidebar .results_events h4.meetTitle{text-align:left;font-size:16px}
    #sidebar .results_events h4{text-align:center}
    #footer #q1{border-bottom:1px solid #CCC;padding-bottom:20px}
    #footer #q4{margin:-50px 0 0;padding:0}
    #slider,#header #logo{display:none!important}
}





#mobileMenuSlide ul.dropdown {
    margin:0px !important;
}

#mobileMenuSlide li, 
#mobileMenuSlide li ul.children li {
    width: 100%!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-bottom: 1px solid #000;
}

#mobileMenuSlideHolder li ul.sub-menu li {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0px !important;
}

#mobileMenuSlideHolder li ul.sub-menu li a {
    text-align: left;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0px !important;
}

#mobileMenuSlideHolder li ul.sub-menu li a:before {
    content: '-';
    margin-right: 10px;
}

#mobileMenuSlideHolder ul.dropdown ul, 
#mobileMenuSlideHolder ul.dropdown li:hover ul ul, 
#mobileMenuSlideHolder ul.dropdown ul li:hover ul ul {
    display:block;

}

#mobileMenuSlide li a, #mobileMenuSlide li li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px !important;
}