/* @override http://cityofkaty.com/wordpress/wp-content/themes/katy/style.css */

/* @override http://localhost:8888/tgt/katy.com/wp-content/themes/katy/style.css */

/* @override http://cityofkaty.com/wordpress/wp-content/themes/katy/style.css */

/* @override http://localhost:8888/katy.com/wp-content/themes/katy/style.css */

/* @override http://192.168.10.103:8888/katy.com/wp-content/themes/katy/style.css */

/*
Theme Name: Katy, TX
Theme URI: http://
Description: Custom theme for the municipality of Katy, TX
Version: 1.0
Author: Tom Jenkins
Author URI: http://tgtdesign.com/
Tags:
*/

/**********************/
/* Reset all Browsers */
/**********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }

/************************/
/* Globals for the site */
/************************/
body { font-size:12px; font-family: Tahoma, Geneva, Verdana, sans-serif; text-align:left; vertical-align:top; background:#132142; /*background-attachment: fixed;*/  color:#17274a; }
ol {list-style-type:decimal; padding-left:30px;}
ul {list-style-type:disc; padding-left:30px;}
a { text-decoration:none; color:#ba091d; font-weight: bold; }
a:hover { text-decoration:none; }
a img { border:0px; }
p { padding:0; margin:0 0 10px 0; }
blockquote { margin:10px 0px 0px 0px; border-top:2px solid #ddd; background:#f5f5f5; clear:both; }
blockquote p { padding:10px; }
blockquote blockquote { float:none; width:auto; margin:0 10px; background:#fff; }
form, input, textarea { font-family:arial, helvetica, sans-serif; font-size:12px; }
p img { max-width:100%; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 9px; line-height: 15px; }
big { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 25px; }
em { font-style: italic; }
strong { font-weight: bold; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignleft { float:left; }
.alignright { float:right; }
.clear { margin:0; padding:0; clear:both; }
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; }
.rounded_top { -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; }
.rounded_bottom { -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }
.red { color:#ba091d; }
#rule { width:639px; height:14px; border:none; background-image:url(images/rule.gif); margin:10px 0; clear:both; }
#rule hr { display:none; }

/********************/
/* Heading Elements */
/********************/
h1, h2, h3, h4, h5, h6 { color: #576a95; }
h1 { font-size:36px; margin-bottom:18px; }
h2 { font-size:30px; margin-bottom:25px;}
h3 { font-size:24px; margin-bottom:12px;}
h4 { font-size:20px; margin-bottom:10px; }
h5 { font-size:16px; margin-bottom:8px; }
h6 { font-size:12px; margin-bottom:6px; }

/**********************************/
/* Start elements specific design */
/**********************************/
#wrapper { margin: 0 auto; width: 937px; position:relative; }

/*******************/
/* Header elements */
/*******************/
#header {  width: 937px; z-index:2; }
#head_left { background:url(images/head_left.png) no-repeat top left; float:left; height:103px; width:26px;}
#head_image { background-image:url(images/header.png); background-position:top left; background-repeat:no-repeat; width:884px; height:103px; float:left; position:relative; }
#home_link { width:550px; height:80px; display:block; margin-top:-50px;}
#search_nav { position:absolute; top:8px; right:-20px; font-size:11px; color:#d40214; width:335px; }
#search_nav ul { padding-left:0; list-style-type:none; float:left; margin-top:2px; margin-right:2px; }
#search_nav li { display:inline; }
#search_nav a { color:#f7efd2; font-weight:normal; }
#head_right { background:url(images/head_right.png) no-repeat top left; float:left; height:103px; width:26px;}
#head_image h1 { margin-left: -9000px; }
#header_bottom { width:936px; height:163px; float:left; }
#head_title { margin-top:-126px; Width:377px; height:126px; display:block; }
#sub_image { margin-left:30px; margin-top:25px; }
.home_page { height: 17px; margin-left:2px; }

/***************/
/* Search Form */
/***************/
#searchform { float:left; }
#searchform label { display:none; }
#searchform input[type="text"] { background-color:#8c94a7; border:none; -moz-box-shadow: inset 2px 2px 5px #363f59; -webkit-box-shadow: inset 2px 2px 5px #363f59; padding:3px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; }
#searchsubmit { float:right; margin:1px 0 0 2px; }

/*******************/
/* Navigation Menu */
/*******************/
.menu { clear: both; background: url(images/nav.png) top left no-repeat; height:43px; width:937px; }
.menu ul { list-style-type: none; padding-left: 0px; position:relative; }
.menu li { float: left; zoom:1; position:relative; }
.menu a { display: block; color:#fff; font-weight:normal; }
.menu a[title="Government"] { width:118px; height:43px; text-indent:-9999px; }
.menu a[title="Departments"] { width:125px; height:43px; text-indent:-9999px; }
.menu a[title="City Services"] { width:80px; height:43px; text-indent:-9999px; }
.menu a[title="Visit Us"] { width:85px; height:43px; text-indent:-9999px; }
.menu a[title="History of Katy"] { margin-left:125px; width:80px; height:43px; text-indent:-9999px; }
.menu a[title="Our Community"] { width:117px; height:43px; text-indent:-9999px; }
.menu a[title="Calendars"] { width:95px; height:43px; text-indent:-9999px; }
.menu a[title="How Do I?"] { width:110px; height:43px; text-indent:-9999px; }
.menu li ul { position:absolute; display:none; top:43px; left:0px; z-index:100; }
.menu li.page-item-9 ul { left:125px; }
.menu li:hover ul {	display: block; border:1px solid #576a95; }
.menu li:hover ul ul { display:none; }
.menu li li { float: none; background-color:#697aa0; display:block; }
.menu li li a {	margin: 0; display: block; height:30px; width:190px; padding-top:7px; padding-left:7px; }
.menu li li:hover { background-color:#7888aa; }
.menu li li a:hover { border-bottom:1px solid #576a95; height:29px; }
.menu li ul ul { display:none; top:0; left:100%; }
.menu li ul li:hover ul { display:block; }
.menu li ul li:hover ul ul { display:none; }
.menu li ul ul li:hover ul { display:block; }
.menu_pointer { background:url(images/menu_pointer.png) no-repeat top right; }

/******************/
/* Content Blocks */
/******************/
#footer, #teasers, #header_bottom { background:url(images/middle_bg.png) repeat #f1ebd2; }
#content { overflow:hidden;float:left; width:936px; background:url(images/sidebar.jpg) repeat-y; }
#blog_posts { width: 636px; margin-left: 30px; padding-right: 15px; float:left;  }
#sub_head_image { margin:12px 0 13px 25px; float:left; overflow:hidden; }
.post { margin-bottom:25px; }
.pagetitle { }
.entry { overflow:hidden; }
.postmetadata { }
.page_links { float:right; }
.navigation { }

/*************/
/* Home Page */
/*************/
#home_content { margin-top:15px; float:left; zoom:1; _height:0; overflow:hidden; }
#home_content h3 { font-size:16px; margin-bottom:0px; }
#background { background:url(images/home_back.png) no-repeat top left; width:937px; height:603px; margin-top:13px; float:left; }
#main_content { margin-top:-13px; }
#border_top { width:871px; height:34px; background-image:url(images/home_frame_top.png); margin-left:34px; }
#border_left { width:12px; height:417px; margin-left:34px; float:left; background-image:url(images/home_frame_left.gif); }
#teasers { float:left; width:846px; height:417px; }
#column_1, #column_2 { float:left; padding:8px 19px 0; }
#column_1 {  width:384px; }
#column_2 { width: 383px; }
.tease_post { margin-top:15px; float:left; }
.tease_post h3 { margin-bottom:5px; }
.tease_post p { margin-bottom:10px; margin-top:8px; line-height:16px; }
#hr { border:none; background:url(images/small_divider.png) no-repeat; height:14px; width:316px; clear:both; margin-left:20px; }
#divider { width:3px; min-height:394px; background:url(images/vertical_dot.png) repeat-y; float:left; }
#town_head { margin-top:15px; }
#video_space { margin:10px 0; width:391px; }
#love_katy { margin-left:34px; margin-top:10px; }
#border_right { width:12px; height:417px; float:left; background-image:url(images/home_frame_right.gif); }
#border_bottom { width:871px; height:11px; margin-left:34px; float:left; background-image:url(images/home_frame_bottom.gif); }
#subcolumn_1, #subcolumn_2 { float:left; color:#ffffff; width:380px; }
#subcolumn_1 { margin:15px 0 0 60px; }
#subcolumn_2 { margin:15px 0 0 55px; }
#subcolumn_1 p, #subcolumn_2 p { margin-bottom:10px; }
#door, #girl { border:solid 1px #000000; padding:0; }
#how, #explore { margin-bottom:10px; }
#launch { cursor:pointer; }
.newListSelected { background:url(images/select_box.png) no-repeat; width:189px; height:17px; color:#17274a; float:left; padding:3px; }
.newList { padding-left:0; list-style-type:none; background-color:#f1ebd2; overflow:hidden;  -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }
.newList li { padding:3px; }

/*******************/
/* Gallery Overlay */
/*******************/
#launch_tour { display:none; width:630px; height:639px; margin:-100px auto; background:url(images/picture-tour.png) no-repeat; }
.close { position:absolute; right:25px; top:95px; cursor:pointer; height:33px; width:37px; }
/*#slide_left { background-image:url(images/slideshow_left.png); height:88px; width:24px; float:left; }
#slide_head { background-image:url(images/slideshow_header.gif); height:88px; width:574px; float:left; }
#slide_right { background-image:url(images/slideshow_right.png); height:88px; width:24px; float:left; }
#slide_subhead { background-image:url(images/slideshow_subhead.png); height:40px; width:622px; float:left; }
#slide_position { width:572px; padding:5px 25px; background-image:url(images/middle_bg.png); float:left; }*/
#slide_content { width:552px; height:500px; overflow:hidden; position:relative; clear:both; margin:130px 0 0 30px; }
.prevPage, .nextPage { cursor:pointer; width:62px; height:16px; }
.prevPage { margin-left:215px; }
#slide_content div { float:left; display:block; width:552px; } 
#slide_content .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; margin-top:20px; left:0; } 
.slide_image { max-width:552px; max-height:410px; }
/*#slide_footer { background-image:url(images/slideshow_footer.png); height:34px; width:622px; float:left; }*/

/****************/
/* Comment Area */
/****************/
#comment_block { }
#commentform { }
#commentform textarea { padding:2px; width:100%; }

/***********/
/* Sidebar */
/***********/
#sidebar { float:left; width:225px; margin-left:15px;}
#sidebar h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#17274a; font-size:18px; font-weight:bold; margin-bottom:15px; }
#sidebar ul { list-style-type:none; padding-left:0; }
#sidebar ul ul { padding-left:10px; }
#sidebar ul.list li a { margin-bottom:10px; display:block;}
#sidebar ul.list ul { padding-left:0; }
.widget { margin-bottom:15px; }
.katy_announcement { width:215px; }
.katy_announcement img {  float:left; }
.katy_announcement p { background:url(images/announce_bg.gif) repeat-y top left; color:#f1ebd2; padding:0 15px; font-weight:bold; margin:0; }

/**********/
/* Footer */
/**********/
#footer { clear:both; float:left; overflow:hidden; padding:25px 0 15px; width:936px; }
#footer p { color:#f1ebd2; text-align:center; }
#footer a { color:#fff; font-weight:normal; }
.home_footer {   }
#sub_footer { background-image:url(images/home_footer.png); width:846px; height:68px; margin:0 0 0 47px; float:left; }
.footer_contact { margin-top:10px; }
.footer_legal { font-size:10px; margin-top:20px; }