/*
THEME NAME: Denver County Court
DESCRIPTION: Custom theme developed for Denver County Court
VERSION: 1.0
AUTHOR: Alpha Channel Group
AUTHOR URI: http://www.alphachannelgroup.com/
.
*/
/* CSS RESET RULES */
html, nav, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,
col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img,
ins, kbd, label, legend, ul, ol, li, map, object, p, param, pre, q, samp, small, span, strong, sub,
sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, var {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

@font-face {
    font-family: 'libbybold';
    src: url('fonts/libbybold-webfont.eot');
    src: url('fonts/libbybold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/libbybold-webfont.woff') format('woff'),
         url('fonts/libbybold-webfont.ttf') format('truetype'),
         url('fonts/libbybold-webfont.svg#libbybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	color: #464646;
	/*QA Background*/
	background:#222222;
	/**/
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding:0;
	margin:0;
	/*min-width: 1000px;*/
}
p {
	padding:0px 0 15px 0;	
	font-size: 13px;
	line-height: 18px;
}

p.counts {
	color: #444;
	font-style: italic;
	margin-top: -10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;	
	margin-bottom: 15px;
	text-align: right;
}

p.counts span {
	font-style: normal;
	color: #777;
}

table {
	padding:0 0 15px 0px;
}
hr {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ffcc00;
	border-bottom-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 25px 0px;
}
code, pre {
    white-space: pre-wrap;
}
del {
    text-decoration: line-through;            /* it's deleted text - show it as such */
}
dfn {
    font-style: italic;
    font-weight: bold;
}
em {
    font-style: italic;
}
fieldset {
    border: 0;
    display: inline;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}
img {
    border: 0;
    vertical-align: bottom;
}
ins {
    text-decoration: none;
}
strong {
    font-weight: bold;
}
tt {
    display: block;
    margin: 0.5em 0;
    padding: 0.5em 1em;
}
.skip {
    position: absolute;
    left: -999em;
}
textarea {
	font: 85%/1.5 verdana, arial, helvetica, sans-serif;
}
a {
	color:#c7654a;
	text-decoration: none;	
}
a:hover {
	color:#000;
	text-decoration: none;
}
/* END reset rules.  Begin theme specific rules */
/*  Header  */
#headerwrapper {
	background: url(images/header_bg.jpg) top center no-repeat;
	margin: 0 auto;
	padding: 0;
	width:auto;
	z-index:2;
	
}
header {
	width:960px;
	height:131px;
	margin:0 auto;
	position:relative;
}
a.logo {
	float:left;
	width:88px;
	height:71px;	
	margin:10px 12px 10px 0;
}
header .title {
	text-transform: uppercase;
	font-weight: normal;
	font-size:28px;
	margin:0;
	padding:30px 0 0 0;
	display:block;
}
header .title a {
	color: #505050;
}
header nav.hr-menu {
	position:absolute;
	top:13px;
	right:260px;
}
header nav.hr-menu ul {
	text-align:right;
}
header nav.hr-menu li {
	display:inline-block;
	zoom:1;
	*display:inline;
	list-style:none;	
	margin-right:5px;
}
header nav.hr-menu a {
	font-size:12px;
	color:#787677;	
	text-transform:uppercase;
	padding:18px 10px 6px 10px;
}
header nav.hr-menu a:hover {
	background:#ccc;
}
header #searchform {
	position:absolute;
	top:11px;
	right:0;
}
header #searchform label {
}
header #searchform input#s {
	border:1px solid #c0c0c0;
	width:229px;
	height:24px;
	color:#787677;
	padding:0 9px;
}
header #searchform input#searchsubmit {
	background:transparent url(images/sidebar_search.jpg) no-repeat;
	width:20px;
	height:20px;
	border:none;
	position:absolute;
	right:3px;
	bottom:3px;
}
/*header menu*/
nav#primary {
	position:absolute;
	bottom:0;
	left:0;
}
nav#primary ul {
    height: 39px;
	z-index:100;
}
nav#primary li {
    display: inline-block;
    zoom: 1; 
    *display: inline; 
    position: relative; 
	margin:0 1px 0 0;
	padding:0;
	vertical-align:top;
	line-height:39px;
}
nav#primary ul li:last-child {
	padding-right: 0;
}
nav#primary ul li a {
	background:transparent url(images/main_nav_border.png) left center no-repeat;
    display: block;
    font-size: 13px;
	color: #fdfdfd;
	padding: 0 25px;
	text-transform: uppercase;
}
nav#primary ul li.first_page a,
nav#primary ul li li a,
nav#primary ul li li li a, 
nav#primary ul li li li li a {
	background:none;
}
nav#primary ul li:hover {
	background: #d8782b;
}
/*Second layer menu */
nav#primary ul li ul {
	background:transparent url(images/main_submenu.jpg);
	display: block;
    left: -999em;
    position: absolute;
    top: 39px;
    margin: 0 auto;
    padding: 1px 0;
    height: auto;
    width: 233px;
}
nav#primary ul li:hover ul {
    left: 0px;
}
nav#primary li li {
    border-bottom: 1px dotted #a5a5a5;
    display: block;
    position: relative;
    padding: 2px 0;
    margin: 0 5px;
}
nav#primary li li a {
	line-height:18px;
	padding:10px;
}
nav#primary li li:last-child {
	border: none;
}
nav#primary li li:hover {
	background: none;
}
nav#primary li li a:hover {
	background: #d8782b;
}
/*  Content  */
#contentwrapper,
#footerwrapper {
	margin:0 auto;
	overflow:hidden;
	background:#f1f1f1;
}
#contentwrapper {
	background: url(images/backgrounds/inner/placeholder_page.jpg) center top no-repeat;
	background-attachment:fixed;
	height:auto;
	width:auto;
	z-index:1;
}
#contentwrapper .pagecontent {
}
 
