/*

Theme Name: KBCC
Theme URI: http://kbcc.org.uk
Description: Kazakh-British Chamber of Commerce customised theme based on Fusion theme.
Version: 1.0.1
Tags: fusion

*/

/* Global prop. */

*{ margin: 0; padding: 0; }

html, body{ height:100%; }

html{ font-size: 100%; }

body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 0.8em;
	font-style: normal;
	color: #000;
	background: #fff url(images/orn.jpg) no-repeat right bottom;
	min-height:100%;
	height:auto !important; /* ie6 ignores it */
	height:100%; /* fix */
	position: relative;
}


/* General Elements */

a, a:hover{ color: #2d83d5; text-decoration: underline; }

img { border: 0; }

table{
	width: 99%;
	margin: .5em 0 1em;
	border: 1px solid #ddd;
}

table td, table th{
	text-align: left;
	padding: .4em;
	border: 1px solid #ddd;
	background: url(images/bg1.gif) repeat-x right bottom;
}

table td{
	background: url(images/bg1.gif) repeat-x right bottom;
}

.entry table th{
	background: url(images/bg2.gif) repeat-x right bottom;
}

table th{}

table tr.odd{ background: #ebebeb; }

p{ line-height: 140%; margin: .4em 0 1em; }

form p{ margin: 0; }

input, textarea, select{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 100%;
	margin: .2em 0;
}

input, textarea{ padding: .2em .4em; }

form label{ font-weight: bold; }

fieldset{
	padding: .8em;
	border: 1px solid #E7E8E6;
}

legend{
	padding: 2px 15px 10px 15px;
	color: #8b8b89;
	text-transform: uppercase;
	font-style: italic;
	font-size: 115%;
}

small{ color: #999; font-size: 86%; }

/* Lists */

li{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 1.2em;
}

#mid-content li {
	list-style-image: url(images/bullet3.gif);
	margin-bottom: 1em;
}

#mid-content li.cat-item,
#mid-content li ul li {
	list-style-image: url(images/bullet2.gif);
	margin: .5em 0;
}

ol li{
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 1.2em;
}

dl{padding: .3em 0 .8em;}

dt {
	float: left;
	clear: left;
	width: 9em;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}

dd {
	margin: 0 0 0 10em;
	padding: 0 0 0.5em 0;
}


/* Headings */

h1{
	font-size: 250%;
	margin: .6em 0 .3em;
	font-weight: bold;
	letter-spacing:-0.06em;
}

h2{
	font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
	font-size: 160%;
	font-weight: normal;
	line-height: 2.5em;
	margin: .6em 0;
	padding-left: 28px;
	background: url(images/bullet.png) no-repeat center left;
}

h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 150%;
	font-weight: bold;
	margin: .2em 0 .2em;
	letter-spacing:-0.06em;
}

h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 125%;
	font-weight: bold;
	margin: .6em 0;
}

h5{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 115%;
	font-weight: normal;
	margin: .4em 0 .2em;
	text-transform: uppercase;
	font-style: italic;
}

h6{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 110%;
	font-weight: bold;
	margin: .4em 0 .2em;
}


/*** BASIC LAYOUT ***/

/* Used only for the header background images (center & repeat) */

#page-wrap1{ background: transparent url(images/header-bg.jpg) repeat-x left top; }
#page-wrap2{
	background: transparent url(images/header-center.jpg) no-repeat center top;
	height: 200px;
	min-height: 500px;
	width: 100%;
	display: block;
}

/* Actual layout width */

#page{
	width: 1000px;
	min-width: 780px;
	margin:0 auto;
}

/* Content area (sidebars + main) */

#main-wrap {
	position: relative;		/* IE7 overflow bugfix */
	clear: both;
	float: left;
	width: 100%;
	overflow:hidden;		/* Chops off any overhanging divs */
}

#mid-wrap, #side-wrap {
	float: left;
	width: 100%;
	position: relative;
}

#mid, #sidebar, #sidebar2 {
	float: left;
	position: relative;
	padding: 0;
	overflow: hidden;
}


/* If no sidebar */

#page #main-wrap #mid-wrap {right:100%;}
#page #main-wrap #side-wrap { right:0; }

#page #main-wrap #mid {
	width: 100%;		/* Main column width */
	left: 100%;		/* Same */
}


/* If sidebar */

#page.with-sidebar #main-wrap #mid-wrap { right:0%;		/* Width of the 2nd column, 0 because it doesnt exist */ }
#page.with-sidebar #main-wrap #side-wrap { right:66%;	/* Width of the main column */ }

