/** Styles for "Screen" Media * File: styles.css * Client: spartanburgsheriff.org * Author: Drew Stauffer * Auth Web: http://www.webspeakmedia.com * modified: 2012-1-11 * -------------------------------------------------------------- **/ /** Element/Global Styles (including Typography) -------------------------- **/ html { font-size: 62.5%; /* about 10px if browser size is set at default (16px) */ font-family: Arial, Helvetica, sans-serif; color:#444; } a { color:#053f75; text-decoration: none; outline:none;} a:hover { text-decoration: underline; } a img { border: 0; } h1, h2, h3, h4, h5, h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, div.title { line-height: 1.25em; font-weight:bold; } h1, .content h1 { font-size: 24px; } h2, .content h2 { font-size: 18px; text-transform: uppercase;} h3, .content h3 { font-size: 13px; } h4, .content h4 {font-weight: bold; } h4, .content h4, div.title { font-size: 1.2em; text-transform: uppercase; } h5, .content h5 { font-size: 1.0em; } h6, .content h6 { font-size: 0.9em; } h1, .content h1 {color:#a77b13;} h2, .content h2, h3, .content h3 {color:#053f75;} /* hide typekit FOUT (Flash of Unstyled Text) */ .wf-loading { visibility: hidden; } .wf-active { visibility: visible; } /* typekit fonts */ #nothing {font-family: "adelle", Georgia, "Times New Roman", Times, serif; font-weight: 400;} h1, .content h1, h2, .content h2, h3, .content h3 {font-family: "adelle", Georgia, "Times New Roman", Times, serif; font-weight: 700;} div.hr { height: 1px; margin: 1.6em 0 1.6em 0; background: #000 no-repeat scroll center; } div.hr hr { display: none; } body {background:url(../images/bg_body.png) repeat-x;} #wrapper { position: relative; /* margin:0 auto; width:980px */ } #outer_wrapper {background: url(../images/bg_wrapper.png) 50% 33px no-repeat;} #header {position: relative; background: url(../images/bg_banner.png) 0 42px no-repeat; height:218px;} #header, #innerWrapper, #callout, #footer {margin: 0 auto; width:940px;} #language_translate {position: absolute; top:10px; right:25px;} .home #social_media {top:484px; right:380px; z-index: 10;} #social_media {position: absolute; top:1px; right:-10px;} #headerName {position: absolute; top:70px; right:20px; text-align: right;} #headerName p {color:#727272; font-weight: bold; font-size: 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); line-height: 1.2em;} #headerName p strong {font-size: 16px; line-height: 1.2em;} #header #masthead a, #header #masthead a:visited { background: url(../images/logo.png) no-repeat; display: block; height:86px; width:391px; position: absolute; top:48px; left:20px; text-decoration: none; text-indent:-10000px; z-index: 5; overflow: hidden; } #topNavigation { font-size:14px; position:absolute; height:52px; width:940px; top:155px; left:50%; z-index: 6; margin-left:-470px; background: url(../images/bg_nav.png) bottom repeat-x; border-top:1px solid #121212;} #topNavigation .sf-menu { margin: 0; padding-top:1px;} #topNavigation .sf-menu li {background: url(../images/bg_nav_divider.gif) repeat-y; letter-spacing: 1px; margin:0; font-weight: bold;} #topNavigation .sf-menu li.item1 {background:none;} #topNavigation .sf-menu a {border: none; color:#fff; padding:20px 20px 17px 20px;} #topNavigation .sf-menu a:hover {color:#cf9e47;} #topNavigation .sf-menu li.selected a { color: #c1cbd5; } /* basic dropdown styles */ #topNavigation ul.sf-menu li ul { background: #121212; left: 0; margin: 0; padding: 5px; top: 51px; width: 200px; z-index: 99; } #topNavigation ul.sf-menu li ul li { background: none; font-size: 1em; font-weight: normal; margin: 0; padding: 0; text-transform: none; } #topNavigation ul.sf-menu li ul li a, #topNavigation ul.sf-menu li.selected ul li a { color: #fff; padding: 5px; } #topNavigation ul.sf-menu li ul li a:hover, #topNavigation ul.sf-menu li.selected ul li a:hover { color:#fff; background: #636363; } /* hdrImg */ .home #hdrImg, #hdrImg {position:relative; height:245px; width:630px; top:0; overflow: hidden; border: none;} .home #hdrImg .img {position: absolute; top:0px; left:0px; width:630px; height:245px; overflow: hidden;} .home #hdrImg .img_descr {position:absolute; width:530px; left:100px; top:160px; color:#fff; background: url(../images/bg_hdrImg_descr.png) repeat;} .home #hdrImg .img_descr .content {padding:15px;} .home #hdrImg .img_descr a {color:#f2e1b2;} .home #hdrImg .img_descr h1, .home #hdrImg .img_descr h2 {font-size: 2em; font-weight: normal;color:#fff; margin:0;} .home #hdrImg .img_descr p {font-size:1em; margin:0; } .home #hdrImg .navi {position: absolute; bottom:5px; left:0; z-index: 10; margin:0; background: url(../images/bg_hdrImg_descr.png) repeat; padding:3px 3px 0 3px;} .home #hdrImg .navi a { background:url("../images/bg_hdrImg_navi.png") 0 0 no-repeat; width:13px; height: 13px; display: block; float: left; margin-right: 2px; margin-top: 0; outline: none; padding:0 0 4px; text-align: center; text-decoration: none; text-indent: -10000px;} .home #hdrImg .navi a.activeSlide {background-position: -20px 0; } .home #hdrImg .navi #cycle_toggle {background: none; color:#fff; font-size: 0.9em; margin: 0; padding:0; position: relative; text-decoration: none; text-indent: 0; text-transform: lowercase; top:-5px; width:50px;} #hdrImg { height:124px; padding-bottom:5px; border-bottom:5px solid #474747;} .hdr_img_hidden #hdrImg {display: none;} #contentSlot {width:630px; float: left;} #contentSlot #homeGrid .homeTitle {color: #000; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-top:5px solid #474747; border-bottom:1px solid #474747; margin:0; } #contentSlot #homeGrid #column1 {padding-bottom:20px;} #contentSlot #homeGrid #column1 .homeTitle {background: url(../images/icon_rss.png) 95% 50% no-repeat; } #contentSlot #homeGrid #column1 .homeTitle, #contentSlot #homeGrid #column2 .homeTitle {padding:12px;} #contentSlot #homeGrid #column3 .homeTitle {background: url(../images/img_sex_offenders.gif) 100% 50% no-repeat; } #contentSlot #homeGrid #column3 .homeTitle a {display: block; width:284px; height: 22px; padding:12px; color: #000;} #contentSlot #homeGrid #column3 .homeTitle a:hover {text-decoration: none;} #contentSlot #homeGrid #column1 .homeTitle a {display: block; color: #000; text-decoration: none;} .homenewscontent .article {padding:20px 70px 0 0;} .homenewscontent h3 {color:#053f75; text-transform: uppercase; font-weight: bold; margin: 0;} .homenewscontent p.date {margin:0;font-style: italic; color:#929292; font-size: .95em; line-height: 1.1em;} .homenewscontent .article .img {float:left; margin:2px 10px 0 0;} .homenewscontent .article .img img {background: #fff; padding:2px; border: 1px solid #e1e1e1;} #homeOffenders, #homeBookings {padding-top:15px;} #homeOffenders ul {margin:00 0 0; padding:0;} #homeOffenders ul li {margin:0; padding:0 0 0 10px; list-style: none; background: url(../images/bul_main.png) 0 7px no-repeat; float: left; width:135px;} #homeGrid #column2, #homeGrid #column3 {width:295px;} #homeGrid #column2 {float: left;} #homeGrid #column3 {float:right;} .default #layout {padding-right:70px;} #phoneNumbers {text-transform: uppercase; font-size: 24px; font-weight: bold; line-height: 1em; position: absolute; top:218px; width:310px;} #phoneNumbers p {padding:13px 0 0 30px; margin:0; color: #053f75; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); font-family: "Arial Black",Arial,Helvetica,Geneva,sans-serif;} #phoneNumbers small {font-size: 14px; display: block; line-height: .9em; color: #6b8dae; font-family: Arial,Helvetica,Geneva,sans-serif;} #phoneNumbers .emergency {background: url(../images/bg_emergency.png) repeat-x; height: 63px;} #phoneNumbers .non-emergency {background: #dee7ef url(../images/bg_nonemergency.png) repeat-x; height: 61px;} #phoneNumbers .emergency p {padding-top:15px; color:#fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);} #phoneNumbers .emergency p small {color:#000;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);} .home #marginContent, .default #sideBarContent { background: url(../images/bg_marginContent.jpg) top left repeat-x; min-height: 457px;} .home #marginContent { margin-top:243px;} /* body.browser_ie.home #marginContent { margin-top:227px;} */ .default #sideBarContent { margin-top:0;} .default #marginContent { width:310px;} .margincontent { margin:0 30px; padding-top:30px;} .default .margincontent { padding-top:20px;} .margincontent h4 {margin:0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color: #000;} .margincontent ul {margin:20px 0 30px 0; padding:0;} .margincontent ul li {margin:0; padding:0 0 0 18px; list-style: none; background: url(../images/bul_sidebar.png) 0 5px no-repeat; font-weight: bold;} #sideBar {width:310px; float: right;} #sideBar.content .subnav { width:310px; } body.browser_ie #sideBar.content .subnav { min-height: 200px;} #sideBar.content .subnav, #sideBar.content .subnav li ul { margin:0 0 30px 0;width:310px;} #sideBar.content .subnav li {list-style: none;} #sideBar.content .subnav li.lvl1 {background: url(../images/bg_emergency.png) bottom repeat-x; height:57px; line-height: 57px; font-size: 16px; font-weight: bold; color:#fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } #sideBar.content .subnav li.lvl1 span {padding-left:30px;} #sideBar.content .subnav li ul li {line-height: 1em; font-weight: normal; text-shadow: none; font-size: 12px; border-top:1px solid #b7bec4; width:310px; float: left;} #sideBar.content .subnav li ul li, #sideBar.content .subnav li ul li a {padding:0; display: block; margin:0;} #sideBar.content .subnav li ul li a {padding:10px 15px 10px 30px;} #sideBar.content .subnav li ul li a:hover {background: #fff; text-decoration: none;} /* #sectionNav {width:310px; float: left;} */ #sidebarBtns {margin-top:30px;} #sidebarBtns .btn {margin:0 0 15px 37px;} #sidebarBtns .btn.one {margin: 0 0 20px 0;} #callout {min-height: 252px;} #footer {padding-top:31px; min-height: 100px; border-top:1px solid #8d8d8d;color:#a6a6a6;} #callout_wrapper, #footer_wrapper {background: url(../images/bg_footer.png) repeat;} #callout_inner {background: url(../images/bg_footer_top.png) top left repeat-x;} #footerNav { width:630px; float:left; margin-top:60px;} #footerNav ul { margin: 0; } #footerNav ul li { list-style: none; margin: 0; font-size: 14px;} #footerNav ul li.lvl2 { float: left; width: 200px; } #footerNav ul li.lvl2 ul {margin-top:10px;} #footerNav ul li.lvl2 a { color: #FFFFFF; text-transform: uppercase; font-weight: bold; } #footerNav ul li.lvl3 a { color: #ADB9C7; text-transform: none; font-weight: normal;} #footer a {color:#a6a6a6;} #footer a:hover {color:#fff;} #footer #copyright, #footer #siteBy, .spark #accesskeys_anchor { font-size: 0.9em;} .spark #accesskeys_anchor { padding-left: 0; } #newsletter {width:310px; float: right; background: url(../images/bg_footer_news.png) repeat; margin-top:31px;} .newslettercontent {padding:30px 30px 50px 30px;} .newslettercontent div.title {color:#fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); font-size: 14px; margin-bottom: 5px;} .newslettercontent input {background: #5c5b5c; border-top:1px solid #807f80; border-left:1px solid #807f80; border-right:none; border-bottom: none; color:#fff; padding:5px;} .newslettercontent input#email {width:235px;} .newslettercontent input#authcode {width:100px; vertical-align: top;} .newslettercontent button {background: #053f75; color:#fff; padding:5px; border: none; float: right; margin-right: 5px;} /* hiding */ .home .pg_title, #sideBar #newsletter, #search, #vcard .org, #vcard .seperator {display: none;} /* Class Styles */ .hidden, .printOnly, #corner1, #corner2, #corner3, #corner4, #outer_footer { display: none; } .content { font-size: 1.2em; line-height: 1.6em; } img.shadow {background: #fff; padding:5px; border:1px solid #d3d5d7;} .shadow { box-shadow: -3px 3px 0 #e8e9e7; -o-box-shadow: -3px 3px 0 #e8e9e7; -moz-box-shadow: -3px 3px 0 #e8e9e7; -webkit-box-shadow: -3px 3px 0 #e8e9e7; } .dropshadow { text-shadow:0.05em 0.05em 4px #171818; /* IE text-shadow */ filter: progid:DXImageTransform.Microsoft.Shadow(color="#171818", direction=215, strength=4, positive="true"); } .clear { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; } .clearafter:after { content: ""; display: block; height: 100%; clear: both; visibility: hidden; } #default #fancybox-right { right: 30px; } .img_descr { display: none; } #sheriffHdr { position: absolute; top: 45px; left: 50%; margin-left: 150px; } .page_inmate table#offense { background: #fbfbfb; margin-top: 10px; width: 100%;} .page_inmate table#offense th { text-align: left; padding: 2px 22px 2px 10px; border-bottom: 1px solid #ccc; background: #333; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .page_inmate table#offense td { border-bottom: 1px solid #ccc; padding: 2px 11px; text-transform: capitalize;}