@charset "utf-8";
@import url("gsearch.css");
/* Defaults */
* { margin:0; padding:0 }
body { background-color:black; font-family:Arial, Helvetica, sans-serif; color:white; }

/*Street View Background */
body, html, #map_canvas, #map_overlay { width:100%; height:100%; }
#map_overlay { position:absolute; top:0; left:0; overflow:hidden; z-index:500; }
#map_user { position:absolute; top:0; left:0; z-index:600; width:100%; overflow:hidden; }
#uLabel { color:#bbbbbb; font-size:20px; font-weight:bold; font-family:"Courier New", Courier, monospace; width:98%; margin:5% 0 0 0; text-align:right; padding-right:2% }
#uLabel span { background-color:black; padding:5px; margin-right:5px; }
#content_overlay { position:absolute; top:0; left:0; width:100%; z-index:900; }
#altFlash { background-color:black; position:absolute; position:fixed; height:2em; top:0; left:0; width:100%; }

/*Branding*/
#cctvMan { position:absolute; top:45%; right:5%; z-index:800; }
#header { width:100%; }
#KALogo { width:515px; padding:20px 0 0 10px; height:62px; }

/*Primary Elements*/
h1 { background-image:url(../images/KALogo.png); height:62px; }/*IR*/
h1 span, h2 span { margin-left: -3000em; }/*IR*/
h2.video { background-image:url(../images/Video.gif); height:13px; width:81px; }/*IR*/
h2.videoPlayer { background-image:url(../images/VideoPlayer.gif); height:13px; width:148px; }/*IR*/
h2.audio { background-image:url(../images/Audio.gif); height:13px; width:51px; }/*IR*/
h2.buzz { background-image:url(../images/BlogBuzz.gif); height:13px; width:93px; }/*IR*/
h2.buzzArchive { background-image:url(../images/BlogBuzzArchive.gif); height:13px; width:170px; }/*IR*/
h2.blog { background-image:url(../images/KABlogNews.gif); height:13px; width:150px; }/*IR*/
h2.blogArchive { background-image:url(../images/KABlogNewsArchive.gif); height:13px; width:228px; }/*IR*/
h2.signup { background-image:url(../images/Signup.gif); height:13px; width:97px; }/*IR*/
h2.twitter { background-image:url(../images/TwitterFeed.gif); height:13px; width:65px; }/*IR*/
h2.comments { background-image:url(../images/Comments.gif); height:13px; width:178px; }/*IR*/
h2.vComments { background-image:url(../images/VideoComments.gif); height:13px; width:181px; }/*IR*/
h2 { font-size:16px; margin:0 0 20px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
h3 { font-size:14px; font-weight:normal; }
.moreLink a { font-size:12px; color:white; text-decoration:none; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
.moreLink a:hover { text-decoration:underline; }

/*General Page Layout*/
#contentWrap { width:100%; margin:0 0 0; overflow:hidden; }

/*Content Areas*/
.col { float:left; margin-left:10px; background-image:url(../images/SmlTrans.png); margin-bottom:20px; border-bottom:1px solid #333; }
.innerCol { border-top:1px solid #333; padding:20px; }
.innerCol.first { border-top:1px solid white; }
.innerCol.last { border-top:none; }

/*YouTube Video Bar*/
#videoChannel { width: 400px; overflow:hidden; text-align:left; margin:0; }
#videoChannel #youTube { outline:none; }

/*Buzz List*/
#blogSearch { width:250px; }
#blogSearchResults ul { color:white; font-size:12px; list-style:none; }
#blogSearchResults ul li { margin-bottom:10px; }
#blogSearchResults ul li a { color:#9a9b9d; text-decoration:none; text-transform:capitalize; }
#blogSearchResults ul li a:hover { text-decoration:underline; }

/*KA Blog*/
#kaBlog { width:400px; }
#kaBlog .entry { width:341px; margin-bottom:20px; overflow:hidden; }
#kaBlog .excerpt { float:left; width:306px; }
#kaBlog .date { float:left; width:35px; line-height:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:center; }
#kaBlog .month { display:block; width:35px; font-size:12px; text-transform:lowercase; }
#kaBlog .day { display:block; width:35px; font-size:18px; }
#kaBlog p { margin:5px 0; font-size:12px; color:#b6985e; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
#kaBlog h3 a { color:white; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#kaBlog h3 a:hover { text-decoration:underline; }
#kaBlog span a { font-size:11px; color:white; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }
#kaBlog span a:hover { text-decoration:underline; }
#kaBlogPost { margin-bottom:20px; }
#kaBlogPost h2 { text-transform:capitalize; font-size:20px; font-weight:normal; color:#b6985e; margin:15px 0 0; }
#kaBlogPost #postDate { font-size:12px; line-height:14px; font-family:Tahoma, Geneva, sans-serif; }
#kaBlogPost p#postBody { margin:10px 0 0 0; font-size:14px; color:#9a9b9d; line-height:24px; }
#kaBlogPost p#postBody object { margin:20px 0; display:block; }

/*Blog Comments*/
#videoComments, #blogComments { margin:30px 0; }
.commentsBar { font-size:11px; color:#9a9b9d; }
.commentsBar a { color:#9a9b9d; text-decoration:none }
.commentsBar a:hover { color:white; text-decoration:underline; }
#comments { border-bottom:1px solid #333; }
#comments .commentEntry { margin:10px 0; }
#comments .commentAuthor { font-size:14px; color:#B6985E; }
#comments .commentAuthor strong { }
#comments .commentEntry p { margin:0; color:#9A9B9D; font-size:12px; }
#comments .commentDate { font-size:12px; color:#9a9b9d; }
#commentForm { margin-top:20px; }
#commentForm h3 { text-transform:uppercase; font-size:16px; }
#commentForm p { margin:10px 0; color:white; }
#commentForm p a { color:white; }
#commentForm textarea { border:none; }

/*Twitter*/
#twitter { width:200px; }
#twitter ul { list-style-type: none; }
#twitter ul li { color:#b6985e; font-size: 12px; margin-bottom: 10px; }
#twitter ul li a { color:#b6985e; text-decoration:none; }
#twitter ul li a:hover { color:white; text-decoration:none; }
#twitter ul li .tweetDate { display:block; color:white; }

/*Login*/
body.login { font:11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; background-color:#c0c0c0; color:black; background-image:url(../images/AltFlash.jpg); }
body.login form { margin-left:8px; padding:16px 16px 40px 16px; font-weight:normal; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; background:#fff; border:1px solid #e5e5e5;  -moz-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px; -webkit-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px; -khtml-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px; box-shadow:rgba(200, 200, 200, 1) 0 4px 18px; }

#backNav { position:absolute; top:0; left:0; background-color:#363636; height:30px; width:100%; }
#backNav a { text-decoration:none; display:block; padding:8px 0 0 15px; color:#8c8c8c; }
#backNav a:hover { text-decoration:underline; }

form .forgetmenot label { font-size:11px; line-height:19px; }
form .submit, .alignright { float:right; }
form p { margin-bottom:20px; }

#login { width:320px; margin:7em auto; }
#login form p { margin-bottom:0; }
#login a { color:white; }
#login_error, .message { margin:0 0 16px 8px; border-width:1px; border-style:solid; padding:12px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.updated, .login .message, #login_error { background-color:#FFFFE0; border-color:#E6DB55; }

#login  p.privPol {  }
#login  p.privPol a { color:black; }

#reg_passmail { color:black; }

#nav { margin:0 0 0 8px; padding:16px; color:white; }
#nav a { color:white; text-decoration:none; }
#nav a:hover { text-decoration:underline; } 
#user_pass, #user_login, #user_email { font-size:24px; width:97%; padding:3px; margin-top:2px; margin-right:6px; margin-bottom:10px; border:1px solid #e5e5e5; background:#fbfbfb; }

label { color:#777; font-size:13px; }
#login label a { color:#777; }
.button-primary { font-family:"Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; padding:3px 10px; border:none; font-size:12px; border-width:1px; border-style:solid; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px; }
select option { padding-right:15px; }
input, select { color:#555; }
.checkbox { margin:10px 0; }
.clear { clear:both; }
.wpcfinput { margin-bottom:10px; font-size:20px; }

/*KA Signup*/
#signUp { width:100px; }
#signUp h3 { margin-top:10px; }
#signUp h3 a { color:white; font-size:14px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
#signUp h3 a:hover { text-decoration:underline }
#signUp ul { font-size:12px; list-style:none; overflow:hidden; }
#signUp ul li { float:left; }
#signUp ul li a { color:#b6985e; text-decoration:none }
#signUp ul li a:hover { text-decoration:underline }

/*Social Links*/
#socialLinks { width:100px; }
#socialLinks ul { list-style:none; }
#socialLinks ul li { margin:0 0 10px; }
#socialLinks ul li a img { border:none; }

/*Signup Form*/
#signupForm { width:500px; }
#formcontainer .invalid { background-color:#FFFF99; }
#formcontainer #errorDisplay { color:#FF0033; }
#formcontainer #errorDisplay ul { list-style-type:none; margin:0px; padding:0px; }
#formcontainer a { color: #b6985e; text-decoration:underline; }
#formcontainer a:hover { color: #FFF; text-decoration:underline; }
#formcontainer .footer { font-size:0.8em; margin-top:5px; }
#formcontainer .mainText p { margin-bottom:10px; font-size:12px; color:#b6985e; }
#formcontainer p { margin:0px 0px 10px 0px; font-size:12px; color:#b6985e; }
#formcontainer input, #formcontainer select { font-size:12px; margin:0px; }
#formcontainer #formBox { border: 1px solid #676767; padding:10px; width:380px; background-color:black; }
#formcontainer .formObject { clear:both; margin-bottom:10px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#9a9b9d; overflow:hidden; }
#formcontainer .formObject .submitObject { background-color:black; color:white; border:1px solid #676767; margin-top:10px; padding:3px; }
#formcontainer .formObject .submitObjectHov { background-color:white; color:black; }
#formcontainer .formObject .labelName { width:140px; float:left; text-align:right; margin-right:10px; }
#formcontainer .formObject .labelCheck { width:300px; float:left; }
#formcontainer .formObject .inputObject select { padding:2px; border: 1px solid #9a9b9d; }
#formcontainer .formObject .inputObject option { padding-right:10px; }
#formcontainer .formObject .inputObject .textfield { width:170px; padding:2px; border: 1px solid #9a9b9d; }
#formcontainer .formObject .inputObject .marginright { margin-right:2px; }
#formcontainer .formObject a { text-decoration:underline; }
#formcontainer .formObject .footer { color:#9a9b9d; }
#formcontainer a.FBConnectButton { color:white; }

/*UI*/
#mainNav { float:left; margin:0 0 20px 0px; overflow:hidden; }
#mainNav ul { list-style:none; }
#mainNav ul li { height:13px; line-height:0; }
#mainNav ul li img { border:none; }
#mainNav ul li a:hover { opacity:0.5; filter:alpha(opacity=50); }
#locationBar { width:100%; padding:5px 0; overflow:hidden; }
#locationBar a { text-decoration:none; text-transform:uppercase; padding:2px 4px; background-color:black; color:white; font-size:12px; border:1px solid #676767; cursor:pointer; white-space:nowrap; }
#locationBar a:hover { background-color:white; color:black; }
#locationBar .button { cursor:pointer; }
.formGroup { border-right:1px solid #b9b9b9; float:right; padding:0 10px;  }
.button, .field { font-size:11px; padding:3px; border: none; }
.label { font-size:11px; padding:2px; color:#b5b5b5; }
.button { background-color:black; color:#b9b9b9; text-transform:uppercase; }
.hl { color:white; }
.hov { background-color:white; color:black; }
.field { color:#b5b5b5; border:1px solid #4d4d4d; background-color:#121212; }
 
 /*IPHONE */
 @media screen and (max-device-width: 480px) {
 body {
-webkit-text-size-adjust:none;
font-family:Helvetica, Arial, Verdana, sans-serif;
}
#contentWrap {
width:100%;
margin:30px 0 0;
overflow:hidden;
}
 h1 {
background-image:url(../images/iPhone/KALogo.png);
height:51px;
}/*IR*/
 h1 span {
margin-left: -3000em;
}/*IR*/
 h2 {
margin:0 0 20px 0;
}
 #KALogo {
width:100%;
height:51px;
padding:20px 0 0 0;
}
 #cctvMan {
position:absolute;
top:60px;
left:100px;
z-index:1;
}
 .col {
width:290px;
clear:both;
}
 .innerCol {
padding:20px 0;
border:none;
}
 .innerCol.first {
border-top:none;
}
 #blogSearch, #kaBlog, #twitter, #signUp, #videoChannel, #videoPlayer, #kaBlogPost {
width:100%;
}
 #kaBlog .entry {
width:200px;
}
 #kaBlog .excerpt {
width:170px;
}
}