#contentwrapper .pagecontent div {
}
section {
	background: url(images/content_bg.png) center center repeat-y;
	position: relative;
	min-height: 370px;
	margin:10px auto;
	overflow: hidden;
	zoom:1;
	width:960px;
}
section.pagecontent {
	background:transparent url(images/pg_bg.jpg);	
	padding:0;
	width:960px;
}
section.pagecontent ol,
section.pagecontent ul {
	margin:0 0 15px 20px;	
}

section.pagecontent ul li {
	list-style:disc;
}
section.pagecontent ol li {
	list-style:normal;	
}
section.pagecontent li {
	margin:0 0 5px 0;
	font-size:13px;
}
section.pagecontent aside ul {
	margin-left:0;	
}
section.pagecontent a {
	text-decoration: none;
}
section.pagecontent a:hover {
	text-decoration: none;
}
section.pagecontent aside a {
	text-decoration: none;
}
section.pagecontent aside a:hover {
	text-decoration: none;
}
aside li {
	list-style:none !important;	
}
section.pagecontent article {
	margin:15px;	
	width:690px;
	float:left;
}
section ul {
	list-style-type: none;
}
section h1{
	float: right;
	clear: none;
	margin: 30px 10px 0 0;
	font-family: libbybold, arial, Helvetica;
	text-transform: uppercase;
	width: 700px;
	font-size: 26px;
}
section.pagecontent h1 {
	background:transparent url(images/page_h1.jpg) repeat-x;
	height:45px;
	line-height:54px;
	color:#fff;	
	width:auto;
	text-align:left;
	float:none;
	margin:0;
	padding:0 0 0 17px;
	font-size:21px;
	font-weight:normal;
	overflow: hidden;
}
section.pagecontent h2 {
	color:#ba4d2e !important;
	font-size:19px;
}
section.pagecontent h3 {
	font-size:16px;
}
section.pagecontent h4 {
	font-size:16px;
}
/*Content Menu*/
section .menu {
	float: left;
	padding:10px 15px;
	width: 181px;
	position:relative;
}
section .menu a {
	font-weight: bold;
	color: #fff;
	font-size:16px;
	line-height: 22px;
	padding:6px 0 6px 12px;
	margin: 2px 0;
	display: block;
}
section .menu a:hover {
	color: #be502d;
	background: #f3f3f3;
} 
section .menu li {
	border-bottom: 1px solid #cecfd0;
	font-size: 13px;
	line-height: 38pt;
	font-family: helvetica;
}
section .menu li ul {
	position: absolute;
	display: block;
    left: -999em;
    background: url(images/sub_menu.png) top right repeat-y;    
    margin: 0 auto;
    padding: 8px 10px 0 35px;
    text-align: left;
    width: 251px;
	height:370px;
}
section .menu li:hover ul {
    left: 190px;
    top:0;
}
section .menu li ul li {
    border: none;
    display: block;
    position: relative;
    float: none;
}
.homepage section .preview {
	position: absolute;
	top: 0;
	right: 0;
	width: 445px;
	color:#fff;	
	padding:20px 15px;
	height: 100%;
	background: transparent url(images/hp_main_content_flyout_bg.png) repeat-y top right;
	display: none;
}

