/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*CABECERA*/ #header #logo a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: url(images/cabecerakarate2.jpg) no-repeat scroll center center; display:block; height:270px; width:900px; } #header #logo, #header #tagline { text-indent: -9999px; } #header #tagline { height: 0; } #header { padding: 0; } /*PAGINA HOME CON FEATURES*/ .home .feature, .index .feature { display:block; float:left; margin:10px 0; width:50%; font-size:1em; line-height:1.4em; padding-right:1em; } /* #header_area .page { border-color:#000000 #000000 -moz-use-text-color; border-style:solid solid none; border-width:10px 10px medium; } #content_area .page { border:10px solid #000000; } #footer_area .page { border:10px solid #000000; background-color: #000000; } */ #header_area .page { padding-top:0; } .full_width .page { margin:0 auto; padding-left:0; padding-right:0; width:90em; } /* --NAV MENU-- */ .menu { height: 100%; margin-top: -30px; position: relative; display: block; float:right; } .menu li { border-top: 1px solid #dedede; float: right; } .menu a { font: Verdana, "Lucida Grande", Lucida, sans-serif; color: #fff; background: #b2cde0; letter-spacing: 1px; font-weight: bold; border-top: 1px solid transparent; } .menu a:hover { margin-top: -1px; border-top: 2px solid #000; background-color: #b2cde0; } .menu .current a , .menu .current-parent a { background: #000; color: #fff; cursor: default; border-top: 2px solid #000; margin-top: -1px; } .menu .current a:hover , .menu .current-parent a:hover { background: #000; color: #fff; cursor: default; } /* --HIDING LINES-- */ #header { border-bottom: 0; } #header_area .page { border: 10px solid #000; border-bottom: none } #content_area .page { border: 10px solid #000; } #footer_area .page { background: none; } #page { width: 90em; padding: 0; margin: 0; } #content_box { background: #fff url(images/header-generic.jpg) no-repeat; } #content { margin-bottom: 16px; } /* --PAGE CONTENT FORMATTING-- */ #content .format_text { } #content .format_text h2 { margin-top: 0; font-weight: bold; } #content .format_text h3 { margin-top: 0; font-weight: bold; color: #39739d; } #content .format_text h4 { margin-top: 0; font-weight: bold; color: #39739d; } #content .format_text a { border-bottom: 1px dotted #777; text-decoration: none; } #content .format_text a:hover { background-color: #eff8ff; border-bottom: 1px solid #777; } #content .format_text table { background-color: #efefef; border-collapse: collapse; } #content .format_text td { border-bottom: 1px dotted #ccc; padding: 7px; text-align: center; } #content .format_text td:first-child { background-color: #e2e2e2; font-weight: bold; padding-left: 12px; text-align: right; } #content .format_text tr:first-child, #content .format_text tr:first-child td:first-child { background-color: #000; font-weight: bold; color: #fff; } #footer { padding-left: 0; padding-right: 0; border: 0; } #credits { } #credits li { list-style: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #666; font-size: 9px; } #credits li a { color: #888; border: none; } #credits li a:hover { color: #fff; } body { background: #000 url('images/asphalt_blend.jpg') repeat-x; padding-top: 20px; } #top_edge { padding-top: 10px; height: 13px; } #bottom_edge { padding-bottom: 10px; height: 13px; } .headline_area { display: none; text-transform: uppercase; } .race_header { } /* --SPONSOR LOGOS-- */ #sponsors { position: relative; display: block; margin-left: -140px; float: left; height: 100%; } #sponsors ul { list-style-type: none; } #sponsors li { padding-bottom: 10px; text-align: center; } #sponsors a img { border: 0; } /* --SIDEBARS-- */ #sidebars { border-right: 1px dotted #ccc; margin-top: 100px; padding-bottom: 160px; } #sidebars .sidebar_list { padding: 0; } /* --RACE NAV TREE-- */ #race_tree { } #race_tree li { list-style: none; display: inline; } /* --HIDE SUBLEVELS-- */ #race_tree ul li ul { display: none; } #race_tree ul li a { text-align: right; display: block; letter-spacing: 1px; text-transform: uppercase; color: #000; font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif; padding: 8px; padding-right: 10px; } #race_tree ul li a:hover { text-decoration: none; color: #000; border-right: 2px solid #000; padding-right: 8px; background: url(images/race_tree_hover.png) repeat-x; overflow: hidden; } #race_tree ul li.current_page_item a, #race_tree ul li.current_page_parent a { background-color: #000; color: #fff; } /* reveal child pages when on a parent page or sibling page */ #race_tree ul li.current_page_item ul, #race_tree ul li.current_page_parent ul { display: block; } #race_tree ul li.current_page_item a:hover { text-decoration: none; cursor: default; } #race_tree ul li ul li.page_item a { color: #fff; background-color: #b2cde0; } #race_tree ul li ul li.page_item a:hover { background: #b2cde0; border-right: 2px solid #000; padding-right: 8px; text-decoration: none; color: #000; cursor: pointer; } #race_tree ul li ul li.current_page_item a { border-right: 2px solid #000; // background: #b2cde0 url(images/race_tree_hover.png) repeat-x; padding-right: 8px; color: #000; cursor: default; } #race_tree ul li ul li.current_page_item a:hover { cursor: default; } /* --HOME LAYOUT ADJUSTMENTS-- */ .post_box { padding-top: 176px; margin-right: 24px; } .home .post_box { padding-top: 35px; } .home .post_box img { border: 1px dotted #888; } .home #content { margin-bottom: 0; background: #fff url(images/header-generic.jpg) no-repeat; position: relative; } /* --COUNTDOWN TIMER-- */ .home #timer { position: absolute; top: 260px; left: 70px; } #timer { margin-bottom: 15px; } /* --FOOTER WIDGETS-- */ #footer_widgets { padding-top: 1em; padding-bottom: 1em; overflow: hidden; width: 900px; margin: auto; font-family: Verdana, sans-serif; } #footer_widgets .footer_widget_box { width: 300px; float: left; } /* --FOOTER WIDGET ITEM-- */ #footer_widgets .footer_items { width: 90%; font-size: 12px; text-align: left; color: #868686; margin: auto; } #footer_widgets .footer_items a { color: #B2CDE0; } /* --FOOTER WIDGET HEADERS-- */ #footer_widgets .footer_items h3 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #B2CDE0; padding-bottom: .5em; border-bottom: 2px solid #fff; margin-bottom: .5em; } /* do not change these! */ #footer_widgets .footer_items li { display: block; } #footer_widgets .footer_items ul { margin: 0px; padding: 0px; } /* INDIVIDUAL PAGE HEADERS */ .races #content_box, .parent-pageid-10 #content_box { background: #fff url(images/header-races.jpg) no-repeat; } .volunteer #content_box, .parent-pageid-10 #content_box { background: #fff url(images/header-volunteer.jpg) no-repeat; } .contact #content_box, .parent-pageid-10 #content_box { background: #fff url(images/header-contact.jpg) no-repeat; } .sponsorship #content_box, .parent-pageid-10 #content_box { background: #fff url(images/header-sponsorship.jpg) no-repeat; } .racing-cane #content_box, .parent-pageid-10 #content_box { background: #fff url(images/header-cane.jpg) no-repeat; } .pioneer-day-classic #content_box, .parent-pageid-15 #content_box { background: #fff url(images/header-pioneer.jpg) no-repeat; } .memorial #content_box, .parent-pageid-19 #content_box { background: #fff url(images/header-memorial.jpg) no-repeat; } .provo-city #content_box, .parent-pageid-17 #content_box { background: #fff url(images/header-provo.jpg) no-repeat; } .donate-life-utah #content_box, .parent-pageid-219 #content_box { background: #fff url(images/header-donate.jpg) no-repeat; } .hobbler #content_box, .parent-pageid-22 #content_box { background: #fff url(images/header-hobbler.jpg) no-repeat; } /* --CONTACT FORM-- */ .wpcf7 p { font-weight: bold; } .wpcf7 .button { width: 120px; cursor: pointer; font-weight: bold; color: #fff; background-color: #b2cde0; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; } .wpcf7 .wpcf7-validation-errors { color: red; border: 1px dotted #red; background: #ffe5e5; font-style: italic; } .wpcf7 span.wpcf7-not-valid-tip { position: absolute; top: 5px; left: 50px; z-index: 100; background: #ffe5e5; border: 1px dotted #ff0000; font-size: 12px; width: 16em; padding: 6px; color: red; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .races .format_text li { display: block; float: right; border-bottom: 1px dotted #ccc; padding: 16px 0 10px 0; margin: 0; width: 90%; } .races .format_text li:last-child { border: none; } .races .format_text img { margin: 0px 16px 10px 10px; }