* { padding: 0; margin: 0; } body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: #ddd; background-image: url('(EmptyReference!)') } .titler { color: #666; font-size: 14px; background-color: #ddd; text-align: center; display: block; padding: 3px; width: 926px; border-right: 1px solid #399; border-left: 1px solid #399 } .titler a:link { color: #666; font-size: 14px; text-decoration: none } .titler a:visited { color: #666; font-size: 14px; text-decoration: none } .titler a:hover { color: #666; font-size: 14px; text-decoration: none } ul#toc { font-size: 16px; list-style: none; margin: 0 20px 0 0; padding: 0; height: 2em } ul#toc li { margin: 0 1px 0 0; float: left } ul#toc a { color: #c93; text-decoration: none; background: #c93 url(http://www.skiingthebackcountry.com/images/tabs.png); display: block; padding-left: 10px; height: 2em; float: left } ul#toc a:hover { background-color: #fcfeca; background-position: 0 -200px } ul#toc a:hover span { background-position: 100% -200px; } ul#toc li.current a { color: #fff; font-weight: bold; background-color: #c93; background-position: 0 -100px } ul#toc li.current span { background-position: 100% -100px; } ul#toc span { line-height: 2em; background: url(http://www.skiingthebackcountry.com/images/tabs.png) 100% 0; display: block; padding-right: 10px } #test { background-color: #fff } #wrapper { margin: 0 auto; width: 928px } #wrapper_top { margin: 0 auto; } #header_new { background-color: #fff; margin: 0 auto; padding-top: 0; padding-right: 0; padding-left: 0; width: 932px; overflow: auto; border: solid 1px #399 } #header_new_left { display: inline; margin: 4px; width: 233px; float: left } #header_new_right { display: inline; margin-right: 0; margin-left: 4px; width: 675px; float: right } #new_nav { background-color: #c93; margin: 0 auto; padding-top: 0; padding-right: 0; padding-left: 0; width: 932px; overflow: auto; border-right: 1px solid #399; border-bottom: 1px solid #399; border-left: 1px solid #399 } #new_nav_left { display: inline; margin-top: 2px; margin-left: 8px; padding-bottom: 3px; width: 220px; float: left } #new_nav_right { display: inline; width: 690px; float: left } #new_nav_right ul { font-size: 16px; list-style: none; margin: 4px 20px 0 0; padding: 0 0 0 } #new_nav_right li { display: inline } #new_nav_right a:link { color: #fff; font-size: 15px; text-decoration: none; background-position: 0 0; padding-left: 10px } #new_nav_right a:visited { color: #fff; font-size: 15px; text-decoration: none; background-position: 0 0; padding-bottom: 0; padding-left: 10px } #new_nav_right a:hover { color: #399; background-repeat: no-repeat; background-position: center top; padding-left: 10px } .current { color: #399; background-repeat: no-repeat; background-position: center top; padding-top: 7px; padding-bottom: 0 } .current a:link { color: #399; font-size: 15px; text-decoration: none; background-position: 0 0; padding-left: 10px } .current a:visited { color: #399; font-size: 15px; text-decoration: none; background-position: 0 0; padding-bottom: 0; padding-left: 10px } .current a:hover { color: #399; background-repeat: no-repeat; background-position: center top; padding-left: 10px } #wrapperphoto { margin: 0 auto } #small_wrapper { margin: 0 auto; width: 402px } #faux { background: #fff url(../images/faux-bg.gif) repeat-y left top; margin-top: 0; margin-bottom: 0; width: 932px; overflow: auto; border-right: 1px solid #399; border-left: 1px solid #399 } #faux_new { background-color: #ddd; background-image: url(../images/faux_new-bg.gif); background-repeat: repeat-y; background-position: center top; margin-bottom: 0; width: 932px; overflow: auto } #index_faux { background: #fff repeat-y left top; margin-top: 0; margin-bottom: 0; width: 932px; overflow: auto; border-right: 1px solid #399; border-left: 1px solid #399 } #index_faux_small { background: #fff repeat-y left top; margin-top: 5px; margin-bottom: 0; margin-left: 10px; width: 410px; overflow: auto; border: solid 1px #399 } #index_faux_small2 { background: #fff repeat-y left top; margin-top: 0; margin-bottom: 0; margin-left: 14px; width: 400px; overflow: auto } #blog_roll_faux { background: #fff url(../images/blog_roll_bg.gif) repeat-y left top; margin: 0 0 5px; width: 398px; overflow: auto; border: solid 1px #c93 } #blog_roll_faux h1 { color: #ffc; font-size: 16px; background-color: #c93; padding: 4px } #blog_roll_faux h1 a:link { color: #fff; font-size: 16px; text-decoration: none; background-color: #c93; padding: 4px } #blog_roll_faux h1 a:visited { color: #fff; font-size: 16px; text-decoration: none; background-color: #c93; padding: 4px } #blog_roll_faux h1 a:hover { color: #fff; font-size: 16px; text-decoration: underline; background-color: #c93; padding: 4px } #blog_roll_faux h2 { color: #c93; font-size: 14px; margin-right: 4px; margin-left: 4px; padding: 4px } #blog_roll_faux p { color: #666; font-size: 14px; margin-right: 4px; margin-left: 4px; padding: 4px } #blog_roll_faux p a:link { color: #399; text-decoration: underline } #blog_roll_faux p a:visited { color: #366; text-decoration: underline } #blog_roll_faux p a:hover { color: #399; text-decoration: none } #fauxphoto { background-color: #fff; background-image: none; background-position: left top; margin-top: 0; margin-bottom: 0; overflow: auto; border-right: 1px solid #399; border-left: 1px solid #399 } #faux_nav { background: #fff; margin-top: 0; margin-bottom: 0; padding: 0; width: 100%; overflow: auto } #faux_small { background: #fff; margin-top: 0; margin-bottom: 0; width: 402px; overflow: auto } #header { color: #333; background-color: white; background-position: left top; margin: 0; width: 932px; height: 40px; border-right: 1px solid #399; border-left: 1px solid #399 } #nav { font-family: Arial, Helvetica, sans-serif; background-color: #fff; text-align: right; margin: 0 auto; position: relative; width: 932px; border-right: 1px solid #399; border-left: 1px solid #399 } #header_formphoto { color: white; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #c93; background-image: url(../images/header_form.png); background-repeat: repeat-x; background-position: left bottom; text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; padding: 5px; position: relative; border-right: 1px solid #399; border-left: 1px solid #399 } #header_formphoto p { text-align: center } #header_form { color: white; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #c93; background-repeat: repeat-x; background-position: left bottom; text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 0 6px; position: relative; width: 932px; border-right: 1px solid #399; border-left: 1px solid #399 } #header_form form { margin: 0; padding-top: 4px; padding-right: 0; padding-left: 10px } #header_form p { color: #fff; word-spacing: 2px; margin: 0 0 0; padding-top: 0; padding-right: 0; padding-left: 0 } #header_form input { font-size: 11px; padding: 1px 2px } #logo-top { color: #333; display: inline; margin: 10px 5px 0; padding: 0; width: 190px; float: left } #title { color: #399; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; background-position: left bottom; text-align: left; display: block; margin: 0 auto 0; padding: 7px 0; position: relative; width: 932px; border-right: 1px solid #399; border-bottom: 1px solid #aeadaa; border-left: 1px solid #399 } #title h1 { color: #399; font-size: 20px; margin-left: 10px } #index_left { color: #333; display: inline; margin: 10px 5px 10px 28px; padding: 0; width: 430px; float: left } #index_left a:link { color: #676767; text-decoration: underline } #index_left a:visited { color: #337bbe; text-decoration: underline } #index_left a:hover { text-decoration: none } #index_right { color: #333; display: inline; margin: 13px 28px 10px 5px; padding: 0; position: relative; width: 430px; float: right } #index_right a:link { color: #676767; text-decoration: underline } #index_right a:visited { color: #337bbe; text-decoration: underline } #index_right a:hover { text-decoration: none } #blog_roll_left { color: #333; display: inline; margin: 0 0 10px; padding: 0; width: 100px; float: left } #blog_roll_left h1 { color: #c93; font-size: 16px; background-color: #fff; padding: 4px 4px 3px; border-bottom: 1px solid #c93 } #blog_roll_right { color: #333; display: inline; margin: 0 0 10px; padding: 0; position: relative; width: 298px; float: right } #index_left_small { color: #333; display: inline; margin: 10px 0; padding: 0; width: 200px; float: left } #index_right_small { color: #333; display: inline; margin: 10px 0; padding: 0; position: relative; width: 200px; float: right } #leftcolumn { color: #333; display: inline; margin: 10px 5px; padding: 0; width: 180px; float: left } #leftcolumn a:link { color: #676767; text-decoration: underline } #leftcolumn a:visited { color: #337bbe; text-decoration: underline } #leftcolumn a:hover { text-decoration: none } #leftcolumn ul { color: #676767; font-size: 11px; margin-left: 20px } #leftcolumn option { margin-right: 5px } #leftcolumn_nav { color: #333; display: inline; margin-top: 0; margin-bottom: 10px; margin-left: -1px; padding: 0; width: 190px; float: left } #leftcolumn_small { color: #333; display: inline; margin: 4px 4px 10px 0; padding: 0; width: 198px; float: left } #left_inside_cont_head { background-color: white; background-image: url(../images/left_inside_cont_head.gif); background-repeat: no-repeat; background-position: left bottom; text-align: left; margin: 0 auto; padding: 0; position: relative; width: 170px; height: 5px } #left_inside_cont_foot { background-color: white; background-image: url(../images/left_inside_cont_foot.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 auto; padding: 0; position: relative; width: 170px; height: 5px } #left_inside_cont_title { background-color: white; text-align: left; margin: 0 auto; padding-bottom: 5px; position: relative; width: 168px; border-right: 1px solid #339999; border-bottom: 1px solid #399; border-left: 1px solid #339999 } #left_inside_cont_title p { color: #399; font-weight: bold; margin-right: 5px; margin-left: 5px } #left_inside_cont { background-color: white; text-align: left; margin: 0 auto; padding: 0 0 5px; position: relative; width: 168px; border-right: 1px solid #339999; border-left: 1px solid #339999 } #left_inside_cont table { margin-right: 5px; margin-left: 5px } #left_inside_cont p { color: #399; font-weight: bold; margin-right: 5px; margin-left: 5px } #left_inside_cont img { margin: 5px auto } #content { color: #333; display: inline; margin: 10px auto 10px 10px; padding: 0; position: relative; width: 530px; float: left } #content h1 { font-size: 16px } #content a:link { color: #c93; text-decoration: underline } #content a:visited { color: #aeadaa; text-decoration: underline } #content a:hover { text-decoration: none } #content ul {margin-left: 20px } #content ol {margin-left: 20px } #photocontent { color: #333; display: inline; margin: 10px auto; padding: 0; position: relative } #photocontent h1 { font-size: 16px } #photocontent p { margin: 5px } #photocontent a:link { color: #c93; text-decoration: underline } #photocontent a:visited { color: #aeadaa; text-decoration: underline } #photocontent a:hover { text-decoration: none } #content_nav { color: #333; display: inline; margin: 0 auto 0 5px; position: relative; width: 540px; float: left } #rightcolumn_small { color: #333; display: inline; margin-top: 4px; margin-right: 0; margin-bottom: 0; padding: 0; position: relative; width: 198px; float: right } #inside_cont_head { background-image: url(../images/inside_cont_head.gif); background-repeat: no-repeat; background-position: left bottom; text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; position: relative; width: 402px; height: 5px } #inside_cont_foot { background-color: white; background-image: url(../images/inside_cont_foot.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 auto; position: relative; width: 402px; height: 5px } #inside_cont { text-align: left; margin: 0 auto; padding-top: -5px; padding-bottom: 5px; position: relative; width: 400px; border-right: 1px solid #c93; border-left: 1px solid #c93 } #inside_cont option { margin-right: 5px } #inside_cont h1 { color: #c93; font-size: 18px; line-height: 1; background-color: white; margin-top: 0; margin-left: 0; padding: 0 6px 6px } #inside_cont h1 a:link { color: #399; text-decoration: none } #inside_cont h1 a:visited { color: #399; text-decoration: none } #inside_cont h1 a:hover { color: #399; text-decoration: underline } #inside_cont h2 { color: #c93; font-size: 15px; line-height: 1; background-color: #fcfeca; margin-top: 0; margin-left: 0; padding: 6px } #inside_cont h3 { color: #676767; font-size: 15px; line-height: 1; background-color: #fff; margin-top: 0; margin-left: 0; padding: 0 6px 6px } #inside_cont h4 { color: #c93; font-size: 13px; line-height: 1; background-color: #fcfeca; margin-top: 0; margin-left: 0; padding: 6px } #inside_cont p { color: #444; margin: 6px } #inside_cont ul { margin-bottom: -10px; margin-left: 20px } #inside_cont ol { margin-top: 5px; margin-bottom: 10px; margin-left: 25px } #sponsor-top { text-align: left; margin: 0 auto 8px; padding-top: -5px; padding-bottom: 5px; position: relative; border: solid 1px #676767 } #sponsor-top option { margin-right: 5px } #sponsor-top h1 { color: #676767; font-size: 14px; line-height: 1; margin-top: 0; margin-left: 0; padding: 6px } #sponsor-top h1 a:link { color: #399; text-decoration: none } #sponsor-top h1 a:visited { color: #399; text-decoration: none } #sponsor-top h1 a:hover { color: #399; text-decoration: underline } #sponsor-top h2 { color: #c93; font-size: 15px; line-height: 1; background-color: #fcfeca; margin-top: 0; margin-left: 0; padding: 6px } #sponsor-top h3 { color: #676767; font-size: 15px; line-height: 1; background-color: #fff; margin-top: 0; margin-left: 0; padding: 0 6px 6px } #sponsor-top h4 { color: #c93; font-size: 13px; line-height: 1; background-color: #fcfeca; margin-top: 0; margin-left: 0; padding: 6px } #sponsor-top p { color: #666; margin: 6px } #sponsor-top ul { margin-bottom: -10px; margin-left: 20px } #rightcolumn_nav { color: #333; display: inline; margin: 0; padding: 0; position: relative; width: 190px; float: right } #rightcolumn ul { color: #676767; font-size: 11px; margin-left: 20px } #rightcolumn { color: #333; display: inline; margin: 10px 5px; padding: 0; position: relative; width: 180px; float: right } #rightcolumn h1 { color: #399; font-size: 15px } #rightcolumn a:link { color: #676767; line-height: 12px; text-decoration: underline } #rightcolumn a:visited { color: #337bbe; text-decoration: underline } #rightcolumn a:hover { text-decoration: none } #footer { color: #333; background-color: #c93; background-repeat: repeat-x; background-position: left bottom; margin: 0; width: 932px; clear: both; border-right: 1px solid #399; border-bottom: 1px solid #399; border-left: 1px solid #399 } #footer p { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; padding: 6px } #footer a:link, #footer a:visited { color: #fff; font-size: 12px; text-decoration: underline } #footer a:hover { color: #ddd; font-size: 12px; text-decoration: none } #footer_new { color: #333; background-color: #c93; margin: 0 auto; clear: both; border-top: 1px solid #399; border-bottom: 1px solid #399 } #footer_new p { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; padding: 6px } #footer_new a:link, #footer_new a:visited { color: #fff; font-size: 12px; text-decoration: underline } #footer_new a:hover { color: #ddd; font-size: 12px; text-decoration: none } #photofooter { color: #333; background-color: #c93; background-image: url(../images/header_form.png); background-repeat: repeat-x; background-position: left bottom; margin: 0; clear: both; border-right: 1px solid #399; border-bottom: 1px solid #399; border-left: 1px solid #399 } #photofooter p { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; padding: 6px } #photofooter a:link, #photofooter a:visited { color: #fff; font-size: 12px; text-decoration: underline } #photofooter a:hover { color: #ddd; font-size: 12px; text-decoration: none } #blog_nav { background-image: url(../images/next_blog_bg.gif); background-repeat: repeat-y; background-position: left top; margin-top: 6px; margin-bottom: 6px; width: 530px; overflow: auto } #prev { display: inline; width: 250px; float: left } #prev a:link { color: #fcfeca; text-decoration: underline } #prev a:visited { color: #eeebeb; text-decoration: underline } #prev a:hover { color: #dfdaaa; text-decoration: none } #prev p { color: #fff; margin: 6px } #next { text-align: right; display: inline; width: 250px; float: right } #next a:link { color: #fcfeca; text-decoration: underline } #next a:visited { color: #eeebeb; text-decoration: underline } #next a:hover { color: #dfdaaa; text-decoration: none } #next p { color: #fff; margin: 6px } #linkback { text-align: center; margin-right: auto; margin-left: auto } #linkback a:link, #linkback a:visited { color: #676767; font-size: 10px; text-decoration: underline } #linkback a:hover { text-decoration: none } #comment { margin-top: 10px } img.right { display: inline; margin: 0 0 2px; padding: 4px } img.left { display: inline; margin: 0 0 2px; padding: 4px } .right { float: right } .left { float: left } .caption { color: #666; font-size: 85%; background: #fff; margin: 5px; padding: 5px; width: 209px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #e5e5ff } .subject { color: #666; font-size: 14px; background-color: #fff; background-image: none; background-position: right center; margin-left: -5px; padding: 10px 20px 5px; width: 209px } .small_comment { font-size: 12px } #caption-small { color: #666; font-size: 85%; background: #fff; margin: 5px; padding: 5px; width: 110px; height: 110px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #e5e5ff } .clear { clear: both; background: none; }