#page.with-sidebar #main-wrap #mid {
	width: 70%;			/* Width of main column */
	left: 70%;			/* Same */
}

#page.with-sidebar #main-wrap #sidebar {
	width: 28%;			/* Width of the sidebar */
	left: 70%;
}


/* If 2nd sidebar */

#page.with-sidebar2 #main-wrap #mid-wrap { right:25%; }
#page.with-sidebar2 #main-wrap #side-wrap { right:25%; }

#page.with-sidebar2 #main-wrap #mid {
	width: 50%;			/* Width of main column */
	left: 50%;
}

#page.with-sidebar2 #main-wrap #sidebar {
	width: 30%;			/* Width of the sidebar (narrower than on 2 column pages)  */
	left: 50%;
}

#page.with-sidebar2 #main-wrap #sidebar2 {
	width: 20%;			/* Width of 2nd sidebar */
	left: 50%;

}

#sidebar2-wrap{
	margin-top: 230px;
	padding-left: 10px;
}

#mid-content{ margin: 40px 0 10px; min-height: 450px;}

#sidebar-wrap1{
	background: transparent url(images/side-start.png) no-repeat left top;
	padding-left: 28px;
	margin-top: 36px;
	height: 100%;
}

#sidebar-wrap2{
	background: transparent url(images/side-bg.png) no-repeat right top;
	padding-right: 30px;
	padding-top: 10px;
	height: 100%;
}


/* Clear sidebar/main sections, assuming sidebar is on the right */

div.clearcontent{ clear: left; }
.clr {clear:both;}

/*** HEADER AREA ***/


/* Logo position */

a#logo{
	top: 80px;
	position: absolute;
}

a#logo:hover{ background: none; }

/* Advertisement banner position */

#top-banner{
	top: 80px;
	left: 310px;
	width: 365px;			/* Width of the banner */
	height: 75px;			/* Height of th banner */
	position: absolute;
}

#header{
	height: 200px;
	z-index: 2; /* Fix for Ie6/7 bug */
	position: relative;
}

#header h1{
	font-family: "Trajan Pro", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-weight: bold;
	position: absolute;
	color: #fff;
	top: 85px;
	font-size: 3.4em;
	letter-spacing: -0.06em;
	margin: 0;
	padding: 0;
}

#header h1 a{
	color: #fff;
	text-decoration: none;
}

#header h1 a:hover{
	background: none;
	color: #2d83d5;
}


/* Top navigation */

#topnav{
	font-size: 130%;
	color: #a2a3a6;
	padding-top: 20px;
	
}

#topnav a{
	text-transform: uppercase;
	text-decoration: none;
	color: #afb0b3;
	padding: 0 8px;
	
}

#topnav a:hover{
	text-decoration: none;
	background: none;
	color: #fff;
}

#topnav span.langsw { color: #666; }

#topnav span.langsw a:hover{
	text-decoration: none;
	background-color: #333;
	color: #fff;
}



/* Header tabs */

#tabs{
	font-size: 13px;
	width: 100%;
	line-height: normal;
	position: absolute;
	bottom: 0;
	left: 0;
}

#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: #cfcfcf;
	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: #cfcfcf; }

#tabs a:hover{
	background-position: 0% -29px;
	color: #fff;
}

#tabs a:hover span{
	background-position: 100% -29px;
	color:#fff;
}

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

/* sub-menus */
#tabs ul li{
	float:left;
	position:relative;
}

#tabs ul ul {
	background: #eeeeef url(images/tab-subnav.png) repeat-x left top;
	position: absolute;
	display: none;
	width:200px;
	top: 29px;
	left: 0;
	margin: 0;
	padding: 4px 0;
	line-height: 100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#tabs ul ul ul{
	border: 1px solid #999;
	-moz-border-radius: 4px;
}

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

#tabs ul.active ul ul, #tabs ul li.current_page_item ul ul, #tabs ul li.current-cat 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 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-cat ul a:hover{
	color:#fff;
	background:#09c6eb url(images/tab-subnav-active.gif) repeat-x left top;
}

#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; }


/*** MAIN ***/

/* Sort news links */

#sortlinks{
	display: block;
	margin: 5px 0 20px;
}


/* Secondary tabs */

#mid ul.menu {
	font-size: 14px;
	height: 35px;
	line-height: normal;
	left: 0;
	padding-left: 12px;
	background: transparent url(images/mtab-bg.png) repeat-x left bottom;
	margin: 10px 0 20px;
	list-style: none;
}

