/* BOILERPLATE ---------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin : 0; padding : 0; border : 0; vertical-align : baseline; } li { list-style : none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block; } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ""; content : none; } ins { background-color : #ff9; color : #000; text-decoration : none; } mark { background-color : #ff9; color : #000; font-style : italic; font-weight : bold; } del { text-decoration : line-through; } abbr[title], dfn[title] { border-bottom : 1px dotted; cursor : help; } table { border-collapse : collapse; border-spacing : 0; } hr { display : block; height : 1px; border : 0; border-top : 1px solid #ccc; margin : 1em 0; padding : 0; } input, select { vertical-align : middle; } select, input, textarea, button { font : 99% sans-serif; } pre, code, kbd, samp { font-family : monospace, sans-serif; } a:hover, a:active { outline : none; } ol { list-style-type : decimal; } nav ul, nav li { margin : 0; list-style : none; list-style-image : none; } small { font-size : 85%; } strong, th { font-weight : bold; } td { vertical-align : top; } sub, sup { font-size : 75%; line-height : 0; position : relative; } sup { top : -0.5em; } sub { bottom : -0.25em; } pre { white-space : pre; white-space : pre-wrap; padding : 15px; } textarea { overflow : auto; } .ie6 legend, .ie7 legend { margin-left : -7px; } input[type="radio"] { vertical-align : text-bottom; } input[type="checkbox"] { vertical-align : bottom; } .ie7 input[type="checkbox"] { vertical-align : baseline; } .ie6 input { vertical-align : text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor : pointer; } button, input, select, textarea { margin : 0; } button { width : auto; overflow : visible; } body, select, input, textarea { color : #444; } h1, h2, h3, h4, h5, h6 { font-weight : bold; } a, a:active, a:visited { color : #607890; } a:hover { color : #036; }html{-webkit-text-size-adjust: auto; /* Automatically adjusted for Safari on iPhone. */ -ms-text-size-adjust: auto; } body { min-width:960px; } .container_12 { margin-left:auto; margin-right:auto; width:960px; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 { display:inline; float:left; margin-left:10px; margin-right:10px; } .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11 { position:relative; } .alpha { margin-left:0; } .omega { margin-right:0; } .container_12 .grid_1 { width:60px; } .container_12 .grid_2 { width:140px; } .container_12 .grid_3 { width:220px; } .container_12 .grid_4 { width:300px; } .container_12 .grid_5 { width:380px; } .container_12 .grid_6 { width:460px; } .container_12 .grid_7 { width:540px; } .container_12 .grid_8 { width:620px; } .container_12 .grid_9 { width:700px; } .container_12 .grid_10 { width:780px; } .container_12 .grid_11 { width:860px; } .container_12 .grid_12 { width:940px; } .container_12 .prefix_1 { padding-left:80px; } .container_12 .prefix_2 { padding-left:160px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:320px; } .container_12 .prefix_5 { padding-left:400px; } .container_12 .prefix_6 { padding-left:480px; } .container_12 .prefix_7 { padding-left:560px; } .container_12 .prefix_8 { padding-left:640px; } .container_12 .prefix_9 { padding-left:720px; } .container_12 .prefix_10 { padding-left:800px; } .container_12 .prefix_11 { padding-left:880px; } .container_12 .suffix_1 { padding-right:80px; } .container_12 .suffix_2 { padding-right:160px; } .container_12 .suffix_3 { padding-right:240px; } .container_12 .suffix_4 { padding-right:320px; } .container_12 .suffix_5 { padding-right:400px; } .container_12 .suffix_6 { padding-right:480px; } .container_12 .suffix_7 { padding-right:560px; } .container_12 .suffix_8 { padding-right:640px; } .container_12 .suffix_9 { padding-right:720px; } .container_12 .suffix_10 { padding-right:800px; } .container_12 .suffix_11 { padding-right:880px; } .container_12 .push_1 { left:80px; } .container_12 .push_2 { left:160px; } .container_12 .push_3 { left:240px; } .container_12 .push_4 { left:320px; } .container_12 .push_5 { left:400px; } .container_12 .push_6 { left:480px; } .container_12 .push_7 { left:560px; } .container_12 .push_8 { left:640px; } .container_12 .push_9 { left:720px; } .container_12 .push_10 { left:800px; } .container_12 .push_11 { left:880px; } .container_12 .pull_1 { left:-80px; } .container_12 .pull_2 { left:-160px; } .container_12 .pull_3 { left:-240px; } .container_12 .pull_4 { left:-320px; } .container_12 .pull_5 { left:-400px; } .container_12 .pull_6 { left:-480px; } .container_12 .pull_7 { left:-560px; } .container_12 .pull_8 { left:-640px; } .container_12 .pull_9 { left:-720px; } .container_12 .pull_10 { left:-800px; } .container_12 .pull_11 { left:-880px; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clearfix:before,.clearfix:after,.container_12:before,.container_12:after { content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0; } .clearfix:after,.container_12:after { clear:both; } .clearfix,.container_12 { zoom:1; } body { font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; }pre, code { font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace; }hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }h1 { font-size: 25px; }h2 { font-size: 23px; }h3 { font-size: 21px; }h4 { font-size: 19px; }h5 { font-size: 17px; }h6 { font-size: 15px; }ol { list-style: decimal; }ul { list-style: disc; }li { margin-left: 30px; }p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 20px; } /* DEFAULT ---------------------------------------------------------------------- */ body {color: #555; background: #DADADA; } .white {color: white;} .grey {color: #555;} #article > p:first-of-type{font-weight:bold; color: #000000;} #wrap { background: #fff;} /* HEADINGS and TEXT ---------------------------------------------------------------------- */ h2,h3,h4,h5,h6 {color: #000; font-family: 'Podkova', sans-serif; margin:0 0 6px;} h1 {text-transform:uppercase; font-size: 7em; line-height: .8em; font-family: 'Podkova', sans-serif; color:#ffff;} h3 {color:#95C11F;} h2 {line-height:80%;} p {font-family: 'Snippet', sans-serif; font-size: 1.2em;} h1 {color:#95C11F;} /* LINKS ---------------------------------------------------------------------- */ a:link { vertical-align:baseline; background:transparent; text-decoration:none; color: color:#95C11F; font:bold; margin:0; padding:0; } a:visited, a:focus {color:color:#95C11F; text-decoration: none;} a:hover {font-color:#ED217C;} #article p a, h5 a, h6 a {border-bottom: 1px dotted #DDDDDD;color: #;outline: medium none;text-decoration: none;} h2.heading {font-size: 6em; color: #009FE3; margin-bottom: 20px;} /* IMAGES & VIDEOS ---------------------------------------------------------------------- */ #big_pic {height: 400px;} .thumb {float:left; margin-right:15px; } .featured_pic {border:1px solid rgba(255,255,255,.9);} #article img {border: 1px solid #ffffff; margin: 0 10px 20px 0;} #section img {border: 1px solid #ffffff; margin: 0 0 20px 10px;} .image_wrap {float: left; margin: 0px 15px 15px 0 !important; } /* LAYOUT ---------------------------------------------------------------------- */ #head_wrap {background-color: black ; border: 1px solid #ffffff; height: 160px;} #home #content {margin: 0px; padding: 1px 0 0 0;} #content {margin: 20px 0 0 0; padding: 1px 0 0 0;} .fix {clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;} #box {background: #222; height: 175px; margin: 15px 0 0 0; -moz-border-radius:10px;-webkit-border-radius:10px; padding-top:10px;} [if IE] #box {-moz-border-radius:0px;-webkit-border-radius:0px;} .top {background-color: #CCCCCC ; padding: 3px 2px 0 4px ; color: #fff ; font-size: 20px; } #home #main {margin: 0px 0 0 0;} #main {margin: 30px 0 0 0;} .exped {border-bottom: 1px dotted #DDDDDD; margin: 0 0 20px 0; padding: 0 0 10px 0;} .exped:last-child {border-bottom:none;} #climber {font-size: 30px !important; line-height: 0px; color: #b22222;} /* NAVIGATION ---------------------------------------------------------------------- */ #top_navigation {margin:110px 0 20px 20px; } #top_navigation ul { list-style:none; margin:0; padding:0; text-align:center; } #top_navigation ul li { font-size: 1.3em;display:block; float:left; list-style:none; margin:0; padding:0; position:relative; text-transform:uppercase; letter-spacing:2px } #top_navigation ul li a { display:block; margin:0 0 0 1px; padding:0px 3px; color:#ffffff; text-decoration:none; line-height:.5em; } #top_navigation ul li a:hover, #top_navigation ul li li.active a { color:red; } #active a {color: #ED217C !important; font-weight: 700 !important;} #easyTooltip {padding:5px 10px; border:1px solid #195fa4; background:#195fa4 url(/images/site_images/tip_bg.gif) repeat-x; color:#fff; } /* HOME ---------------------------------------------------------------------- */ /* COACHING ---------------------------------------------------------------------- */ .coaching {margin-top: 70px;} /* BIO ---------------------------------------------------------------------- */ #timeline span {color: #95C11F;} #timeline {font-size: .8em; margin: 0 0 20px 0;} /* ARTICLE ---------------------------------------------------------------------- */ .art {border-bottom: solid 1px; margin: 0 0 20px 0;} div .art:last-child {border-bottom: none; } /* BLOG ---------------------------------------------------------------------- */ #blog .mini_title {text-transform:uppercase; font-size: 15px; margin-bottom: -5px; } #blog h2 {font-size: 6em; color: #009FE3;} .blog_roll {display: block;margin: 30px 0 0 0; padding: 0 0 20px 0; border-bottom:1px dotted #fff;} .blog_roll:first-child {margin-top: 0px;} .blog_roll p {padding: 0 0 0 200px; } .blog_roll img {width:100%} #blog_view {border-bottom: 0px !important;} .posted {margin-top: 20px; padding: 0 !important; color: white; font-size: 1.50em; letter-spacing:-0.05em; line-height:1.25em; margin:0 0 6px; } .catagory {color: orange;} .blog_roll h3 {color:#ffffff; text-transform:normal; text-transform:capitalize;} .date_block {padding-top: 100px; float: left;} .date_block p {font-weight:bold; font-size: 1.5em;} .date, #article .date {background: orange; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 10px; color: white; font-weight:normal; font-size: 1em; line-height:1em; display:inline-block; position:relative; top:-1px; letter-spacing:1px; } .blog_content > p:first-of-type{font-weight:bold; color: #000; margin-top: 20px;} #best_blog h6 a {color: #ffffff;} .date {margin: 10px 0 0 0;} /* FOOTER ---------------------------------------------------------------------- */ #site_info_wrap {border-top:1px solid #36A9E1; background: white; margin-top: 10px; clear:both; height:100%; position:relative; padding-top:20px; } #site_info p,#site_info h3 {color:#FFF;} #site_info {height:90px;} /* FOOTER ---------------------------------------------------------------------- */ #copyright_outer { background: yellow; height:50px; position:relative; margin:0; padding:5px 0 40px; } #copyright_inner {font-color:#000; padding:10px 0 0 0; font-size: .7em; } .copyright {color:#fff; line-height:1.5em; margin:0; padding:0; } #ak_link {height: 100px; width: 230px;background: url(/images/site_images/spirte.png) no-repeat; background-position: -229px -129px; text-indent: -9999px; margin: 0; } #copyright_outer a,#copyright_outer a:hover,#copyright_outer span {color:#000;text-transform:lowercase;} copyright_outer a:hover,#copyright_outer span {color:#000;text-transform:lowercase;} /* 404 ---------------------------------------------------------------------- */ #fourofour {background: transparent url(/images/site_images/404.jpg) no-repeat 0 0; height: 400px;} #fourofour h4 {font-size: 30px; padding-top: 20px;} #fourofour h5 {font-size: 20px; padding-top: 20px;} /* MEDIA ---------------------------------------------------------------------- */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */} @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */} /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*fade ======================================================*/ @-webkit-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: reset, fade-in; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in;-webkit-animation-iteration-count: 1; } .fade-in { -webkit-animation-name: reset, fade-in; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in;-webkit-animation-iteration-count: 1; } .fade-in.one {-webkit-animation-delay:0, 0;} @-moz-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -moz-animation-name: reset, fade-in; -moz-animation-duration: 2s; -moz-animation-timing-function: ease-in;-moz-animation-iteration-count: 1; } .fade-in { -moz-animation-name: reset, fade-in; -moz-animation-duration: 1s; -moz-animation-timing-function: ease-in;-moz-animation-iteration-count: 1; } .fade-in.one {-moz-animation-delay:0, 0;} @-o-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes fade-in { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -o-animation-name: reset, fade-in; -o-animation-duration: 2s; -o-animation-timing-function: ease-in;-o-animation-iteration-count: 1; } .fade-in { -o-animation-name: reset, fade-in; -o-animation-duration: 1s; -o-animation-timing-function: ease-in;-o-animation-iteration-count: 1; } .fade-in.one {-o-animation-delay:0, 0;} .sponsors { width:960px; height:60px; margin-bottom:10em; list-style:none; } .sponsors li { display:inline; margin:0 0 0 1em; } .sponsors li a { padding-left:60px; border-bottom:none; color:#000; } .sponsors li a:hover { color:#576c36; } .sponsors img { height:60px; } .sponsors a,a:active,a:link { border-bottom:0 dotted; } .sponsors a:hover { opacity:1px; } .addthis_share_btn a, .addthis_share_btn a:visited { background: #222 url(/images/btn-overlay.png) repeat-x; display: inline-block; padding: 6px 12px; font-family: arial,helvetica,lucida,verdana,sans-serif; font-size: 12px; line-height: 1em; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .addthis_share_btn a:hover { background-color: #111; color: #fff; } .addthis_share_btn a:active { top: 1px; } .addthis_share_btn a span, .addthis_share_btn:visited a span { background: url(/images/icon-addthis.gif) no-repeat left; padding: 1px 0 1px 18px; } /* Button Sizes */ .at_medium.addthis_share_btn a, .at_medium.addthis_share_btn a:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .at_large.addthis_share_btn a, .at_large.addthis_share_btn a:visited { font-size: 14px; padding: 8px 16px; } /* Button Colors */ .addthis_share_btn.at_green a, .addthis_share_btn.at_green a:visited { background-color: #91bd09; } .addthis_share_btn.at_green a:hover { background-color: #749a02; } .addthis_share_btn.at_blue a, .addthis_share_btn.at_blue a:visited { background-color: #2b9fe2; } .addthis_share_btn.at_blue a:hover { background-color: #1889ca; } .addthis_share_btn.at_red a, .addthis_share_btn.at_red a:visited { background-color: #dc0808; } .addthis_share_btn.at_red a:hover { background-color: #ba0101; } .addthis_share_btn.at_magenta a, .addthis_share_btn.at_magenta a:visited { background-color: #a9014b; } .addthis_share_btn.at_magenta a:hover { background-color: #630030; } .addthis_share_btn.at_orange a, .addthis_share_btn.at_orange a:visited { background-color: #ff5c00; } .addthis_share_btn.at_orange a:hover { background-color: #d45500; } .addthis_share_btn.at_pink a, .addthis_share_btn.at_pink a:visited { background-color: #f1228e; } .addthis_share_btn.at_pink a:hover { background-color: #de0978; } .addthis_share_btn.at_yellow a, .addthis_share_btn.at_yellow a:visited { background-color: #ffb515; } .addthis_share_btn.at_yellow a:hover { background-color: #fc9200; } /* Button Pill */ .at_pill.addthis_share_btn a { border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }