/*  
Theme Name: Kelabu (Gray) 
Theme URI: http://www.blogohblog.com/
Description: Kelabu? Kelabu is Gray :) This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#555;
/*	background:#333 url(images/jbck2.png) repeat; */
	color:#000000;
	margin:0px;
	background-position: top center;
	background-repeat: repeat-y;
        background-attachment: fixed;
	font-weight: bold;
}
a:link {
	text-decoration: underline;
	color : #009;
	border: none;
}
a:active {
	text-decoration: none;
	color : #009;
	border: none;
}
a:visited {
	text-decoration: underline;
	color : #006633;
	border: none;
}
a:hover	{
	text-decoration: underline;
	color : #990000;
	border: none;
} 
#wrap {
	background:#fff url(images/j-ani-wrap.gif) repeat;
	margin:0px auto;
	padding:0px;
	padding-top:40px;
	width:800px;
	position:relative;
	top:30px;
	background-color: transparent;
}

#top {
	background:#fff url(images/jtop.gif) repeat-x;
	margin: 0px auto;
	padding: 0px;
	height: 133px;
	clear:both;
	position:fixed;
	top:0px;
	width:800px;
	z-index:20;
}

#fixedfooter {
	position: fixed;
	bottom: 0px;
	background-image: url(images/jfoot.gif);
	height: 20px;
	width: 800px;
	text-align: center;
	left: auto;
	right: auto;
}

#logo {
	float: left;
	width: 230px;
	margin-top:10px;
	overflow:hidden;
	padding-left: 12px;
}
#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a {
	display: block;
	background: url(images/jlogo.png) no-repeat left top;
	height: 115px;
}
#search {
	float: right;
	height: 30px;
	width: 200px;
	padding-right:10px;
	z-index: 30;
	margin-top:0px;
	text-align:right;
	position: relative;
	top: -80px;
	margin-left: 580px;
}

#colourfooter {
	background-image: url(images/jnavbars.png);
	height: 20px;
	width: 540px;
	margin-left: 227px;
	border-left-color: #FF0000;
	border-left-style: solid;
	padding-left: 13px;
	position: relative;
	top: -5px;
}

input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc url(images/s.gif) no-repeat right; margin-top: 2px;}
#left {
	margin: 10px 0;
	padding: 10px;
	float: left;
	width: 200px;
	margin-bottom:10px;
	margin-top: 80px;
}

#left {
	margin: 10px 0;
	padding: 10px;
	float: left;
	width: 200px;
	margin-bottom:10px;
	margin-top: 80px;
}

#left a{
text-decoration:none}
#left h2 {
	font-size: 14px;
	padding: 3px 5px;
	margin: 5px 7px 3px 7px;
	border-bottom: dashed 1px #ccc;
	background-color: #00FF00;
}
#left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#left ul li {
	list-style-type: none;
}
#left ul li ul {
	list-style-type: square;
	margin: 0px;
	padding: 0 3px;
	visibility: visible;
	z-index: 30;
}

.page_item page-item-2 {
	background-color:#00FFFF;
	float: left;
	width: 80px;
}

#left ul li ul li {
	list-style-type:none;
	background: transparent url(images/bullet.gif) no-repeat 0 4px;
	padding: 0px 0px 2px 14px;
	border: 0;
	margin: 0;

}
#right {
	margin-top:80px;
	line-height: 16px;
	padding: 10px;
	float: right;
	width: 550px;
	border-left:3px solid #f00;
	overflow:hidden;
}
#right h2 {
	font-size: 14px;
	padding: 3px 3px;
	margin: 0px 7px 3px 0px;
	border-bottom: dashed 1px #ccc;
	background-color: #FFFF00;
}
#right img { border:4px #eeeeee solid; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background:#f8fbfc url(images/posmeta.gif) repeat; font-size:10px; padding:5px; border-bottom:#666 1px solid; border-top:#666 1px solid; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}

.bobcomment { margin-bottom:3px;  padding:3px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

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


#footer {
	font-size: 11px;
	color: #fff;
	background: #fff url(images/jfoot.gif) repeat-x;
	height: 53px;
	padding: 0px;
	margin-top: 0px;
	text-align:center;
	clear:both;
}
#footer p {
	padding-top:30px;
	float: right;
	width: 550px;
	border-left: 3px solid #f00;
	padding: 10px;
	height: 30px;
	position: relative;
	top: -15px;
}
#footer a:link { text-decoration: none; color : #99cc00; border: none;}
#footer a:active { text-decoration: none; color : #99cc00; border: none;}
#footer a:visited { text-decoration: none; color : #99cc00; border: none;}
#footer a:hover	{ text-decoration: none; color : #fff; border: none; cursor: crosshair; } 
.license_block {
	width: 600px;
	float: right;
	background-color: #333333;
	margin: 0 100px 30px 100px;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding-bottom: 30px;
}

.embedflash {


}


/* header tabs */
#tabs{
	font-size:14px;
	width: 540px;
	line-height:normal;
	position: relative;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	margin-left: 240px;
	background-image: url(images/jnavbars.png);
	height: 107px;
	top: -10px;
}

#tabs ul{
	list-style:none;
}