#mid ul.menu li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#mid ul.menu a {
	float:left;
	background:  url(images/mtab-left.png) no-repeat left -35px;
	color: #0470a0;
	padding-left: 6px;
	margin-right: 3px;
	text-decoration: none;
	text-transform: uppercase;
	color: #8c8b8b;
	cursor: pointer; /* IE 7 bug-fix */
}

#mid ul.menu a span{
	float: left;
	display: block;
	background: url(images/mtab-right.png) no-repeat right -35px;
	height: 35px;
	padding-right: 6px;
}

#mid ul.menu a span span{
	display: block;
	background: none;
	height: auto;
	padding: 7px 10px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#mid ul.menu a span { float: none; }

/* End IE5-Mac hack */

#mid ul.menu a:hover span { color: #cfcfcf; }

#mid ul.menu a:hover{
	background-position:0% -70px;
	color:#fff;
}
#mid ul.menu a:hover span{
	background-position:100% -70px;
	color:#fff;
}

#mid ul.menu a.active, #mid ul.menu a.current{
	background-position:0% 0px;
	color:#ed2124;
}
#mid ul.menu a.active span, #mid ul.menu a.current span {
	background-position:100% 0px;
	color:#ed2124;
}

#mid #tab-2, #mid #tab-3, #mid #tab-4, #mid #tab-5, #mid #tab-6, #mid #tab-7, #mid #tab-8, #mid #tab-9{ display: none; }

.story, .post, .attachment{
	padding-top: .6em;
	margin: 0 0 2.8em;
	display: block;
	position: relative;
	min-width: 0;  /* IE7 peakaboo fix */
}


#mid .story h2, #mid .post h2,  #mid .attachment h2{ margin: 0;}

.story h2 a, .post h2 a, .story h3 a, .post h3 a{
	color: #000;
	text-decoration: none;
}

.story h2 a:hover, .post h2 a:hover, .story h3 a:hover, .post h3 a:hover{
	background: none;
	color: #ed1f24;
}

/* Voting */

.story .vote{
	width: 70px;
	height: 89px;
	background: transparent url(images/vote-up.png) no-repeat left top;
	float:left;
	display: block;
	position: relative;
}

