/*
Theme Name: Koolkat
Theme URI: http://www.koolkatwebdesigns.com/
Description: Custom Theme for Kool Kat Web Designs
Version: 1.0
Author: Merrill M. Mayer
Author URI: http://www.koolkatwebdesigns.com/
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,F
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
  	vertical-align: baseline;
}
html,body{
height:100%;
}

body{
 background:#a3a3a3 url(images/body-bg.jpg) repeat-x;
  color:#474747;
  line-height:1;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:62.5%;  
}
code {
	font-family:"Courier New", Courier, monospace;
	font-size:smaller;
}
hr {
margin-bottom:10px;
}
small {
font-size:smaller;
color:#A65A00;
}

h1, h2 {font-family:Verdana, Arial, Helvetica, sans-serif;}
#respond {
font-weight:bold;
margin-bottom:5px;
}
.postmetadata small {
margin-left:0;
}
.entry {
margin-left:145px;
}
.entry p, .entrytext p
{
  margin-top:5px;
  margin-bottom:20px;
	clear:left;
}
.pagetitle {
font-weight:bold;
margin-bottom:10px;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
#searchsubmit {
vertical-align:middle;
}
#maincontent h2 {
margin-bottom:5px;
margin-left:25px;
}
.entrytext h2 {
margin-bottom:5px;
margin-top:5px;
color:#0297E9;
}
#maincontent form p {
margin-left:0;
margin-top:5px;
}
#maincontent .contact {
margin-bottom:0;
padding-bottom:0;
}
#commentform p {
margin-bottom:5px;
}
#sidebar {
width:230px;
float:right;
margin-top:20px;
margin-bottom:20px;
}
#sidebar ul{
list-style:none;
}
#sidebar h2{
margin-bottom:5px;
margin-top:10px;
color:#A65A00;
font-weight:bold;
}
#sidebar a {
font-weight:normal;
}
#content {
    font-size:120%;
	float: left;
    margin-top:20px;
	padding: 0 20px 40px 0;
	width: 650px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 610px;

} 
#content .post h2{
padding-top:20px;
margin-bottom:5px;
}
#content .navigation {
margin-bottom:20px;
}
#content .postdate{
float:left;
width:60px;
background:#0297e9;
color: #ffffff;
padding:5px;
margin-left:65px;
text-align:center;
font-weight:bold;
}
#content .postcontainer{
margin-left:10px;
margin-bottom:20px;
float:left;

}
html>body #content {
	width: 610px;

}



* html #content {
	overflow: hidden;

	/* So IE won't break things */

}
#maincontent h1 {
font-size:1.2em;
margin-bottom:10px;
margin-left:25px;
color:#0297E9;
}
#maincontent p {
line-height:1.2em;
margin-bottom:10px;
margin-left:25px;
margin-right:20px;

}
#maincontent ul, #maincontent ol, #maincontent form
{
  margin-left:25px;
}
ul#homepage, ul#faq2{
list-style:inside;
}
ul#homepage li, ul#faq2 li{
line-height:1.2em;
margin-bottom:10px;
}
ul#faq2 li p, ul#homepage li p {
color:#474747;
margin-left:15px;
}
ul#faq2 li span {
color:#A65A00;
}

p#intro {
font-size:larger;
}
a, a:link, a:visited, a:active{
color: #10357C;
-webkit-transition: color 1s linear;
-moz-transition: color 1s linear;
-o-transition: color 1s linear;
transition: color 1s linear;
text-decoration:none;
}
a:hover, a:focus {
text-decoration:underline;
color:rgba(16, 53, 124, .8);
}

p.download {
background: url(images/download.png) no-repeat;
padding-bottom:20px;
height:40px;
}
p.download span a{margin-left:40px;}
#toplinks {
width:450px;
z-index:500;
position:absolute;
left:505px;
padding-top:5px;
}
#toplinks p{
height:30px;
 }
#toplinks p span{
padding-top:5px;
 }
#toplinks a {
  padding-left:5px;
}
#toplinks a img{
  vertical-align:middle;
}
#toplinks #searchform {
width:180px;
display:inline;
margin-left:5px;
}
#toplinks #searchform label{
font-weight:bold;
}
#toplinks #searchform #search{
vertical-align:middle;
}
 #quote {
 background:url(images/quote.jpg) no-repeat;
 height:30px;
 float:right;
 width:78px;
 margin-right:10px;
 }
 #quote:hover, #quote:focus {
 background-position:0 -30px;
 }
