/*
Theme Name: Z3 Junior Triathlon
Theme URI: http://www.z3triathlon.org
Description: Z3 Junior Triathlon Wordpress theme.
Version: 1.0
Author: Seth Stevenson
Author URI: http://www.iamsethstevenson.com
*/

/**************** RESET ****************************************************************************************************************************************************/
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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body { line-height: 1; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

/**************** Z3 *******************************************************************************************************************************************************/
body { background-color: #f3f3f3; background-image: url(images/background.jpg);	background-position: top center; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; }
body #container { margin: 0 auto; width: 960px; }

/**************** HEADER ***************************************************************************************************************************************************/
#header { font-family: Verdana, Geneva, sans-serif; height: 160px; position: relative; width: 100%; }
#header #high-performance { position: absolute; right: 97px; top: 14px; }
#header #youth-junior-certified { position: absolute; right: 10px; top: 14px; }
#header .twitter { position: absolute; right: 245px; top: 39px; }
#header .facebook { position: absolute; right: 215px; top: 39px; }
#header #logo { left: 0; position: absolute; top: 30px; }
#header #title { left: 128px; position: absolute; top: 38px; }
#header #nav { background-image: url(images/nav-background.gif); font-size: 11px; font-weight: bold; height: 39px; left: 128px; position: absolute; top: 100px; width: 824px; }
#header #nav ul { margin: 12px 0 0 0; padding: 0; }
#header #nav ul li { display: inline; margin: 0 12px 0 18px; position: relative; }
#header #nav ul li a {color: #fff; padding: 12px 0; text-decoration: none; }
#header #nav ul li a:hover { text-decoration: underline; }
#header #nav ul li ul { border-bottom: 2px solid #006caa; border-left: 2px solid #006caa; border-right: 2px solid #006caa; display: none; left: 0; margin: 0; padding: 0; position: absolute; top: 25px; z-index: 99; box-shadow: 0 0 5px #005585; -mozilla-box-shadow: 0 0 5px #005585; -webkit-box-shadow: 0 0 5px #005585;  }
#header #nav ul li:hover > ul { display: block; }
#header #nav ul li ul li { margin: 0; padding: 0; }
#header #nav ul li ul li a { background: #fff; color: #005687; display: block; padding: 10px; width: 150px; }

/**************** CONTENT **************************************************************************************************************************************************/
#content { background-image: url(images/content-background-middle.png); background-position: center top; background-repeat: repeat-y; }
#content.full-width { background-image: url(images/content-background-middle-full-width.png); }
#content #top { background-image: url(images/content-background-top.jpg); background-position: center top; background-repeat: no-repeat; height: 5px; width: 100%; }
#content.full-width #top { background-image: url(images/content-background-top-full-width.jpg); }

/**************** MAIN CONTENT *********************************************************************************************************************************************/
#main-content { color: #464646; float: left; font-size: 14px; padding: 5px 10px 10px 20px; width: 610px; }
#content.full-width #main-content { width: 920px; }
#main-content a { color: #0080c6; }
#main-content blockquote { background-color: #e1e1e1; border-left: 5px solid #c6c6c6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 1.5em; margin: 1em 10px; padding: .5em 1em; }
#main-content blockquote p { margin: 0; }
#main-content h1 { border-bottom: 2px solid #f0f0f0; color: #006caa; font-size: 24px; margin: 10px 10px 10px 10px; padding-bottom: 8px; width: 590px; }
#content.full-width #main-content h1 { width: 900px; }
#main-content h2 { font-size: 18px; line-height: 22px; margin: 0 10px 5px 10px; }
#main-content h2 a { color: #ff5900; text-decoration: none; }
#main-content h2 a:hover { text-decoration: underline; }
#main-content h3 { line-height: 18px; margin: 0 10px 5px 10px; }
#main-content ol { line-height: 26px; list-style-type: decimal; margin: .5em 10px 1em 30px; }
#main-content p { line-height: 22px; margin: .5em 10px 1em 10px; }
#main-content p.info { color: #959595; font-size: 11px; line-height: 14px; margin: 5px 10px 1em 10px; }
#main-content p.info a { color: #959595; text-decoration: none; }
#main-content p.info a:hover { text-decoration: underline; }
#main-content p.info .comments, #main-content p.info .author { margin-left: 7px; }
#main-content p.info .date, #main-content p.info .author { margin-right: 7px; }
#main-content ul { line-height: 26px; list-style-type: disc; margin: .5em 10px 1em 25px; }
#main-content #slider { margin-bottom: 18px; position: relative !important; height: 265px; overflow: hidden; }
#main-content #slider img {	position: absolute !important;	top: 0 !important;	left: 0 !important; }
#main-content #slider .nivo-caption { display: none !important; }
#main-content .navigation { clear: both; margin: 30px 0 25px 0 !important; }
#main-content .navigation a { background-color:#F0F0F0; border: 1px solid #D0D0D0; color: #464646; font-size: 11px; margin: 2px; padding: 4px 8px; text-decoration:none; }
#main-content .post { margin-bottom: 2em; }
#main-content .postmetadata { color: #959595; font-size: 11px; line-height: 14px; padding-top: 5px; }
#main-content .news { border-bottom: 2px solid #f0f0f0; margin: 15px 0; padding-top: 8px; }
#main-content .thumbnail img { float: right; margin: 0 10px 10px 20px; }
#main-content .wp-pagenavi { font-size: 12px; }
#main-content .wp-pagenavi a, .wp-pagenavi a { background-color: #F0F0F0; border: 1px solid #D0D0D0; color: #0066cc; margin: 2px; padding: 2px 4px 2px 4px; text-decoration: none; }
#main-content .wp-pagenavi a:visited { background-color: #F0F0F0; border: 1px solid #D0D0D0; color: #0066cc; margin: 2px; padding: 2px 4px 2px 4px; text-decoration: none; }
#main-content .wp-pagenavi a:hover { border: 1px solid #464646; color: #464646; }
#main-content .wp-pagenavi a:active { background-color: #F0F0F0; border: 1px solid #D0D0D0; color: #0066cc; margin: 2px; padding: 2px 4px 2px 4px; text-decoration: none; }
#main-content .wp-pagenavi span.pages { background-color: #FFFFFF; color: #464646; margin: 2px 2px 2px 2px; padding: 2px 4px 2px 4px; }
#main-content .wp-pagenavi span.current { background-color: #FFFFFF; color: #464646; font-weight: bold; margin: 2px; padding: 2px 4px 2px 4px; }
#main-content .wp-pagenavi span.extend { background-color: #FFFFFF; border: none; color: #464646; margin: 2px; padding: 2px 4px 2px 4px; }


/**************** SIDEBAR **************************************************************************************************************************************************/
#sidebar { float: left; font-family: Verdana, Geneva, sans-serif; padding: 5px 20px 10px 10px; width: 290px; }
#sidebar .widget { background-color: #fff; background-image: url(images/sidebar-content-background.jpg); background-position: bottom center; background-repeat: repeat-y; border-bottom: 1px solid #d0d0d0; color: #636363; font-size: 12px; margin-bottom: 20px; padding: 0 1px; position: relative; }
#sidebar .widget a.all { color: #fff; font-size: 10px; position: absolute; right: 10px; text-decoration: none; top: 10px; }
#sidebar .widget a.all:hover { text-decoration: underline; }
#sidebar .widget h2 { background-image: url(images/sidebar-header-yellow.jpg); color: #fff; display: block; height: 21px; margin-left: -1px; padding: 9px 70px 0 18px; text-decoration: none; width: 202px; }
#sidebar .widget h2 a { color: #fff; text-decoration: none; width: 202px; }
#sidebar .widget h2 a:hover { text-decoration: underline; }
#sidebar .widget li { line-height: 14px; padding: 9px 0 9px 16px; width: 272px; }
#sidebar .widget li a { color: #0080c6; line-height: 16px; text-decoration: none; }
#sidebar .widget li a:hover { text-decoration: underline }
#sidebar .eventsListWidget li a { display: inline-block;  width: 170px; }
#sidebar .widget_twitter .entry-meta { color: #999; display: block; font-size: 9px; margin-top: 5px; width: 100%; }
#sidebar .widget_twitter .entry-meta a { color: #999; }
#sidebar .widget_twitter .entry-meta .from-meta { visibility: hidden; }
#sidebar .widget li .date { display: inline-block; margin-right: 22px;vertical-align: top; width: 72px; }
#sidebar .widget li.even { background-color: #f0f0f0; }
#sidebar .widget li.odd { background-color: #fff; }
#sidebar .widget.blue { background-color: #275898; padding: 0; }
#sidebar .widget.blue iframe { border: 1px solid #085799; height: 247px; width: 288px; }
#sidebar .widget.blue h2, #sidebar .widget.widget_twitter h2 { background-image: url(images/sidebar-header-blue.jpg); margin: 0; }
#sidebar .widget.orange h2 { background-image: url(images/sidebar-header-orange.jpg); }
#sidebar .widget .footer { background-image: url(images/sidebar-footer.jpg); height: 6px; width: 100%; }
#sidebar .widget.widget_search h2 { background-image: url(images/sidebar-header-grey.jpg) !important; }
#sidebar .widget.widget_search ul li { padding-bottom: 0 !important; padding-top: 0 !important; }
#sidebar .widget.widget_search input { font-size: 14px; margin: 10px 0; }
#sidebar .widget.widget_search input#s { float: left; width: 170px; }
#sidebar .widget.widget_search input#searchbutton { float: right; margin-right: 15px; }
#sidebar .dig-in { display: none; }
#text-3 { background: none !important; border-bottom: none !important; text-align: center; }

/**************** FOOTER ***************************************************************************************************************************************************/
#footer { background-color: #f3f3f3; background-image: url(images/footer-background.png); background-position: center top; background-repeat: no-repeat; clear: both; height: 39px; margin-bottom: 40px; width: 100%; }
#footer img { margin-bottom: -3px; margin-left: 5px; }
#footer p { color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding: 13px 26px; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer p a.admin { cursor:text; }
#footer p a.admin:hover { text-decoration: none; }
#footer #sponsors { clear: both; margin: 30px 0 30px 10px; }
#footer .alignright { margin-top: -3px; }

/**************** COMMENTS *************************************************************************************************************************************************/
ol.commentlist { list-style-type: none !important; margin: .5em 10px 1em 10px !important; }
ol.commentlist cite { display:block; font-style:normal }
ol.commentlist cite a:link, .commentlist cite a:visited { color:#88e5f0; text-decoration:none; }
ol.commentlist cite a:hover, .commentlist cite a:active { color:#FFF; text-decoration:underline; }
ol.commentlist li { background:#e1e1e1 url(images/bg_commentlist.gif) bottom no-repeat; padding: 5px 18px 22px 18px; margin-top:15px; }
ol.commentlist .quote { background:url(images/bg_quote.gif) no-repeat top right; min-height: 35px; }

/**************** EVENTS ***************************************************************************************************************************************************/
#tec-event-meta { background-color: #E1E1E1; float: right; line-height: 1.2em; margin: 5px 10px 12px 10px !important; padding: 12px 10px 2px 10px !important; width: 200px; }
#tec-event-meta a.gmap { color: #fff !important; }
#main-content.grid .date-select { position: absolute; left: 10px; top: 15px; width: 900px; }
#main-content.grid .date-select select { font-size: 16px; }
#main-content .tec-calendar thead { background-color: #666; }
#main-content .tec-calendar-buttons { position: absolute; right: 10px; top: -27px; }
#main-content .tec-calendar-buttons a { color: #fff !important; text-decoration: none !important; }
#main-content .tec-calendar-buttons a:hover { text-decoration:underline !important; }
#main-content.grid table.tec-calendar { margin: 35px 0 12px; }
#main-content.grid .upcoming a.tec-button-on, .grid a.tec-button-on { background-color: #006CAA !important; }

/* Single team view */
.single-team .cat_Events, .tec-calendar hr { display: none !important; }
.Youth-Development .cat_Youth-Development, .Youth-Elite .cat_Youth-Elite, .Junior-Elite .cat_Junior-Elite { display: block !important; }
.Youth-Development .cat_Youth-Development a, .Youth-Elite .cat_Youth-Elite a, .Junior-Elite .cat_Junior-Elite a { border-bottom: 1px solid #E7E7E7; display: block; padding-bottom: 10px; }
.trainingpeaks { background: #fff !important; padding-top: 6px !important; }
/* .all-teams .cat_Youth-Development { display: none !important; } */
	
/**************** MISC *****************************************************************************************************************************************************/

div.aligncenter { margin: 0 auto; text-align: center; }
div.alignleft, div.alignnone, img.alignleft { margin: 0 20px 10px 5px; text-align: center; }
div.alignright, img.alignright { margin: 0 5px 10px 20px; text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.caption { text-align: center; }
.clear { clear: both; }
.intro { font-size: 16px; font-style: italic; line-height: 1.5em; }
.home .intro { margin-bottom: 30px !important; }
.sponsors { float: left; margin: 10px; text-align: center; width: 280px; }
.sponsors p { font-size: 16px; font-weight: bold; margin-bottom: 2em !important; }
.textcenter { text-align: center; }
#trainingpeaks p { line-height: 22px; margin: .5em 10px 1em 10px; }