/*----------------------------------------------------------------------------------- Theme Name: North Branch, MN Theme URI: http://www.ci.north-branch.mn.us/ Description: Custom Web Design for North Branch, MN Author: Tom Gooden | @ good3n Author URI: http://www.revize.com/ Version: 1.0 / FEB 12, 2014 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #RZ Document Center #Lists #Images #Buttons #Forms #Misc #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Header + Nav + No More IE7 #Main Content #Flyout Navigation #Inner Page #FlexSlider #Bootstrap v2.3.2 tables only #Media Queries -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #Reset -----------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} /* ----------------------------------------- #Bacic Styles -----------------------------------------*/ body{background:#f0eddd url(../_images_/background.jpg) top center no-repeat;font:14px/21px Arial,"HelveticaNeue","Helvetica Neue",Helvetica,sans-serif;color:#444;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#01462a;font-family:'Yanone Kaffeesatz', sans-serif;font-weight:normal;margin-bottom:10px} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:28px;line-height:35px;margin-bottom:14px} h2{font-size:24px;line-height:30px;margin-bottom:14px} h3{font-size:22px;line-height:34px} h4{font-size:21px;line-height:30px} h5{font-size:17px;line-height:24px} h6{font-size:14px;line-height:21px} .header{font-size:24px} .subheader{font-size:18px} p{margin:0 0 20px 0} p.lead{font-size:21px;line-height:27px;color:#777} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #Links -----------------------------------------*/ a,a:visited{color:#01462a;text-decoration:underline;outline:0} a:hover,a:focus{color:#01462a} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #RZ Document Center -----------------------------------------*/ #RZdocument_center .file_row{background:#fff;border:1px solid #ccc;margin-bottom:1px;padding:7px 8px;width:97.5%;margin:0 0 1px;float:left} #RZdocument_center .file_row a{color:#024930!important;font: 14px/21px arial!important;text-transform:uppercase;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif!important} #msg{background:#FCF8E3;border:3px solid #dac293;display:block;padding:8px 35px 8px 14px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);color:#af8338} #RZdocument_center table h3 {display:block;overflow:hidden;padding:7px 7px;border-bottom:1px solid #ccc;margin:0 0 10px;} #RZdocument_center h3 a{font-size:16px!important;font-weight:bold;color:#333!important} #RZdocument_center table {padding:0;margin-bottom:10px} #RZdocument_center form,#RZdocument_center input,#RZdocument_center select,#RZdocument_center button{margin:0!important;width:auto;min-width:inherit} /* ----------------------------------------- #Lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:30px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #Images -----------------------------------------*/ img{max-width:100%;*max-width:none;height:auto} a img{border:none} /* ----------------------------------------- #Buttons -----------------------------------------*/ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{border:2px solid #12472d;color:#fff!important;display:inline-block;font-size:14px;font-weight:normal;text-decoration:none!important;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:'Yanone Kaffeesatz',sans-serif;background:rgb(43,90,66);background:-moz-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(43,90,66,1)),color-stop(100%,rgba(1,58,31,1)));background:-webkit-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-o-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-ms-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:linear-gradient(to bottom, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5a42',endColorstr='#013a1f',GradientType=0 )} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{} .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{background:rgb(43,90,66);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-o-box-shadow:inset 0 0 2px rgba(0,0,0,.175);box-shadow:inset 0 0 2px rgba(0,0,0,.175)} .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #Forms -----------------------------------------*/ form{margin-bottom:20px} fieldset{margin-bottom:20px} input[type="text"], input[type="password"], input[type="email"], textarea, select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px Arial,"HelveticaNeue","Helvetica Neue",Helvetica,sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{color:#444;border:1px solid #999!important} 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} /* ----------------------------------------- #Misc -----------------------------------------*/ .remove-bottom{margin-bottom:0!important} .half-bottom{margin-bottom:10px!important} .add-bottom{margin-bottom:20px!important} /* ----------------------------------------- #Base 960 Grid -----------------------------------------*/ .container{position:relative;width:960px;margin:0 auto;padding:0} .container .column, .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;min-height:1px} .row{margin-bottom:20px} .column.alpha,.columns.alpha{margin-left:0} .column.omega,.columns.omega{margin-right:0} .container .one.column, .container .one.columns{width:40px} .container .two.columns{width:100px} .container .three.columns{width:160px} .container .four.columns{width:220px} .container .five.columns{width:280px} .container .six.columns{width:340px} .container .seven.columns{width:400px} .container .eight.columns{width:460px} .container .nine.columns{width:520px} .container .ten.columns{width:580px} .container .eleven.columns{width:640px} .container .twelve.columns{width:700px} .container .thirteen.columns{width:760px} .container .fourteen.columns{width:820px} .container .fifteen.columns{width:880px} .container .sixteen.columns{width:940px} .container .one-third.column{width:300px} .container .two-thirds.column{width:620px} .container .offset-by-one{padding-left:60px} .container .offset-by-two{padding-left:120px} .container .offset-by-three{padding-left:180px} .container .offset-by-four{padding-left:240px} .container .offset-by-five{padding-left:300px} .container .offset-by-six{padding-left:360px} .container .offset-by-seven{padding-left:420px} .container .offset-by-eight{padding-left:480px} .container .offset-by-nine{padding-left:540px} .container .offset-by-ten{padding-left:600px} .container .offset-by-eleven{padding-left:660px} .container .offset-by-twelve{padding-left:720px} .container .offset-by-thirteen{padding-left:780px} .container .offset-by-fourteen{padding-left:840px} .container .offset-by-fifteen{padding-left:900px} /* ----------------------------------------- #Tablet (Portrait) -----------------------------------------*/ @media only screen and (min-width:768px) and (max-width:959px){ .container{width:768px} .container .column, .container .columns{margin-left:10px;margin-right:10px} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px} .column.omega,.columns.omega{margin-right:0;margin-left:10px} .alpha.omega{margin-left:0;margin-right:0} .container .one.column, .container .one.columns{width:28px} .container .two.columns{width:76px} .container .three.columns{width:124px} .container .four.columns{width:172px} .container .five.columns{width:220px} .container .six.columns{width:268px} .container .seven.columns{width:316px} .container .eight.columns{width:364px} .container .nine.columns{width:412px} .container .ten.columns{width:460px} .container .eleven.columns{width:508px} .container .twelve.columns{width:556px} .container .thirteen.columns{width:604px} .container .fourteen.columns{width:652px} .container .fifteen.columns{width:700px} .container .sixteen.columns{width:748px} .container .one-third.column{width:236px} .container .two-thirds.column{width:492px} .container .offset-by-one{padding-left:48px} .container .offset-by-two{padding-left:96px} .container .offset-by-three{padding-left:144px} .container .offset-by-four{padding-left:192px} .container .offset-by-five{padding-left:240px} .container .offset-by-six{padding-left:288px} .container .offset-by-seven{padding-left:336px} .container .offset-by-eight{padding-left:384px} .container .offset-by-nine{padding-left:432px} .container .offset-by-ten{padding-left:480px} .container .offset-by-eleven{padding-left:528px} .container .offset-by-twelve{padding-left:576px} .container .offset-by-thirteen{padding-left:624px} .container .offset-by-fourteen{padding-left:672px} .container .offset-by-fifteen{padding-left:720px} } /* ----------------------------------------- #Mobile (Portrait) -----------------------------------------*/ @media only screen and (max-width:767px){ .container{width:300px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:300px} .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0} } /* ----------------------------------------- #Mobile (Landscape) -----------------------------------------*/ @media only screen and (min-width:480px) and (max-width:767px){ .container{width:420px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:420px} } /* ----------------------------------------- #Clearing -----------------------------------------*/ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after, .clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* ----------------------------------------- #Header + Nav + No More IE7 -----------------------------------------*/ html{overflow-x:hidden} .alert{background:#CC3535;border:5px solid #FF6391;color:#fff;padding:20px;font-size:16px} .no-more-ie{overflow:hidden} .no-more-ie span{float:left;width:75%} .no-more-ie img{width:40px;padding:0 7px} .browser-icons{width:25%;float:right;text-align:right} .alert-section{font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;font-size:15px;padding:20px 0;font-weight:700;color:#fff;background:rgb(43,90,66);background:-moz-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(43,90,66,1)),color-stop(100%,rgba(1,58,31,1)));background:-webkit-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-o-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-ms-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:linear-gradient(to bottom, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5a42',endColorstr='#013a1f',GradientType=0 )} .alert-section.urgent{background:rgb(211, 0, 0);background:-moz-linear-gradient(top, rgba(211, 0, 0,1) 0%,rgba(130, 0, 0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(211, 0, 0,1)),color-stop(100%,rgba(130, 0, 0,1)));background:-webkit-linear-gradient(top, rgba(211, 0, 0,1) 0%,rgba(130, 0, 0,1) 100%);background:-o-linear-gradient(top, rgba(211, 0, 0,1) 0%,rgba(130, 0, 0,1) 100%);background:-ms-linear-gradient(top, rgba(211, 0, 0,1) 0%,rgba(130, 0, 0,1) 100%);background:linear-gradient(to bottom, rgba(211, 0, 0,1) 0%,rgba(130, 0, 0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5a42',endColorstr='#013a1f',GradientType=0 )} .alert-section p{margin:0} .alert-section a{color:#fff} #nav{position:relative;z-index:999} #menu-icon{display:none} .nav{width:100%;float:left;margin:0;border:2px solid #12472d;background:rgb(43,90,66);background:-moz-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(43,90,66,1)),color-stop(100%,rgba(1,58,31,1)));background:-webkit-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-o-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:-ms-linear-gradient(top, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);background:linear-gradient(to bottom, rgba(43,90,66,1) 0%,rgba(1,58,31,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5a42',endColorstr='#013a1f',GradientType=0 )} .nav >li >a{font-family:'Yanone Kaffeesatz',sans-serif} .nav li{float:left;position:relative;list-style:none;margin:0} .nav li a{float:left;color:#fff;display:block;padding:17px 26px;text-decoration:none;font-weight:bold;font-size:28px;text-shadow:1px 1px 1px rgba(0,0,0,.3)} .nav ul{display:none;position:absolute;left:0;top:100%;margin:0;border:1px solid #c4be9c;border-bottom:3px solid #816A4A;z-index:99;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;background:rgb(240,237,221);background:-moz-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(240,237,221,1)),color-stop(100%,rgba(225,219,188,1)));background:-webkit-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-o-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-ms-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:linear-gradient(to bottom, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eddd',endColorstr='#e1dbbc',GradientType=0 )} .nav ul a{float:none;width:160px;border-right:none;border-bottom:1px solid #c4be9c;padding:9px 20px;color:#716048;font-size:12px;text-transform:none;text-shadow:none} .nav li:hover >a{background:#14492F;color:#fff} .nav ul li:last-child a{border:none} .nav ul li{float:none} .nav ul ul{top:0;left:100%} .nav li:hover >ul{display:block} /* ----------------------------------------- #Main Content -----------------------------------------*/ #preload{display:none} .top-bar{background:#f0eddd;background:rgba(1,70,42,.8);color:#fff;font-family:"Trebuchet MS",Helvetica,sans-serif;padding:7px 0} .top-bar p{margin:0} .top-bar a{color:#fff;text-decoration:none} .top-bar a:hover{text-decoration:underline} .top-links{font-size:12px;font-weight:bold} .weather{font-size:12px;font-weight:bold;position:relative;text-align:right} .weather p{padding-right:45px} .weather img{position:absolute;right:-20px;top:-2px;max-width:50px;} .search form{margin:0;background:#fff} .search input{background:none;border:none;color:#555;padding:3px 7px;font-family:"Trebuchet MS",Helvetica,sans-serif} .search button{border:none;border-radius:0;box-shadow:none;background:url(../_images_/arrow-right.png) center no-repeat;float:right;height:21px;width:21px} .logo{text-align:center;padding:20px 0; background: rgba(255,255,255,0.1); background: -o-radial-gradient(circle, rgba(255,255,255,.7) 27%, rgba(134,134,154,0) 95%); background: radial-gradient(circle, rgba(255,255,255,.7) 27%, rgba(134,134,154,0) 95%); } .logo img{width:300px} .top{margin-top:10px;margin-bottom:10px;background:rgba(255,255,255,.9)} .q-links .inner{margin:10px 0 0 -10px;font-family:'Yanone Kaffeesatz',sans-serif;font-weight:bold;font-size:28px} .q-links p{position:absolute;bottom:10px;left:15px;margin:0;font-size: 18px;} .q-link{display:inline-block;position:relative;width:140px;height:103px;float:left;margin-bottom:3px;color:#816a4a!important} .q-one{background:url(../_images_/icon1.png) top left no-repeat} .q-two{background:url(../_images_/icon2.png) top left no-repeat} .q-three{background:url(../_images_/icon3.png) top left no-repeat} .q-four{background:url(../_images_/icon4.png) top left no-repeat} .q-five{background:url(../_images_/icon5.png) top left no-repeat} .q-six{background:url(../_images_/icon6.png) top left no-repeat} .q-one:hover{background:url(../_images_/icon1-hover.png) top left no-repeat} .q-two:hover{background:url(../_images_/icon2-hover.png) top left no-repeat} .q-three:hover{background:url(../_images_/icon3-hover.png) top left no-repeat} .q-four:hover{background:url(../_images_/icon4-hover.png) top left no-repeat} .q-five:hover{background:url(../_images_/icon5-hover.png) top left no-repeat} .q-six:hover{background:url(../_images_/icon6-hover.png) top left no-repeat} .sidebar .inner{margin-right:-10px} .social{margin-bottom:5px} .content{background:url(../_images_/bottom-slice.png) center repeat-y;position:relative;border-top:1px solid #e1dbbc;border-bottom:1px solid #e1dbbc} .watermark{background:url(../_images_/watermark.png) bottom center no-repeat;padding-bottom:21px} .news,.events{padding-bottom:40px} .news .inner{padding:20px 0 20px 20px} .news-heading{background:url(../_images_/news.png) top left no-repeat;height:26px} .news-item{border-top:1px solid #e1dbbc;margin-top:14px;padding-top:14px} .news a{color:#01462a;text-decoration:none} .news a:hover{text-decoration:underline} .news p{margin:0} .news-item iframe[src*='facebook.com']{max-width:100%;height:220px} .news-item iframe[src*='youtube.com']{max-width:100%;height:220px} a.title{font-weight:bold;text-decoration:none} a.more{text-transform:uppercase;font-size:11px;color:#816a4a} .all{position:absolute;bottom:10px} .news .all{right:300px} .events .all{right:20px} .events .inner{padding:15px 20px 0 0} footer{margin:10px 0 20px;;background:#816a4a;color:#f0eddd;font-size:12px;font-family:"Trebuchet MS",Helvetica,sans-serif} footer .inner{padding:20px;position:relative} footer p{margin:0} footer a{color:#f0eddd!important;text-decoration:none} footer a:hover{text-decoration:underline} footer .login{position:absolute;bottom:20px;right:20px} .alertbtn{position:absolute} .topbarbtn{position:absolute;left:-30px} .sliderbtn{position:absolute;top:20px;left:20px;z-index:1} .quicklinkBtn{position:absolute;z-index:1;right:20px} .news .editbtns{} #RZdocument_center a{font-size:14px!important;font-family:"Trebuchet MS",Helvetica,sans-serif} /* ----------------------------------------- #Flyout Navigation -----------------------------------------*/ .flyout{margin:0;padding:0;border:1px solid #e1dbbc} .flyout li{margin:0;list-style:none;position:relative;z-index:998} .flyout li a{display:block;color:#816a4a;text-decoration:none;padding:10px;border-bottom:1px solid #e1dbbc;font-weight:bold;background:rgb(240,237,221);background:-moz-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(240,237,221,1)),color-stop(100%,rgba(225,219,188,1)));background:-webkit-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-o-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-ms-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:linear-gradient(to bottom, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eddd',endColorstr='#e1dbbc',GradientType=0 )} .flyout ul{margin:0;position:absolute;left:100%;top:0;border:1px solid #c4be9c;border-bottom:3px solid #816A4A;display:none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);background:rgb(240,237,221);background:-moz-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(240,237,221,1)),color-stop(100%,rgba(225,219,188,1)));background:-webkit-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-o-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:-ms-linear-gradient(top, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);background:linear-gradient(to bottom, rgba(240,237,221,1) 0%,rgba(225,219,188,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eddd',endColorstr='#e1dbbc',GradientType=0 )} .flyout ul a{border-bottom:1px solid #c4be9c;padding:9px 20px;color:#716048;font-size:12px;width:160px;background:none} .flyout ul li:last-child a{border:none} .flyout li:hover >a{background:#14492F;color:#fff} .flyout li:hover >ul{display:block} /* ----------------------------------------- #Inner Page -----------------------------------------*/ #freeform .flyout{margin:10px -10px 0 10px} .ff-bg{background:url(../_images_/freeform-slice.png) center repeat-y} #freeform .bottom{margin-top:10px} .entry .inner{padding:20px 20px 20px 30px;min-height:350px} .breadcrumbs{font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:11px;color:#7e6c52;margin-bottom:10px;position:relative;z-index:1} .breadcrumbs p{margin:0} .breadcrumbs a{color:#7e6c52;text-decoration:none} .breadcrumbs a:hover{text-decoration:underline} .page-title h2{font-size:28px;border-bottom:1px solid #e1dbbc;margin:0;padding-bottom:10px} .share-section{margin:10px 0;position:relative;z-index:1} .share-section a{float:left} .post{position:relative;z-index:1} .fullwidth .bottom{background:none!important} .fullwidth .entry{background:url(../_images_/fullwidth-slice.png) center repeat-y;border-top:1px solid #e2dcbd;border-bottom:1px solid #e2dcbd;position:relative} .fullwidth .entry .inner{padding:20px} .ff-watermark{background:url(../_images_/watermark.png) bottom center no-repeat;position:absolute;bottom:0;right:10px;width:700px;height:167px} .fw-watermark{background:url(../_images_/watermark2.png) bottom center no-repeat;position:absolute;bottom:0;right:0;width:940px;height:166px} /* ----------------------------------------- #FlexSlider -----------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none} .slides, .flex-control-nav, .flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider, .flexslider *{margin:0;padding:0} .flexslider .slides >li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides{display:block} * html .slides{height:1%} .no-js .slides >li:first-child{display:block} .flexslider{margin:0;position:relative;zoom:1;padding:10px 0 10px 10px} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport{max-height:300px} .flexslider .slides{zoom:1} .carousel li{margin-right:5px} .flex-direction-nav a{width:35px;height:65px;margin:-25px 0 0;display:block;background:url(../_images_/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .flex-direction-nav .flex-next{background-position:100% 0;right:-36px} .flex-direction-nav .flex-prev{left:-36px} .flexslider:hover .flex-next{opacity:0.8;right:0px} .flexslider:hover .flex-prev{opacity:0.8;left:10px} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1} .flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default} .flex-control-nav{display:none;width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)} .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li{width:25%;float:left;margin:0} .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer} .flex-control-thumbs img:hover{opacity:1} .flex-control-thumbs .active{opacity:1;cursor:default} @media screen and (max-width:860px){ .flex-direction-nav .flex-prev{opacity:1;left:0} .flex-direction-nav .flex-next{opacity:1;right:0} } /* ----------------------------------------- #Bootstrap v2.3.2 tables only -----------------------------------------*/ .table{max-width:100%!important;background-color:#fff;border-collapse:collapse;border-spacing:0} .table textarea{min-width:220px;max-width:100%!important;border:1px solid #e1e1e1} .table caption{background:#e1e1e1;color:#fff;text-align:left;padding:10px 20px} .table{width:100%;margin-bottom:20px} .table th, .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #e1e1e1} .table th{font-weight:bold} .table thead th{vertical-align:bottom} .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .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 #e1e1e1} .table .table{background-color:#fff} .table-condensed th, .table-condensed td{padding:4px 5px} .table-bordered{border:1px solid #e1e1e1;border-collapse:separate;*border-collapse:collapse;border-left:0} .table-bordered th, .table-bordered td{border-left:1px solid #e1e1e1} .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .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-bordered thead:first-child tr:first-child >th:first-child, .table-bordered tbody:first-child tr:first-child >td:first-child, .table-bordered tbody:first-child tr:first-child >th:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered thead:first-child tr:first-child >th:last-child, .table-bordered tbody:first-child tr:first-child >td:last-child, .table-bordered tbody:first-child tr:first-child >th:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-bordered thead:last-child tr:last-child >th:first-child, .table-bordered tbody:last-child tr:last-child >td:first-child, .table-bordered tbody:last-child tr:last-child >th:first-child, .table-bordered tfoot:last-child tr:last-child >td:first-child, .table-bordered tfoot:last-child tr:last-child >th:first-child{-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px} .table-bordered thead:last-child tr:last-child >th:last-child, .table-bordered tbody:last-child tr:last-child >td:last-child, .table-bordered tbody:last-child tr:last-child >th:last-child, .table-bordered tfoot:last-child tr:last-child >td:last-child, .table-bordered tfoot:last-child tr:last-child >th:last-child{-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px} .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0} .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0} .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-striped tbody >tr:nth-child(odd) >td, .table-striped tbody >tr:nth-child(odd) >th{background-color:#f9f9f9} .table-hover tbody tr:hover >td, .table-hover tbody tr:hover >th{background-color:#f5f5f5} table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0} .table td.span1, .table th.span1{float:none;width:44px;margin-left:0} .table td.span2, .table th.span2{float:none;width:124px;margin-left:0} .table td.span3, .table th.span3{float:none;width:204px;margin-left:0} .table td.span4, .table th.span4{float:none;width:284px;margin-left:0} .table td.span5, .table th.span5{float:none;width:364px;margin-left:0} .table td.span6, .table th.span6{float:none;width:444px;margin-left:0} .table td.span7, .table th.span7{float:none;width:524px;margin-left:0} .table td.span8, .table th.span8{float:none;width:604px;margin-left:0} .table td.span9, .table th.span9{float:none;width:684px;margin-left:0} .table td.span10, .table th.span10{float:none;width:764px;margin-left:0} .table td.span11, .table th.span11{float:none;width:844px;margin-left:0} .table td.span12, .table th.span12{float:none;width:924px;margin-left:0} .table tbody tr.success >td{background-color:#dff0d8} .table tbody tr.error >td{background-color:#f2dede} .table tbody tr.warning >td{background-color:#fcf8e3} .table tbody tr.info >td{background-color:#d9edf7} .table-hover tbody tr.success:hover >td{background-color:#d0e9c6} .table-hover tbody tr.error:hover >td{background-color:#ebcccc} .table-hover tbody tr.warning:hover >td{background-color:#faf2cc} .table-hover tbody tr.info:hover >td{background-color:#c4e3f3} /* #Media Queries ================================================== */ @media only screen and (min-width:960px){ .nav{display:block!important} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:959px){ #menu-icon{display:block;background:#14492F;color:#fff;padding:10px;font-size:21px;cursor:pointer;font-family:'Yanone Kaffeesatz', sans-serif;font-size:25px} #menu-icon span{display:block;width:30px;height:3px;background:#fff;float:left;clear:both;margin:3px 10px 0 0} .nav{display:none;background:#fff;float:none;border:none;box-shadow:0 0 10px rgba(0,0,0,.3)} .nav li{float:none} .nav li a{float:none;background:#fff;font-size:14px;border:none;border-bottom:1px solid #e1e1e1!important;text-shadow:none;color:#847055;font-size:12px;padding:10px;font-family:inherit} .nav ul{display:block;position:static;box-shadow:none;border:none} .nav li li a{width:auto;font-size:12px} .nav li:hover > a{background:#fff;color:#716048} .nav li a:hover{background:#14492F;color:#fff} .nav li li a:before{content:"- "} .flyout li li a:before{content:"- "} .flyout li a{background:#fff;border:none;border-bottom:1px solid #E1DBBD!important;padding:7px;font-size:12px!important} .flyout ul{position:static;display:block;border:none} .flyout ul a{width:auto} .flyout li:hover > a{background:#fff;color:#816a4a} .flyout li a:hover{background:#14492F;color:#fff} .flex-direction-nav a{display:none} .q-link{width:110px;height:81px} .search input{width:75%} .ff-bg{background-size:100%} .fw-watermark{width:750px} .table-responsive{width:100%;max-width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden} .table-responsive > .table{margin-bottom:0;background-color:#fff} .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space:nowrap} .table-responsive > .table-bordered{border:0} .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0} .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0} .table-responsive > .table-bordered > thead > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width:768px) and (max-width:959px){} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ .top-links{width:100%} .weather{text-align:left;padding:10px 0} .weather img{top:3px} .flexslider{padding:10px} .top{padding-bottom:10px} .q-links .inner{margin:0 10px} .q-link{width:133px} .social{text-align:center;margin-top:10px} .sidebar .inner{margin:0} .content{margin-top:10px!important} .news .all{position:relative;bottom:0;left:0} .events .all{position:relative;bottom:0;left:0} footer{text-align:center} footer .login{position:relative;margin-top:30px;right:0} .ff-bg{background:#fff} #freeform .sidebar{background:#E2DCBD} #freeform .flyout{margin:10px} #freeform .entry .inner{padding:20px} .fw-watermark, .ff-watermark{display:none} .events .inner{padding:0 20px} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px){} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px){ .q-link{width:140px} }