/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ 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, img, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { font-size:12pt; line-height:14pt; font-family:Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif; background: #fff; color: #333; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 50px; line-height: 52px; margin-bottom: 12px; letter-spacing:-1px;} h2 { font-size: 28px; line-height: 30px; margin-bottom: 8px; letter-spacing:-1px; } h3 { font-size: 22px; line-height: 25px; margin-bottom: 8px; } h4 { font-size: 20px; line-height: 22px; margin-bottom: 4px; } h5 { font-size: 16px; line-height: 18px; } h6 { font-size: 14px; line-height: 16px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { xfont-family:"Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: bold; color: #666; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { xfont-size: 17px; xline-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: none; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; margin-top:-10px;} ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } 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: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .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; } /* Fix for odd Mozilla border & padding issues */ 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 #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } 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; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } .sb_wrapper {width: 210px;} input[type=text].sb_bar{ width: 166px;padding:6px 4px 6px 12px;margin:6px 0 0 0;background:#CCC;font-size:14px;border:none; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: inset 0px 1px 0 #222; -moz-box-shadow: inset 0px 1px 0 #222; box-shadow: inset 0px 1px 0 #222; border-bottom: 1px solid rgba(255, 255, 255, .1);float: left;} input[type=text]:focus.sb_bar{ outline: none;background: white;box-shadow: none;border-bottom-color: transparent;} input[type=submit].sb_btn { text-indent: -9999em;float: right;border: 0;position: absolute;margin: 6px 0 0 7px; width: 30px;height: 30px; background:url('/images/site/search_icon30.png') no-repeat 0 0;} input[type=submit]:focus.sb_btn, input[type=submit]:hover.sb_btn {border: 0;} input[type=submit]:hover.sb_btn, input[type=submit]:focus.sb_btn { background:url('/images/site/search_icon30.png') no-repeat 0 -30px;width: 30px;height: 30px;} [placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;} [placeholder]:focus::-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;} [placeholder]:focus::-mozilla-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;} ::-webkit-input-placeholder {color:#333;} :-moz-placeholder { /* older Firefox*/ color:#333;} ::-moz-placeholder { /* Firefox 19+ */ color:#333;} :-ms-input-placeholder { color:#333;} /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } /*RSS Page*/ .homehead h1 { clear: both; } /* BASE STYLES */ a {color:#069; text-decoration:none;} a:visited {color:#069;} a:link {color:#069;} a:hover {color:#09C; text-decoration:none;} .break {font-size:1px;line-height:0px;} .pad0 {padding: 0px;margin: 0px;top: 0px;} .pad1 {padding: 1px;margin: 0px;top: 0px;} .pad2 {padding: 2px;margin: 0px;top: 0px;} .pad3 {padding: 3px;margin: 0px;top: 0px;} .pad4 {padding: 4px;margin: 0px;top: 0px;} .pad6 {padding: 6px;margin: 0px;top: 0px;} .pad8 {padding: 8px;margin: 0px;top: 0px;} .pad10 {padding: 10px;margin: 0px;top: 0px;} .pad12 {padding: 12px;margin: 0px;top: 0px;} .pad14 {padding: 14px;margin: 0px;top: 0px;} .pad16 {padding: 16px;margin: 0px;top: 0px;} .pad18 {padding: 18px;margin: 0px;top: 0px;} .pad20 {padding:20px;margin: 0px;top: 0px;} .mainHeads {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:160%; line-height:110%; color:#777; margin-top:2px;} #mainHeads {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:160%; line-height:110%; color:#777; margin-top:2px;} /* Google Web Fonts Available font-family: 'Roboto Condensed', sans-serif; font-family: 'Playfair Display', serif; font-family: 'Puritan', sans-serif; font-family: 'Lato', sans-serif; font-family: 'Tinos', serif; font-family: 'PT Serif', serif; font-family: 'Nobile', sans-serif; */ -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-box-shadow:0 2px 5px #666;-webkit-box-shadow:0 2px 5px #666;-box-shadow:0 2px 5px #666; - moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; } /* article styles */ #articleLeft {color:#222; xborder-top:1px dotted #CCC; xborder-right:1px dotted #CCC; width:682px; margin:-6px 4px 0px 0px; padding-top:6px; float:left;} #articleRight {color:#222; width:300px; margin-top:-6px; float:left;} #articleHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:28pt; line-height: 30pt; color:#000; margin-bottom:3px; letter-spacing:-1pt;} #articleSummary {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 20pt; color:#666; margin-left:4px;} #articleByline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 20pt; color:#990000; margin-top:4px;} #articleImage {margin:-4px 0px 6px 0px;} .photoCredit {font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height: 9pt; color:#999; margin-top:-2px; margin-bottom:4px; text-align:center;} .photoCaption {font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height: 13pt; color:#666; margin-top:6px; padding-right:24px;} #topicHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:18pt; line-height: 22pt; margin-bottom:3px;} #rbrtopicHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:14pt; line-height: 16pt; margin-bottom:2px;} #redHeading {font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-weight: normal; color:#990000;} #redHeading h2 {font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-weight: normal; color:#990000;} .quicklookbox h2 a #redHeading {color:#069; font-size:80%;} .quicklookbox h2 a div {padding:2px 2px 3px 6px;} .quicklookbox h2 a div:hover {background-color:#EEE; color:#990000;} /*************** story styles ******************/ #storybody span[style]{ line-height: inherit !important; font-size: inherit !important;} /*span[style]{ line-height: inherit !important; font-size: inherit !important;} span[itemprop="articleBody"] [style]{ line-height: inherit !important; font-size: inherit !important;}*/ #storybody h3, #storybody h4 {font-size:125%; color:#990000 !important;} #storybody {font-family:Arial, Helvetica, sans-serif; font-size:15.5pt; line-height:20pt; padding:0px 20px 0px 4px; color:#333; } #storybody .articleDateline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 18pt; color:#666; margin:16px 0px 6px 0px;} #storybody b {color:#333; font-weight:bold; } #storybodysnippet a>b, .storybodysnippet a>b:visited, .storybodysnippet b>a, .storybodysnippet b>a:visited {color:#06C;} #storybodysnippet td {line-height:120%;} #storybody .posted { font-family:Arial,Helvetica,sans-serif; font-size:8pt; line-height:11pt; margin-left:2px; margin-bottom:2px; font-weight:normal; color: #666;} #storybody p {padding: 0px; margin:0px 0px 12px 0px;} td.storyLeft {padding-right: 12px;} #storybody blockquote p {margin:0px 0px 10px 2px; padding:6px;} #storybody blockquote { xfont-family: Arial, Helvetica, sans-serif; /*font-size: 10pt;*/ font-style: normal; line-height: normal; color: #6492C6; border-left:2px solid #eee; margin: 0px 0px 10px 2px; padding-top: -10px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px;} #storybody blockquote ul {font-size:116%; line-height:100%;} #storybody blockquote ol {font-size:116%; line-height:100%;} #storybody font {font-size: 12pt !important; line-height:16pt !important;} #storybody .wlWriterEditableSmartContent {display:none !important;} #storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;} #storybody i {font-style:italic;} #storybody #storyside {float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;} #storybody h6 { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;} #storybody h6 i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; } #storybody h1 {color: #900; font-size:1.4em; line-height:110%; letter-spacing:-0.05em; margin: 10px 0 10px 0; text-transform: uppercase;} #storybody h2 {font: bold 14pt Arial,sans-serif;color: #000000; margin:14px 0px 8px 0px; letter-spacing:0px;} #storybody h3 {font: bold 13pt Arial,sans-serif;color: #000000; margin:14px 0px 8px 0px; letter-spacing:0px;} #storybody strong {/*font: bold 13pt Arial,sans-serif; */ color:#000000; margin:0px; } #storybody .photoright {float:right; margin-left: 12px; padding-top:4px;} #storybody .photoleft {float:left; margin-right: 12px; padding-top:4px;} #storybody .photoR {float:right; margin-left: 12px; padding-top:4px;} #storybody .photoL {float:left; margin-right: 12px; padding-top:4px;} #storybody .sidebar {float:left; width:240px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;} #storybody .sidebar img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;} #storybody .sidebarL {float:left; width:240px; margin-right:12px; padding-top:4px; font-size:10pt; line-height:12pt;} #storybody .sidebarL img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;} #storybody .sidebarL li {font-size:10pt; line-height:12pt;} #storybody .sidebarR {float:right; width:240px; margin-left: 12px; margin-right: 20px; padding-top:4px; font-size:10pt; line-height:12pt;} #storybody .sidebarR img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;} #storybody .sidebarR li {font-size:10pt; line-height:12pt;} #storybody .aboutbox {padding:6px 8px 6px 8px; background-color:#dadfe7; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; margin-right:18px; display:table; margin-top:4px; width:100%;} #storybody table {margin-bottom:12px; clear:left;} #storybody img {height: auto;max-width: 100%;} #storybody .quote { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;} #storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; } #storybody ul {margin: 0px 0px 8px 12px;} #storybody ol {margin: 0px 0px 8px 26px;} #storybody ul li {xlist-style-image:url(/images/site/bullet_gray.gif);margin-left:10px;margin-bottom:8px;padding-right:30px; color:#222;font-size: 90%; line-height:130%; /*margin-top:-6px;*/} #storybody ul ul {margin: 0px 0px 8px 20px;color:#666;} #storybody ul ul li {color:#000; text-size:9pt important!; line-height:11pt;} #storybody ol li {list-style-image:none;} #storybody ol ol {margin: 0px 0px 8px 20px; color:#666;} #storybody ol ol li {color:#000; text-size:9pt important!; line-height:11pt;} #storybody li {list-style-image:url(/images/site/bullet_gray.gif);margin-left:8px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 100%; line-height:138%; /*margin-top:-6px;*/} #storybody ul ul li {list-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#555;font-size: 96%; line-height:114%; /*margin-top:-6px;*/} #storybody ul ul ul li {list-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 90%; line-height:108%; /*margin-top:-6px;*/} #storybody .photoR .sidebarR {float:left; margin-left: 0px; padding-top:0px;} #storybody img {height:auto;} #storybody .photoleft {float:left; margin: 0 20px 8px 0;} #storybody .photoright {float:right; margin:0 0 8px 20px;} #storybody .photofull {margin:8px 0 16px 0;} #storybody .photoleft img, #storybody .photoright img, #storybody .photofull img {margin: 0 0 8px 0; display:block !important; max-width:100% !important; height:auto !important;} #storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption {line-height:18px;} #storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p {line-height:18px;} #storybody .calloutleft {float:left; width:30%; min-width:180px; margin:5px 15px 8px 0; padding:8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#903;} #storybody .calloutright {float:right; width:35%; min-width:180px; margin:5px 0 8px 15px; padding:8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#903;} #storybody .calloutattrib {font-size:18px; font-weight:300; line-height:21px; font-style:italic; text-align:right;} .sideleft {background-color:#f5f6f6; float:left; width:30%; min-width:180px; padding:10px; margin:2px 18px 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px;} .sideright {background-color:#f5f6f6; float:right; width:35%; min-width:180px; padding:10px; margin:2px 0 15px 18px; box-shadow:2px 2px 2px #c1c1c1;font-size:14px;} .sidefull {background-color:#f5f6f6; padding:10px; margin:15px 0 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;} .sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:24px; padding-bottom:6px; margin-top:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif;} .sideleft p, .sideright p, .sidefull p, .aboutbox p {font-size:14pt; line-height:18pt;} .sideleft img, .sideright img, .sidefull img, .aboutbox img {max-width:100% !important; display:block !important; height:auto !important; margin-bottom:8px;} .sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0px 0 0 6px; margin:0px;} .sideright ul li, .sideleft ul li, .sidefull ul li, .aboutbox ul li {margin-bottom:14px; list-style-type:disc; padding-left:0px; line-height:18px; font-size:14px;} .sideright ol, .sideleft ol, .sidefull ol, .aboutbox ol {padding:0px 0 0 6px; margin:0px;} .sideright ol li, .sideleft ol li, .sidefull ol li, .aboutbox ol li {margin-bottom:14px; list-style-type:decimal; padding-left:0px; line-height:18px; font-size:14px;} .twocol {clear:left;} .twocolleft {width:49%; float:left; padding:0 15px 15px 0; line-height:20px;} .twocolright {width:50%; float:left; padding:0 0 15px 0; line-height:20px;} #topicOverline { /* color:#900; font-size:9pt; line-height:10pt; */ font-size:9px;color:#C33;margin-top:0px;margin-left:0px; margin-bottom:-4px; letter-spacing:4px; text-transform:uppercase; } /* #storybody ul li {padding: 0px 0px 6px 0px;margin: 0px 0px 0px 0px;font-size: 11pt;list-style-image: url(/images/site/bullet_gray.gif);} #storybody ol li {padding: 0px 0px 6px 0px;margin: 0px 0px 0px 0px;font-size: 11pt;list-style: decimal outside;} */ #subHed {font-size:13pt; line-height:120%;} /**************** comment styles *****************/ .commentbox {background: url(/images/site/comment_bg.jpg) 2px 0px no-repeat;padding:16px 10px 2px 36px; margin-left:-12px; } .commentedge {border-left:1px solid #D3E0E9; margin-left:-25px; padding-left:10px;} .commentbyline {font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#006699; margin-bottom:3px; } .commenthead {font-size:11pt;padding: 0px 0px 0px 0px;font-family:Arial,Helvetica,sans-serif;color:#444444;font-weight:bold;letter-spacing: .1em;} .commenttext { font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#555555;line-height:120%; margin-bottom:6px; } #commenttext p {margin-bottom:8px; !important } .commentline {border-top:1px solid #eee; border-bottom:1px solid #ccc; margin: 6px 0 0 -1px; } .commentedge h5 {color:#333; margin-bottom:0px; padding-bottom:0px; } #navBox {background-color:transparent; width:120px;} #navBox a {color:#FFF;} #navbox a:hover {background-color:transparent;text-decoration:none;margin:0px; padding-left:-2px;} #navBox:hover {background-color:#212736;} #navBox:hover a {color:#dfa918;} #navBox .navBorder {border:1px solid #333;} #navBox .navBorder:hover {border:1px solid #dfa918;} /**************** comment styles *****************/ .commentbox {background: url(/images/site/comment_bg.jpg) 2px 0px no-repeat;padding:16px 10px 2px 36px; margin-left:-12px; } .commentedge {border-left:1px solid #D3E0E9; margin-left:-25px; padding-left:10px;} .commentbyline {font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#006699; margin-bottom:3px; } .commenthead {font-size:11pt;padding: 0px 0px 0px 0px;font-family:Arial,Helvetica,sans-serif;color:#444444;font-weight:bold;letter-spacing: .1em;} .commenttext { font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#555555;line-height:120%; margin-bottom:6px; } #commenttext p {margin-bottom:8px; !important } .commentline {border-top:1px solid #eee; border-bottom:1px solid #ccc; margin: 6px 0 0 -1px; } .commentedge h5 {color:#333; margin-bottom:0px; padding-bottom:0px; } #navBox {background-color:transparent; width:120px;} #navBox a {color:#FFF;} #navbox a:hover {background-color:transparent;text-decoration:none;margin:0px; padding-left:-2px;} #navBox:hover {background-color:#212736;} #navBox:hover a {color:#dfa918;} #navBox .navBorder {border:1px solid #333;} #navBox .navBorder:hover {border:1px solid #dfa918;} /**************** slideshow & paper styles *****************/ a #paperButton { text-decoration:none; text-align:center; margin:6px 40px 6px 40px; min-height:20px; padding:10px 12px 8px 12px; background-color: #0073d3; border:1px solid #0059a3; color:#7ec4ff; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } a #paperButton, a:visited #paperButton { } a:hover #paperButton { text-decoration:none; margin:6px 40px 6px 40px; min-height:20px; padding:10px 12px 8px 12px; background-color: #008bff; border:1px solid #0b6bba; color:#FFF; -moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff;-box-shadow:inset 0 0 2px 1px #7ec4ff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; } a #slideshowButton { text-decoration:none; text-align:center; margin:6px 0px 4px 2px; min-height:24px; xwidth:300px; padding:8px 12px 8px 12px; background-color: #0073d3; border:1px solid #0059a3; color:#7ec4ff; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; font-family:Arial, Helvetica, sans-serif; } a:hover #slideshowButton { text-decoration:none; margin:6px 0px 4px 2px; min-height:24px; xwidth:300px; padding:8px 12px 8px 12px; background-color: #008bff; border:1px solid #0b6bba; color:#FFF; -moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; border-radius: 3px; } a #slideshowButton, a:visited #slideshowButton {} #slideshow { background-color:#FFF; border:1px soild #ddd; padding:8px 4px 8px 8px; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888; } #slideshow .photoHed{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height:18pt; margin-bottom:8px; color:#000; } #slideshow .photo {float:left; padding:4px 5px 4px 5px; margin-right:5px; margin-bottom:5px;} html>body #slideshow .photo { float:left; padding:4px 5px 0px 5px; margin-right:5px; margin-bottom:5px; -moz-box-shadow:inset 0 0 2px 1px #7ec4ff; -webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; border-radius: 3px; } #slideshow .photo:hover {background-color:#b4ddff;} #ssslideshow .photo {float:left; padding:4px 5px 4px 5px; margin-right:5px; margin-bottom:5px;} html>body #ssslideshow .photo { float:left; padding:4px 5px 4px 5px; margin-right:5px; -moz-box-shadow:inset 0 0 2px 1px #7ec4ff; -webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; border-radius: 3px; } #ssslideshow .photo:hover {background-color:#b4ddff;} #ssbox300 {-webkit-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; border: solid 1px #EEE; background-color:#FFF; margin-bottom:0px; width:300px; min-height:90px;} #ssbox300shadow { background-image:url(/images/site/ss_boxshadow_300.gif); height:8px; width:300px; margin:0px; padding:0px;} .ssLine {border-bottom:1px dotted #CCC; margin:3px 6px 3px 0px;} /*a #ssslideshowButton { height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 26px; text-align:center; background-color: #0073d3; border:1px solid #0059a3; color:#7ec4ff; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; }*/ a #ssslideshowButton { height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px; text-align:center; letter-spacing:1px; background-color: #BBB; border:1px solid #BBB; color:#FFF; -moz-box-shadow:0 2px 4px #999;-webkit-box-shadow:0 2px 4px #999;-box-shadow:0 2px 4px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } a:hover #ssslideshowButton { height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px; background-color: #008bff; border:1px solid #0b6bba; color:#FFF; -moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff;-box-shadow:inset 0 0 2px 1px #7ec4ff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; } a #ssslideshowButtonE { height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px; text-align:center; } div #ssslideshow img { height: auto; width: 100%; } .slideshowText {text-align:left;padding:12px 4px 14px 4px;color: #900; font-weight: normal; font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-style:italic;} .slideshowText a, .slideshowText a:visited {color:#900;} .slideshowText a:hover {color:#09C;} .homebox { zoom:1; /* This enables hasLayout, which is required for older IE browsers */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3); float:left; text-decoration:none; line-height:100%; width:230px; margin-right:18px; padding:4px 6px 3px 4px; background-color: #fff; color:666; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;box-shadow:0 2px 5px #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } html>body .homebox {padding:4px 6px 3px 4px; background-color: #fff; color:666; width:240px; } /**************** line styles *****************/ .line1 {margin-top:2px; margin-bottom:2px; border-top:1px dotted #09C; padding:2px 0px;} .line1a {margin-top:2px; border-top:1px dotted #F90; padding:0px; margin-bottom:-6px;} html>body .line1a {margin-top:2px; border-top:1px dotted #F90; padding:0px; margin-bottom:4px;} .line2 {margin:-2px 2px 4px -3px; border-bottom:1px dotted #F90; height:1px; } .line3 {margin:-2px 2px 4px -3px; border-top:1px dotted #CCC; } .line9 {border-top: 1px solid #000; margin:0px; padding: 0px;} .line10 {padding: 0px; margin: -12px 0px -10px 0px; border-top: 1px solid #ddd; width:312px;} html>body .line10 {margin: -6px 0px 4px 0px;} .lineM {margin-top:2px; margin-bottom:0px; border-top:1px dotted #09C; padding:2px 0px;} html>body .lineM {margin:1px 0px 0px 0px;} .line2m {margin-top:-4px; border-top:1px dotted #09C; padding:0px; margin-bottom:3px;} #rightcolumn { /* DIV Menu */ background-color: #FAFAFA; xmin-height:600px; z-index: 1; width:288px; border:1px solid #D9D9D9; padding: 6px 4px 6px 4px; xbackground-image:url(/images/site/menu_bg.jpg); background-repeat:repeat-x; background-color:#F9F9F9; background-position:bottom; -moz-box-shadow: 0px 3px 8px #CCD; -webkit-box-shadow: 0px 3px 8px #CCD; box-shadow: 0px 3px 8px #CCD; opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCCCDD')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCCCDD'); margin-left:-1px; } #navigation2 {width:100%; height: 60px; position:absolute; top:4px; left:-90px; z-index:0;} #menu2 {position:relative; width:100%; height:42px; top:2px;} /* #menu2 a div.navtopic {color:#017cbb;} #menu2 a:hover div.navtopic {color:#C00;} a.navtopic:hover {color:#C00;} */ #menu2 ul {padding:0;margin:0; list-style-type:none; position:absolute; left:100px; top:-2px;} #menu2 ul a {color:#888;} #menu2 ul a:hover {color:#09C;} #menu2 ul li {display: inline; float:left; margin:0; padding: 5px 10px; position: relative;} #menu2 ul li:hover {border-width:1px 1px 0px 1px; border-color:#d9d9d9; border-style:solid; margin-top:0px; background-color:#FFF;} #menu2 ul li a {color:#666;} #menu ul li:hover a {color:#000000;} #menu2 ul li a {display:block; font-family:'Arial'; font-weight:normal; text-decoration:none;} /**************** Mobile Menu styles *****************/ #bottomwrapper {width:100%;bottom:0;position:fixed;z-index:999;background:#111;height:48px;bottom:0;position:fixed;z-index:999;background-image:url(/images/site/bottom_navigation_bg.gif);background-repeat:repeat-x;padding-left:0px; text-align:center; margin:0px auto;} #bottomMenu {width:320px; background-image:url(/images/site/bottom_navigation.gif); background-repeat:no-repeat; background-repeat:no-repeat; xpadding-left:14px;} #boxone, #showboxone, #boxtwo, #showboxtwo, #boxthree, #showboxthree, #boxfour, #showboxfour, #boxfive, #showboxfive {background:#eee;border-top:1px solid #AAA; padding-top:10px;} .button1 {cursor:pointer;} .box1, .box2, .box3, .box4, .box5 { width:100%; display:none; bottom:48px; position:fixed; margin:0px; padding:0px 6px 4px 12px; z-index:999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right:-20px; } .mmenu {width:50%; float:left;} /************ Specials Spotlight styles *************/ .spotlightBox {min-height:60px; background-color:#EEE; text-align:left; padding:5px 2px 2px 8px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -opera-border-radius: 3px; -ie-border-radius: 3px; border:1px solid #FFF; font-size:10pt; line-height:120%; margin:18px 0 0 -8px; -webkit-box-shadow: 2px 2px 2px 0px rgba(216,218,219,1); -moz-box-shadow: 2px 2px 2px 0px rgba(216,218,219,1); box-shadow: 2px 2px 2px 0px rgba(216,218,219,1); } html>body .spotlightBox {min-height:62px; background-color:#EEE; text-align:left; padding:5px 2px 2px 8px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -opera-border-radius: 3px; -ie-border-radius: 3px; border:1px solid #FFF; font-size:10pt; line-height:120%;} .specialleft {margin:2px 10px 0 0; float:left;} .specialleft a:action {display:inline;} .specialmiddle {margin:2px 0 0 0; float:left;} .sponsorship {float:right; text-align:middle;} .specialright {float:right; margin:0px; padding:10px 0 10px 0; background-color:#FFF;} /* .spotlightHeds {float:left; min-height:68px; margin:2px 0px 0px 8px;} html>body .spotlightHeds {float:left; min-height:768px; margin:2px 0px 0px 8px;} .spotlightHeds a, .spotlightHeds a:visited {outline: 0px;} .spotlightHeds282 {float:left; xwidth:280px; min-height:60px; background-color:#fff; margin:0px 2px 0px 6px; text-align:left; padding:2px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eee; font-size:8pt; line-height:120%;} html>body .spotlightHeds282 {float:left; xwidth:280px; min-height:60px; background-color:#fff; margin:0px 0px 0px 8px; text-align:left; padding:2px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eee; font-size:8pt; line-height:120%;} */ #extra a, #extra a:visited {} #extra a:active, #extra a:focus {outline: none; display:block;} .miniheds { font-size:9px; line-height:9px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; color:#666; margin-bottom:1px; letter-spacing:.05em;} /************ Downloads styles *************/ a.downloadButton {min-width:300px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400; margin:26px 0px 22px 0px; min-height:20px; padding:6px 12px 8px 16px; background-color: #0073d3; border:1px solid #0059a3; color:#a6e5ff; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } a.downlaodButton {color:#a6e5ff !important;} a.downloadButton:hover {color:#FFF;-moz-box-shadow:none;-webkit-box-shadow:none;-box-shadow:none;} /*** MEDIA QUERIES ***/ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 1200 Grid ================================================== */ .container {position: relative; width: 1182px; margin: 0 auto; padding: 0px 0px 0px 16px;} .container .column, .container .columns {float: left; display: inline; margin-left: 10px; margin-right: 10px;} .row {margin-bottom: 20px;} #quotebackground .container {background-image:url(/images/site/SC247_homepage_quote.jpg); background-position:center 0px; background-repeat:no-repeat; background-size:contain;} .padleft48 {margin-left:48px; margin-right:20px;} /* Nested Column Classes */ .column.alpha, .columns.alpha {margin-left: 0;} .column.omega, .columns.omega {margin-right: 0;} /* Base Grid */ .container .one.column, .container .one.columns {width: 76px; } .container .two.columns {width: 152px;} .container .three.columns {width: 262px; was: 228px;} .container .four.columns {width: 264px;} .container .five.columns {width: 340px;} .container .six.columns {width: 456px;} .container .seven.columns {width: 546px;} .container .eight.columns {width: 572px;} .container .nine.columns {width: 720px;} .container .ten.columns {width: 780px;} .container .eleven.columns {width: 838px;} .container .twelve.columns {width: 914px;} .container .thirteen.columns {width: 990px;} .container .fourteen.columns {width: 1060px;} .container .fifteen.columns {width: 1120px;} .container .sixteen.columns {width: 1180px;} .container .one-third.column {width: 320px; padding-left:10px;} .container .two-thirds.column {width: 800px; padding-right:10px;} .container .three-sixteenths.column {width: 180px;} .container .four-sixteenths.column {width: 360px;} .container .shiftright {width: 260px !important; padding:0px !important; margin-right:-20px;} .container .shiftleft {width: 508px !important; xborder:1px solid #EEE; padding:0px; margin-left:-2px;} /* Offsets */ .container .offset-by-one {padding-left: 96px; } .container .offset-by-two {padding-left: 172px;} .container .offset-by-three {padding-left: 248px;} .container .offset-by-four {padding-left: 324px;} .container .offset-by-five {padding-left: 400px;} .container .offset-by-six {padding-left: 476px;} .container .offset-by-seven {padding-left: 552px;} .container .offset-by-eight {padding-left: 622px;} .container .offset-by-nine {padding-left: 706px;} .container .offset-by-ten {padding-left: 782px;} .container .offset-by-eleven {padding-left: 858px;} .container .offset-by-twelve {padding-left: 934px;} .container .offset-by-thirteen {padding-left: 1020px;} .container .offset-by-fourteen {padding-left: 1060px;} .container .offset-by-fifteen {padding-left: 1140px;} #menu {margin-left:10px;} #menu .menu_id .toptab {width:120px; letter-spacing:0em; font-size:14pt; height:22px; padding-right:0px;} #menu .menu_tran, .menu_ware, .menu_supp, .menu_tech {position:absolute; position:left 0px; width:1144px;} #menu .menu_tran {left: -1px !important;} #menu .menu_ware {left: -160px !important;} #menu .menu_supp {left: -320px !important;} #menu .menu_tech {left: -480px !important;} #menu .m_div {margin: 0 10px 10px 0 !important; min-width:204px;} #menu .m_div2 {margin: 0 10px 10px 0 !important; min-width:390px;} #menu .m_div a, #menu .m_div2 a {color:#017cbb !important;} #navigation2 {padding-left:14px;} .padleft {padding-left:8px;} .homepage h1 {font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;} .homepage h2 {font-size: 26px; line-height: 26px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;} .homepage h3 {font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;} .overline {font-family:Arial, Helvetica, sans-serif; font-size:11pt; line-height:10pt; color:#900;} .wideonly {display:inline;} #header {background-repeat:no-repeat; background-position:center 0px; height:280px;} .largevideo iframe {width:772px; height:438px;} .largevideoss iframe {width:740px; height:438px;} .articlephotocolumn {float:right !important; width:350px; margin:4px 0px -4px 20px; text-align:center;} .articlephotocolumnb {float:right !important; width:300px; margin:4px 10px 0px 20px; text-align:center; margin-bottom:12px;padding-top:10px; margin-right:-10px;} #articleImage img {max-width:350px; margin-right:-2px;} .ssbutton {margin-top:8px;} #ssslideshow {background-color:#eee; border:1px soild #ddd; padding:8px 4px 10px 8px; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888; min-width:280px;} #ssslideshow img {max-width:640px; margin-left:-4px;} #storybody h6 {width:210px; font-size:12pt; line-height:125%;} #storybody h6 i {width:210px; font-size:11pt; line-height:125%;} .mobiledisplay {display:inline;} .onlymobiledisplay {display:none;} .meddisplay {display:none;} .largedisplay {display:inline;} .lrgdisplay {display:none;} .smallestdisplay {display:none;} .notsmallestdisplay {display:inline;} .quicklookbox {float:left; width:224px; border-left:1px dotted #9CF; padding-left:10px; min-height:700px; margin-bottom:18px;} #ad728 img {max-width:970px; height:90px; margin-top:0px; margin-left:16px;background-color:none;} #padleft {margin-left:8px;} .form-wrapperw input {width:500px;margin-left:4px;} .form-wrapperw button {width:150px;} #wideimage img {max-width:800px;} .companyLeft {width:420px; float:left; padding-right:16px; background-color:#EEE;} .companyRight {display:block; width:340px; float:left;} .companyHead {font-size: 12pt;} .companyText {font-size:12pt; line-height:120%;} #topicOverline {margin-left:-3px;} .spotlightBox {width:1124px;} .specialleft {width:310px;} .specialmiddle {width:500px;} .specialmiddle .left {width:250px !important; margin-right:10px; float:left;} .specialmiddle .right {width:220px; margin:0px; float:left;} .specialmiddle .left1 {width:220px !important; margin-right:10px; float:left;} .specialmiddle .right1 {width:230px; margin:0px; float:left;} .sponsorship {width:300px;} .sponsorship img {max-width:280px; height:auto; max-height:120px !important;} .sponsorship iframe {width:296px; height:190px; margin:0px;} .specialright {width:300px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;} .padtop8 {height:0px;} /* #Base 960 Grid ================================================== */ @media only screen and (min-width: 980px) and (max-width: 1199px) { .container {position: relative; width: 980px; margin: 0 auto; padding: 0px 0px 0px 10px;} .container .column, .container .columns {float: left; display: inline; margin-left: 10px; margin-right: 10px;} .row {margin-bottom: 20px;} .padleft48 {margin-left:32px; margin-right:20px;} /* Nested Column Classes */ .column.alpha, .columns.alpha {margin-left: 0;} .column.omega, .columns.omega {margin-right: 0;} /* Base Grid */ .container .one.column, .container .one.columns {width: 40px; } .container .two.columns {width: 100px;} .container .three.columns {width: 203px; was:160px;} .container .four.columns {width: 260px;} .container .five.columns {width: 280px;} .container .six.columns {width: 340px;} .container .seven.columns {width: 450px;} .container .eight.columns {width: 440px;} .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; margin-left:10px; margin-right:-10px;} .container .two-thirds.column {width: 636px; margin-right:0px; padding:0px;} .container .three-sixteenths.column {width: 190px;} .container .four-sixteenths.column {width: 300px;} .container .shiftright {width: 220px !important; xborder:1px solid #EEE; padding:0px !important; margin-right:-20px; margin-left:10px; padding:0 0 0 10px !important;} .container .shiftleft {width: 372px !important; xborder:1px solid #EEE; padding:0px !important; margin-left:-4px; margin-right:12px;} /* Offsets */ .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;} #menu {margin-left:0px;} #menu .menu_id .toptab {width:100px; letter-spacing:0em; font-size:13pt; height:22px;} #menu .menu_tran, .menu_ware, .menu_supp, .menu_tech {position:absolute; position:left 0px; width:950px;} #menu .menu_tran {left: -1px !important;} #menu .menu_ware {left: -140px !important;} #menu .menu_supp {left: -280px !important;} #menu .menu_tech {left: -420px !important;} #menu .m_div {margin: 0 10px 10px 0 !important; min-width:210px;} #menu .m_div2 {margin: 0 10px 10px 0 !important; min-width:380px;} #menu .m_div a, #menu .m_div2 a {color:#017cbb !important;} #navigation2 {padding-left:4px;} .padleft {padding-left:4px;} .homepage h1 {font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;} .homepage h2 {font-size: 24px; line-height: 24px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;} .homepage h3 {font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;} h1 {font-size: 40px; line-height: 44px; margin-bottom: 12px; letter-spacing:-1px;} h2 {xfont-size: 22px; xline-height: 24px; margin-bottom: 8px; letter-spacing:0px;} #wideimage img {max-width:628px;} .overline {font-family:Arial, Helvetica, sans-serif; font-size:11pt; line-height:10pt; color:#900;} .wideonly {display:none;} #header {background-repeat:no-repeat; background-position:-92px 0px; height:280px;} #subHed {font-size:12.5pt;} #storybody {font-size:12.5pt; line-height:16pt;} #storybody .photoL img {max-width:400px;} #storybody .photoR img {max-width:400px;} .largevideo iframe {width:588px; height:360px;} .largevideoss iframe {width:582px; height:360px;} #ssslideshow img {max-width:620px; margin-left:-4px;} #articleImage img {max-width:370px; margin-right:1px;} .mobiledisplay {display:inline;} .onlymobiledisplay {display:none;} .meddisplay {display:none;} .largedisplay {display:inline;} .lrgdisplay {display:inline;} .smallestdisplay {display:none;} .notsmallestdisplay {display:inline;} .quicklookbox {float:left; width:184px; border-left:1px dotted #9CF; padding-left:8px;} #ad728 img {max-width:970px; height:90px; margin-top:0px; margin-left:-2px;} .form-wrapperw input {width:400px;margin-left:4px;} .form-wrapperw button {width:150px;} .companyLeft {width:320px; float:left; padding-right:10px;} .companyRight {display:block; width:278px; margin-right:-4px;} .companyHead {font-size: 12pt;} .companyText {font-size:12pt; line-height:120%;} #topicOverline {margin-left:0px;} .spotlightBox {width:946px;} .specialleft {width:254px;} .specialmiddle {width:374px !important;} .specialmiddle .left {width:180px !important; margin-right:8px; float:left;} .specialmiddle .right {width:174px !important; margin:0px; float:left;} .specialmiddle .left1 {width:154px !important; margin-right:8px; float:left;} .specialmiddle .right1 {width:190px !important; margin:0px; float:left;} .sponsorship {width:300px;} .sponsorship iframe {height:190px; margin:0px;} .specialright {width:280px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;} .specialright img {max-width:250px; height:auto;} .padtop8 {height:0px;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 979px) { .container {width: 768px; padding: 0px;} .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;} .padleft48 {margin-left:20px; margin-right:10px;} .container .one.column, .container .one.columns {width: 28px;} .container .two.columns {width: 76px;} .container .three.columns {width: 144px; was:124px;} .container .four.columns {width: 220px;} .container .five.columns {width: 220px;} .container .six.columns {width: 268px;} .container .seven.columns {width: 350px;} .container .eight.columns {width: 360px;} .container .nine.columns {width: 412px;} .container .ten.columns {width: 440px;} .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: 300px; margin-left:8px; margin-right:-10px; xborder:1px solid #ccc;} .container .two-thirds.column {width: 436px; xborder:1px solid #ccc; margin-right:0px; padding:0px;} .container .three-sixteenths.column {width: 150px;} .container .four-sixteenths.column {width: 200px;} .container .shiftright {width: 420px !important; xborder:1px solid #EEE; padding:0px !important;} .container .shiftleft {width: 420px !important; xborder:1px solid #EEE; padding:0px !important; margin-right:-20px;} /* Offsets */ .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;} #menu {margin-left:0px;} #menu .menu_id .toptab {width:100px; letter-spacing:0em; font-size:13pt; height:22px;} #menu .menu_tran, .menu_ware, .menu_supp, .menu_tech {position:absolute; position:left 0px; width:740px;} #menu .menu_tran {left: -1px !important;} #menu .menu_ware {left: -141px !important;} #menu .menu_supp {left: -281px !important;} #menu .menu_tech {left: -421px !important;} #menu .m_div {margin: 0 10px 10px 0 !important; min-width:216px !important;} #menu .m_div2 {margin: 0 10px 10px 0 !important; min-width:340px !important;} #menu .m_div a, #menu .m_div2 a {color:#017cbb !important;} #navigation {padding-left:0px; margin-left:-2px;} #navigation2 {padding-left:0px; margin-left:3px;} .padleft {padding-left:8px;} .homepage h1 {font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;} .homepage h2 {font-size: 24px; line-height: 24px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;} .homepage h3 {font-size: 16px; line-height: 17px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;} h1 {font-size: 40px; line-height: 44px; margin-bottom: 12px; letter-spacing:0px;} h2 {xfont-size: 20px; xline-height: 22px; margin-bottom: 8px; letter-spacing:0px;} #wideimage img {max-width:448px;} .overline {font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:10pt; color:#900;} .wideonly {display:none;} #header {background-repeat:no-repeat; background-position:-90px 0px; height:280px; width:580px;} #subHed {font-size:11.5pt;} #storybody {font-size:11.5pt; line-height:15pt;} #storybody .photoL {float:left; margin:0px 10px 10px 0px;} #storybody .photoR {float:left; margin:0px 10px 10px 0px;} .largevideo iframe {width:408px; height:268px;} .largevideoss iframe {width:400px; height:260px;} .articlephotocolumn {float:left; width:250px; margin:4px 0px -4px 8px; text-align:center;} .articlephotocolumnb {float:left; width:260px; margin:0px 10px 0px 8px; text-align:center; margin-bottom:12px; margin-right:-10px;} #articleImage img {max-width:250px; height:none; margin-right:0px;} #ssslideshow img {max-width:418px;} #storybody h6 {width:180px; font-size:11pt; line-height:125%;} #storybody h6 i {width:180px; font-size:10pt; line-height:125%;} #storybody h2 {font-size:15pt; line-height:17pt;} .mobiledisplay {display:inline;} .onlymobiledisplay {display:none;} .meddisplay {display:inline;} .largedisplay {display:none;} /* .notmeddisplay {display:none;} */ .lrgdisplay {display:inline;} .smallestdisplay {display:none;} .smallerdisplay {display:none;} .notsmallestdisplay {display:inline;} #storybody .sidebarR {float:right; width:190px !important; margin-left:10px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;} .quicklookbox {float:left; width:176px; border-left:1px dotted #9CF; padding-left:12px;} #ad728 img {max-width:760px !important; height:78px; xmargin-top:6px; margin-left:-2px;} .form-wrapperw input {width:240px;margin-left:0px;} .form-wrapperw button {width:120px;} .companyLeft {width:414px; float:left; padding-right:0px;} .companyRight {width:414px; float:left; padding-right:0px;} .companyHead {font-size: 11pt;} .companyText {font-size:12pt; line-height:120%;} #topicOverline {margin-left:0px;} input[type=text].sb_bar {display:none;} input[type=submit].sb_btn {right:0;} .spotlightBox {width:734px;} .specialleft {width:236px;} .specialmiddle {width:200px;} .specialmiddle .left {width:200px !important; margin-right:10px; float:left;} .specialmiddle .right {display:none;} .specialmiddle .left1 {display:none;} .specialmiddle .right1 {width:200px !important; margin-right:10px; float:left;} .specialsponsorship {width:180px;} .sponsorship {width:270px;} .sponsorship img {max-width:254px;} .sponsorship iframe {width:254px; margin:0 0 0 0px;} .specialright {width:280px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;} .specialright img {max-width:250px; height:auto;} .padleft20 {margin-left:10px;} .padtop8 {height:0px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container {width: 300px; padding: 0px;} .container .columns, .container .column {margin: 0;} #quotebackground .container {background-image:none; background-position:center 0px; background-repeat:no-repeat; background-size:contain;} .padleft48 {margin-left:-6px; margin-right:0px;} .container .three.columns, .container .four.columns {border:none !important;} .container .nine.columns {padding-right:10px ;} .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 .three-sixteenths.column, .container .four-sixteenths.column, .container .two-thirds.column {width: 300px; margin-left:0px; padding:0px !important;} .container .shiftleft {width: 300px !important; border:none; padding:0px;} .container .shiftright {width: 300px !important; border:none; padding:0px;} /* Offsets */ .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;} .container .shiftright {width: 300px !important; padding:0px !important;} .padleft {padding-left:2px;} #subHed {font-size:10.5pt;} #storybody {font-size:10.5pt; line-height:13.5pt;} #storybody .photoR {float:left; margin:0px 10px 10px 0px;} #wideimage img {max-width:300px;} .homepage h1 {font-size: 25px; line-height: 29px; margin: 0px; letter-spacing:0px;} .homepage h2 {font-size: 20px; line-height: 20px; margin: -6px 0px 0px 0px; letter-spacing:0px;} .homepage h3 {font-size: 16px; line-height: 18px; margin: -4px 0px 0px 0px; letter-spacing:0px;} h1 {font-size: 28px; line-height: 30px; margin-bottom: 12px; letter-spacing:0px;} h2 {font-size: 16px; line-height: 18px; margin-bottom: 8px; letter-spacing:0px;} .wideonly {display:none;} #header {background-repeat:no-repeat; background-position:-60px 0px; height:280px; width:300px;} #navigation, #navigation2 {padding-left:0px;} #boxrelated {margin-right:-6px !important;} .largevideo iframe {width:272px; height:186px;} .largevideoss iframe {width:280px; height:186px; margin-left:-2px;} #articleDeck h2 {font-size:12pt !important; line-height:13pt;} .minus10 {margin-left:-10px;} .articlephotocolumn {float:left; width:300px; margin:0px; text-align:left;} .articlephotocolumnb {float:left; width:300px; margin:0px; text-align:left; margin-bottom:12px; margin-right:0px;} #articleImage img {max-width:300px; margin:0px;} img {max-width:300px;} #ssslideshow img {max-width:280px; margin-left:-4px;} #storybody h6 { width:156px; font-size:11pt; line-height:125%; margin-right:6px;} #storybody h6 i {width:156px; font-size:10pt; line-height:125%; margin-right:6px;} #storybody h2 {font-size:12pt important!; line-height:14pt; color:#333;} .mobiledisplay {display:none;} .onlymobiledisplay {display:inline;} .meddisplay {display:none;} .largedisplay {display:none;} .smallestdisplay {display:inline;} .smallerdisplay {display:none;} .notsmallestdisplay {display:none;} #storybody .sidebarR {float:right; width:166px !important; margin-left:8px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;} .quicklookbox {float:left; width:140px; border-left:1px dotted #9CF; padding-left:6px;} .quicklookbox img {max-width:134px;} #padleft {margin-left:0px;} .form-wrapperw input {width:200px; margin-left:0px;} .form-wrapperw button {width:90px; margin-top:-10px;} .companyLeft {width:280px; float:left; padding-right:0px;} .companyRight {width:280px; float:left; padding-right:0px;} .companyHead {font-size: 10pt;} .companyText {font-size:10pt; line-height:120%;} #topicOverline {margin-left:0px;} .box1, .box2, .box3, .box4, .box5 {height:196px;} .spotlightBox {width:100%;} .spotlightBox h4 {font-size:13pt;} .specialleft {width:280px;} .specialmiddle {width:280px;} .specialmiddle .left {width:100% !important; margin:0px; float:none;} .specialmiddle .right {width:100%; margin:0px; float:none;} .specialmiddle .left1 {width:100% !important; margin:0px; float:none;} .specialmiddle .right1 {width:100%; margin:0px; float:none;} .sponsorship {width:100%;} .sponsorship iframe {width:290px; height:190px; margin:0px;} .specialright {width:100%; padding:0px; float:none; margin:10px 0 10px 0px;} .specialright img {max-width:250px; height:auto;} .padleft20 {margin-left:4px;} .padtop8 {height:8px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container {width: 420px; padding: 0px;} .container .columns, .container .column {margin: 0;} #quotebackground .container {background-image:none; background-position:center 0px; background-repeat:no-repeat; background-size:contain;} .padleft48 {margin-left:-6px; margin-right:0px;} .container .three.columns, .container .four.columns {border:none !important;} .container .nine.columns {padding-right:10px ;} .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 .one-third.column, .container .three-sixteenths.column, .container .two-thirds.column {width: 420px; margin-left:0px; padding-left:0px;} .container .shiftright {width: 420px !important;} .container .shiftleft {width: 420px !important; border:none; padding-left:0px;} .padleft {padding-left:0px;} #subHed {font-size:10.5pt;} #storybody {font-size:11pt; line-height:15pt;} #storybody .photoR {float:left; margin:0px 10px 10px 0px;} #wideimage img {max-width:420px;} .homepage h1 {font-size: 26px; line-height: 30px; margin: 0px; letter-spacing:0px;} .homepage h2 {font-size: 20px; line-height: 20px; margin: -6px 0px 0px 0px; letter-spacing:0px;} .homepage h3 {font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:0px;} h1 {font-size: 32px; line-height: 36px; margin-bottom: 12px; letter-spacing:0px;} h2 {xfont-size: 18px; xline-height: 20px; margin-bottom: 8px; letter-spacing:0px;} .wideonly {display:none;} #header {background-repeat:no-repeat; background-position:-60px 0px; height:280px; width:300px;} #boxrelated {margin-right:6px !important;} .largevideo iframe {width:392px; height:250px;} .largevideoss iframe {width:388px; height:250px;} #articleDeck h2 {font-size:14pt !important; line-height:15pt;} .minus10 {margin-left:0px;} .articlephotocolumn {float:left; width:420px; margin:0px; text-align:left;} .articlephotocolumnb {float:left; width:260px !important; margin:0px; text-align:left; margin-bottom:12px; margin-right:0px;} #articleImage {Width:400px; float:left;} #articleImage img {max-width:400px; margin:0px 0px 0px 6px;} .ssbutton {margin-top:2px; margin-left:0px; float:left; width:230px;} img {max-width:400px;} #ssslideshow img {max-width:386px;} #storybody h6 {width:170px; font-size:11pt; line-height:125%; margin-right:12px;} #storybody h6 i {width:170px; font-size:10pt; line-height:125%; margin-right:12px;} #storybody h2 {font-size:14pt important!; line-height:15pt; color:#333;} .mobiledisplay {display:none;} .onlymobiledisplay {display:inline;} .meddisplay {display:none;} .largedisplay {display:none;} .smallestdisplay {display:inline;} .smallerdisplay {display:none;} .notsmallestdisplay {display:inline;} #storybody .sidebarR {float:right; width:180px !important; margin-left:10px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;} .quicklookbox {float:left; width:190px; border-left:1px dotted #9CF; padding-left:10px;} .quicklookbox img {max-width:140px;} #ad728 img {max-width:790px !important; height:78px; margin-top:6px; margin-left:0px;} #padleft {margin-left:2px;} .form-wrapperw input {width:200px;margin-left:0px;} .form-wrapperw button {width:90px;margin-top:0px} .companyLeft {width:398px; float:left; padding-right:0px;} .companyRight {width:398px; float:left; padding-right:0px;} .companyHead {font-size: 10pt;} .companyText {font-size:10pt; line-height:120%;} #topicOverline {margin-left:0px;} .box1, .box2, .box3, .box4, .box5 {height:156px;} .spotlightBox {width:100%;} .spotlightBox h4 {font-size:13pt;} .specialleft {width:380px;} .specialmiddle {width:400px;} .specialmiddle .left {width:100% !important; margin:0px; float:none;} .specialmiddle .right {width:100%; margin:0px; float:none;} .specialmiddle .left1 {width:100% !important; margin:0px; float:none;} .specialmiddle .right1 {width:100%; margin:0px; float:none;} .sponsorship {width:100%;} .sponsorship iframe {width:410px; height:260px; margin:0px;} .specialright {width:100%; margin:10px 0 10px 0; float:none;} .padleft20 {margin-left:10px;} .padtop8 {height:8px;} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .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;} /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } body {} /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ @media \0screen { body { img { max-width:100%; /* IE8 and below */ } } } /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Larger than standard 1200 (devices and browsers) */ @media only screen and (min-width: 1200px) {} /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1159px) {} /* 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) {} /* 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) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */