/*
Theme Name: Click It or Ticket
Theme URI: http://www.saltermitchell.com
Description: Click It or Ticket Florida website theme designed by Brittany Hince and built by Aldo De La Paz of <a href="http://www.saltermitchell.com">SalterMitchell.com</a>.
Version: 1.0
Author: Aldo De La Paz
Author URI: http://saltermitchell.com/
Tags: blue, ciot, gray, seatbelt, widget, county, custom, top nav, hidden

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed by Brittany Hince and built by Aldo De La Paz,
	whose information you will find at http://saltermitchell.com/

*/
div.accordion p{
	padding: 10px;
}

div.accordion ul{
	margin: 10px 20px;
	 font-size: 0.76em;
    line-height: 1.2em;
}
/*----- Undo Browser Defaults -----*/
* {
	margin:0;
	padding:0;
}

/*----- Set Global Styles -----*/
html, body { height:100%; color:#000; }
body {
	background:#fff url('images/bg.png') 0 0 repeat-x;
	font-family:helvetica, verdana, arial, tahoma, sans-serif;
}
h1, h2, h3 { margin-bottom:20px;line-height:1.2em; }
h1, h1 a { color:#000;text-decoration:none;text-transform:uppercase;line-height:1.2em; }
h2 { color:#005491;text-transform:uppercase;line-height:1.2em; }
h3 { color:#fff;font-size:0.9em;line-height:1.2em; }
h4 { color:#005491;font-size:0.76em;font-style:italic;margin-top:15px;line-height:1.2em; }
p { font-size:0.76em; line-height:1.2em; }
a { color:#000; line-height:1.2em; }
hr { display:none; line-height:1.2em; }

#page{
	position:relative;
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

/*----- Main Header -----*/
#header {
	margin:20px 0 35px;
	height:130px;
}
#logo {
	display:block;
	background:transparent url('images/logo.png') 0 0 no-repeat;
	width:220px;
	height:104px;
}

/*----- Main Navigation -----*/

img { behavior: url(iepngfix.htc) } /* iesucks */
#nav {
	position:absolute;
	top:45px;
	right:0;
}
#nav a {
	display:inline-block;
	text-decoration:none;
	width:0;
	font-family:Verdana, Tahoma, Arial, Sans;
	font-size:1em;
	color:#000;
	font-size:0px;
	overflow:hidden;
}
#nav li {
	margin-left:10px;
	list-style:none;
	float:left;
}
#nav #events {
	height:55px;
	padding-left:101px;
	background:transparent url('images/nav.png') -101px -120px no-repeat;
}
#nav #events:hover { background-position: 0 -120px; }
#nav #events_a {
	height:55px;
	padding-left:101px;
	background:transparent url('images/nav.png') 0 -120px no-repeat;
}
#nav #facts_and_stats {
	height:55px;
	padding-left:138px;
	background:transparent url('images/nav.png') no-repeat -138px -179px;
}
#nav #facts_and_stats:hover { background-position: 0 -179px; }
#nav #facts_and_stats_a {
	height:55px;
	padding-left:138px;
	background:transparent url('images/nav.png') no-repeat 0 -179px;
}
#nav #downloads {
	height:55px;
	padding-left:128px;
	background:transparent url('images/nav.png') -128px -60px no-repeat;
}
#nav #downloads:hover { background-position: 0 -60px; }
#nav #downloads_a {
	height:55px;
	padding-left:128px;
	background:transparent url('images/nav.png') 0 -60px no-repeat;
}
#nav #contacts {
	height:55px;
	padding-left:111px;
	background:transparent url('images/nav.png') -112px 0 no-repeat;
}
#nav #contacts:hover { background-position: 0 0; }
#nav #contacts_a {
	height:55px;
	padding-left:111px;
	background:transparent url('images/nav.png') 0 0 no-repeat;
}
#sites {
	position:absolute;
	top:10px;
	right:0;
}
#sites a {
	color:#97E3F8;
	text-decoration:none;
	font-size:0.6em;
	margin-right:20px;
	text-transform:uppercase;
}
#sites a:hover {
	text-decoration:underline;
}

/*----- Main Content -----*/
#main {
	position:relative;
	margin-top:15px;
}
.narrowcolumn {
	float:left;
	width:580px;
}
.headline {
	float:left;
	width:330px;
}
.postmetadata, .nocomments { display:none; }

