/* @override
	http://www.kageno.org/stylesheets/styles.css?1254527524
	http://beta.kageno.juicyorange.com/stylesheets/styles.css?1253469496
	http://beta.kageno.juicyorange.com/stylesheets/m.css?1248912338
	http://localhost:3000/stylesheets/m.css?1252258146
	http://beta.kageno.juicyorange.com/stylesheets/styles.css?1253472946
	http://beta.kageno.juicyorange.com/stylesheets/styles.css?1253474010
	http://beta.kageno.juicyorange.com/stylesheets/styles.css?1253479480
	http://beta.kageno.juicyorange.com/stylesheets/styles.css?1253481364
	http://totallytemporary.com/stylesheets/kageno.css
	http://kageno.totallytemporary.com/stylesheets/styles.css
*/
/* basic layout */
body { background: url(http://kageno.org/images/css/bg.jpg); background-position: top center; }
#page { width: 960px; margin: 0 auto; -webkit-box-shadow: 0 0 20px #555; -mozilla-box-shadow: 0 0 20px #555; border: 1px solid #bbb; margin-bottom: 30px; }
#header { background: url(http://kageno.org/images/css/header2.jpg) no-repeat 0 0; padding: 157px 0 0 0; position: relative; }
a#header_image { display: block; position: absolute; top: 0; width: 880px; height: 157px; }
#footer { clear: both; background: #52260b; width: 100%; padding: 7px 0; text-align: center; font-size: .83em; text-decoration: none; }
#cats { width: 100%; height: 40px; position: relative; background: #52260b; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; list-style: disc; }
#cats li { display: inline; }
#cats li a { display: block; float: left; padding: 7px 10px; text-decoration: none; color: #e73; font-size: 1.5em; font-weight: bold; }
#subcats { width: 100%; height: 33px; position: relative; background: #9a3; border-bottom: 1px solid #bbb; }
body#home #subcats,
body#contact-us---home #subcats { display: none; }
#subcats li { display: inline; }
#subcats li a { color: #181111; text-decoration: none; float: left; display: block; padding: 3px 8px; font-size: 1.34em; font-weight: bold; }
#subcats li a span.middot, #cats li a span.middot { color: #fec; }
#cats li a:hover, #subcats li a:hover { color: #fec; }
#subcats li a.current, #cats li a.current { color: #fec !important; }
#main_content { position: relative; width: 960px; padding: 15px 0; margin: 0; background: url(http://kageno.org/images/css/contentbg.jpg) #d8d2c2 no-repeat 0 0; border-bottom: 1px solid #bbb; }
#top_portals { margin: 0 15px; }
#left_portals { margin: 0 10px; width: 180px; float: left; display: none; }
#content { margin: 0 15px; width: 600px; float: left; display: inline; }
#right_portals { margin: 0 15px 0 0; width: 315px; float: left; display: inline; }
* html #right_portals { margin: 0 5px 0 0; }
#post_portals { clear: both; }
.portal,
.article,
.news_item,
#top_portals div,
#orphans { padding: 18px; margin: 0 0 15px; float: left; }
.article,
.news_item { background: #fff; }
.portal,
#top_portals div,
#orphans { background: url(http://kageno.org/images/css/portalbg.png) #fff1d2; }
.portal,
.article,
.news_item,
#top_portals div,
#orphans { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow: 0 0 5px #999; -mozilla-box-shadow: 0 0 5px #999; }
.article { width: 564px; }
#top_portals div { width: 894px; }
.portal { width: 279px; }
#orphans { width: 564px; }
#orphans li { width: 168px; height: 225px; padding: 10px; float: left; text-align: center; }
#orphans li img { display: block; margin: 10px auto; }
#top_portals div { font-size: 1.5em; }
.image { margin: 5px 0; }
.body img { margin: 8px 0; }
span.image_caption { display: block; }
/* links */
.link a, #email_submit { display: block; background: #ddddab url(http://kageno.org/images/css/arrow.png) 8px 6px no-repeat; color: #cb4e00; padding: 5px 0 5px 20px; line-height: 15px; border: 1px solid #bbb; }
#email_submit { border: 0; }
.link { margin: 5px 0 0 0; }
/* right portals */
.right_mailing_list form { position: relative; margin: 15px 0 0 0; background: #ddddab; padding: 10px; border: 1px solid #bbb; }
input.text-field { margin: 0; padding: 3px; width: 170px; border: 1px solid #333; }
#email_submit { text-decoration: underline; position: absolute; top: 26px; right: 10px; padding-right: 5px; }
#email_submit:hover { text-decoration: none; }
#email_result { display: block; padding-bottom: 6px; }
.gallery-link { margin: 0 0 12px; }
#spotlight-links { margin: -18px -18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 15px; background: url(http://kageno.org/images/css/spotlight.png); }
a.volunteer-button { background: url(http://kageno.org/images/css/volunteer.png) #670 no-repeat 10px 10px; }
a.donate-button { background: url(http://kageno.org/images/css/donate.png) #670 no-repeat 10px 10px; }
a.sponsor-button { background: url(http://kageno.org/images/css/sponsor.png) #670 no-repeat 10px 10px; }
/*.hover-spotlight-link { background: #fff; }*/
a.spotlight-link:hover { color: #fff !important; border-color: #fff; }
a.spotlight-link { font-weight: bold; display: block; height: 60px; padding: 20px 0 0 90px; margin-bottom: 0px; font-size: 1.3em; text-decoration: none; color: #fec !important; position: relative; z-index: 3; margin: 1px 0; }
.spotlight-link span.block { display: block; border-bottom: 1px solid #680; padding-bottom: 5px; z-index: 4; position: relative; }
span.bg { background: #891; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.body a.visit-blog { display: block; background: #ddddab; text-align: center; border: 1px solid #bbb; padding: 5px 0; }
.right_single_link_full_image img { width: 100%; }
/* modal window */
.modal. #modal { background: #000; }
.header { background: url(http://kageno.org/images/css/modalheader.jpg) center left no-repeat; height: 55px; }
.close { float: right; padding: 10px; }
.description { margin: 10px 50px; color: #dbdbdb; }
#video_player, #modal img, #caption, #direct_links { margin: 0 25px; color: #dbdbdb; clear: both; }
#caption { height: 20px; margin: 5px 25px 0 25px; }
#previous { float: left; margin: 0 25px 5px 25px; }
#next { float: right; margin: 0 25px 5px 25px; }
/* little things */
u.bigger { font-size: 16px; }
.map { width: 100%; text-align: center; height: 213px; padding: 10px 0; }
a.rwanda { width: 225px; height: 213px; background: url(http://kageno.org/images/css/rwanda.jpg) no-repeat; }
a.kenya { width: 150px; height: 213px; background: url(http://kageno.org/images/css/kenya.jpg) no-repeat; }
a.rwanda, a.kenya { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
img.float_left { float: left; margin: 0 0 5px 0; padding: 0 10px 0 0; }
/* typography */
body { font-size: .77em; font-family: Helvetica, Arial, sans-serif normal; }
.title,
.news_title { font-weight: bold; margin: 0 0 15px 0; font-size: 1.8em; border-bottom: 1px solid #ddd0b0; padding-bottom: 7px; color: #556d0b; }
.portal-title { font-weight: bold; border-bottom: 1px solid #ddd0b0; padding-bottom: 5px; font-size: 1.4em; margin: 0 0 8px 0; color: #556d0b; }
.news_date { margin: 0 0 10px 0; font-style: italic; }
.body p { margin: 12px 0; }
.body p, .body li, .text, .news li { line-height: 1.4em; }
a, .close { color: #cb4e00; text-decoration: underline; }
a:hover, .close:hover { text-decoration: none; }
.hover { color: #320; }
.hoverlink { color: #320; background: #fff; border-color: #999; }
#footer, #footer a { color: #aa7; }
.description { color: #cb4e00; font-size: 1.3em; }
.body li, .news li { list-style: disc outside none; margin: 10px 0 10px 20px; }
#footer a:hover { color: #fff1d2; }
span.bold { font-weight: bold; color: #663; font-size: 1.15em; }

/* harambee 2k8 */
body#Harambee2k8Photos #content { width: 890px; margin: 0 10px; display: inline; }
body#Harambee2k8Photos #content .article { width: 850px; padding: 12px 0 12px 12px; display: inline; }
body#Harambee2k8Photos .body img { margin: 0 0 10px 0; }
.photo-box { float: left; display: inline; width: 244px; padding: 6px 12px; border: 1px solid #bbbc9a; background: #fff; margin: 0 5px 10px; line-height: 1.4; }
.photo-box strong { display: block; font-size: 1.1em; }
.photo-box img.gift-photo { width: 233px; }
.photo-box img { margin: 12px auto; display: block; width: 100%; }
.clear { clear: both; }
.hide { display: none; }
h4 { font-size: 1.2em; padding: .4em 0 1em; }
/* added by jon */
#modal_overlay { background: #000; }
#modal_container { width: 650px; height: 577px; padding: 0; margin: 0; background-color: #000; border: 2px solid #666; overflow: hidden; color: #333; }
/* form */
.formrow, .formrow2 { padding: 7px 0 7px 30px; }
label { float: left; width: 55px; padding: 2px 10px; text-align: right; }
input, textarea { width: 300px; border: 1px solid #555; padding: 2px; color: #333; }
textarea { height: 190px; }
input:focus, textarea:focus { background: #ffe; }
input#submit { width: 100px; }
input#donate { width: 110px; border: none; }
#kageno-survey .title { text-align: center; border-bottom: 1px solid #aaa; padding-bottom: 15px; }
#kageno-survey form li { display: block; float: left; margin: 4px 0; padding-left: 200px; position: relative; min-height: 30px; height: auto !important; width: 365px; height: 30px; }
#kageno-survey label { float: none; width: 135px; padding: 2px 10px; text-align: right; position: absolute; left: 32px; height: 100%; }
#kageno-survey label.error { display: block; width: auto; text-align: left; color: #f00; padding: 2px 10px; position: relative; left: 0; padding: 2px 0; font-size: .8em; }
.req { color: #f00; }
#kageno-survey #survey .chx, #kageno-survey #survey .radio { width: 180px; float: left; position: relative; left: -22px; }
#kageno-survey #survey .chx label, #kageno-survey #survey .radio label { position: relative; text-align: left; display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
#kageno-survey #survey input { width: 300px; border: 1px solid #555; padding: 2px; color: #333; }
#kageno-survey #survey textarea { width: 70%; height: 100px; }
#kageno-survey #survey input.submit { width: auto; padding: 3px 8px; }
#kageno-survey #survey .chx input, #kageno-survey #survey .radio input { position: absolute; left: -12px; width: 20px; padding: 0; border: 0; }
/* multiple links on left portal */
/*.left_multilink { position: relative; margin: 15px 0 0 0; }
.left_multiple_links .link { margin: 2px 0 0 0; }
.left_multiple_links .image, .left_multiple_links .image_text_block, span.stat_nr { display:none; }
.left_multilink span.stat_nr { display: block; color:#708815; font:1.3em/1.17em normal Georgia, serif; text-transform:uppercase; }*/
img.gift-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; display: block; background: #F9F1D5; border: 1px solid #B1AC84; margin: 0 auto; padding: 6px 30px; }

/* gallery */
#gallery { padding: 0 15px; }
#gallery .description { padding-top: 5px; }
#gallery #display { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #222; padding: 15px; height: 468px; text-align: center; margin-bottom: 10px; }
#gallery #thumbs { position: relative; height: 180px; width: 928px; overflow-y: hidden; margin: 15px 0; /*border-right: 1px dotted #333; border-left: 1px dotted #333;*/ }
#gallery #thumbs ul { display: block; height: 170px; margin: 0 25px; width: 5000px; }
#gallery #thumbs li { display: block; float: left; line-height: 1.5; }
#gallery #thumbs li a { display: block; width: 182px; margin: 0 5px; text-decoration: none; padding: 6px; border: 1px solid #fff; background: #AF9F92;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; color: #fff; font-size: 1em; }
#gallery #thumbs a img { border: 1px solid #666; }
#gallery #thumbs a.current { color: #bbb !important; border-color: #AF9F92 !important; text-decoration: underline; }

/* spotlights */
#spotlight { margin: -18px; }
#spotlights-holder { width: 600px; height: 333px; overflow: hidden; position: relative; }
#spotlights { list-style-type: none; }
.body #spotlights li { display: none; width: 564px; height: 333px; margin: 18px; list-style: none; }
.body #spotlights a { width: 564px; height: 333px; position: relative; display: block; z-index: 999; }
.body #spotlights img { margin: 0; position: absolute; top: 0; left: 0; }
.caption { position: absolute; bottom: 0; left: 0; width: 524px; padding: 15px 20px; }
.caption h3, .caption p { color: #fff; z-index: 99; position: relative; }
.caption h3 { font-size: 1.6em; font-weight: bold; }
.caption .linktext { color: #fec; font-size: 1.2em; display: block; }
.hovercap { color: #fff; }
.caption-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: #000000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; }
#spotlight-thumbs { margin: 18px 0 18px 14px; }
.body #spotlight-thumbs li { display: inline; margin: 0 4px; list-style: none; }
.body #spotlight-thumbs img { width: 127px; height: 74px; border: 1px solid #fff; margin: 0; }
#spotlight-thumbs a { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 129px; height: 76px; overflow: hidden; border: 2px solid #ddddab; }
#spotlight-thumbs a.activeSlide { border-color: #333 !important; }
img.sideimgfit { width: 275px; }