.homepage section .preview ul,
.homepage section .preview ol {
	margin:0 0 15px 15px;	
}
.homepage section .preview img.loading {
	margin:110px 0 0 160px;	
}
h3 a {
	font-size:17px;
	line-height:19px;
	font-style:normal;
}
/*  Footer  */
#footerwrapper {
	background: url(images/footer_bg.jpg) top center repeat-y;
	margin: 0 auto;
}
footer {
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
footer section {
	background:none;	
	min-height:0;
}
footer h2 {
	width: 400px;
	color: #f6f6f6;
	font-size: 13px;
	font-weight: bold;
}
footer section {
	padding-top:15px;
}
footer article.left {
	width: 470px;
	float: left;
}
footer nav ul {
	display: inline;
	width: 200px;
	float: left;
	clear: none;
	margin: 0 20px 0 0;
}
footer nav ul li {
	display: block;
	zoom: 1;
	*display: inline; 
	font-size: 13px;
	border-top: 1px dotted #f6f6f6;
}
footer nav ul li:last-child {
		border-bottom: 1px dotted #f6f6f6;
}
footer article.right {
	float: right;
	width:470px;
}
footer article.left li a,
footer nav.l2 ul.center_left li a {
	background: url(images/triangle.png) center left no-repeat;
	padding: 10px 0 9px 10px; 
	display:block;	
}
footer article.right li a,
footer nav.r1 ul.center_right li a {
	padding-left: 37px;
	background: url(images/paper.png) center left no-repeat;
	padding: 10px 0 9px 28px; 
	display:block;
}
footer nav a {
	color: #f6f6f6;
}
footer nav a:hover {
	color:#b50010;	
}
footer nav ul li {
}

footer p.courtesy {
	position: absolute;
	color: #222;
	font-size: 11px;
	top: 0;
	right: 0;
	text-shadow: 1px 1px 0 #aaa;
}
.copyright {
}
/*  Sidebars  */
section.pagecontent aside {
	width:219px;
	float:right;
	margin-top:15px;
	margin-right:15px;
}
section.pagecontent aside .widget_sp_image {
	margin-bottom:6px !important;
}
section.pagecontent aside .widget_sp_image img {
	border:1px solid #cacaca;
}
section.pagecontent aside .widget {
	margin-bottom:15px;
}
section.pagecontent aside .widget_nav_menu ul {
	margin:0;
	padding:0;
	width:219px;
}
section.pagecontent aside .widget_acg_subnav {
	margin-top:15px;
}
section.pagecontent aside .widget h2 {
	color:#7d7d7d;
	font-size:18px;
	margin-bottom:5px;
	font-weight:normal;
}
section.pagecontent aside li.widget_recent_posts_featured_image_author h2 {
	margin-bottom:17px;	
}
section.pagecontent aside li#widget_sp_image-2 a:hover {
	background:transparent url(images/pay_ticket_inactive.jpg) no-repeat;
}

