/*
Theme Name: KAT Services
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/



/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
strong {
	font-weight:bold;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
	font-family: 'Rationale', sans-serif;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html {
	font-size:100%;
	min-height:101%;
}
body {
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	background: url(/images/bg.png) center top repeat-x #fff;
	color:#333333;
	padding:0;
	margin:0;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
p {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line {
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter {
	float:left;
	font-size:2em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1 {
	color:#ccc;
	font-size:28px;
	text-shadow: 1px 1px 2px #666;
	margin-bottom:1em;
}
h2 {
	color:#293d84;
	font-size:25px;
	line-height:1em;
	margin-bottom:1em;
}
h3 {
	color:#293d84;
	font-size:1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
	font-variant:small-caps;
}
h4 {
	color:#293d84;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5 {
	color:#293d84;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6 {
	color:#293d84;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
a {
	color:#000;
}
a:hover {
	text-decoration:none;
}
h1 a {
	color:#000;
}
h1 a:hover {
	text-decoration:none;
}
li a {
	color:#884891;
}
li a:hover {
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p {
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite {
	font-style:normal;
}
.generic strong {
	font-variant:small-caps;
}
.generic em {
	font-style:italic;
	font-weight:inherit;
}
.amp { /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr {
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.right-float { /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float { /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code { /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img {
}
img.left-img { /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img { /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul {
	margin-bottom:1.4em;
	list-style:square inside;
}
ul li {
	font-size:1.0em;
}
ul li.caption { /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
li > ul, li > ol {
	margin-bottom:0;
	margin-left:5em;
}
li > ul li, li > ol li {
	font-size:1em;
}
ol {
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li {
	font-size:1.2em;
	line-height:1.5em;
}
/*--------------------Global Image--------------------*/  
a img {
	border: none;
}
/*------Transitions-------*/
*:link, *:visited, *:hover, *:active, *:focus {
	-webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
	transition: color .25s linear, background-color .25s linear, border-color .25s linear;
	-moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
	transition: color .25s linear, background-color .25s linear, border-color .25s linear;
	-o-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
	transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}
/*--------------------Global Horizontal Rule--------------------*/  
hr {
	height: 1px;
	border: none;
	background: #000;
}
/*--------------------Alignments--------------------*/  
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin: 0 auto;
}
.align-left {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 20px 5px 0px;
}
.align-right {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 8px;
}
/*--------------------Sites Styling ACTUAL--------------------*/  
.clear {	display: block;	clear: both;	height: 0;	overflow: hidden;}

.container {width:999px; margin:0 auto;}
.top {clear:both; width:999px; height:134px; }

.logo {float:left; width:524px; height:134px;}
.phone {float:left; width:475px; height:54px; text-align:right; color:#fff; font-size:28px; padding-top:80px;}

.flash {position:relative; z-index:20; width:996px; height:294px; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; -webkit-box-shadow: #333 4px 4px 4px;-moz-box-shadow: #333 4px 4px 4px; box-shadow: #333 4px 4px 4px; background:url(/images/flash.jpg) center top no-repeat;}
.flash2 {position:relative; z-index:20; width:996px; height:204px; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; -webkit-box-shadow: #333 4px 4px 4px;-moz-box-shadow: #333 4px 4px 4px; box-shadow: #333 4px 4px 4px; background:url(/images/flash.jpg) center top no-repeat;}


.navigation {position:relative; z-index:10; margin-top:-15px; width:996px; height:75px; background:url(/images/nav-bg.png) center bottom repeat-x; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;background-color:#000000;-webkit-box-shadow: #333 4px 4px 4px;-moz-box-shadow: #333 4px 4px 4px; box-shadow: #333 4px 4px 4px;}

.content {float:left; width:660px; padding:20px;}
.sidebar {float:left; font-family: 'Rationale', sans-serif; width:250px; margin:30px 0 20px 40px;; background:#333333; border:2px solid #999;  -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; -webkit-box-shadow: #828282 4px 4px 4px;-moz-box-shadow: #828282 4px 4px 4px; box-shadow: #828282 4px 4px 4px; color:#fff; }
.sidebar h2 {color:#fff; padding:15px 20px; margin-bottom:0;}
.sidebar ul {list-style:none; margin:0 20px 20px 20px; font-size:23px;}

.footer {width:999px; clear:both; height:99px; background:#333; -webkit-border-radius: 13px 13px 0px 0px;-moz-border-radius: 13px 13px 0px 0px;border-radius: 13px 13px 0px 0px; color:#fff; text-align:center; padding-top:20px;}
.footer a {color:#fff; text-decoration:none; font-weight:bold;}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	margin: 0 auto;
	width: 996px;
}
#access .menu-header, div.menu {
	font-size: 19px;
	margin-left: 10px;
	width: 986px;
	 font-family: 'Rationale', sans-serif; 
}
#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li, div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 90px;
	padding: 0 25px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a, #access ul ul :hover > a {
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	color: #fff;
		background: url(/images/nav-active.png) center bottom repeat-x; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;background-color:#000000;-webkit-box-shadow: #333 4px 4px 4px;-moz-box-shadow: #333 4px 4px 4px; box-shadow: #333 4px 4px 4px;

}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
	color: #fff;
		background: url(/images/nav-active.png) center bottom repeat-x; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;background-color:#000000;-webkit-box-shadow: #333 4px 4px 4px;-moz-box-shadow: #333 4px 4px 4px; box-shadow: #333 4px 4px 4px;

}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb, .category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility {
	padding-top: 4px;
}
/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}
/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link, .widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active, .widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}






/* =Print Style
-------------------------------------------------------------- */

@media print {
body {
	background: none !important;
}
#wrapper {
	clear: both !important;
	display: block !important;
	float: none !important;
	position: relative !important;
}
#header {
	border-bottom: 2pt solid #000;
	padding-bottom: 18pt;
}
#colophon {
	border-top: 2pt solid #000;
}
#site-title,  #site-description {
	float: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#site-title {
	font-size: 13pt;
}
.entry-content {
	font-size: 14pt;
	line-height: 1.6em;
}
.entry-title {
	font-size: 21pt;
}
#access,  #branding img,  #respond,  .comment-edit-link,  .edit-link,  .navigation,  .page-link,  .widget-area {
	display: none !important;
}
#container,  #header,  #content,  .one-column #content {
	margin: 24pt 0 0;
	width: 100%;
}
.wp-caption p {
	font-size: 11pt;
}
#site-info,  #site-generator {
	float: none;
	width: auto;
}
#colophon {
	width: auto;
}
img#wpstats {
	display: none;
}
#site-generator a {
	margin: 0;
	padding: 0;
}
#entry-author-info {
	border: 1px solid #e7e7e7;
}
#main {
	display: inline;
}
.home .sticky {
	border: none;
}
}