/*
Theme Name:Key Group
Theme URI:http://www.keypropertiesuk.com
Description:Key Group Theme. 
Author:Stuart Elliott
Author URI:http://www.keypropertiesuk.com
Version:1.0
Tags: blue, custom header, fixed width, two columns, widgets
*/


/************************************************************************** HTML RESET **********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
*{margin:0;padding:0;}

/************************************************************************** HTML ELEMENTS **********************************************************************/
body{font-size:14px;font-family:Arial, Helvetica, sans-serif; line-height:21px;background:url(images/backgrounds/body_bg.png) repeat top left #323232 !important;color:#ABABAB;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0.5em 0;}
h1, h2, h3, h4, h5, h6, strong{color:#FFF;font-weight:normal;}
h1, .componentheading{font-size:1.7em;}
h2, .contentheading{font-size:1.5em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;font-weight:bold;}
hr{color:#333;border-top:1px solid #333;border-bottom:1px solid #000;border-left:none;border-right:none;margin:0 10px 5px 10px;padding:0;}
strong{font-weight:bold;}
a{color:#FF7000;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
li, dd{margin-left:1em;}

/************************************************************************** FORM SECTION **********************************************************************/
label{font-weight:bold;font-size:1.1em;}
fieldset{padding:0;margin:10px 0;padding:10px;}
legend{font-weight:bold;font-size:1.2em;color:#FFF;}
input[type=text], input[type=password],input.text, input.title, textarea{background-color:#fff; border:1px solid #BBB;}
textarea {overflow-x:hidden;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus,textarea:focus{border:1px solid #FF7700;background-color: #FFFFCC;
-moz-box-shadow: 0 0 10px #FF7700;-webkit-box-shadow: 0 0 10px #FF7700;box-shadow: 0 0 10px #FF7700;}
select#access{height:60px;}
option{padding-right:10px;}
input[type=text], input[type=password], input.text, input.title, textarea, select{padding:2px;}
input[type=radio]{}
input[type=checkbox]{}
input.text, input.title{width:300px;padding:5px;}
input.title{font-size:1.5em;}
form.inline{line-height:3;}
form.inline p{margin-bottom:0;}
.inputbox {margin-right:5px;}
.largeTextBox { width:210px;}
.smallTextBox {width:131px;}
.smallSelectBox { width:75px;}
.largeSelectBox { width:216px;}
.largeTextArea { width:210px; font-family:Arial, Helvetica, sans-serif;}

/* -- Validation -- */
.error,.alert,.notice,.success, .info{padding:0.8em;margin-bottom:1em;border:2px solid #ddd; font-weight:bold;}
.error, .alert{background:#FF9F9F;color:#8a1f11;border-color:#fbc2c4;}
.notice{background:#FFFCCC;color:#514721;border-color:#ffd324;}
.success{background:#B8F5B1;color:#264409;border-color:#c6d880;}
.info{background:#6CF;color:#205791;border-color:#92cae4;}
.error a, .alert a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}
.info a{color:#205791;}
.required {color: #FF0000; font-weight: bold;}

/************************************************************************** SPRITES SECTION **********************************************************************/
.spriteMaster, #socialLinksUl li, ul.toolbar_navigation li, .KpButton, button, #headerLogoBg, #footerTagLineBg, .icon, .step1, .step2, .step3, #toolsPanel li{background-image:url(images/sprites/sprite-master.png);background-repeat:no-repeat;background-color:transparent;}
.spriteXBg, #header, #breadcrumbs, #content, #footer, .KpButton2, .pageNav a, .readMore{background-image:url(images/sprites/sprite-repeat-x.png);background-repeat:no-repeat;background-color:transparent;}
.spriteYBg{background-image:url(images/sprites/sprite-repeat-y.png);background-repeat:no-repeat;background-color:transparent;}

/************************************************************************** PAGE LAYOUT **********************************************************************/
#wrapper{ margin:25px auto 65px auto;background:#111;border-width:1px 2px 2px 1px;border-style:solid;border-color:#000;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}

/* -- Header -- */
#header{height:100px;background-position:0 0;background-repeat:repeat-x;}
#headerLogo{margin-top:15px;}
#headerLogoBg{background-position:-5px -5px;width:345px;height:45px;margin:10px 0 0 7px;}
#headerLogo a{display:block;height:60px;}

/* -- Navigation -- */
#navigation{margin-top:35px;}
#navigation li{ float:left;margin-left:0;margin-right:1.3em;color:#FFF;font-size:18px; line-height:30px; list-style-type:none;}
#navigation li ul{ display:none;}
#navigation li.page-item-39{ padding-left:55px;}
#navigation a:link, #navigation a:visited{color:#FFF;}
#navigation a:active, #navigation .current_page_item a{color:#FF7000;}
#navigation a:hover, #navigation .current_page_item a{color:#FF7000;text-decoration:none;}

/* -- Bread Crumbs -- */
#breadcrumbs{height:40px;background-position:0 -125px;background-repeat:repeat-x;}
.breadcrumbs{margin:9px 0 0 10px;font-size:1.2em;color:#FFF;display:block;}
.moduletableSocial{margin:0;padding:0;}
#socialLinksUl{padding-right:12px;}
#socialLinksUl li{float:right;display:inline;margin:0 3px 0 4px;height:28px;width:29px;}
#socialLinksUl li a{display:block;height:28px;width:29px;}
li#socialTwitter{background-position:-136px -87px;}
li#socialTwitter:hover{background-position:-136px -125px;}
li#socialFacebook{background-position:-174px -87px;}
li#socialFacebook:hover{background-position:-174px -125px;}
li#socialLinkedIn{background-position:-213px -87px;}
li#socialLinkedIn:hover{background-position:-213px -125px;}
li#socialRss{background-position:-252px -87px;}
li#socialRss:hover{background-position:-252px -125px;}
li#socialTwitter:hover, li#socialFacebook:hover, li#socialLinkedIn:hover, li#socialRss:hover{cursor:pointer;}

/* -- Content -- */
#content{background-position:0 -185px;background-repeat:repeat-x;padding-top:40px;padding-bottom:10px;min-height:400px;}
#contentInner{background-color:#111;min-height:500px;}
#mainInner{}

/* -- Footer -- */
#footer{height:100px;background-position:0 -310px;background-repeat:repeat-x;border-top:1px solid #000;margin-top:25px;}
#footerLinks{margin-top:32px;line-height:1.3em;}
#footerLinks, #footerLinks a{color:#666;}
#footerLinks a:link, #footerLinks a:visited{text-decoration:underline;}
#footerLinks a:hover, #footerLinks a:active{text-decoration:none;}
#footerTagLine{margin-top:42px;}
#footerTagLineBg{float:right;margin-right:10px;width:220px;height:17px;background-position:-5px -60px;}
#footer, .small, .createdate, .modifydate, .mosimage_caption{font-size:0.8em;color:#999;}

/************************************************************************** USER INTERFACE **********************************************************************/
/* -- Pagination -- */
.pageNav{ padding: 15px; margin:10px 0; float:left; width:95.5%;}
.pageNav p{ margin:0; color:#333;}
.pageNav a{ display: inline-block; height: 20px; max-width: 300px; overflow: hidden;}

/* -- Buttons -- */
.KpButton2, ul.pagination li, .pagenav, .readMore, .pageNav a{margin:3px;background-position:-0px -650px;background-repeat:repeat-x;padding:5px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:1px solid #000; cursor:default; color:#FFF;}
.KpButton2:hover, li.paginationLiActive:hover, a.pagenav:hover, .readMore:hover, .pageNav a:hover{background-position:-0px -690px;cursor:pointer;color:#FF7700; text-decoration:none;}
button, .KpButton{color:#333;width:92px;height:24px;display:inline;text-align:center;background-position:-4px -153px;border-style:none;cursor:pointer;padding-bottom:3px;}
button:hover, .KpButton:hover{background-position:-4px -185px;color:#FFF; cursor:pointer;}

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { 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; }
.alignright { float: right; }
.alignleft { float: left; }

/* -- Tool Buttons -- */
#toolsPanel{margin-top:1px;}
#toolsPanel .column{width:230px;}
#toolsPanel ul{margin-top:0;}
#toolsPanel li{background-position:-4px -217px;width:217px;height:47px;margin:0 0 10px 0;}
#toolsPanel li:hover{background-position:-5px -273px;}
#toolsPanel li a, .toolsPanelLink{display:block;height:22px;padding:10px;text-decoration:none;width:200px;font-size:1.2em;color:#FFF;}

/* -- Icons -- */
.icon{width:16px;height:16px;display:block;float:left;margin:0 10px 0 5px;}
.icon.tick{background-position:-381px -5px;}
.icon.add{background-position:-381px -30px;}
.icon.heart{background-position:-381px -56px;}
.icon.save{background-position:-381px -82px;}
.icon.calendar{background-position:-381px -108px;}
.icon.friend{background-position:-381px -134px;}
.icon.phone{background-position:-381px -160px;}
.icon.sms{background-position:-381px -186px;}
.icon.cross{background-position:-407px -5px;}
.icon.company{background-position:-407px -30px;}
.icon.email{background-position:-407px -56px;}
.icon.pdf{background-position:-407px -82px;}
.icon.print{background-position:-407px -108px;}
.icon.back{background-position:-407px -134px;}
.icon.mobile{background-position:-407px -160px;}
.icon.chat{background-position:-407px -186px;}
.icon.fax{background-position:-433px -5px;}
.icon.web{background-position:-433px -30px;}
.icon.blogSite{background-position:-433px -56px;}
.icon.skype{background-position:-433px -82px;}
.icon.yahoo{background-position:-433px -108px;}
.icon.linkedIn{background-position:-433px -134px;}
.icon.ICQ{background-position:-433px -160px;}
.icon.rss{background-position:-433px -186px;}
.icon.emailUpdate{background-position:-460px -5px;}
.icon.existingTenant{background-position:-460px -30px;}
.icon.question{background-position:-460px -56px;}
.icon.form{background-position:-460px -82px;}
.icon.lettingProcess{background-position:-460px -108px;}
.icon.map{background-position:-460px -134px;}
.icon.news{background-position:-460px -160px;}
.icon.privacy{background-position:-460px -186px;}
.icon.house{background-position:-486px -5px;}
.icon.rentingProcess{background-position:-486px -30px;}
.icon.services{background-position:-486px -56px;}
.icon.money{background-position:-486px -82px;}
.icon.tips{background-position:-486px -108px;}
.icon.wanted{background-position:-486px -134px;}
.icon.sitemap{background-position:-486px -160px;}
.icon.terms{background-position:-486px -186px;}
.icon.unsubscribe{background-position:-512px -5px;}
.icon.link{background-position:-512px -30px;}
.step1, .step2, .step3{width:28px;height:28px;margin-right:10px;}
.step1{background-position:-136px -163px;}
.step2{background-position:-174px -163px;}
.step3{background-position:-213px -163px;}

/* -- CSS3 Backgrounds -- */
.background1, .post, .postSmall, .widget, .comments, .pageNav, .pageTitle{background:#161616; border:1px solid #000;}

/* -- Page Loading Spinner -- */
.spinner{position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-50px;text-align:center;z-index:1234;width:250px;height:102px;background:#333;border:2px solid #000;-moz-box-shadow:0px 0px 10px #FF7700;-webkit-box-shadow:0px 0px 10px #FF7700;box-shadow:0px 0px 10px #FF7700;}

/* -- Misc Classes -- */
.odd {background:#222;}
.none{display:none;}
.column{float:left;display:block;}
.row{float:left;display:inline;width:100%;}
.orange{color:#FF7700;}

/* -- Grid Layout -- */
.container_12{margin-left:auto;margin-right:auto;width:960px;}
.alpha{margin-left:0 !important;}
.omega{margin-right:0 !important;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_12{display:inline;float:left;position:relative;margin-left:10px;
margin-right:10px;}
.grid_1{width:60px;}
.grid_2{width:140px;}
.grid_3{width:220px;}
.grid_4{width:300px;}
.grid_5{width:380px;}
.grid_6{width:460px;}
.grid_7{width:540px;}
.grid_8{width:620px;}
.grid_9{width:700px;}
.grid_10{width:780px;}
.grid_11{width:860px;}
.grid_12{width:940px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* -- IE6 Browser Message -- */
.ie6Message{background: none repeat scroll 0 0 #FFFF99;border: 2px solid #000000;bottom: 10px;color: #111111;font-weight: bold;left: 50%; margin-left: -410px; padding: 10px;
position: fixed;text-align: center;width: 800px;z-index: 1234;}


/*********************************************************************** WP ELEMENTS *****************************************************************************/

/* Sidebar Structure */
#sidebar { }
#sidebar h2 { font-size: 1.2em; padding-bottom:5px; }
#sidebar form { margin: 0; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 5px; border-bottom:1px dashed #333; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
#sidebar .widget { margin: 0 0 15px 0;}
#sidebar .widget_rss li a { color:#FFF;}

/*Jargon Buster*/
.jargon_item h2 { padding-bottom:5px; border-bottom:1px solid #111111;}
#jargonList{list-style:none;float:left;width:500px;margin-bottom:20px; !important}
#jargonList li{float:left;display:inline;border:2px solid #222;margin:2px 2px;text-align:center; !important}
#jargonList li a{list-style:none;line-height:30px;display:block;width:30px;height:30px;color:#F60;text-decoration:none; !important}

/* List Elements */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
ol li, #sidebar ul ol li { list-style: decimal outside; }

/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }

/* WP Elements and Classes */
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
.clear { clear: both; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alt { border-left: 1px solid #222; }

/* Post Structure */
.post, .widget, .comments, .pageTitle { padding:15px;}
.pageTitle{margin-bottom:10px;}
.pageTitle h2 { margin:0;}
.post { float:left; margin: 0 0 10px 0; text-align: left; }
.entry {padding:10px 0;}
.post-edit-link {}
.post hr { display: block; }
.postmetadata { clear: both; }

.postSmall { float:left; margin: 0 0 15px 0; text-align:left; width:99.7%;}
.postSmall hr { display: block; }
.postHead {padding:0 0 10px 0;}
.postHead h2, .post h2 {margin:0px; line-height:28px;}
.postHead h2 a{color:#FFF;}
.postHead h2 a:hover{color:#FF7700; text-decoration:none;}
.postContent { padding:10px 15px;}
.postThumb{ float: left; display: block;width:175px; padding-top:7px;}
.postThumb img { padding:2px; background:#DDD; border:1px solid #CCC; max-width:150px;}
.postTextSmall, .postTextLarge{ float:left;}
.postTextSmall{ width:490px;}
.postTextLarge{ width:100%;}
.postFooter { height:20px; padding:15px 0 5px 0;}
.postFooter p { margin:0;}
.postMeta{ float:left;}
.postReadMore{ float:right;}

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
.sticky { padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
.thread-alt { }
.thread-even { }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #111; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
/* End Various Tags & Classes*/

/* Comments Style */
.comments { margin:10px 0; float:left; width:95.5%;}
.commentlist { float:left;}
.commentlist li { font-weight: bold; margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li.odd{ background:222;}
.commentlist li.even{}
.commentlist li ul li { font-size: 1em;  margin-right: -5px; margin-left: 10px; }

.commentUser{ float:left; width:345px;}
.commentUser .avatar{ float:left; border:2px solid #444; margin:0 10px 0 0;}
.commentUser cite, .commentlist cite a { float:left; margin: 7px 5px 0 0; font-weight: bold; font-style: normal;}
.commentUser span{ float:left; margin:7px 0 0 0; clear:right;}

.commentMeta{ float: right; text-align: right; width: 300px;}
.commentMeta a { margin: 0; display: block; margin:7px 5px 0 0;}
.commentText{ float:left; width:600px; margin:10px 0 10px 45px;}
.commentlist p { font-weight: normal; margin-bottom:3px;}
.commentReply{ float:left;}
#respond {float:left; width:100%; margin:10px 0;}

#commentform { margin: 5px 10px 0 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { height: 75px; padding: 5px; width: 450px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; }
#commentform #submit { margin: 0 0 5px auto; float: right; }

.alt { margin: 0; padding: 0 10px; }
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }


/* Calendar Structure */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar caption { text-align: center; width: 100%; font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.addtoany_share_save_container{ margin:15px 0 0 0 !important;}