#content.home{
	 float: left;
    width: 600px;
}
#counter {
	position:relative;
	float:right;
	/* width:523px; */
	height:253px;
	/* background:transparent url('images/counter_bg.png') 0 0 no-repeat; */
}
#counter h2 { margin: 20px 0 10px 20px; }
#counter p { margin-left: 20px; }
#counter_info { width:230px; }
#counter select {
	width:200px;
	margin: 10px 0 0 20px;
}
#ticket_map {
	position:absolute;
	top:17px;
	right:14px;
}
.box {
	position:relative;
	float:left;
	width:277px;
	min-height:350px;
	background:transparent url('images/box_bg.png') 0 0 no-repeat;
	border:1px solid #999;
	margin:50px 30px 30px 0;
}
.box h3 {
	margin:3px 0 15px 10px;
	padding:4px 0 5px 30px;
	text-transform:uppercase;
	min-height:25px;
}
#facts {
	background:transparent url('images/facts_icn.png') 0 0 no-repeat;
}
#down {
	background:transparent url('images/down_icn.png') 0 3px no-repeat;
}
#event {
	background:transparent url('images/event_icn.png') 0 0 no-repeat;
}
.box li {
	font-size:0.76em;
	margin: 0 10px 5px 35px;
	list-style:none;
	list-style-image:url('images/bullet.png');
}
.box li:first-child {
	margin-right: 30px;
}
#dwn_fix li { margin-bottom:20px; }
#last { margin-right:0; }
#last li { margin-bottom:20px; }
.more {
	position:absolute;
	right:10px;
	bottom:10px;
	background:transparent url('images/more.png') 0 0 no-repeat;
	width:80px;
	 height: 16px;
    padding-top: 4px;
	color:#fff;
	font-size:0.73em;
	text-decoration:none;
	text-align:center;
	
}
.more:hover {
	background:transparent url('images/more.png') 0 -20px no-repeat;
}
#photos {
	position:absolute;
	right:-30px;
	top:5px;
	width:72px;
	height:72px;
	background:transparent url('images/photos_icon.png') 0 0 no-repeat;
}
.widget { list-style:none; }
.contacts_column {
	float:left;
	width: 450px;
	margin-bottom:30px;
}
.documentpost {
	display:block;
	clear:both;
	margin:10px 0;
	padding:10px;
}
.documentpost.even {
	border:1px solid #eee;
}

.documentpost h3, .documentpost p {
	clear:right;
	float:right;
}

.documentpost h3 a {
	color:#005491;
	font-size:18px;
	text-decoration:none;
	text-transform:none;
}

.downloadslist h2, .accordion h2 {
	font-size:20px;
	padding:6px 10px;
	color:#000;
	background-color:#ddd;
}
.pdf {
	float:right;
	margin:10px;
	background:transparent url('images/pdf.png') 0 0 no-repeat;
	width:119px;
	height:20px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
	text-transform:uppercase;
}
.espanol {
	float:right;
	margin: 0 10px;
	background:transparent url('images/espanol.png') 0 0 no-repeat;
	width:95px;
	height:20px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
	clear:both;
	text-transform:uppercase;
}

/*----- Sidebar -----*/

#sidebar {
	float:right;
	width:240px;
	padding:15px;
	margin-right:15px;
	background-color:#C9EAF8;
}

#sidebar ul {
	list-style:none;
}

#sidebar p {
	font-size:14px;
	margin-bottom:10px;
}

#sidebar a {
	color:#005491;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

#sidebar a:hover {
	text-decoration:underline;
}

/*----- Footer -----*/
#footer {
	background: #231f20 url('images/footer_bg.png') 0 0 repeat-x;
	position:relative;
	float:left;
	bottom:0;
	display:block;
	width:100%;
	min-height:68px;
	height:68px;
	color:#fff;
}
.footer, .push {
	height: 4.2em;
}
#footer_content {
	position:relative;
	margin:auto;
	width:900px;
	padding-top:20px;
	font-size:0.75em;
}
#share {
	position:absolute;
	top:20px;
	right:0;
	color:#fff;
	font-weight:bold;
}
#share a {
	color:#fff;
	text-decoration:none;
}
#twitter { background:transparent url('images/twitter.png') 0 0 no-repeat; }
#facebook { background:transparent url('images/facebook.png') 0 0 no-repeat; }


/* ---- General ---- */

/* accordion header */
.accordion {
	border:2px solid #999;
	margin-bottom:40px;
}
.accordion h2 {
	cursor:pointer;
	font-size:16px;
	background-color:#999;
	color:#eee !important;
	text-transform:none !important;
	margin-bottom:4px !important;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
}

/* accordion pane */
.accordion .pane {
	border-width:0 2px;
	display:none;
	padding:15px;
	font-size:12px;
}

/* a title inside pane */
.accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
}
#cite_pdf {
	position:absolute;
	left:20px;
	top:145px;
	font-size:10px;
	color:#005592;
}

