/*  
Theme Name: Kapiti Technologies Ltd
Theme URI: http://www.kaptek.co.nz/
Description: Designed by <a href="http://www.kaptek.co.nz">Aaron G. - Kapiti Technologies</a>.
Version: 0.1
Author: Aaron G. - Kapiti Technologies
Author URI: http://www.kaptek.co.nz/
*/

* {margin: 0; padding: 0;}
body { background: #fff; font-family: 'segoe ui',tahoma,'Lucida Sans Unicode', Verdana, Helvetica, sans-serif; font-size: 0.8em; color: #32393d; }
html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #218dd1; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #218dd1; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #218dd1; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #cc0000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.border-1 {border: 1px solid #ccc;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

table.details { }
table.details th {text-align: left; font-weight: normal; width: 100px; padding: 2px 0px;}
table.details td {width: 250px; border-bottom: 1px dotted #999; color: #a00; padding: 2px;}

.wp-table-reloaded td {width: 350px; border-bottom: 1px dotted #999; color: #a00; padding: 2px;}
.wp-table-reloaded td.column-1 {text-align: left; font-weight: normal; width: 150px; padding: 2px 0px; border: 0px; color: #000;}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select { padding: 4px; }

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body #ktwrap {height: auto; min-height: 100%; width: 100%; background: url(images/web_head.jpg) no-repeat 50% -230px;}
body #kthead {height: 81px;}
body #search-box {background: url(images/search_box_internal.png) no-repeat;}
body #remote-support {color: #eee;}
body #remote-support a {color: #fff;}

#ktcontent {height: 100%; padding-bottom: 50px; width: 960px; margin: 0px auto;}


body.home #ktwrap {height: auto; min-height: 100%; width: 100%; background: url(images/web_head.jpg) no-repeat 50% 0;}
body.home #ktwrap #kthead {height: 311px;}
body.home #search-box {background: url(images/search_box.png) no-repeat;}
body.home #remote-support {color: #003045;}
body.home #remote-support a {color: #a00000;}

#ktbar {background: url(images/menu_under.png) no-repeat; height: 48px;}
#ktbody {background: url(images/body_back.jpg) no-repeat; min-height: 400px; padding: 28px;}

#search-box {float: right; width: 220px; height: 56px; margin: 0px;}
#search-box #s-text {float: left; margin-top: 17px; margin-left: 34px; width: 144px; background: none; border: 0px; padding: 2px; font-size: 11px; color: #666;}
#search-box #s-go {float: right; margin-top: 13px; margin-right: 10px; height: 25px; width: 23px; color: transparent;}
#remote-support {text-align: center; margin-top: 46px; font-size: 11px;}
#remote-support a {font-weight: bold;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0px; padding: 0px 0px 0px 4px;}
ul.dropdown {position: relative; z-index: 597; float: right; list-style: none; line-height: 30px;}
ul.dropdown li {float: left; zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {top: 0px; left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}
ul.dropdown li {line-height: 25px; vertical-align: middle; font-size: 11px;}
ul.dropdown li.hover, ul.dropdown li:hover { }
ul.dropdown a:link, ul.dropdown a:visited {color: #003045; text-decoration: none;}
ul.dropdown a:hover {color: #ffffff; text-decoration: none; background-color: #01081b;}
ul.dropdown ul {width: 160px; background-color: #01081b; background-image: url(images/drop_back1.gif); color: #ffffff; padding: 0px; border-bottom: 1px solid #01081b;}
ul.dropdown ul li {background-color: transparent; color: #fff;}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {background-color: transparent;}
ul.dropdown ul a:link, ul.dropdown ul a:visited {color: #6dc6e7; padding-left: 10px;}
ul.dropdown ul a:hover {color: #fff; text-decoration: none;}
ul.dropdown ul a:active {color: #fff;}
ul.dropdown li a {display: block; padding: 0px 10px;}
ul.dropdown li {padding: 0;}
ul.dropdown li.dir {padding-right: 16px;}
ul.dropdown li a.title {width: 150px; margin: 0px 0px 0px 6px; font-weight: bold; border-bottom: 1px dotted #aaa;}
ul.dropdown li a.title:hover { background: transparent; }
ul.dropdown li {}
ul.dropdown ul a {padding: 0px;}
ul.dropdown ul a:hover {background-color: #000000; color: #fff;}
ul.dropdown a.open {background-color: #fff; color: #003045;}
ul.dropdown ul a.open {background-color: #76b900; color: #fff;}
ul.dropdown li:hover > a.dir {background-color: #01081b; color: #fff;}
ul.dropdown ul li:hover > a.dir {background-color: #01081b; color: #fff;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**/ * html .Header { height: 80px;} /* */ 
.Header { background: #fff; width: 535px; position: relative; clear: left; padding: 0px 0px 0px 30px; min-height:80px; margin-left: 15px;}
.Header h1 { font-size: 26px; line-height: 26px; letter-spacing: -2px; padding: 27px 5px 0px 0px; margin: 0px; font-weight: bold; }
.Header h1 a { color:#ff3300; text-decoration: none; }
.Header h1 a:visited { color:#ff3300; text-decoration: none; }
.Header h1 a:hover { color:#ff3300; text-decoration: none; }
.Header .Desc { color:#8f8f8f; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 0px;}


/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { position: absolute; top: 45px; right: -400px; width: 170px;}
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 0px 0px 1px 15px; list-style-type: none; font-size: 10px; color:#25252b;}
.Syn li a { color:#25252b; font-size: 10px; text-decoration: underline; }
.Syn li a:visited { color:#25252b; font-size: 10px; text-decoration: underline; }
.Syn li a:hover { color:#25252b; font-size: 10px; text-decoration: underline; }

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 664px; float: left; padding: 0px 25px 0px 0px;}
.SCS h1 { font-size: 20px; font-weight: normal; color: #003045; letter-spacing: -1px; padding: 0px 0px 8px 0px; }
.SCS h2 { font-size: 17px; font-weight: normal; letter-spacing: -1px;}
.SCS h3 { font-size: 14px; font-weight: normal; }
.SCS h3 { font-size: 13px; font-weight: normal; }
.SCS h3 { font-size: 12px; font-weight: bold; }
.SCS h3 { font-size: 11px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
/*.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }*/
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 664px; float: left; padding: 0px 25px 0px 0px;}
.pagetitle { font-size: 16px; font-weight: normal; letter-spacing: -1px; border-bottom: 1px dotted #ccc; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; color: #777;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 0px 0px 20px 0px; position: relative; clear: left;}
.PostHead h1 { font-size: 20px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 8px 0px; margin: 0px; color: #003045;}
.PostHead h1 a { color: #003045; text-decoration: none;}
.PostHead h1 a:hover { color: #218DD1; text-decoration: none;}
.PostHead ul { padding: 0px; margin: 0px 0px 12px 0px;}
.PostHead li { padding: 4px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color: #999; font-size: 10px; } 
.PostHead li a { color:#8a98a2; text-decoration: underline; }
.PostHead li a:visited { color:#8a98a2; text-decoration: underline;}
.PostHead li a:hover { color:#8a98a2; text-decoration: underline;}

.PostContent { padding: 5px 0px 5px 0px; font-size: 12px; line-height: 17px; color:#444640;}
.PostContent h2 {font-weight: normal; font-size: 17px; margin: 20px 0px 8px 0px; letter-spacing: -1px;}
.PostContent h3 {font-weight: normal; font-size: 14px; margin: 20px 0px 8px 0px; }
.PostContent h4 {font-weight: normal; font-size: 13px; margin: 20px 0px 8px 0px; }
.PostContent h5 {font-weight: bold; font-size: 12px; margin: 20px 0px 8px 0px; }
.PostContent h6 {font-weight: bold; font-size: 11px; margin: 20px 0px 8px 0px; }
.PostContent p { color:#444640; font-size: 14px; line-height: 22px; padding-bottom: 12px; }
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 14px; line-height: 17px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: underline;}

.PostDet { padding: 10px 0px 20px 0px; border-bottom: 1px dotted #ccc;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color: #999; font-size: 10px; } 
.PostDet li a { text-decoration: underline; color:#ff3300;} 
.PostDet li a:visited { text-decoration: underline; color:#ff3300;} 
.PostDet li a:hover { text-decoration: underline; color:#990000;} 

.PostCom { background: url(images/PostCom.png) no-repeat left center; }
.PostAuthor { background: url(images/PostAuthor.png) no-repeat left center; }
.PostCateg { background: url(images/PostCateg.png) no-repeat left center; }
.PostTime { background: url(images/PostTime.png) no-repeat left center; }

.clearer {}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 1px 0px 1px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a {}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav {padding: 4px 0px;}
.Nav a { padding: 4px 6px 4px 6px; border: solid 1px #ccc; font-size: 10px; }
.Nav a:hover { border: solid 1px #000; background: #fff; text-decoration: none; }
.Nav span { color: #666; font-size: 10px; }
.Nav .on { padding: 4px 6px 4px 6px; border: solid 1px #ccc; background: #eee; color:#cc0000; font-size: 10px;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#cc0000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#cc0000; letter-spacing: -1px; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;}
.Comments .List li p { font-size: 11px; line-height: 15px; padding: 5px 0px; margin: 0px; color:#484c4f;}
.Comments .List li blockquote { padding: 0px; margin: 0px; color:#666666;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
.Comments .List li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; }
.Comments .List li ul { padding: 5px 0px; margin: 0px; }
.Comments .List li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }


/**/ * html .Comments .List .ListGrav { left: 0px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 0px;}
.Comments .List .ListGrav img { background: #fff; padding: 1px; border: solid 1px #ccc;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 35px; font-size: 11px; line-height: 14px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#7e7e7e; padding: 0px 0px 10px 35px; margin: 0px; border-bottom: solid 1px #ccc; display: block; }
.Comments .List small a { color:#7e7e7e; text-decoration: none; }
.Comments .List small a:visited { color:#7e7e7e; text-decoration: none; }
.Comments .List small a:hover { color:#7e7e7e; text-decoration: none; }

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { background: #f1f0ea url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 664px; height: 10px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#663300; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #c6c4b5; padding: 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #c6c4b5; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 215px; float: right; } 
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 14px; letter-spacing: normal; font-weight: normal;}

/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRL { width: 215px; float: left; padding: 5px 5px 5px 0px; color:#fff;}
.SRL h3 { color:#ffffcc; padding: 5px 0px 5px 0px; margin: 0px; text-transform: uppercase; font-size: 14px; color:#666; letter-spacing: -1px;}
.SRL p { color:#fff; font-size: 11px;}

/* Panel SRL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Panel { position: relative; margin-bottom: 5px; padding: 10px 10px 10px 10px;  color:#333; font-size: 11px;}
.Panel ul { margin: 0px; padding: 0px;}
.Panel ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; }
.Panel ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul li a:hover { background: #ffffff url(images/CategLi.png) no-repeat left top; display: block; text-decoration: none;}
.Panel ul ul li { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: solid 1px #e1f3fa;}
.Panel ul ul li a { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
.Panel ul ul li a:visited { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
.Panel ul ul li a:hover { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
.Panel h3 { margin: 0px; }
.Panel p { color:#333; font-size: 11px;}


/* Panel Blue +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PBlue { background: #e1f3fa; border-top: solid 10px #c7e5f1;}
.PBlue ul { border-top: solid 1px #c7e5f1;}
.PBlue ul li { border-bottom: solid 1px #c7e5f1;}
.PBlue ul li a { color:#336699;}
.PBlue ul li a:visited { color:#336699; }
.PBlue ul li a:hover { color:#003366;}
.PBlue ul ul li { border-bottom: solid 1px #e1f3fa;}

/* Panel Yellow +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PYellow { background: #faf4e1; border-top: solid 10px #ebe3c8;}
.PYellow ul { border-top: solid 1px #ebe3c8;}
.PYellow ul li { border-bottom: solid 1px #ebe3c8;}
.PYellow ul li a { color:#cc6600;}
.PYellow ul li a:visited { color:#cc6600; }
.PYellow ul li a:hover { color:#993300;}
.PYellow ul ul li { border-bottom: solid 1px #faf4e1;}

/* Panel Pink +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PPink { background: #f2e2d5; border-top: solid 10px #e4cab5;}
.PPink ul { border-top: solid 1px #e4cab5;}
.PPink ul li { border-bottom: solid 1px #e4cab5;}
.PPink ul li a { color:#993333;}
.PPink ul li a:visited { color:#993333; }
.PPink ul li a:hover { color:#660000;}
.PPink ul ul li { border-bottom: solid 1px #f2e2d5;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { background: #fff url(images/Footer.gif) no-repeat left bottom; width: 505px; position: relative; clear: left; padding: 15px 30px 15px 30px; margin: 0px 0px 0px 15px;}
.Footer p { font-size: 10px; color:#8a8a93; padding: 0px; margin: 0px; }
.Footer a { color:#8a8a93; text-decoration: underline;}
.Footer a:visited { color:#8a8a93; text-decoration: underline;}
.Footer a:hover { color:#8a8a93; text-decoration: underline;}