/*JACKRABBIT WIDGET ================================================== */ #jrs_calendar_form {padding: 0 !important; position: absolute !important; width: 100% !important; top: 135px !important; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5); box-shadow: 0 5px 10px rgba(0,0,0,0.5); background: #cdc7c1 url('../images/noise.png') repeat !important;} #jrs_calendar_form #widget_booking_form {margin-bottom: 0 !important;} #jrs_calendar_form #widget_booking_form:after {clear: both !important; display: block !important; width: 100% !important; height: 0 !important; content: '' !important;} #jrs_calendar_form input, .jrs_form_select_item {margin-bottom: 0 ;} #jrs_lodging_select_div {margin: 15px 0 0 260px !important;} #jrs_arrival_input, #jrs_departure_input { width: 16% !important;} #jrs_arrival_input, #jrs_departure_input, #jrs_search_submit {margin-right: 15px !important; height: 45px !important;} .ui-datepicker-trigger {top: -27px !important; float: right; right: 25% !important;} .businesslistings-default-lodging, .siskiyouinnertopmodule + #yoo-zoo {margin-top: 80px;} .siskiyoutopa {margin-top: 60px !important;} @media (max-width: 979px) { #jrs_calendar_form {min-width:767px !important} #jrs_lodging_select_div {margin: 2% 0 0 10px !important} #jrs_arrival_input, #jrs_departure_input, #jrs_search_submit {margin-top: 5% !important} .businesslistings-default-lodging, .siskiyouinnertopmodule + #yoo-zoo {margin-top: 120px;} .siskiyoutopa {margin-top: 105px !important;} } @media (max-width: 669px) { #jrs_calendar_form #widget_booking_form {background-position: 10px 5px !important} #jrs_calendar_form { top: 135px !important;} #jrs_lodging_select_div {margin: 10% 0 10px 230px !important;} #jrs_arrival_input, #jrs_departure_input {position: static !important; margin: 0 10px !important; width: 80% !important; height: 35px !important;} #jrs_departure_input {margin: 0 10px 0 10px !important;} #jrs_calendar_form #widget_booking_form {position: relative; } .ui-datepicker-trigger {right: 49% !important} #jrs_search_submit {margin: 0px 15% 0 0 !important;} .businesslistings-default-lodging, .siskiyouinnertopmodule + #yoo-zoo {margin-top: 170px} .siskiyoutopa {margin-top: 160px !important;} } @media (max-width: 639px) { #jrs_calendar_form {max-width: 100% !important; min-width: 300px !important; top: 170px !important; /*height: 170px !important;*/} } @media (max-width: 500px) { #jrs_calendar_form #widget_booking_form {padding-top: 1px !important; background-position: 1px 10px !important; } #jrs_calendar_form {min-height: 180px !important;} #jrs_lodging_select_div {margin: 45px 10px 10px !important;} .ui-datepicker-trigger {top: 3px !important; right: 20% !important} #jrs_search_submit {float: right !important;} #jrs_arrival_input, #jrs_departure_input {width: 80% !important;} .businesslistings-default-lodging, .siskiyouinnertopmodule + #yoo-zoo {margin-top: 200px} .siskiyoutopa {margin-top: 200px !important;} } @media (max-width: 360px) { #jrs_calendar_form {top: 230px !important; } } /*================================================== END JACKRABBIT WIDGET*/ /* #Fonts ================================================== */ /*font-family: 'Archivo Narrow', sans-serif; font-family: 'Lato', sans-serif; */ /* #General ================================================== */ /* apply a natural box layout model to all elements */ *{/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/} html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} html,body{height:100%;margin:0;padding:0;} body { color:#282828; font-size:14px; line-height:22px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-tap-highlight-color: rgb(255,255,158); -webkit-text-size-adjust: 100%; font-family:Georgia, "Times New Roman", Times, serif; } #siskiyoupage_bg {background: #2B3B31;background-image:url(../images/body_bg.jpg);background-position: 0 0; background-repeat: repeat;} .container{/*text-shadow:1px 1px 0 rgba(255, 255, 255, 0.9);*/} img{border:none;-ms-interpolation-mode:bicubic;vertical-align: middle;} svg:not(:root) {overflow: hidden;} fieldset{border:0;} .clr,.clear{clear:both;line-height:0;font-size:0;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} .clearfix{zoom:1;} .clearfix:before,.clearfix:after{display:table;content: '\0020';} .clearfix:after{clear:both;} .row { *zoom: 1; } .row:before, .row:after {display:table;content: '\0020';} .row:after { clear: both; } /* Selection colours (easy to forget) */ ::selection {background: #C7B95F;text-shadow: none;} ::-moz-selection {background: #C7B95F;text-shadow: none;} img::selection {background: transparent;} img::-moz-selection {background: transparent;} [hidden] {display: none;} textarea {resize: vertical;} /* #Links ================================================== */ a, a:link, a:visited { color: #bf4027; text-decoration: underline; outline: 0; } a:hover, a:focus { text-decoration:none; outline:none; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #383838; font-family: 'Archivo Narrow',Helvetica,Arial,sans-serif;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } h1, siskiyoutype, .custompagetitle, .dynamictitle {text-transform:uppercase; letter-spacing:1px; text-shadow: -1px 1px 0 #EEEEEE, -2px 2px 0 #aaa;} .logotype h1, .logotype h1 a {font-family:'Lato'; color:#eee; text-shadow: none; font-size:30px; line-height:60px; margin-bottom:0;letter-spacing:5px; text-decoration:none;} .siskiyoumenu a {text-transform:uppercase; letter-spacing:1px;} .subheader { color: #777; } .gigantic{font-size:110px; line-height:120px; letter-spacing:-2px} .huge{font-size:68px; line-height:72px; letter-spacing:-1px} .custompagetitle {border-bottom: 1px dotted #323232; padding-bottom: 15px;font-size: 36px; line-height: 36px; margin: 0 0 20px;} .customarticletitle {border-bottom: 1px dotted #323232; padding-bottom: 15px;font-size: 36px; line-height: 36px; margin: 0 0 20px;} p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em, i { font-style: italic; } strong, b { font-weight: bold;} small { font-size: 80%; } pre,code,kbd,samp { font-family: Consolas,"Lucida Console",Monaco, Courier New, monospace; color:#777;} pre {white-space: pre;white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word;} address {display: block; margin-bottom: 18px;font-style: normal;line-height: 18px;} .donateaddress { line-height:16px; margin-top:10px; color:#fff;} abbr[title] {cursor: help;border-bottom: 1px dotted #999999;} abbr.initialism {font-size: 90%;text-transform: uppercase;} /* Blockquotes */ blockquote{ padding:0 0 0 15px; margin:0 0 18px; border-left:5px solid #ddd} blockquote p{ margin-bottom:0; font-size:16px; font-weight:300; line-height:22.5px; color: #777;} blockquote small{ display:block; line-height:18px; color:#999} blockquote small:before{ content:'\2014 \00A0'} blockquote.pull-right{ float:right; padding-right:15px; padding-left:0; border-right:5px solid #eee; border-left:0} blockquote.pull-right p, blockquote.pull-right small{ text-align:right} q:before, q:after, blockquote:before, blockquote:after{ content:""} blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr {margin: 18px 0;border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #f9f9f9; height: 0;} /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* #Custom - Place Framework or siskiyou layout here ================================================== */ /* Custom Joomla */ header {/*background-color: #605750; background-image:url(../images/header_bg.jpg); background-position: 0 0; background-repeat: repeat; border-bottom: 5px solid #6b635c; border-top: 10px solid #282828;*/} .siskiyoumainrow {} .siskiyoumaincomponent {} .siskiyoucontentbg {overflow:hidden;background:#cec8c2;background-image:url(../images/noise.png);background-position: 0 0; background-repeat: repeat;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.55);} .siskiyoutopmenu {background-color: #605750; background-image:url(../images/header_bg.jpg); background-position: 0 0; background-repeat: repeat; border-bottom: 5px solid #6b635c; border-top: 10px solid #282828;} .siskiyouheader{} .siskiyoucontentright {} .siskiyoucontentleft {} .siskiyouright {} .siskiyouleft {} .siskiyouright, .siskiyouleft {background-color: #605750; background-image:url(../images/header_bg.jpg); background-position: 0 0; background-repeat: repeat;padding-bottom:500em;margin-bottom:-500em;text-shadow:none; color:#CEC8C2;text-shadow: -1px -1px 0 #3F3A37;} .siskiyouright a, .siskiyouleft a {color:#fff;} .siskiyoutopa {} .siskiyoutopb {} .siskiyoushadow {-moz-box-shadow: 0px 0px 60px #000; -webkit-box-shadow: 0px 0px 60px #000; box-shadow: 0px 0px 60px #000;} .siskiyoubottoma{} .siskiyoubottomb{} .siskiyoucomponentpadding {padding: 20px;} .siskiyouinnertopmodule{position: relative;} .siskiyouinnerbottommodule{} .siskiyoufooter {font-size: 90%; color: #666;} .siskiyoufooter a {color: #666; text-decoration:none;} .siskicopyright {margin-bottom:20px;} .dynamicmodule {} .dynamictitle {} .dynamiccontent {} .dynamicpadding {} .modp20 .dynamicpadding { padding: 20px !important;} .rightalternate {font-size: 11px;} .rightalternate > p:first-child, .rightalternate > br:first-child {display:none;} .rightalternate form {margin:0;} #toTop {border:none;font-family: "Lato",Helvetica,Arial,sans-serif;font-size:12px; text-transform:uppercase; width:auto;padding:10px;} /* OHANAH OVERRIDES ================================================== */ /* Calendar view */ /*All Events on the calendar*/ .fc-event-skin {} /*Current day on calendar*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #eee; border-color: #888;} /* Style by Category - Change the ".cat-x" to match the categorie number in Ohanah App in Joomla!*/ .ohanah #calendar .fc-event-skin { background-image: url(../images/noise.png), -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); background-image: url(../images/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); background-image: url(../images/noise.png), -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); background-image: url(../images/noise.png), -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); background-image: url(../images/noise.png), -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); background-image: url(../images/noise.png), linear-gradient(top bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border-color:#D9D9D9; border-color:rgba(20,20,25,0.05); text-shadow:none;} .ohanah #calendar .cat-1 .fc-event-skin, .ohanah #calendar .cat-1 { background-color: #6B635C; } .ohanah #calendar .cat-2 .fc-event-skin, .ohanah #calendar .cat-2 { background-color: #333; } .ohanah #calendar .cat-3 .fc-event-skin, .ohanah #calendar .cat-3 { background-color: #4E6858; } .ohanah #calendar .cat-4 .fc-event-skin, .ohanah #calendar .cat-3 { background-color: #6D6E71; } .ohanah #calendar .cat-5 .fc-event-skin, .ohanah #calendar .cat-3 { background-color: #555; } .ohanah #calendar .fc-day-content, .ohanah #calendar .fc-day-content { } .ohanah form .button {background:none; border:none; text-shadow:none; box-shadow:none;} /* Featured */ .ohanah #calendar .featured .fc-event-skin, .ohanah #calendar .featured {} .fc-header th, .fc-header td { border-top:0 none;} .validation-advice {text-shadow:none;} .fc-event-time, .fc-event-title {display: inline-block;*display: inline;font-size: 10px;padding: 5px;} .fc-event-time {margin-right:5px;color: #ddd;} .fc-event-vert .fc-event-time {font-weight:bold;} .fc-event-title {color: #fff;} .fc-event-head .fc-event-time, .fc-event-content .fc-event-title{ display:inline;padding:3px;} table.fc-border-separate {border-top: 1px solid #AAAAAA;} .fc-header-title h2 { font-size:20px;} .event_detail_title {margin-bottom:20px;} .event_detail_title a {text-decoration:none;} .ohanah .event-photos {border-color: #605750 !important;} .ui-widget-header, .ui-datepicker table th {color: #666;} .ui-datepicker-calendar .ui-state-default,.ui-datepicker-calendar .ui-widget-content .ui-state-default,.ui-datepicker-calendar .ui-widget-header .ui-state-default {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .ohanah-registration-link, .ohanah-event-ticket-cost, .ticket_icon {display:none;} .mobile-calendar {display:none;} .mod-eventlist h3, .siskiyouright h3 {color: #CEC8C2;} .mod-eventlist ul {list-style:none; margin-left:0;} .mod-eventlist ul{margin:0px; border-bottom:none;} .mod-eventlist ul li{margin-bottom: 0px;} .mod-eventlist ul ul li{font-size: 1em;} .mod-eventlist ul a {display:block;text-decoration:none;/*border-bottom:1px solid #f9f9f9; border-top:1px solid #ccc;*/ padding:8px 8px 8px 15px; -webkit-transition:background-color 0.25s 0 linear; -moz-transition:background-color 0.25s 0 linear; -ms-transition:background-color 0.25s 0 linear; -o-transition:background-color 0.25s 0 linear; transition:background-color 0.25s 0 linear} .ie7 .mod-eventlist ul a,.ie7 .mod-eventlist ul i {height:45px;} .mod-eventlist ul ul li a{ padding: 8px 8px 8px 30px;} .mod-eventlist ul ul li ul li a { padding: 8px 8px 8px 50px; background:transparent;} .mod-eventlist ul a:hover {background:#49423E;background:rgba(0,0,0,0.2);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;} .mod-eventlist .dynamiccontent {padding:0;} .mod-eventlist .mod_date {color: #CEC8C2; font-size:85%;} .mod-eventlist i {float:left; padding:0 8px; line-height:55px; font-size:30px;color: #282828;} /* WIDGETKIT OVERRIDES ================================================== */ .wk-slideshow .next, .wk-slideshow .prev, .wk-slideshow-default > div:hover .next, .wk-slideshow-default > div:hover .prev, .wk-slideshow-inside > div:hover .next, .wk-slideshow-inside > div:hover .prev, .wk-gallery-showcase .slides-container:hover .next, .wk-gallery-showcase .slides-container:hover .prev, .wk-gallery-showcasebox .slides-container:hover .next, .wk-gallery-showcasebox .slides-container:hover .prev, #lightbox-left-ico, #lightbox-right-ico, .wk-slideset-default > div:hover .next, .wk-slideset-default > div:hover .prev {background-image: url("../images/buttons.png"); opacity:1; } #lightbox-right-ico { background-position: 0 0; } #lightbox-left-ico { background-position: 0 -50px; } #lightbox-left:hover span { left: 30px; } #lightbox-right:hover span { left: auto; right: 30px; } /*.ie7 .wk-slideshow, */.ie7 .wk-gallery-showcasebox .slides-container {height: 375px;} .wk-slideshow .next, .wk-slideshow .prev {height:50px; margin-top:-25px;top:50%; width:50px; display:block; opacity:0.7;} .wk-slideshow .next {right: 30px; background-position:0 0;} .wk-slideshow .prev {left: 30px; background-position:0 -50px;} .wk-gallery-showcasebox .wk-slideset {} .wk-gallery-showcasebox .wk-slideset .sets {padding: 10px 0;} .wk-gallery-showcasebox .slides-container, .wk-gallery-showcasebox .wk-slideset > div { border-radius: 0;} .wk-slideshow .caption {font-family:'Lato'; font-size: 20px;font-weight: 400;letter-spacing: 3px;padding: 20px;text-transform: uppercase; bottom:30px; width:inherit;left:auto;border-left: 5px solid #4E6858;/*border-right: 5px solid #6b635c;right:30px;*/} .wk-slideset .set > li {margin-bottom:0;} .wk-gallery-showcasebox .wk-slideset .set > li > div > div { background-color: #35493D;} .yoo-zoo .googlemaps p {margin-bottom: 0;margin-top: 15px;} .yoo-zoo .googlemaps input[type="text"] {padding: 6px 4px; background:#fff; border:1px solid #ccc; margin:5px 0 0 !important;display: inline-block;*display: inline;} .yoo-zoo .googlemaps button, .yoo-zoo .googlemaps input[type="button"], .yoo-zoo .googlemaps input[type="submit"] {display: inline-block;*display: inline;padding: 6px 10px 6px; line-height: 16px; margin-left:5px;margin-top: -3px;} #yoo-zoo .items p.pos-links span a { font-family: 'Archivo Narrow',Helvetica,Arial,sans-serif;background: #323232; color:#fff; padding: 5px 10px; text-shadow:none;} #yoo-zoo .item div.pos-media {background-color: #605750; background-image:url(../images/header_bg.jpg); background-position: 0 0; background-repeat: repeat;} #yoo-zoo .item div.pos-media img{ background: #444; } #yoo-zoo .items div.teaser-item-bg, #yoo-zoo .item div.pos-map {background-image:url(../images/noise.png);background-position: 0 0;background-repeat: repeat;box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(20, 20, 25, 0.2);} #yoo-zoo .item div.pos-map {box-shadow:none; background-color: #e9e9e9;} .wk-gallery-showcasebox .wk-slideset > div {background-image:url(../images/slides_bg.jpg);background-position: 0 0;background-repeat: repeat; background-color: #35453c;} /* ! The 1140px Grid V2 by Andy Taylor & Customized by Dan Andrade ==================================================================================================================== */ .container{} .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .row { width: 980px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; } .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{margin-right:3.8%; float:left; min-height:1px} .row .onecol{width:4.85%} .row .twocol{width:13.45%} .row .threecol{width:22.05%} .row .fourcol{width:30.75%} .row .fivecol{width:39.45%} .row .sixcol{width:48%} .row .sevencol{width:56.75%} .row .eightcol{width:65.4%} .row .ninecol{width:74.05%} .row .tencol{width:82.7%} .row .elevencol{width:91.35%} .row .twelvecol{width:100%; float:left} .last{margin-right:0px} .ie .row .onecol{width:4.7%} .ie .row .twocol{width:13.2%} .ie .row .threecol{width:22.05%} .ie .row .fourcol{width:30.6%} .ie .row .fivecol{width:39%} .ie .row .sixcol{width:48%} .ie .row .sevencol{width:56.75%} .ie .row .eightcol{width:61.6%} .ie .row .ninecol{width:74.05%} .ie .row .tencol{width:82%} .ie .row .elevencol{width:91.35%} .onecolfull, .twocolfull, .threecolfull, .fourcolfull, .fivecolfull, .sixcolfull, .sevencolfull, .eightcolfull, .ninecolfull, .tencolfull, .elevencolfull{float:left; min-height:1px} .row .onecolfull{width:8.33333%} .row .twocolfull{width:16.66667%} .row .threecolfull{width:25%} .row .fourcolfull{width:33.33333%} .row .fivecolfull{width:41.66667%} .row .sixcolfull{width:50%} .row .sevencolfull{width:58.33333%} .row .eightcolfull{width:66.66667%} .row .ninecolfull{width:75%} .row .tencolfull{width:83.33333%} .row .elevencolfull{width:91.66667%} .row .twelvecolfull{width:100%; float:left} .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .row .offset-by-eleven { margin-left: 91.66667%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } .push-eleven { left: 91.66667%; } .pull-eleven { right: 91.66667%; } .siskiyoutopa { width: 100%; background:#222;background-image:url(../images/slide_bg.jpg);background-position: 0 0; background-repeat: repeat;} .siskiyoutopmenu {width:100%;} .siskiyoutopa .dynamiccontent, .siskiyoutopmenu .dynamiccontent { width: 980px; max-width: 100%; min-width: 768px; margin: 0 auto;} /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: disc outside; } ol { list-style: decimal; } ol, ul, ul.square, ul.circle { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.none { list-style: none outside; margin-left: 0px; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 8px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } dl { margin-bottom: 18px;} dt,dd {line-height: 18px;} dt {font-weight: bold; line-height: 17px;} dd {margin-left: 9px;} .dl-horizontal dt {float: left; width: 120px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap;} .dl-horizontal dd {margin-left: 130px;} /* Custom Lists */ ul.siskiyoulist, ul.siskiyoulist ul {list-style:none; margin-left:0;} ul.siskiyoulist {border-bottom:1px solid #ccc;} ul.siskiyoulist ul{margin:0px; border-bottom:none;} ul.siskiyoulist li{border-top:1px solid #ccc; margin-bottom: 0px; line-height:30px; padding-left:10px;} ul.siskiyoulist ul li{font-size: 1em; border-top:none; padding-left:25px;} ul.siskiyoulist ul li ul li{padding-left:45px;} ul.siskiyoulist a, ul.siskiyoulist ul a {text-decoration:none;} ul.siskiyoulist a:hover, ul.siskiyoulist ul a:hover {text-decoration:none;} ul.siskiyoulist-striped, ul.siskiyoulist-striped ul {list-style:none; margin-left:0;} ul.siskiyoulist-striped {border-bottom:1px solid #ccc;} ul.siskiyoulist-striped ul{margin:0px; border-bottom:none;} ul.siskiyoulist-striped li{border-top:1px solid #ccc; margin-bottom: 0px; line-height:30px; padding-left:10px;} ul.siskiyoulist-striped ul li{font-size: 1em; border-top:none; padding-left:25px;} ul.siskiyoulist-striped ul li ul li{padding-left:45px;} ul.siskiyoulist-striped a, ul.siskiyoulist-striped ul a {text-decoration:none;} ul.siskiyoulist-striped a:hover, ul.siskiyoulist-striped ul a:hover {text-decoration:none;} ul.siskiyoulist-striped li:nth-child(odd) { background-color:#f9f9f9} /* Custom List Menu */ ul.siskiyoulistmenu, ul.siskiyoulistmenu ul {list-style:none; margin-left:0;} ul.siskiyoulistmenu {border-bottom:1px solid #ccc; border-top:1px solid #f9f9f9; } ul.siskiyoulistmenu ul{margin:0px; border-bottom:none;} ul.siskiyoulistmenu li{margin-bottom: 0px;} ul.siskiyoulistmenu ul li{font-size: 1em;} ul.siskiyoulistmenu a {display:block;text-decoration:none;border-bottom:1px solid #f9f9f9; border-top:1px solid #ccc; padding:8px 8px 8px 15px; -webkit-transition:background-color 0.25s 0 linear; -moz-transition:background-color 0.25s 0 linear; -ms-transition:background-color 0.25s 0 linear; -o-transition:background-color 0.25s 0 linear; transition:background-color 0.25s 0 linear} ul.siskiyoulistmenu ul li a { padding: 8px 8px 8px 30px;} ul.siskiyoulistmenu ul li ul li a { padding: 8px 8px 8px 50px;} ul.siskiyoulistmenu a:hover {background:#f9f9f9;} /* Custom Horizontal CSS3 Nav Menu */ .siskiyoumenu ul, .siskiyoumenu li, .siskiyoumenu span, .siskiyoumenu a{ margin:0; padding:0; position:relative;} .siskiyoumenu{ margin:0; height:60px;} .siskiyoumenu:after, .siskiyoumenu ul:after{ content:''; display:block; clear:both} /*.siskiyoumenu a{ color:#cec8c2; text-shadow: -2px 2px 0 #6b635c, -3px 3px 0 #282828; display:inline-block; font-family:'Archivo Narrow'; font-weight:700; line-height:60px; text-decoration:none;font-size: 18px;padding: 0 0 0 25px;}*/ .siskiyoumenu a{ color:#cec8c2; text-shadow: -1px -1px 0 #3F3A37; display:inline-block; font-family:'Lato'; font-weight:400; line-height:60px; text-decoration:none;font-size: 15px;padding: 0 0 0 46px;} .siskiyoumenu ul{ list-style:none} .siskiyoumenu >ul{ float:left;} .siskiyoumenu >ul >li{ float:left} .siskiyoumenu >ul >li.parent:hover:after{ /*content:''; display:block; width:0; height:0; position:absolute; left:50%; bottom:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #333; margin-left:-10px*/} .siskiyoumenu >ul >li:first-child a{ padding-left:0;} .siskiyoumenu >ul >li.active a{color:#fff;} .siskiyoumenu >ul >li:hover >a{color:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;} .siskiyoumenu .parent{z-index:89} .ie7 .siskiyoumenu ul{z-index:5; position:relative} .ie7 .siskiyoumenu .parent{zoom:1; position:relative} .siskiyoumenu .parent:hover >ul{ display:block} .siskiyoumenu .parent ul{ display:none; position:absolute; width:200px; top:100%; left:0} .siskiyoumenu .parent ul li{ *margin-bottom:-1px} .siskiyoumenu .parent ul li a{ background:#6b635c; color: #fff; filter:none; font-size:11px; display:block; line-height:120%; padding:10px; box-shadow:none;} .siskiyoumenu .parent ul li:hover a{ background:#222;} .siskiyoumenu .parent .parent:hover >ul{ display:block} .siskiyoumenu .parent .parent ul{ display:none; position:absolute; left:100%; top:0} .siskiyoumenu .parent .parent ul li a{ background:#6b635c;} .siskiyoumenu .parent .parent ul li a:hover{ background:#222;} .ie .siskiyoumenu .parent:hover >ul, .siskiyoumenu .parent .parent:hover >ul {display:block} .ie .siskiyoumenu .parent ul, .siskiyoumenu .parent .parent ul {display:none} /* Custom Basic Footer Navigation */ .siskiyoufooternav {margin:0 0 10px; list-style:none;padding: 10px 20px; background-image:url(../images/noise.png);background-position: 0 0;background-repeat: repeat; background-color: #444; text-align:center;text-shadow: -1px -1px 0 #222; border-bottom:10px solid #282828;} .siskiyoufooternav li{ display:inline-block; margin:0 5px 0 0;color: #888;} .siskiyoufooternav li a { color: #888; text-decoration:none;} .ie7 .siskiyoufooternav li {display:inline;} header form {margin:0;} header .search { background: none repeat scroll 0 0 #202B24; border: 1px solid; border-color: #111 #333 #333 #111; border-color: rgba(0, 0, 0, 0.2) rgba(75, 75, 75, 0.5) rgba(75, 75, 75, 0.5) rgba(0, 0, 0, 0.2); margin-top: 16px; width:100%; *width: 230px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; color: #999; position:relative; z-index:1; } header .search > .inputbox { background-color:transparent; border: 0 none !important; outline: 0 none !important; color: #666; padding: 5px; width:180px; float:left; margin-bottom:0; } header .search > .inputbox:focus { color: #999; } header form .search label { display: none; } header .search input.button { background:none; border: medium none; text-decoration:none; font-weight: normal; margin-top: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; cursor:pointer; float:right; height: 23px; line-height: 23px; padding-top: 1px; padding-right: 2px; padding-bottom: 0; padding-left: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; font-size: 13px; color: #777; margin: 0; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } select { padding: 0; border: 1px solid #bbb; width: 220px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn, .element-itemprevnext .page-nav a { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333333; text-align: center; vertical-align: middle; cursor: pointer; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *overflow: visible; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active, .btn.active { background-color: #cccccc \9; } .button:first-child, button:first-child, .btn:first-child { *margin-left: 0; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover, .element-itemprevnext .page-nav a:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #d2d3d4; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large{ padding:9px 14px; font-size:15px; line-height:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .btn-large [class^="icon-"]{ margin-top:1px} .btn-small{ padding:5px 9px; font-size:11px; line-height:16px} .btn-small [class^="icon-"]{ margin-top:-1px} .btn-mini{ padding:2px 6px; font-size:11px; line-height:14px} .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover{ color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.25)} .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active{ color:rgba(255,255,255,0.75)} .btn{ border-color:#ccc; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)} .btn-primary{ background-color:#0074cc; *background-color:#05c; background-image:-ms-linear-gradient(top,#08c,#05c); background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#05c)); background-image:-webkit-linear-gradient(top,#08c,#05c); background-image:-o-linear-gradient(top,#08c,#05c); background-image:-moz-linear-gradient(top,#08c,#05c); background-image:linear-gradient(top,#08c,#05c); background-repeat:repeat-x; border-color:#05c #05c #003580; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#08c',endColorstr='#05c',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{ background-color:#05c; *background-color:#004ab3} .btn-primary:active, .btn-primary.active{ background-color:#004099 \9} .btn-warning{ background-color:#faa732; *background-color:#f89406; background-image:-ms-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(top,#fbb450,#f89406); background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]{ background-color:#f89406; *background-color:#df8505} .btn-warning:active, .btn-warning.active{ background-color:#c67605 \9} .btn-danger{ background-color:#da4f49; *background-color:#bd362f; background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f); background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image:-o-linear-gradient(top,#ee5f5b,#bd362f); background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f); background-image:linear-gradient(top,#ee5f5b,#bd362f); background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]{ background-color:#bd362f; *background-color:#a9302a} .btn-danger:active, .btn-danger.active{ background-color:#942a25 \9} .btn-success{ background-color:#5bb75b; *background-color:#51a351; background-image:-ms-linear-gradient(top,#62c462,#51a351); background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(top,#62c462,#51a351); background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]{ background-color:#51a351; *background-color:#499249} .btn-success:active, .btn-success.active{ background-color:#408140 \9} .btn-info{ background-color:#49afcd; *background-color:#2f96b4; background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4); background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)); background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image:-o-linear-gradient(top,#5bc0de,#2f96b4); background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4); background-image:linear-gradient(top,#5bc0de,#2f96b4); background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de',endColorstr='#2f96b4',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{ background-color:#2f96b4; *background-color:#2a85a0} .btn-info:active, .btn-info.active{ background-color:#24748c \9} .btn-inverse{ background-color:#414141; *background-color:#222; background-image:-ms-linear-gradient(top,#555,#222); background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#222)); background-image:-webkit-linear-gradient(top,#555,#222); background-image:-o-linear-gradient(top,#555,#222); background-image:-moz-linear-gradient(top,#555,#222); background-image:linear-gradient(top,#555,#222); background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555',endColorstr='#222',GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false)} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{ background-color:#222; *background-color:#151515} .btn-inverse:active, .btn-inverse.active{ background-color:#080808 \9} button.btn, input[type="submit"].btn{ *padding-top:2px; *padding-bottom:2px} button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner{ padding:0; border:0} button.btn.btn-large, input[type="submit"].btn.btn-large{ *padding-top:7px; *padding-bottom:7px} button.btn.btn-small, input[type="submit"].btn.btn-small{ *padding-top:3px; *padding-bottom:3px} button.btn.btn-mini, input[type="submit"].btn.btn-mini{ *padding-top:1px; *padding-bottom:1px} .btn-group{ position:relative; *margin-left:.3em; *zoom:1} .btn-group:before, .btn-group:after{ display:table; content:""} .btn-group:after{ clear:both} .btn-group:first-child{ *margin-left:0} .btn-group+.btn-group{ margin-left:5px} .btn-toolbar{ margin-top:9px; margin-bottom:9px} .btn-toolbar .btn-group{ display:inline-block; *display:inline; *zoom:1} .btn-group >.btn{ position:relative; float:left; margin-left:-1px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0} .btn-group >.btn:first-child{ margin-left:0; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px} .btn-group >.btn:last-child, .btn-group >.dropdown-toggle{ -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px} .btn-group >.btn.large:first-child{ margin-left:0; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px} .btn-group >.btn.large:last-child, .btn-group >.large.dropdown-toggle{ -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px} .btn-group >.btn:hover, .btn-group >.btn:focus, .btn-group >.btn:active, .btn-group >.btn.active{ z-index:2} .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle{ outline:0} .btn-group >.dropdown-toggle{ *padding-top:4px; padding-right:8px; *padding-bottom:4px; padding-left:8px; -webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)} .btn-group >.btn-mini.dropdown-toggle{ padding-right:5px; padding-left:5px} .btn-group >.btn-small.dropdown-toggle{ *padding-top:4px; *padding-bottom:4px} .btn-group >.btn-large.dropdown-toggle{ padding-right:12px; padding-left:12px} .btn-group.open .dropdown-toggle{ background-image:none; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)} .btn-group.open .btn.dropdown-toggle{ background-color:#d2d3d4} .btn-group.open .btn-primary.dropdown-toggle{ background-color:#05c} .btn-group.open .btn-warning.dropdown-toggle{ background-color:#f89406} .btn-group.open .btn-danger.dropdown-toggle{ background-color:#bd362f} .btn-group.open .btn-success.dropdown-toggle{ background-color:#51a351} .btn-group.open .btn-info.dropdown-toggle{ background-color:#2f96b4} .btn-group.open .btn-inverse.dropdown-toggle{ background-color:#222} .btn .caret{ margin-top:7px; margin-left:0} .btn:hover .caret, .open.btn-group .caret{ opacity:1; filter:alpha(opacity=100)} .btn-mini .caret{ margin-top:5px} .btn-small .caret{ margin-top:6px} .btn-large .caret{ margin-top:6px; border-top-width:5px; border-right-width:5px; border-left-width:5px} .dropup .btn-large .caret{ border-top:0; border-bottom:5px solid #000} .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret{ border-top-color:#fff; border-bottom-color:#fff; opacity:0.75; filter:alpha(opacity=75)} /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Tables ================================================== */ table{ width:100%; max-width:100%; border-collapse:collapse; border-spacing:0; background-color:transparent} table th, table td{ padding:8px; vertical-align:top; border-top:1px solid #ccc; text-align:left} table th{ font-weight:bold} table thead th{ vertical-align:bottom} table thead, table tfoot {} table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td{ border-top:0} table tbody+tbody{ border-top:2px solid #ccc} table tbody tr td, table tbody tr th{ -webkit-transition:background-color 0.25s 0 linear; -moz-transition:background-color 0.25s 0 linear; -ms-transition:background-color 0.25s 0 linear; -o-transition:background-color 0.25s 0 linear; transition:background-color 0.25s 0 linear} table tbody tr:hover td, table tbody tr:hover th{ /*background-color:#f9f9f9*/} .table-condensed th, .table-condensed td{ padding:4px 5px} .table-bordered{ border:1px solid #ccc; border-left:0; border-collapse:separate; *border-collapse:collapsed} .table-bordered th, .table-bordered td{ border-left:1px solid #ccc} .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td{ border-top:0} .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th{ background-color:#f9f9f9} /* #Joomla Specific ================================================== */ /* ++++++++++++++ login ++++++++++++++ */ #login-form .inputbox{border:solid 1px #ccc;} #login-form{padding-top:5px;} #login-form fieldset.input{margin:0 0 10px 5px;padding:10px 0 0;} #login-form label{margin-right:10px;width:8.4em;display:block;float:left;} #form-login-remember label{float:none;width:auto;display:inline;} .logout-button{margin-top:10px;} .login-fields{margin:10px 0;} .login-fields label{float:left;width:9em;} .login-description img,.logout-description img{float:left;margin-right:20px;} .login-description,.logout-description{overflow:hidden;padding-left:5px;margin:20px 0 10px;} .logout-description{margin-bottom:20px;} #login-form fieldset,.pagination li.pagination-start,.pagination li.pagination-start span{padding:0;} #login-form .inputbox,.pagenav{padding:2px;} /* ++++++++++++++ breadcrumb ++++++++++++++ */ .breadcrumbs{ padding:7px 14px; margin:0 0 18px; list-style:none; background-color:#fbfbfb; background-image:-moz-linear-gradient(top,#fff,#f5f5f5); background-image:-ms-linear-gradient(top,#fff,#f5f5f5); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5)); background-image:-webkit-linear-gradient(top,#fff,#f5f5f5); background-image:-o-linear-gradient(top,#fff,#f5f5f5); background-image:linear-gradient(top,#fff,#f5f5f5); background-repeat:repeat-x; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#f5f5f5',GradientType=0); -webkit-box-shadow:inset 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff} .breadcrumbs a.pathway { display:inline-block; *display:inline; text-shadow:0 1px 0 #fff; *zoom:1} .breadcrumbs .divider{ padding:0 5px; color:#999} .breadcrumbs .active a{ color:#333} /* ++++++++++++++ user profile ++++++++++++++ */ #users-profile-core,#users-profile-siskiyou,#member-profile fieldset,.registration fieldset{margin:10px 0 15px;padding:15px;} #users-profile-core dt,#users-profile-siskiyou dt{float:left;width:12em;padding:3px 0;} #users-profile-core dd,#users-profile-siskiyou dd{padding:3px 0;} .profile-edit form#member-profile fieldset dd,.registration form#member-registration fieldset dd{float:none;padding:5px 0;} .profile-edit form#member-profile fieldset dd input,.profile-edit form#member-profile fieldset dd select,.registration form#member-registration fieldset dd input{width:17em;} .profile-edit form#member-profile fieldset dt,.registration form#member-registration fieldset dt{width:13em;padding:5px 5px 5px 0;} span.optional{font-size:.9em;} /* ++++++++++++++ pagination ++++++++++++++ */ /*.pagination{margin:10px 0;padding:10px 0;position:relative;} .pagination ul{list-style-type:none;text-align:left;margin:0;padding:0;} .pagination li{display:inline-block;text-align:left;border:solid 0 #eee;margin:0 2px;padding:2px 5px;}*/ .pagination li.pagination-start,.pagination li.pagination-next,.pagination li.pagination-end,.pagination li.pagination-prev{border:0;} p.counter{font-weight:bold;} .pagination {height: 36px;margin: 18px 0; text-align:center} .pagination ul {display: inline-block; *display: inline;margin-bottom: 0;margin-left: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*zoom: 1;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination li {display: inline;} .pagination a {float: left;padding: 0 14px;line-height: 34px;text-decoration: none;border: 1px solid #ccc;border-left-width: 0;} .pagination a:hover, .pagination .active a{ background-color:#f5f5f5} .pagination .active a{ color:#999; cursor:default} .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover{ color:#999; cursor:default; background-color:transparent} .pagination li:first-child a{ border-left-width:1px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px} .pagination li:last-child a{ -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0} .pagenav { margin-bottom:18px; margin-left:0; text-align:center; list-style:none; *zoom:1} .pagenav:before, .pagenav:after{ display:table; content:""} .pagenav:after{ clear:both} .pagenav li{ display:inline} .pagenav a{ display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-decoration:none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75)} .pagenav a:hover{ text-decoration:none; background-color:#f5f5f5} .pagenav .pagenav-next a{ float:right} .pagenav .pagenav-prev a { float:left} /* ++++++++++++++ system messages ++++++++++++++ */ .error h2{font-size:1.4em!important;text-transform:uppercase;padding:0!important;} #system-message{border-left:0;border-right:0;margin:10px 0 0;padding:0;} #system-message dt{font-weight:bold;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);} #system-message dd{text-indent:0;font-weight:bold;margin:0 0 15px;padding:0;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);} #system-message dd ul{color:#000;list-style:none;padding:0; margin-left:0;} #system-message dd ul li{line-height:1.5em; margin-bottom:0;} #system-message dd.message ul{background:#ebf5fa url(../images/system/notice-info.png) 5px center no-repeat;border: 1px solid;border-color:#d2dce1; color:#94afbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px 10px 10px 10px; text-align:center;} #system-message dd.message ul li{background:none!important;} #system-message dd.error ul{background:#fff0eb url(../images/system/notice-alert.png) 5px center no-repeat;border: 1px solid;border-color:#ffd7cd; color:#c88877;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px 10px 10px 40px;} #system-message dd.notice ul{background:#fffae6 url(../images/system/notice-note.png) 5px center no-repeat;border: 1px solid;border-color:#fae6be; color:#d0a35f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px 10px 10px 40px;} #system-message dt.message,#system-message dt.error,#system-message dt.notice{position:absolute;top:-2000px;left:-3000px;} .box-info{background:#ebf5fa url(../images/system/notice-info.png) 5px center no-repeat;border: 1px solid; border-color:#d2dce1; color:#94afbd;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .box-warning{background:#fff0eb url(../images/system/notice-alert.png) 5px center no-repeat;border: 1px solid; border-color:#ffd7cd; color:#c88877;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .box-hint{background:#fffae6 url(../images/system/notice-note.png) 5px center no-repeat;border: 1px solid; border-color:#fae6be; color:#d0a35f;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .box-download{background:#faffe6 url(http://cyclesiskiyou.com/templates/siskiyoutemplate/images/system/notice_download.png) 5px center no-repeat;border: 1px solid; border-color:#dce6be; color:#afbf7d;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} /* ++++++++++++++ search ++++++++++++++ */ .only{border:1px dashed #181818; display:none} .phrases{border:1px dashed #181818} .phrases .inputbox{} .phrases .inputbox option{} .phrases .inputbox option a:hover{} dl.search-results{} dl.search-results dt.result-title{border-top:1px dashed #181818} dl.search-results dd.result-created{border-bottom:medium none} .invalid{border-color:red !important} label.invalid{color:red} legend{padding:0 5px;} .search{overflow:hidden; margin-top:20px} #member-registration{padding:0 5px} #member-registration fieldset{border:1px solid #181818} form fieldset dt{clear:left; float:left; padding:5px 0 0; text-align:left; width:12em} #search-searchword {margin-top:5px;} .word .button{margin:10px} #contact-form fieldset dt{clear:left; float:left; margin:0 14px 0 0 !important; padding:15px 0 0 !important; text-align:right !important; width:74px !important} form fieldset dd{float:left; padding:3px 0} html >body form fieldset dd{padding:3px 0} .searchintro{font-weight:normal; margin:20px 0} #searchForm{padding:0 5px 30px 0} .form-limit{margin:20px 0 0; padding:0 10px 0 20px;} .inputbox:focus{} .highlight{} .ordering-box{float:right; width:40%} .phrases-box{float:left; width:60%} .only, .phrases{line-height:1.3em; margin:10px 0 0 0; padding:15px} label.ordering{display:block; margin:10px 0} .word{padding:10px 10px 10px 0} .word input{margin:0 10px} .word input:focus{} .word label{} fieldset.only label, fieldset.phrases label{margin:0 10px 0 0} .ordering-box label.ordering{float:left; margin:0 10px 5px 0} form .search label{display:none} .search legend{} .phrases .inputbox{width:10em} .phrases .inputbox option{padding:2px} dl.search-results{} dl.search-results dt.result-title{font-weight:bold; padding:15px 15px 0 5px} dl.search-results dd{padding:2px 15px 2px 5px} dl.search-results dd.result-text{line-height:1.7em; padding:10px 15px 10px 5px} dl.search-results dd.result-created{padding:2px 15px 15px 5px; display:none} dl.search-results dd.result-category{padding:10px 15px 5px 5px} /* ++++++++++++++ Tooltips ++++++++++++++ */ .tip-wrap{ z-index:10000} .tip{ float:left;background:#ffc;border:1px solid; padding:5px; max-width:200px; border-color:#fae6be; color:#666;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.75);} .tip-title{ padding:0; margin:0; font-size:100%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px;color:#222;} .tip-text{ font-size:95%; margin:0; line-height: 1.3em;} /* ++++++++++++++ Modules ++++++++++++++ */ .moduletable p:last-child, .dynamicmodule p:last-child { margin-bottom: 0 !important; } .mod-border{padding:20px; border:1px solid #D9D9D9; border:1px solid rgba(20,20,25,0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .mod-box{padding:20px; border:1px solid #D9D9D9; border:1px solid rgba(20,20,25,0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #e9e9e9; background-clip:padding-box; background-image:url(../images/noise.png);background-position: 0 0;background-repeat: repeat;} .siskiyoucontentbg .mod-box{box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(20, 20, 25, 0.2);} .mod-line h3{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #D9D9D9; border-bottom:1px solid rgba(20,20,25,0.15)} .mod-inset{padding:20px; border:1px solid #444; border:1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:transparent; background:-o-linear-gradient(top,rgba(20,20,25,0.02) 0%,rgba(20,20,25,0.04) 100%); background:-webkit-linear-gradient(top,rgba(20,20,25,0.02) 0%,rgba(20,20,25,0.04) 100%); background:-moz-linear-gradient(top,rgba(20,20,25,0.02) 0%,rgba(20,20,25,0.04) 100%); background:linear-gradient(to bottom,rgba(20,20,25,0.02) 0%,rgba(20,20,25,0.04) 100%); box-shadow:inset 0 2px 3px rgba(20,20,25,0.25),inset 0 -1px 2px rgba(20,20,25,0.1);} /* ++++++++++++++ other ++++++++++++++ */ .item-page p:last-child { margin-bottom: 0 !important; } .article-info { font-size:80%;} .modifydate{height:20px; vertical-align:bottom; font-size:.90em; color:#999; font-weight:normal; text-align:left} .createdate{height:20px; vertical-align:top; font-size:.90em; color:#999; font-weight:normal; vertical-align:top; padding-bottom:5px; padding-top:0px} a.readon{margin-top:10px; display:block; float:left; background:url(http://cyclesiskiyou.com/templates/siskiyoutemplate/images/mw_readon.png) top right no-repeat; padding-right:20px; line-height:14px; height:16px} ul.actions li{ float:right; padding:0 5px 0 0} ul.actions{ float:right; list-style:none; margin:30px 0 0 0} ul.actions { *zoom: 1; } ul.actions:before, ul.actions:after {display:table;content: '\0020';} ul.actions:after { clear: both; } .contentpane { margin: 0 10px;} .contentpane label{min-width:70px; margin-right:10px; display:inline-block} .contentpane label:after{content:':'} .contentpane .formelm{margin-bottom:5px} .contentpane .mailto-close{float:right; font-size:8px; padding:3px; border:1px solid #888; border-radius:3px} .contentpane .mailto-close a{text-decoration:none color: #888;} .contentpane .button{float:right; margin-right:5px} .contentpane input[type="text"], .contentpane input[type="password"], .contentpane input[type="email"], .contentpane textarea, .contentpane select {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;width: auto;display: inline-block;margin-bottom: 5px;} /* #If using select menu ================================================== */ .siskiyoumenu select {display: none;} /* #Global Device Width Adjustments ================================================== */ @media only screen and (max-width: 1023px) { body { font-size: 0.8em; line-height: 1.5em; } img, object, embed, iframe { max-width: 100% !important; } img { height: auto !important; } /*a {position: relative;padding: .5em;margin: -.5em;}*/ #login-form label { float:none !important; } .siskiyoumenu a {font-size:90%;padding-left:15px;} .siskiyoucontentbg, .siskiyoumenu {margin-left:10px; margin-right:10px;} /* #Optional Alternative 4 column layout ================================================== */ .row .fourcol, .ie .row .fourcol, .row .eightcol.last, .ie .row .eightcol.last {width:48%; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; float:left; clear:none;} .row .fourcol.last, .ie .row .fourcol.last, .row .eightcol, .ie .row .eightcol{width:auto; float:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; clear:both;} header .search > .inputbox { width: 65% !important; } } @media only screen and (max-width: 767px) { /*.siskiyoumenu >ul >li{ float:left display: inline-block !important;width: 48%;border-radius:0px !important; position:relative !important;} .siskiyoumenu {height:auto !important;border-radius:5px;} .siskiyoumenu a {background: transparent !important; border-top: 1px solid #6B635C !important; box-shadow:none !important; line-height:50px; padding-left:20px !important;} .siskiyoumenu a:hover, .siskiyoumenu li.active {background: rgba(0, 0, 0, 0.2) !important;} .siskiyoumenu > ul > li:first-child > a {border-top:none !important;} .siskiyoumenu > ul > li:last-child > a {border-bottom:none !important;} .siskiyoumenu >ul >li:hover:after {border:none !important} .siskiyoumenu .parent ul li a {line-height: 45px !important; padding: 0 20px 0 30px !important; } .siskiyoumenu .parent .parent ul li a {line-height: 45px !important; padding: 0 20px 0 40px !important; } .siskiyoumenu ul, .siskiyoumenu span, .siskiyoumenu a { display:block !important; border-radius:0px !important;float:none !important; position:relative !important; width:auto !important; left:0 !important;}*/ /* #If using select menu ================================================== */ .siskiyoumenu ul { display: none; } .siskiyoumenu select { display: inline-block; margin: 20px; width:90%; } } /* Global CSS for devices smaller than iPad Portrait ================================================== */ @media only screen and (min-width: 240px) and (max-width: 639px) { body { -webkit-text-size-adjust: none;-ms-text-size-adjust: none; } /* #If using responsive siskiyou menu ================================================== */ /*.siskiyoumenu {height:auto !important;border-radius:5px;} .siskiyoumenu a {background: transparent !important; border-top: 1px solid #6B635C !important; box-shadow:none !important; line-height:50px;} .siskiyoumenu a:hover, .siskiyoumenu li.active {background: rgba(0, 0, 0, 0.2) !important;} .siskiyoumenu > ul > li:first-child > a {border-top:none !important;} .siskiyoumenu > ul > li:last-child > a {border-bottom:none !important;} .siskiyoumenu >ul >li:hover:after {border:none !important} .siskiyoumenu .parent ul li a {line-height: 45px !important; padding: 0 20px 0 30px !important; } .siskiyoumenu .parent .parent ul li a {line-height: 45px !important; padding: 0 20px 0 40px !important; } .siskiyoumenu ul, .siskiyoumenu li, .siskiyoumenu span, .siskiyoumenu a { display:block !important; border-radius:0px !important;float:none !important; position:relative !important; width:auto !important; left:0 !important;} */ .row, body, .container, .siskiyoutopa .dynamiccontent, .siskiyoutopmenu .dynamiccontent{width:100%; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px} .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row .onecolfull, .row .twocolfull, .row .threecolfull, .row .fourcolfull, .row .fivecolfull, .row .sixcolfull, .row .sevencolfull, .row .eightcolfull, .row .ninecolfull, .row .tencolfull, .row .elevencolfull, .siskiyoutopa .dynamiccontent, .siskiyoutopmenu .dynamiccontent {width:auto !important; float:none !important; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px} .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven { right: auto; } .siskiyoucomponentpadding div.ohanah #calendar {display:none;} .mobile-calendar {display:block;} .siskiyoucomponentpadding div.ohanah {background:none; border: 0 none; padding:0; box-shadow:none;} .ohanah .event_detail_time h3{line-height:1em;margin-bottom:8px;} .ohanah .event_detail_container .event_detail_location, .ohanah .event_detail_container .ohanah_modal {display:none;} .ohanah .event_detail_container .save_to_cal {display:block;} .fc-event-time, .fc-event-title {display:none;} .fc-view-month .fc-event-skin {height: 15px;} .fc-agenda-days, .fc-view-agendaWeek .fc-header-title h2 {font-size:10px;} .fc-header-title {display:none} .yoo-zoo .googlemaps button, .yoo-zoo .googlemaps input[type="button"], .yoo-zoo .googlemaps input[type="submit"] {display:block; margin-top:8px;width: 92%;} .yoo-zoo .googlemaps input[type="text"] {width: 92%;} .siskiyoufooternav {display:none;} .siskiyoushadow {box-shadow:none;} .logotype h1, .logotype h1 a {line-height:60px; font-size: 25px;text-align:center;} header .search { width: 90% !important; margin: 0 auto 8px ; } header .search > .inputbox { width: 85% !important; } .siskiyoumainrow {border-bottom:10px solid #282828;} .siskicopyright {font-size:80%;} } /* Small Phone ================================================== */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 320px) { } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 319px) { } /* Small Tablet ================================================== */ @media only screen and (min-width: 480px) and (max-width: 639px) { } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 767px) and (max-device-width : 1023px) { } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 767px) and (max-device-width : 1023px) and (orientation : landscape) { } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 767px) and (max-device-width : 1023px) and (orientation : portrait) { } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1223px) { } /* Large screens ----------- */ @media only screen and (min-width : 1823px) { } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { } /* -------------------------------------------------- :: Mobile Visibility Affordances ---------------------------------------------------*/ .show-on-phones { display: none !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: block !important; } .hide-on-phones { display: block !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: none !important; } @media only screen and (min-width: 240px) and (max-width: 639px) { .hide-on-phones { display: none !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: block !important; } .show-on-phones { display: block !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: none !important; } } /* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px), /* /* Keeping this in as a reminder to address support for other tablet devices like the Xoom in the future */ /* Specific overrides for elements that require something other than display: block */ table.show-on-desktops { display: table !important; } table.hide-on-phones { display: table !important; } table.hide-on-tablets { display: table !important; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) { table.hide-on-phones { display: block !important; } table.hide-on-desktops { display: block !important; } table.show-on-tablets { display: block !important; } } @media only screen and (max-width: 767px) { table.hide-on-tablets { display: block !important; } table.hide-on-desktops { display: block !important; } table.show-on-phones { display: block !important; } } /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ===== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; font-size:70%; color: #999 !important;} abbr[title]:after { content: " (" attr(title) ")"; font-size:70%; color: #999 !important; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } section {display:block; width:100% !important; margin:0;} aside {display:none;} } /* #Image replacement ================================================== */ .ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;} .ir:before {content: "";display: block;width: 0;height: 100%;} .ir2 {text-indent: 100%;white-space: nowrap;overflow: hidden;} /* #Misc ================================================== */ .break {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .ellipsis {width: 250px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis; /* Required for IE8 */-o-text-overflow: ellipsis; /* Required for Opera */text-overflow: ellipsis;} .disabled {pointer-events: none;opacity: 0.5;} .fright{float:right !important;} .fleft{float:left !important;} .p20{ padding: 20px !important;} .m20{ margin: 20px !important;} .ptop20{ padding-top: 20px !important;} .pbottom20{ padding-bottom: 20px !important;} .mtop20{ margin-top: 20px !important;} .mbottom20{ margin-bottom: 20px !important;} .ptop10{ padding-top: 10px !important;} .pbottom10{ padding-bottom: 10px !important;} .mtop10{ margin-top: 10px !important;} .mbottom10{ margin-bottom: 10px !important;} .ptop0{ padding-top: 0px !important;} .pbottom0{ padding-bottom: 0px !important;} .mtop0{ margin-top: 0px !important;} .mbottom0{ margin-bottom: 0px !important;} .nopad {padding:none !important;} .text-l { text-align: left !important;} .text-r { text-align: right !important;} .text-c { text-align: center !important;} .hide { display: none !important;} .show { display: block !important;} .invisible { visibility: hidden !important;} .rdbdr3 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .rdbdr10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .rdbdr20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .tran4linear {transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;} .tran4ease {transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;} /* #Debug - Remove when site launched ================================================== */ /* Empty Elements */ .debug div:empty, .debug span:empty,.debug li:empty,.debug p:empty,.debug td:empty,.debug th:empty { padding: 20px; border: 5px dotted yellow !important; } /* Empty Attributes */ .debug *[alt=""], .debug *[title=""], .debug *[class=""], .debug *[id=""], .debug a[href=""] { border: 5px solid yellow !important; } /* Deprecated Elements */ .debug applet, .debug basefont, .debug center, .debug dir, .debug font, .debug isindex, .debug menu, .debug s, .debug strike, .debug u { border: 5px dotted red !important; } /* Deprecated Attributes */ .debug *[background], .debug *[bgcolor], .debug *[clear], .debug *[color], .debug *[compact], .debug *[noshade], .debug *[nowrap], .debug *[size], .debug *[start],.debug *[bottommargin], .debug *[leftmargin], .debug *[rightmargin], .debug *[topmargin], .debug *[marginheight], .debug *[marginwidth], .debug *[alink], .debug *[link], .debug *[text], .debug *[vlink],.debug *[align], .debug *[valign],.debug *[hspace], .debug *[vspace],.debug *[height], .debug *[width],.debug ul[type], .debug ol[type], .debug li[type] { border: 5px solid red !important; } /* Proposed Deprecated Elements */ .debug input[type="button"], .debug big, .debug tt { border: 5px dotted #33FF00 !important; } /* Proposed Deprecated Attributes */ .debug *[border], .debug table[cellpadding], .debug table[cellspacing] { border: 5px solid #33FF00 !important; }