.story .vote span.votenumber{
	text-align: center;
	width: 70px;
	display: block;
	margin-top: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.story .vote a{
	color: #fff;
	text-decoration: none;
}

.story .vote span.votenumber a{ font-size: 30px; }

.story .vote span.votenumber a:hover{
	background: none;
	text-decoration: underline;
}

.story .vote span.subtext{
	background: transparent url(images/vote-text.png) no-repeat left top;
	text-align: center;
	width: 70px;
	height: 29px;
	position: absolute;
	top: 62px;
	left: 0;
}

/* Story header */

.story .postheader, .post .postheader, .attachment .postheader{
	display: block;
	margin-left: 74px;
	position: relative;
}

.story p.postcategory, .post p.postcategory, .attachment p.postcategory{ color: #e5e5e5; }

.story .postinfo, .post .postinfo, .attachment .postinfo{
	background: #e2e3e3 url(images/postinfo-bg.gif) repeat-x left top;
}

.story .postinfo p, .post .postinfo p, .attachment .postinfo p{
	padding: .4em .8em;
}

/* story body */

.story .postbody, .post .postbody, .attachment .postbody{
	clear: left;
	display: block;
}

.story p.postcontrols, .post p.postcontrols, .attachment p.postcontrols{
	color: #e5e5e5;
	float: right;
	margin: 0;
}

.story p.tags, .post .tags, .attachment p.postcontrols{
	float: left;
	display: block;
	padding-left: 19px;
	margin: 0;
	background:transparent url(images/post-icons.png) no-repeat 0 top;
}

.story p.postcontrols a, .story p.postcategory a,
.post p.postcontrols a, .post p.postcategory a,
.attachment p.postcontrols a, .attachment p.postcategory a{ padding: 0 2px;}

/* Comments link */

a.comments, .story p.postcontrols a.comments, .post p.postcontrols a.comments{
	background: transparent url(images/post-icons.png) no-repeat 2px bottom;
	padding-left: 19px;
	color: #ed1f24;
}

a.comments:hover, .story p.postcontrols a.comments:hover, .post p.postcontrols a.comments:hover{
	background: #ed1f24;
	color: #fff;
}

a.no.comments, .post p.postcontrols a.no.comments{ color: #2d83d5; }

a.no.comments:hover, .post p.postcontrols a.no.comments:hover{
	background: #2d83d5;
	color: #fff;
}


/* Comments */

li.comment{
	background: transparent url(images/comment-div-bg.png) repeat-y left bottom;
	list-style-position: outside; /* ie 7 bugfix */
	position: relative;           /* ie 6 bugfix */
}

li.comment .wrap{
	background: transparent url(images/comment-div-start.png) no-repeat left top;
	min-height: 120px;
	position: relative;
	margin: 4px 0;
}

li.comment.with-avatars{ background-position: 96px bottom; }
li.comment.with-avatars .wrap{ background-position: 96px top; }

li.comment .avatar{
	float: left;
	width: 90px;
	padding-top:10px;
}

li.comment .avatar img{
	padding: 3px;
	margin: 4px 10px;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

li.comment .details{ display: block; margin-left: 12px; }
li.comment.with-avatars .details{ margin-left: 108px;}

li.comment .details .head{
	background: #f7f8f8 url(images/postinfo-bg.gif) repeat-x left bottom;
	padding: 2px 10px;
	margin: 0;
	display: block;
	color: #8f9090;
}

li.comment .details.admincomment .head{
	background: #59b2e4 url(images/postinfo-bg-admin.gif) repeat-x left bottom;
	color: #fff;
}

li.comment .details.admincomment .head a{ color: #fff; }
li.comment .details.admincomment .head a:hover{ background: none; color: #fcb722; }


/* Comment rate links */

span.rate{
	right: 8px;
	position: absolute;
}

span.rate a.karma{
	font-family: "Arial Black", Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	padding: 0;
}

span.rate a.karma.negative{ color: #ed2124; }
span.rate a.karma.positive{ color: #6fb23c; }

span.rate a.karma:hover{ background: none; }

span.rate a.ratelink{
	padding: 4px;
	text-decoration: none;
}

span.rate a.ratelink.up{ background: transparent url(images/thumb-up.gif) no-repeat left center; }
span.rate a.ratelink.down{ background: transparent url(images/thumb-down.gif) no-repeat left center; }

li.comment .details .text{
	background: transparent url(images/comment-bg.png) repeat-x left top;
	padding: .3em .8em;
	margin-top: 3px;
	min-height: 64px;
	font-size: 90%;
	color: #4e5359;
}

li.comment .details.admincomment .text{ background: #f0f0f0 url(images/comment-bg-admin.png) repeat-x left top; }


/* Sidebars */

#sidebar h2, #sidebar2 h2{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 130%;
	margin: 1em 0 .4em;
	color:#8D8B8B;
}

#sidebar li, #sidebar2 li{
	list-style-type: none;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
	*margin:0px 0px 3px 0px;
	padding: 0;
	list-style-position: outside; /* IE 7 bugfix */
}

/* Sidebar menu */

#sidebar ul.nav{ margin-top: 1.8em; }

#sidebar ul.nav li{
	list-style-type: none;
	background: transparent url(images/div-h.gif) repeat-x left bottom;
	padding: 2px 0 3px 0;
	margin: 0;
	position: relative;
}

/* No bg on the last menu item */
#sidebar ul.nav li.last{ background: none; }


#sidebar ul.nav ul{ margin: 0px 0 12px; }

#sidebar ul.nav ul ul{ margin: 0px 0 8px; /* Lower bottom-padding for 2+ level menu */ }

/* 2nd level menu */

#sidebar ul.nav li li{
	background: none;
	padding: 0;
	margin-left: 25px;
}

/* 3rd ... n levels */
#sidebar ul.nav li li li{ margin-left: 10px; }

#sidebar ul.nav li a{
	background: none;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 110%;
	padding: 3px 27px 3px 8px;
	color: #000;
	cursor: pointer;
}

#sidebar ul.nav li a:hover{
	background: #efefee url(images/side-nav-bg.png) repeat-y right top;
	color: #ed2124;
}

#sidebar ul.nav li a span{
	background: transparent url(images/b1.png) no-repeat left 3px;
	padding-left: 17px;
	display: block;
}

#sidebar ul.nav li a:hover span{
	background-position: left -97px;
	color: #ed2124;
}

#sidebar ul.nav li li a{
	text-transform: none;
	font-size: 100%;
	padding: 0;
}

#sidebar ul.nav li li a:hover{ background: none }

#sidebar ul.nav li li a span{
	background: none;
	padding: 0;
}