#leftnav {
 background: url(images/nav-bg.gif) repeat-x;
 height:75px;
}
#rightnav {
position:relative;
left:480px;
background:url(images/nav-right-bg.gif) repeat-x;
height:150px;
width:100%;
top:-2px;
}
#rightnav.moveup {
top:-16px;
}
#wrap {
/*fixed width container*/
position:relative;
margin:0px auto;
width:975px;
font-size:1.4em; 


}
#header {
 height:150px;
 background: url(images/koolkatwebdesigns-logo.jpg) no-repeat;
 z-index:200;
 
}
#header h1{
 text-indent:-99999px;
 padding:1px; /*ie7 and ie7 */
 
}
#header h1 a{
 display:block;
  height:150px;
  width:250px;
  position:absolute;
  top:0px;
 outline:none;
 z-index:500;
}
#menu {
height: 35px;
z-index: 1000;
width: 600px;
margin-left:500px;
margin-top:-112px;
}
#menu.moveup {
margin-top:-126px;
}
#menu ul {
 background:url(images/menu.jpg) no-repeat top left;
 height: 35px;
 position:relative;
 list-style:none;

 }
 
 #menu li {
 height:35px;
 position:absolute;

}
#menu li a {
display:block;
height:35px;
outline:none;
}
#menu li.page-item-89, #menu li.page-item-89-current{  left:0; width:58px;}
#menu li.page-item-114, #menu li.page-item-114-current{  left:58px;  width:78px;  }
#menu li.page-item-112, #menu li.page-item-112-current{  left:138px;  width:86px;}
#menu li.page-item-2, #menu li.page-item-2-current{  left:225px;  width:66px;}
#menu li.page-item-108, #menu li.page-item-108-current{  left:292px;  width:63px;}
#menu li.page-item-5, #menu li.page-item-5-current{  left:355px;  width:100px;}
#menu li.page-item-89-current, #menu li.page-item-89 a:hover, #menu li.page-item-89 a:focus{background: url(images/menu.jpg)  0 -35px no-repeat; }
#menu li.page-item-114-current, #menu li.page-item-114 a:hover, #menu li.page-item-114 a:focus{background: url(images/menu.jpg)  -58px -35px no-repeat; }
#menu li.page-item-112-current, #menu li.page-item-112 a:hover, #menu li.page-item-112 a:focus{background: url(images/menu.jpg)  -138px -35px no-repeat; }
#menu li.page-item-2-current, #menu li.page-item-2 a:hover, #menu li.page-item-2 a:focus{background: url(images/menu.jpg)  -225px -35px no-repeat; }
#menu li.page-item-108-current, #menu li.page-item-108 a:hover, #menu li.page-item-108 a:focus{background: url(images/menu.jpg)  -292px -35px no-repeat; }
#menu li.page-item-5-current, #menu li.page-item-5 a:hover, #menu li.page-item-5 a:focus{background: url(images/menu.jpg)  -355px -35px no-repeat; }
/*for javascript effects*/
.menu-page-item-89 {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 35px;
    background: url(images/menu.jpg)  0 -35px no-repeat;
}
.menu-page-item-114 {
    position: absolute;
    top: 0;
    left: 58px;
    width: 78px;
    height: 35px;
    background: url(images/menu.jpg)  -58px -35px no-repeat;
}
.menu-page-item-112 {
    position: absolute;
    top: 0;
    left: 138px;
    width: 86px;
    height: 35px;
    background: url(images/menu.jpg)  -138px -35px no-repeat;
}
.menu-page-item-2 {
    position: absolute;
    top: 0;
    left: 225px;
    width: 66px;
    height: 35px;
    background: url(images/menu.jpg)  -225px -35px no-repeat;
}
.menu-page-item-108 {
    position: absolute;
    top: 0;
    left: 292px;
    width: 63px;
    height: 35px;
    background: url(images/menu.jpg)  -292px -35px no-repeat;
}
.menu-page-item-5 {
    position: absolute;
    top: 0;
    left: 355px;
    width: 100px;
    height: 35px;
    background: url(images/menu.jpg)  -355px -35px no-repeat;
}
/*end javascript effects*/

.seo-text, .seo-text * {
height:0;
left:-9999px;
overflow:hidden;
position:absolute;
top:0;
width:0;
}
#maincontent {
padding-bottom:40px;
padding-top:20px;
font-size:120%;
}
#social {
float:right;
margin0right:120px;
}
#footer {
/*background:#525252;*/
clear: both;
text-align:center;
vertical-align: text-bottom;
font-size: .8em;
color:#474747;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a:visited, #footer a:link{
 text-decoration: none;
 color: #474747;
} 
 #footer a:hover, #footer a:focus{
 text-decoration:underline;
 color: #474747;
} 
#footer ul {
padding-bottom:2px;
}
#footer ul li
{
  display:inline;
  margin-right:40px;
  list-style:none;
 
}
#footer p {
clear:left;
padding-bottom:2px;
}

.bold {
font-weight:bold;
}
.error {
color: #10357C;
}
.left {
float:left;
}
#maincontent .gaptop, .gaptop {
margin-top:10px;
}
.gapbottom {
margin-bottom:10px;
}
.gaptop {
margin-top:10px;
}

.highlight {
color:#A65A00;

}
#maincontent p .larger, .larger {
font-size:larger;
}
#donateform {
width:180px;
margin-bottom:10px;
}
#donateform br {
display:none;
}
#TB_caption a {
font-weight:bold;
}
/*threaded comments*/
ul.children {
clear:left;
margin-top:10px;
}
li.depth-1,  li.depth-2, li.depth-3{
list-style:none;
margin-bottom:10px;
}
li.depth-2 {
margin-left:20px;
}
li.depth-3 {
margin-left:40px;
}
img.avatar {float:left; margin-right:5px;}
h3#comments {
color:#0097e8;
font-weight:bold;
margin-bottom:5px;
}
div.alignleft {float:left;}
div.alignright {float:right;}
.jcarousel-container-horizontal {
padding:20px 60px 40px;
width:510px;
}
.jcarousel-image-expand {
width:560px;
text-align:center;
}

.jcarousel-list li img {
border:1px solid #cecece;
}


.jcarousel-clip-horizontal {
width:510px;

}
/**
 *  Horizontal Buttons
 */
 .jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
background-position:-96px 0;
cursor:default;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}