/* ADAPTIVE LAYOUTS CSS <=940 */ @media screen and (min-width:0px) and (max-width:959px){ /*CHANGE BACKGROUND*/ #bdy_wrapper {background:url('../../graphics/responsive_bg.jpg') repeat-x center top !important;} /*CHANGE BACKGROUND body {background:url('../../graphics/responsive_body_bg.jpg') center top !important;} */ #columns_top {background:none !important; height:0px !important;} #columns_bg {background:none !important;} #columns_bottom {background:none !important; height:0px !important;} /*CHANGE WIDTHS*/ body {min-width:100px;} #main {width:100%; margin-left:auto; margin-right:auto;} /*CHANGE HEADER HEIGHT*/ #headerTop {height:200px !important; position:relative} /*REPOSITION*/ #seo_1 {position:absolute; top:110px; left:4%; width:auto; height:auto; text-align:left; font-size:.8em;} #seo_2 {position:absolute; top:125px; left:4%; width:auto; height:auto; text-align:left; font-size:.6em;} #menu {position:absolute; top:0px; width:100%; z-index:990;} /*REMOVE FROM VIEW*/ #nivo_slider,#nivo_slider_small,#logo_tagline,#optional_content,#news_ticker,#search,#cse,#bookmark,#twitter_facebook,#themed_object,#get_in_touch,#mp3_component,#zoom_menu_component, #accordian_menu, #image_menu, #news_viewer, #parallax_slider {visibility:hidden !important; display:none !important;} #search,#cse {visibility:hidden; display:none;} .sidemenu {visibility:hidden; display:none;} .footer {visibility:hidden; display:none;} /* INFO BOXES */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /****** HORIZONTAL BOXES --------------------- */ .boxi {font-size:1em; color: #494949;} .boxi * {font-family:inherit; color: #494949; text-shadow:1px 1px 1px rgba(255,255,255,0.1);} .boxi a:hover {font-family:inherit; color: #121212; text-decoration:none;} .boxi h1, .boxi h1 a {font-family:inherit; font-size:1.7em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .boxi h1 a:hover {font-family:inherit; font-size:1.7em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h1 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi h2, .boxi h2 a {font-family:inherit; font-size:1.6em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .boxi h2 a:hover {font-family:inherit; font-size:1.6em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h2 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi h3, .boxi h3 a {font-family:inherit; font-size:1.5em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.1); } .boxi h3 a:hover {font-family:inherit; font-size:1.5em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h3 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi h4, .boxi h4 a {font-family:inherit; font-size:1.4em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .boxi h4 a:hover {font-family:inherit; font-size:1.4em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h4 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi h5, .boxi h5 a {font-family:inherit; font-size:1.3em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .boxi h5 a:hover {font-family:inherit; font-size:1.3em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h5 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi h6, .boxi h6 a {font-family:inherit; font-size:1.2em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .boxi h6 a:hover {font-family:inherit; font-size:1.2em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.0); text-decoration:none;} .boxi h6 {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;} .boxi {margin:0px 0px 0px 0px; padding:5px 5px 10px 5px;} .boxi {min-height:100px;} .boxi ul {list-style-type: disc; list-style-image: url('../graphics/list-bullet.png');list-style-position: inside; margin-left: 0px; padding-left: 1em; text-indent: -1em;} /****** LEFT/RIGHT COLUMNS --------------------- */ .box1 {font-size:1em; color: #494949;} .box1 * {font-family:inherit; color: #494949; text-shadow:1px 1px 1px rgba(255,255,255,0.5); font-weight:100;} .box1 a:hover {font-family:inherit; color: #121212; text-decoration:none;} .box1 h1, .box1 h1 a {font-family:inherit; font-size:1.7em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h1 a:hover {font-family:inherit; font-size:1.7em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h1 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 h2, .box1 h2 a {font-family:inherit; font-size:1.6em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h2 a:hover {font-family:inherit; font-size:1.6em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h2 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 h3, .box1 h3 a {font-family:inherit; font-size:1.5em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h3 a:hover {font-family:inherit; font-size:1.5em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h3 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 h4, .box1 h4 a {font-family:inherit; font-size:1.4em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h4 a:hover {font-family:inherit; font-size:1.4em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h4 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 h5, .box1 h5 a {font-family:inherit; font-size:1.3em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h5 a:hover {font-family:inherit; font-size:1.3em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h5 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 h6, .box1 h6 a {font-family:inherit; font-size:1.2em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box1 h6 a:hover {font-family:inherit; font-size:1.2em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box1 h6 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box1 {margin:0px 0px 10px 10px; padding:5px 10px 10px 10px;} .box1 ul {list-style-type: disc; list-style-image: url('../graphics/list-bullet.png');list-style-position: inside; margin-left: 0px; padding-left: 1em; text-indent: -1em;} /****** CENTER CONTENT BODY/BOXES --------------------- */ .box4 {font-size:1em; color: #494949;} .box4 * {font-family:inherit; color: #494949; text-shadow:1px 1px 1px rgba(255,255,255,0.5); font-weight:100;} .box4 a:hover {font-family:inherit; color: #121212; text-decoration:none;} .box4 h1, .box4 h1 a {font-family:inherit; font-size:1.7em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h1 a:hover {font-family:inherit; font-size:1.7em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h1 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 h2, .box4 h2 a {font-family:inherit; font-size:1.6em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h2 a:hover {font-family:inherit; font-size:1.6em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h2 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 h3, .box4 h3 a {font-family:inherit; font-size:1.5em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h3 a:hover {font-family:inherit; font-size:1.5em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h3 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 h4, .box4 h4 a {font-family:inherit; font-size:1.2em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h4 a:hover {font-family:inherit; font-size:1.2em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h4 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 h5, .box4 h5 a {font-family:inherit; font-size:1.3em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h5 a:hover {font-family:inherit; font-size:1.3em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h5 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 h6, .box4 h6 a {font-family:inherit; font-size:1.2em; color: #121212; text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .box4 h6 a:hover {font-family:inherit; font-size:1.2em; color: #494949; text-shadow:1px 1px 1px rgba(0,0,0,0.7); text-decoration:none;} .box4 h6 {margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;} .box4 {margin:0px 0px 10px 0px; padding:5px 10px 10px 10px;} .box4 ul {list-style-type: disc; list-style-image: url('../graphics/list-bullet.png');list-style-position: inside; margin-left: 0px; padding-left: 1em; text-indent: -1em;} div.lm-super-summary img, img.blog-img {width:100%;} /****** WORD PRESS --------------------- .recentcomments {font-size: 0.9em;} .url {font-size: 0.9em;} .box4 .textwidget {font-size: 0.9em;} .date-time {font-size: 0.9em;} .more-link {font-size: 0.9em;} .author {font-size: 0.9em;} .categories {font-size: 0.9em} div.lm-super-summary__news div.lm-super-summary-item-large img {width:100%; height:100%;} div.lm-super-summary__news div.lm-super-summary-item {width:98%;}*/ } /****** MAGAZINE LAYOUT --------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ } /* ADAPTIVE LAYOUTS CSS <=700 */ @media screen and (min-width:0px) and (max-width:700px){ #leftinfo {width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;} #centerinfo {width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;} #rightinfo {width: 98%; margin-bottom:10px; margin-left: 1%;margin-right: 1%;float:none;} .centerpic img {width: 50%;} } /* ADAPTIVE LAYOUTS CSS <=481 */ @media screen and (min-width:0px) and (max-width:480px){ #footer {visibility:hidden; display:none;} #column1 {width: 98%; margin-bottom:10px; float:none;} #column2 {width: 98%; margin-bottom:10px; float:none;} #column3 {width: 98%; margin-bottom:10px; float:none;} #column4 {width: 98%; margin-bottom:10px; float:none;} .centerpic img {width: 40%;} } /* TOP MENU BUTTON RESIZING */ /* =Standard Layouts - font size 90% --------------------------------------------------------------------------------*/ @media screen and (min-width:760px) and (max-width:939px){ .sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {font-size:1em;} .sf-menu a {padding:15px .4em 15px .4em;} } /* =Narrow Layouts - font size 80% --------------------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:759px){ .sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {font-size:1em;} .sf-menu a {padding:16px .3em 16px .3em;} } /* =Mobile Layouts - font size 70% --------------------------------------------------------------------------------*/ @media screen and (min-width:0px) and (max-width:480px){ .sf-menu li a,.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active,.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {font-size:1em;} .sf-menu a {padding:17px .2em 17px .2em;} } /* MOBILE OR REDUCED BROWSER FONT SCALING */ /* =Wide Layouts - largest font size --------------------------------------------------------------------------------*/ @media screen and (min-width:940px){ body {font: 100%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;} } /* =Standard Layouts - font size 90% --------------------------------------------------------------------------------*/ @media screen and (min-width:760px) and (max-width:939px){ body {font: 90%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;} } /* =Narrow Layouts - font size 80% --------------------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:759px){ body {font: 80%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;} } /* =Mobile Layouts - font size 70% --------------------------------------------------------------------------------*/ @media screen and (min-width:0px) and (max-width:480px){ body {font: 70%/1.25 'Trebuchet MS', Verdana, sans-serif;-webkit-font-smoothing: antialiased;} }