#sidebar ul.nav li a.rss{
	background: transparent url(images/side-nav-rss.gif) no-repeat left top;
	display: none;
	width: 26px;
	position: absolute;
	height: 13px;
	right: 0;
	padding: 0 4px 0 0;
	margin-top: 2px;
	top: 0;
	text-decoration: none;
	cursor: pointer;
	z-index: 5;
}

#sidebar ul.nav li li a.rss{ visibility: hidden; }

#sidebar ul.nav li a.rss:hover{ background-position: 0px -13px; }


/* Sidebar content box */

#sidebar .box, #sidebar2 .box{ margin: 16px 0 2px; }

#sidebar .box h2, #sidebar2 .box h2{
	background: transparent url(images/side-box-top.png) no-repeat left bottom;
	padding: 4px 0 4px 20px;
	color: #8d8b8b;
	margin: 20px 0 0 0;
}

#sidebar .box ul, #sidebar2 .box ul{
	background: transparent url(images/side-box-bg.png) repeat-y left bottom;
	padding: 10px 20px;
	display: block;
}

#sidebar .box ul ul, #sidebar2 .box ul ul{ background: none; }
#sidebar .box ul li, #sidebar2 .box ul li{ line-height: 150%; }

#sidebar .box caption, #sidebar2 .box caption{
	text-align: left;
	font-weight: bold;
}


/* Sidebar search */

#searchtab .inside{
	height: 40px;
	position: relative;
	width: 100%;
}

#searchtab input,
#logintab input
{
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 12px;
}

#logintab h2 {
	background: none;
	padding-left: 0px;
}

#searchtab input.searchfield, #searchtab input#s{
	color: #333;
	padding: 5px;
	margin: 0;
	background: #ccc url(images/search-bg.png) no-repeat;
	width: 170px;
}

#searchtab input.searchfield:focus, #searchtab input#s:focus{ color: #000; }

#searchtab input.searchbutton, #searchtab input#searchsubmit{
	margin: 0;
	padding: 0;
	position: absolute;
	color: #fff;
	background: url(images/search-btn.png) no-repeat;
	height: 25px;
	width: 40px;
	left: 180px;
	text-transform: uppercase;
	text-indent: 9999px;
}

#searchtab label{ display: none; }

#searchtab input.searchbutton:hover,
#logintab input.loginbutton:hover {
	color: #fff;
	cursor: pointer;
}


/* Members login */
#logintab { position: relative; }

#logintab input { background: #ccc url(images/search-bg.png) no-repeat; }

#logintab h2 {
	cursor: pointer;
	padding: 4px 0;
	color: #8d8b8b;
}

#logintab p span {
	display: none;
	font-size: 0.8em;
	position: absolute;
	top: 5px;
	right: 7px;
	*right:40px;
	cursor: pointer;
}

#logintab a {
	font-size: 0.85em;
	color: #666;
	text-decoration: none;
	position: absolute;
	top: 78px;
}

#logintab a:hover {
	background: none;
	color: #333;
	text-decoration: underline;
}

#logintab .inside { position:relative; }

#logintab input.login_name, #logintab input.password {
	background-color: #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	margin: 0 0 10px 0;
	padding: 5px;
	width: 205px;
}

#logintab input.loginbutton {
	background: transparent url('images/enter-btn.png') no-repeat top center;
	color: #222;
	height: 25px;
	margin: 0px 5px 0px 0px;
	padding: 0;
	text-indent: 9999px;
	text-transform: uppercase;
	width: 50px;
	float: right;
}


/*** FOOTER ***/

#footer{
	background: #fff url(images/fractal.jpg) no-repeat left bottom;
	background-color: transparent;
	padding: 20px 0;
	margin-top: 2em;
	width: 100%;
	text-align: center;
}

#footer a#toplink{
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: none;
}

#footer a{ font-size: 90%; }

#footer ul {
	list-style-type: none;
	margin-bottom: 10px;
}

#footer ul li { display: inline; }

/*** Top right page controls ***/

#layoutcontrol{
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	/*width: 74px;*/
	height: 16px;
	z-index: 1000;
}

#layoutcontrol a{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: transparent url(images/pagecontrols.png) no-repeat left top;
}

#layoutcontrol a.setLiquid{ background-position: -50px top; }
#layoutcontrol a.setFont{ background-position: left top; width: 25px; }

#layoutcontrol a.setLiquid:hover{ background-position: right top; }
#layoutcontrol a.setFont:hover{ background-position: -25px top; }
#layoutcontrol a span{ display: none; }