#tabs li{
  display:inline;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#tabs a {
	float:left;
	background:url(images/tab-left.png) no-repeat left top;
	color:#0470a0;
	padding-left:9px;
	margin-right:3px;
	text-decoration:none;
	color:#FF0000;
	cursor: pointer; /* IE 7 bug-fix */
}

#tabs a span{
  float:left;
  display:block;
  background:url(images/tab-right.png) no-repeat right top;
  height: 29px;
  padding-right: 10px;
}

#tabs a span span{
  display:block;
  background:none;
  height: auto;
  padding: 4px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#00FF00;
}

#tabs a:hover, #tabs li:hover a{
	background-position:0% -29px;
	color:#00FF00;
}
#tabs a:hover span, #tabs li:hover a span{
	background-position:100% -29px;
	color:#00FF00;
}

#tabs a.active, #tabs a.active:hover,
#tabs li.current_page_item a, #tabs li.current_page_item a:hover,
#tabs li.current_page_ancestor a, #tabs li.current_page_ancestor a:hover,
#tabs li.current-cat a, #tabs li.current-cat a:hover,
#tabs li.current-cat-parent a, #tabs li.current-cat-parent a:hover{
  background-position:0% -58px;
}

#tabs a.active span, #tabs a.active:hover span,
#tabs li.current_page_item a span, #tabs li.current_page_item a:hover span,
#tabs li.current_page_ancestor a span, #tabs li.current_page_ancestor a:hover span,
#tabs li.current-cat a span, #tabs li.current-cat a:hover span,
#tabs li.current-cat-parent a span, #tabs li.current-cat-parent a:hover span{
	background-position:100% -58px;
	color:#007500;
}

#tabs ul li {
	background-color:#303030;
}

/* sub-menus */

#tabs ul ul {
	background:#eeeeef;
	position: absolute;
	display: none;
	width:200px;
	top: 29px;
	left: 0;
	margin: 0;
	padding: 4px 0;
	line-height: 100%;
	z-index: 99;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#tabs ul ul li {
background-color:#eeeeef}

#tabs ul ul ul{
  border: 1px solid #999;
}

#tabs ul a.active ul,
#tabs ul li.current_page_item ul,
#tabs ul li.current_page_ancestor ul,
#tabs ul li.current-cat ul,
#tabs ul li.current-cat-parent ul{
  background: #fff;
}

#tabs ul.active ul ul,
#tabs ul li.current_page_item ul ul,
#tabs ul li.current_page_ancestor ul ul,
#tabs ul li.current-cat ul ul,
#tabs ul li.current-cat-parent ul ul{
  border: 1px solid #666666 !important;
}

#tabs ul li ul a{
  width:180px;
  height:auto;
  float:left;
  background: none;
  margin: 0;
  padding: 4px 10px;
  color: #000;
  font-weight: normal;
  line-height: 125%;
}

#tabs li:hover ul a span{ color: #000; }

#tabs ul li ul a span, #tabs ul li ul a span span{
  margin: 0;
  padding: 0;
  height: auto;
  float: none;
}

#tabs ul ul a:hover, #tabs ul ul a:hover,
#tabs ul a.active ul a:hover,
#tabs ul li.current_page_item ul a:hover,
#tabs ul li.current_page_ancestor ul a:hover,
#tabs ul li.current-cat ul a:hover,
#tabs ul li.current-cat-parent ul a:hover{
  background:#09c6eb;
}

#tabs ul ul a:hover, #tabs ul ul a:hover span,
#tabs ul a.active ul a:hover span,
#tabs ul li.current_page_item ul a:hover span,
#tabs ul li.current_page_ancestor ul a:hover span,
#tabs ul ul li.current_page_parent a:hover span,
#tabs ul ul li.current_page_item a:hover span,
#tabs ul ul li.current_page_parent li.current_page_item a:hover span,
#tabs ul ul li.current-cat a:hover span,
#tabs ul ul li.current-cat-parent li.current_page_item a:hover span{
  color:#fff;
}

#tabs ul li ul a span, #tabs ul li ul a span{
  background: none;
}

#tabs ul ul ul{
  top:auto;
}

#tabs ul li ul ul {
  left:195px;
  top: 4px;
}

#tabs ul li:hover ul ul, #tabs ul li:hover ul ul ul, #tabs ul li:hover ul ul ul ul{
  display:none;
}
#tabs ul li:hover ul, #tabs ul li li:hover ul, #tabs ul li li li:hover ul, #tabs ul li li li li:hover ul{
  display:block;
}

/* active submenus */
#tabs ul ul li.current_page_parent a span,
#tabs ul ul li.current_page_item a span,
#tabs ul ul li.current_page_parent li.current_page_item a span,
#tabs ul ul li.current-cat a span,
#tabs ul ul li.current-cat-parent li.current_page_item a span{
  color: #2d83d5;
}

#tabs ul ul li.current_page_item li a span, #tabs ul ul li.current_page_parent li a span,
#tabs ul ul li.current-cat li a span, #tabs ul ul li.current-cat-parent li a span{
  color: #000;
}

/* IE 7 bug-fixes */
#tabs ul li:hover {
	z-index: 100;
}
#tabs ul * li:hover { visibility: inherit; }