@import url('base.css');

/* OVERALL
--------------------------------------*/
body {color:#464637; font-family:"museo-slab",serif;}
.wf-active body {font-family:"museo-slab-n3","museo-slab",serif; font-style:normal; font-weight:300;}

/* HEADER AND LOGO
--------------------------------------*/
#site-header {color:#fff; background:#2A303D url(../img/fabric-pat-dark-blue.jpg); border-bottom:5px solid #AA0816;}
#site-header .container {padding:12px 0; position:relative;}
img#site-logo {position:absolute; top:7px; right:79px; z-index:100;}
h1#site-title {font-size:1.5em; margin:0; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.65);}
h1#site-title a {color:#fff; text-decoration:none;}
h1#site-title strong {color:#FFD211;}
.wf-active h1#site-title strong {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}

/* HOME HERO IMAGE
--------------------------------------*/
#home-hero {margin-bottom:14px; height:285px; overflow:hidden; z-index:1;}

/* PAGE TITLE
--------------------------------------*/
#page-title {color:#fff; background:#2E3140 url(../img/bg-page-title-sheriff-tucker-color.jpg) no-repeat 0 0; margin-bottom:1em;}
/*#page-title h1 {margin:0; padding:72px 24px; color:#fff; font-size:1.6em; font-family:"proxima-nova-sc-osf",sans-serif; text-transform:lowercase; letter-spacing:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.65);}*/
#page-title h1 {margin:0; padding:144px 24px 18px 24px; color:#fff; font-size:1.6em; text-transform:uppercase; font-size:1.8em; font-weight:normal; letter-spacing:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.65);}
.wf-active #page-title h1 {font-family:"museo-slab-n3","museo-slab",serif; font-style:normal; font-weight:300;}

/* MAIN WRAPPER
--------------------------------------*/
#main-wrapper {background:#fff url(../img/bg-faded-stars-pat.png) repeat-x top center; margin-bottom:3em;}

/* CONTENT
--------------------------------------*/
/* Standard Headers */
#content h2 {font-weight:bold; color:#273361; font-size:1.5em; padding-bottom:0.2em; margin-bottom:0.5em; border-bottom:1px solid #CECEBF;}
#content h3 {font-weight:bold; color:#273361; font-size:1.2em;}
.wf-active #content h2,
.wf-active #content h3 {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}

/* News Content */
#news-ticker {margin:12px 0 16px 0;}
#news-ticker h2 {float:left; width:16%; font-size:1em; font-weight:bold; border:none; margin:0; padding:0;}
.wf-active #news-ticker h2 {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}
#news-ticker ul {float:right; width:84%; list-style:none; margin:0; padding:0;}
#news-ticker li {background-color:#fff; width:100%; list-style:none; margin:0; padding:0;}
div.nm_post {margin-bottom:2em;}
h3.nm_post_title {margin-bottom:0.5em;}
p.nm_post_date, p.nm_post_meta {display:none;}

/* Dividing Header */
#content h2.divider {font-size:0.9em; font-weight:bold; text-transform:uppercase; letter-spacing:2px; color:#FFD211; background:#2A303D 
url(../img/fabric-pat-dark-blue.jpg); padding: 0.2em 0.8em; text-shadow:0px 1px 1px rgba(0,0,0,0.65); border-bottom:3px solid #AA0816;}
.wf-active #content h2.divider {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}

/* Big Header */
#content h3.big {text-transform:uppercase; font-size:1.8em; font-weight:normal; color:#273361; margin-bottom:0.2em;}
.wf-active #content h3.big {font-family:"museo-slab-n3","museo-slab",serif; font-style:normal; font-weight:300;}

/* MENUS
--------------------------------------*/
#nav {position:relative; top:-68px; margin-bottom:-68px; z-index:2;}
#nav .vert-nav {background:transparent url(../img/bg-menu.png) no-repeat 0 0; padding:40px 0 40px 40px; font-size:0.9em;}
#nav .vert-nav ul, #nav .vert-nav ul li {border-color:#EFEFF0;}
#nav .vert-nav a {color:#B20000;}
#nav .vert-nav a:focus, #nav .vert-nav a:hover {color:#000;}
#nav .vert-nav ul li.current > a,
#nav .vert-nav ul li.currentpath > a,
#nav .vert-nav ul ul li.current a {font-weight:bold;}
.wf-active #nav .vert-nav ul li.current > a,
.wf-active #nav .vert-nav ul li.currentpath > a,
.wf-active #nav .vert-nav ul ul li.current a {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}

/* Block nav like used on department divisions */
ul.block-nav {list-style:none; margin:0; padding:0;}
ul.block-nav li {list-style:none; margin:0; padding:0; width:50%; float:left;}
ul.block-nav li a {display:block; padding:0.4em 0.8em; margin:0 6px 6px 0; color:#273361; background:#F0F0E1 url(../img/bg-block-nav-arrow.png) no-repeat 295px 50%; text-decoration:none;}
ul.block-nav a:focus, ul.block-nav a:hover {background-color:#CACABD}

/* FACEBOOK LIKE BOX
--------------------------------------*/
.fb-like-box {padding:0 0 0 40px;}

/* FORMS
--------------------------------------*/
div.field {margin-bottom:1em;}
div.field.text input, div.field.textarea textarea {padding:0.5em; width:90%;}
div.field.captcha input {padding:0.5em; width:25%;}
form.p01-contact input[type=submit] {padding:0.5em;}

/* MOST WANTED
--------------------------------------*/
.most-wanted-unit {min-height:380px; position:relative;}
.most-wanted-unit img {max-width:300px;}
.most-wanted-unit p {width:290px;}
.captured-bnr {display:none; position:absolute; top:-1px; left:-1px; background:transparent url(../img/bnr-captured.png) no-repeat 0 0; width:128px; height:128px;}
.captured-unit .captured-bnr {display:block;}
.captured {visibility:hidden; font-size:.7em; text-transform:uppercase; color:#fff; background-color:#090; padding:.2em .5em .1em .5em; border-radius:3px; letter-spacing:1px;}

/* DEPUTY OF THE MONTH
--------------------------------------*/
.dotm-month-year {display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:0.5em; border-bottom:1px solid #AA0816; padding-bottom:0.5em;}

/* SEARCH RESULTS (Special Pages)
--------------------------------------*/
.search-results {list-style:none; margin:0 0 1em 0; padding:0;}

/* FOOTER
--------------------------------------*/
#site-footer {font-size:0.8em; margin-bottom:3em;}
#site-footer h3 {font-size:0.9em; font-weight:bold; color:#263360; text-transform:uppercase; letter-spacing:1px; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #CECEBF;}
.wf-active #site-footer h3 {font-family:"museo-slab-n7","museo-slab",serif; font-style:normal; font-weight:700;}
.icon-social {width:100px; height:auto; vertical-align:middle;}