#languagecontrol{
	position: absolute;
	top: 0px;
	right: 35%;
	display: block;
	/* display: none; */
	width: 120px;
	height: 35px;
	text-align: center;
	z-index: 1000;
}

#languagecontrol .lang_inactive{
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 2px;
	padding-top: 10px;
	background: url(images/lang_tab_inactv.png) no-repeat top left;
}

#languagecontrol .lang_inactive:hover{
	background: url(images/lang_tab.png) no-repeat top left;
}

#lang_active{
	width: 35px;
	height: 35px;
	background: url(images/lang_tab.png) no-repeat top left;
	float: left;
	margin: 0 2px;
	padding-top: 10px;
}

#languagecontrol a
{
	background: transparent none repeat scroll 0 0;
	color: #AFB0B3;
	text-decoration: none;
	text-transform: uppercase;
}

#languagecontrol a:hover{ color: #f9a417; }

/* Miscellaneous */

.left{ float: left; }
.right{ float: right; }
div.clear{ clear: both; height:1px; }

/* Clearfix */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	min-width: 0;				/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/ display: block; 		/* Hide from IE Mac */
}

* html .clearfix{ /* \*/  height: 1%;	/* Hide from IE Mac */
}

.error, .red{ color:#ed1f24; }


/*** WORDPRESS SPECIFIC STYLES ***/

.widget{
	margin: 2em .5em;
	min-width: 0;				/* IE7 peakaboo fix */
}

.widget ul ul{ margin: 0 0 0 .8em; }

#sidebar .widget h2,
#sidebar2 .widget h2{
	background: none;
	color: #8b8b89;
	font-size: 125%;
	padding: 1em 0;
}

#sidebar li.linkcat h2, 
#sidebar2 li.linkcat h2{
	background: transparent url(images/div-h2.gif) repeat-x left bottom;
	color: #8b8b89;
	padding-bottom: 2px;
	text-align: right;
	font-style: italic;
	font-size: 115%;
}

/* lists with arrow bullets on some of the widgets */
#sidebar li.linkcat li,
#sidebar2 li.linkcat li,
.widget.widget_links ul li,
.widget.widget_meta ul li,
.widget.widget_categories ul li,
.widget.widget_archive ul li,
.widget.widget_pages ul li,
.widget.widget_recent_entries ul li{
	background: transparent url(images/b3.gif) no-repeat left 6px;
}

#sidebar li.linkcat a,
#sidebar2 li.linkcat a,
.widget.widget_links ul li a,
.widget.widget_meta ul li a,
.widget.widget_categories ul li a,
.widget.widget_archive ul li a,
.widget.widget_pages ul li a,
.widget.widget_recent_entries ul li a{
	color: #8b8b89;
	text-decoration: none;
	margin-left: 10px;
	display: inline-block;
}

.widget_tag_cloud a{
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0.2em;
	letter-spacing: -0.04em;
}


#sidebar li.linkcat a:hover,
#sidebar2 li.linkcat a:hover,
.widget.widget_links ul li a:hover,
.widget.widget_meta ul li a:hover,
.widget.widget_categories ul li a:hover,
.widget.widget_archive ul li a:hover,
.widget.widget_pages ul li a:hover,
.widget.widget_recent_entries ul li a:hover{
	color: #ed1f24;
	background: none;
	text-decoration: underline;
}

/* Recent comments widget */
.widget ul#recentcomments li{
	background: transparent url(images/post-icons.png) no-repeat left -141px;
	padding-left: 18px;
	display: block;
	font-style: italic;
	margin-bottom: 5px;
}

.widget ul#recentcomments li a.url{
	border-bottom: 1px dotted #8b8b89;
	color: #000;
	text-decoration: none;
	font-style: normal;
}

.widget ul#recentcomments li a.url:hover{
	border-bottom: 1px solid #8b8b89;
	background: none;
}

.widget#tag_cloud a{ line-height: 125%; }


/* Calendar widget */

.widget_calendar h2{ display: none; }

.widget_calendar table#wp-calendar{
	width: 100%;
	border: 1px solid #ccc;
}

.widget_calendar table#wp-calendar th,
.widget_calendar table#wp-calendar td{
	text-align: center;
}

.widget_calendar table#wp-calendar thead th{
	font-weight: bold;
	background: #ccc;
	color: #fff;
	border: 0;
}