aside div.widget_nav_menu {
	margin-bottom:15px;
	width:auto;
	overflow:hidden;
}
aside #acg_subnav li,
aside .widget_nav_menu li {
	display:block;
	padding:0 4px;
	margin:0;
	border-bottom:1px dotted #c3c3c3;
}
aside #acg_subnav li:hover,
aside .widget_nav_menu li:hover,
aside li.current-menu-item {
	background:#636363;
}
aside #acg_subnav a,
aside .widget_nav_menu a {
	background:transparent url(images/custom_menu_arrow_inactive.png) center left no-repeat;
	padding:2px 10px 0;
	display:block;
	color:#636363;
	font-size:12px;
	line-height:28px;
	margin:0;
}
aside #acg_subnav a.active,
aside #acg_subnav a:hover,
aside .widget_nav_menu a.active,
aside .widget_nav_menu a:hover,
aside li.current-menu-item a {
	background:transparent url(images/triangle.png) center left no-repeat;	
	color:#fff;
}
aside li.widget_post_content h2,
aside li.widget_post_content div {
	padding-left:10px;
}
aside li.widget_post_content div div {
	 padding-left:0;	
}
aside li.widget_post_content img {
	box-shadow:-2px -2px 2px #ABABAB, 2px 2px 2px #ABABAB, 2px 2px 2px #ABABAB, -2px -2px 2px #ABABAB, 2px 2px 2px #333333;
	border:4px solid #fff;
	margin-bottom:8px;
}
aside li.widget_post_content p.date {
	color:#969696;
	font-size:10px;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}
aside li.widget_post_content a {
	color:#2e72b3;
	font-size:13px;
}
aside li.widget_post_content a:hover {
	color:#c7654a;
}
aside li.widget_post_content h2 {
	margin-bottom:4px !important;
}
aside li.widget_post_content h2 a {
	color:#C3654B;
	font-size:18px;
}
aside #searchform {
	position:relative;
}
aside #searchform label {
	display:none;
}
aside #searchform input#s {
	width:217px;
	border:1px solid #c0c0c0;
	height:24px;
	color:#787677;
}
aside #searchform input#searchsubmit {
	background:transparent url(images/sidebar_search.jpg) no-repeat;
	width:20px;
	height:20px;
	border:none;
	position:absolute;
	right:5px;
	bottom:4px;
	font-size:0;
	cursor:pointer;
}
header #searchform input#searchsubmit:hover,
aside #searchform input#searchsubmit:hover {
	background:transparent url(images/search_hover.jpg) no-repeat;
}
/*  WP and clear styles  */
.navigation {
	padding-top:0px;
	overflow:hidden;	
}
.alignleft {
	float:left;
	text-align:left;
}
.alignright {
	float:right;
	text-align:right;
}
.alignright a:hover,
.alignleft a:hover {
}

/*Interior pages menu image widget*/
aside div.sidebar a.interior {
	display: block;
	height: 76px;
	width: 218px;
	background: url(images/interior_menu_bg.png);
	margin: 0 0 7px;
}

aside div.sidebar a.pay_ticket {
	background-position: left top;
}
aside div.sidebar a.pay_ticket:hover {
	background-position: right top;
} 
aside div.sidebar a.case_search {
	background-position: left bottom;
}
aside div.sidebar a.case_search:hover {
	background-position: right bottom;
}
/*  overrides  */
.gform_wrapper div.charleft {
	color:#000 !important;	
}
.post a:hover {
	text-decoration:underline;	
}
section.search h3,
section.archive h3 {
	margin-bottom:0;	
}
section.search small,
section.archive small {
	margin-bottom:10px;	
	display:block;
}
/*  Miscellaneous templage styles  */
span.query_result { 
	color:#C7654A;
	font-style:italic;
}

section.not_found {
	background:#fff;
}

section.not_found h2 {
	line-height: 46px;
	text-align: center;
	margin: 20px;
	font-size:30px;
	padding-top:110px;
}

.faqcategory {
	font-size: 12pt;
	margin-bottom: 10px;
}

.dcc_faq .faq {
	margin: 5px 0;
}

.dcc_faq .faq .question {
	font-weight: bold;
	background: #ddd;
	display: block;
	padding: 2px 5px;
}

.dcc_faq .answer {
	border: 1px solid #aaa;
	padding: 5px;
}

.dcc_faq .faq .question span.q,
.dcc_faq .faq .morebutton,
.dcc_faq .answer span.a {
	display: none;
}

#active_form p.waiting {
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	color: #444;
}

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:14px;
	line-height:17px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #C7654A;
}
 
.pagination a:hover {
	color:#fff;
	background: #444;
}
 
.pagination .current {
	padding:6px 9px 5px 9px;
	background: #000;
	color:#fff;
	font-weight: bold;
}

div.error {
	border: 1px solid red;
	background: white;
	height: 100px;
	overflow-x: scroll;
}

@media only screen and (max-device-width : 480px){
.mobileHide{
	display: none;
}
}