.widget_calendar table#wp-calendar tbody td{
	border: 0;
	background: #eee;
	color: #555;
}

.widget_calendar table#wp-calendar tbody td.pad{ background: #fff; }

.widget_calendar table#wp-calendar tfoot td{
	border: 0;
	background: #fff;
}

.widget_calendar table#wp-calendar caption{
	text-align: right;
	font-style: italic;
	color: #aaa;
}

.post .postheader{
	display: block;
	margin-left:0;
}

.post .postbody img,
.attachment img,
.navigation .alignleft img,
.navigation .alignright img{
	padding: 3px;
	margin: 4px 10px;
	border: 1px solid #e7e8e6;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.post img.alignleft, .attachment img.alignleft{ margin-left: 0; }
.post img.alignright, .attachment img.alignright{ margin-right: 0; }
.post img.aligncenter, .attachment img.aligncenter{ margin: 0 auto; text-align: center; }
.attachment-entry{ text-align: center; }

.attachment div.caption{
	background:#F7F7F7;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
	min-width: 0; /* IE7 peakaboo fix */
}

/* No border on smilies */

img.wp-smiley, .post .postbody img.wp-smiley, .attachment img.wp-smiley{
	padding: 0;
	margin: 0;
	border: 0;
}

.wp-caption {
	background: #f7f7f7;
	border: 1px solid #e7e8e6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 5px;
	margin: 4px 10px;
	text-align: center;
	color: #8d8b8b;
}

.wp-caption img, .post .postbody .wp-caption img, .attachment .wp-caption img{
	margin: 0;
	border: 0;
	padding: 0;
}

.wp-caption.alignleft{ margin-left: 0; }
.wp-caption.alignright{ margin-right: 0; }

.navigation{
	font-size: 80%;
	color: #c4c3c1;
	margin: 20px 0px 0px 0px;
	padding: 0;
}

.navigation a{
	text-decoration: none;
	color: #d2d0cf;
}

.navigation a:hover{
	background: none;
	color: #ed1f24;
}

.postmetadata{
	color: #c4c3c1;
	margin: 1em 0;
}

.postmetadata a{ color: #929292; }

.postmetadata a:hover{
	background: none;
	color: #ed1f24;
}

span.editlink{
	position: absolute;
	right: 10px;
	top: 5px;
}

span.editlink.page{
	position: relative;
	top: 20px;
}

span.editlink a{
	display: block;
	height: 16px;
	background: transparent url(images/edit.png) no-repeat left top;
	padding-left: 17px;
	color: #000;
	text-decoration: none;
}

span.editlink a:hover{
	background-position: left bottom;
	background-color: none;
	color:#ed1f24;
}

div.act{
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	margin-top: 50px;
	font-size: 110%;
	text-transform: uppercase;
}

span.button a{
	background: transparent url(images/button-bg.png) no-repeat right top;
	display: block;
	height: 31px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

span.button a span{
	float: left;
	height: 31px;
	display: block;
	padding: 0 10px 0 25px;
}

span.quote a span{ background: transparent url(images/button-quote.png) no-repeat left top; }
span.reply a span{ background: transparent url(images/button-reply.png) no-repeat left top; }
span.submit a span{ background: transparent url(images/button-submit.png) no-repeat left top; }

span.button a span span{
	background: none;
	display: block;
	padding: 6px 10px 0px 10px;
	height: auto;
}

span.button a:hover{ background-position: right bottom; }
span.button a:hover span{ background-position: left bottom; }

span.advedit a{
	background: transparent url(images/edit.png) no-repeat left top;
	display: block;
	width: 16px;
	height: 16px;
}

blockquote{
	background: transparent url(images/blockquote.png) no-repeat left top;
	margin: 10px 65px 10px 10px;
	padding: 20px 20px 10px 10px;
	font-style: italic;
	color: #939494;
}

blockquote p{
	padding: 8px;
	margin: 2px;
	border: 1px dotted #939494;
}

#footer a.rss, a.rsssubscribe{
	background: transparent url(images/rss.png) no-repeat left 50%;
	padding-left: 18px;
}

#footer a.rss:hover, a.rsssubscribe:hover{ background: #2d83d5 url(images/rss.png) no-repeat left 50%; }

a.rsssubscribe{
	margin: 6px 0 0 10px;
	display: block;
}


#commentform{
	display: block;
	background: transparent url(images/div-h2.gif) repeat-x left 0px;
	padding: 6px 0 0 0;
	margin: 20px 0;
}

#commentform textarea{ margin-bottom: 6px; }

#commentform #commentdata label{ background: #FFFF99; }


/* Pagination */

#commentnavi .page-numbers, #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{
	padding: 2px 6px 2px 6px !important;
	border: 1px solid #ccc !important;
	background: #fff !important;
	margin: 0 2px;
}

#pagenavi span.current{
	background: #ccc !important;
	color: #fff !important;
	padding: 2px 6px 2px 6px !important;
	border: 1px solid #ccc !important;
	margin: 0 2px;
}

#commentnavi a{
	color: #4a9dce;
	text-decoration: none;
}

#commentnavi a:hover{ color: #00619d; }
#comment .page-numbers.current, #pagenavi span.pages{ color: #ccc !important; }

#pagenavi{
	display: block;
	padding-bottom: 10px;
	font-size: 100% !important;
}

ol#comments, ol#comments li,
ol#trackbacks, ol#trackbacks li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Threaded comments? */

ol#comments li.comment.depth-2,
ol#comments li.comment.depth-3,
ol#comments li.comment.depth-4,
ol#comments li.comment.depth-5,
ol#comments li.comment.depth-6,
ol#comments li.comment.depth-7,
ol#comments li.comment.depth-8,
ol#comments li.comment.depth-9{ margin-left: 14px; }

/* Threaded comments, with avatars */

ol#comments li.comment.with-avatars.depth-2,
ol#comments li.comment.with-avatars.depth-3,
ol#comments li.comment.with-avatars.depth-4,
ol#comments li.comment.with-avatars.depth-5,
ol#comments li.comment.with-avatars.depth-6,
ol#comments li.comment.with-avatars.depth-7,
ol#comments li.comment.with-avatars.depth-8,
ol#comments li.comment.with-avatars.depth-9{ margin-left: 96px; }

/* Gravatar */

li.comment .avatar{
	float: left;
	width: auto !important;
	padding-top: 6px;
	padding-left: 8px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft { float: left; }
.alignright { float: right; }

li.infotext{
	text-align: center;
	padding: 2px 12px 0 6px;
}

img.wp-smiley { vertical-align: -20%; }

.profile .avatar img{
	padding: 3px;
	margin: 0 6px 6px 0;
	border: 1px solid #e7e8e6;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.profile .info{ margin-left: 148px; }

p.img{
	margin: .1em 0 .2em;
	padding: 1px 0;
}


/* Custom KBCC */

.sideBox {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 3px solid #E7E8E6;
	background-color: yellow;
}

/* Lead Story */

#lead_story {
	overflow:hidden;
}
	
#lead_story ul, #lead_story li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type: none;
}

#lead_story li{ 
	width: 700px;
	height: auto;
}

#lead_story li img{
	margin: 10px;
}

/* Featured Posts */

#features { margin-top: 20px; }

.featured-post {
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	min-height: 400px;
	padding: 10px;
	float: left;
	border: 1px solid #ddd;
	background: url(images/bg1.gif) repeat-x bottom left;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.featured-post:hover {
	background: url(images/bg2.gif) repeat-x bottom left;
}

.featured-post h3 {
	color: #667;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 120%;
}

.featured-post p {
	font-size: 90%;
	}

/* Nav buttons for lead story */

.clr {
	clear:both;
}
#controlers {
	width:100%;
	height:30px;
}

#prevBtn a {
	float:left;
	background:transparent url(images/next.png) no-repeat;
	height:40px;
	width:40px;
	text-indent:-8000px;
	margin-left:10px;
}

#nextBtn a{
	float:right;
	background:transparent url(images/prev.png) no-repeat;
	height:40px;
	width:40px;
	margin-right:10px;
	text-indent:-8000px;
}

.thumbnail-image {
	margin-bottom: 10px;
}

.thumbnail-image h3{
	background:transparent url(images/overlay.png) repeat;
	color: white;
	font-size: 100%;
	padding: 10px;
}

.postbody a img, .entry a img {
	border: none;
	background: none;
}

.entry a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 0 5px 20px;
	background-image: url(images/icons/icon_doc.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.entry a[href$='.txt'] {
	padding: 5px 0 5px 20px;
	background-image: url(images/icons/icon_txt.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.entry a[href$='.xls'] {
	padding: 5px 0 5px 20px;
	background-image: url(images/icons/icon_xls.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.entry a[href$='.pdf'] { 
	padding: 5px 0 5px 20px;
	background-image: url(images/icons/icon_pdf.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


/* END */