@charset "UTF-8";
.boko_icon_magnify { padding-left: 20px; background: url(../images/bg_icon_magnify.gif) no-repeat left center; }
/*
	layout
****************************/
#boko_page { position: relative; display: block; width: 100%; height: auto; }
#boko_header { position: relative; display: block; width: 100%; height: 170px; background: #0f538b url(../images/theme_ec0014/bg_header.jpg) repeat-x bottom left; overflow: hidden; }
#boko_content_wrap { position: relative; display: block; width: 920px; height: auto; margin: 0 auto; }
#boko_content { position: relative; min-height: 450px; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; padding-right: 10px; }
#boko_sidebar { position: relative; display: block; width: 290px; height: auto; float: right; overflow: hidden; margin-top: -15px; padding-top: 30px; border-left: 3px dotted #444; }
#boko_comments { position: relative; display: block; width: 100%; height: auto; min-height: 10px; }
#boko_footer { position: relative; display: block; width: 100%; height: auto; padding-bottom: 20px; }
/*
	header
****************************/
#boko_header h4 { display: none; }
#boko_header h1 { position: absolute; top: 0; left: 0; display: block; width: 828px; height: 126px; background: url(../images/theme_ec0014/bg_header_logo.jpg) no-repeat top left; margin: 0; padding: 0; }
#boko_header h1 a { position: absolute; top: 0; left: 0; display: block; width: 128px; height: 106px; margin: 0; padding: 0; }
#boko_header h1 span,
#boko_header h2,
#boko_header h2 span { display: none; }
#boko_header .boko_rss_feed { position: absolute; top: 83px; right: 40px; display: block; width: 240px; height: 76px; z-index: 10; }
#boko_header .boko_rss_feed a { display: block; width: 240px; height: 76px; background: url(../images/theme_ec0014/btn_rss_feed.png) no-repeat top left; }
#boko_header .boko_rss_feed a span { display: none; }
/*
	navigation
****************************/
#boko_main_nav { position: absolute; top: 94px; left: 130px; display: block; width: 439px; height: 32px; margin: 0; padding: 0; z-index: 20; list-style: none; overflow: hidden; }
#boko_main_nav ul { margin: 0; padding: 0; }
#boko_main_nav li { float: left; margin: 0; padding: 0; list-style: none; }
#boko_main_nav li a span { display: none; }
/*
	boko content
****************************/
#boko_content ul.examples { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#boko_content ul.examples:after { content: "."; display: block; width: 100%; height: 1px; clear: both; visibility: hidden; }
#boko_content ul.examples li { float: left; margin-right: 30px; margin-bottom: 20px; }
#boko_content ul.examples li small { display: block; width: 100%; height: auto; line-height: 120%; text-align: center; }
#boko_content pre { display: block; padding: 2px 5px; margin: 0; background: #f6f6f6; overflow: auto; border: 1px solid #b7d6e6; background: url(../images/bg_code_pre.gif) repeat top left; }
#boko_content code,
#boko_content pre { font-size: 12px; font-family: "Consolas", "Courier New", "Courier", monospace; color: #444; line-height: 18px; }
#boko_content blockquote { position: relative; margin: 0 0 1.3em 1em; padding: 0 104px 0 50px; font-size: 1em; font-style: italic; color: #777; line-height: 120%; }
#boko_content blockquote { background: url(../images/bg_blockquote_openquote.png) 0 0 no-repeat; }
#boko_content blockquote:after { content: " "; position: absolute; bottom: 0; right: 54px; display: block; width: 44px; height: 37px; background: url(../images/bg_blockquote_closequote.png) 0 0 no-repeat; }
#boko_content li { line-height: 130%; list-style: disc; margin: 3px 0; }
#boko_content ol,
#boko_content ul { margin-left: 40px; }
/*
	boko entries
****************************/
#boko_entry .entry { display: block; width: 100%; height: auto; margin-bottom: 45px; min-width: 500px; }
#boko_entry .entry h4,
#boko_entry .entry h5 { margin: 30px 0 6px 0; }
#boko_entry .entry .entry-header { margin-bottom: 15px; }
#boko_entry .entry-date { text-transform: uppercase; font-weight: normal; color: #aaa; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; display: block; width: 100%; height: auto; margin-bottom: 2px; }
#boko_entry .entry-date .entry-month-year { padding-left: 3px; font-size: 10px; line-height: 12px; }
#boko_entry .entry-date .entry-day { font-size: 10px; line-height: 12px; }
#boko_entry .entry .entry-title { margin-bottom: 5px; clear: both; }
#boko_entry .entry .entry-title h2 { font-size: 36px; line-height: .9em; border-bottom: 1px dotted #555; border-top: 1px dotted #555; margin: 4px 0 4px 0; padding: 4px 0 4px 0; }
#boko_entry .entry .entry-title h2 a { font-size: 36px; line-height: .9em; }
#boko_entry .entry .entry-title h3 { font-size: 18px; line-height: .9em; border-bottom: 1px dotted #555; margin: 0 0 5px 0; padding: 0 0 5px 0; color: #aaa; }
#boko_entry .entry .entry-info { font-size: .7em; }
#boko_entry .entry .entry-info .entry-category { display: block; width: 75%; height: auto; float: left; }
#boko_entry .entry .entry-info .entry-category a { color: #ec0014; font-family: "helvetica neue", helvetica, arial, sans-serif; text-transform: uppercase; }
#boko_entry .entry .entry-info .entry-category a:hover { color: #fff; }
#boko_entry .entry .entry-info .entry-category span { margin-right: 10px; }
#boko_entry .entry .entry-info .entry-comments { display: block; width: 25%; height: auto; float: left; text-align: right; }
#boko_entry .entry .entry-content { }
#boko_entry .entry .entry-content .entry-readmore { text-align: right; font-size: 14px; text-transform: uppercase; font-family: "helvetica neue", helvetica, arial, sans-serif; }
#boko_entry .entry .entry-content .entry-readmore a { color: #fff; }
#boko_entry .entry .entry-content .entry-readmore a:hover { color: #ec0014; }
/*
	boko entry nav
****************************/
#boko_entry .entry-page-nav { margin-bottom: 25px; min-width: 500px; }
#boko_entry .entry-page-nav .entry-page-title { font-size: 12px; line-height: 24px; margin-right: 2px; padding: 0 5px; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; }
#boko_entry .entry-page-nav .entry-page { font-size: 12px; line-height: 24px; margin-right: 2px; padding: 0; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; }
#boko_entry .entry-page-nav .entry-page a { display: block; width: 28px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; color: #fff; text-decoration: none; }
#boko_entry .entry-page-nav .entry-page a.active { color: #fff !important; background: #000 !important; }
#boko_entry .entry-page-nav .entry-page a:hover { color: #fda99a; }
/*
	common layout elements
****************************/
#boko-share { display: block; width: auto; height: 18px; overflow: hidden; }
#boko-share span { font-size: 12px; line-height: 18px; margin: 0; margin-right: 8px; padding: 0; float: left; }
#boko-share a { display: block; width: 18px; height: 18px; float: left; margin-right: 2px; }
/*
	comment form
****************************/
#boko-comment-form { position: relative; display: none; width: 100%; height: auto; margin-top: 25px; }
#boko-comment-form .margins { display: block; width: 700px; height: auto; margin: 0 auto; }
/*
	comment form reply
****************************/
#comment-reply { position: relative; margin: 15px 0px; border: 3px #444 dotted; background: #222 url(../images/bg_diamond_plate.png) repeat top center; }
#comment-reply .column { width: 50%; float: left; }
#comment-reply h4 { margin: 0; padding: 0; line-height: 130%; }
#comment-reply .small { width: 100%; }
/*
	comment listing
****************************/
#comments { min-width: 500px; margin: 25px 75px 35px 75px; }
#comments .comment { position: relative; min-height: 90px; margin: 15px 0; background: #ddd; font-size: 75%; line-height: 145%; border: 1px #aaa solid; }
#comments .child { margin: 15px 0px 15px 75px; }
#comments .child .arrow { position: absolute; top: -9px; left: 25px; display: block; width: 19px; height: 9px; background: url(../images/bg_comment_arrow.png) no-repeat top left; }
#comments .author { background: #f8eed4 url(../images/bg_paper_texture.png) repeat top left; border: 1px #f0d8aa solid; }
#comments .author .arrow { background: url(../images/bg_comment_arrow_author.png) no-repeat top left; }
#comments .avatar { position: absolute; top: 15px; left: 15px; }
#comments .avatar img { }
#comments .margins { margin-left: 64px; padding-right: 15px; }
#comments span.tab { display: block; width: 18px; height: 2px; float: left; }
#comments code { font-size: 120%; }
#comments .comment-info { position: relative; margin-bottom: 15px; }
#comments .comment-author { font-size: 160%; color: #555; }
#comments .comment-date { position: absolute; top: 0; right: 0; font-size: 75%; color: #555; }
#comments .comment-options { display: none; text-align: right; margin-top: 15px; color: #555; }
#comments .comment-options a { font-size: 95%; }
#comments div { color: #111; }
#comment_form { margin-bottom: 25px; min-width: 500px; margin-left: 75px; }
/*
	sidebar
****************************/
#boko_sidebar .margins { padding: 0 15px; margin-right: 10px; }
#boko_sidebar p, 
#boko_sidebar .boko_text_block { display: block; font-size: 0.9em; margin: 0 0 1.3em 0; line-height: 1.4em; color: #555; }
#boko_sidebar a.boko_downloads { position: relative; display: block; width: 218px; height: 84px; background: url(../images/btn_download.png) no-repeat top left; overflow: hidden; }
#boko_sidebar a:hover.boko_downloads { background-position: 0px -84px; }
#boko_sidebar a.boko_downloads span { display: block; position: absolute; }
#boko_sidebar a.boko_downloads span.title { top: 20px; left: 100px; font-size: 18px; font-weight: bold; }
#boko_sidebar a.boko_downloads span.file_size { top: 38px; left: 100px; font-size: 11px; }
#boko_sidebar table.boko_table_listing th,
#boko_sidebar table.boko_table_listing td { padding: 0.4em 0.3em; }
#boko_sidebar a.boko_sidebar_popup { padding: 1px 0 1px 25px; background: url(../images/icn_popup_window.png) no-repeat 0 50%; line-height: 24px; }
#boko_sidebar a.boko_sidebar_inline { padding: 1px 0 1px 25px; background: url(../images/icn_inline_window.png) no-repeat 0 50%; line-height: 24px; }
/*
	footer
****************************/
#boko_footer p { margin: 2px 0; padding: 2px 0; color: #777; line-height: 1.3em; }
#boko_footer strong { color: #333; font-weight: normal; }
#boko_footer .left, #boko_footer .right { display: block; width: 50%; height: auto; float: left; clear: none; }
#boko_footer .right p { font-size: 11px; text-align: right; }
#boko_footer .copywrong p { font-size: 11px; }
/*
	search
****************************/
#searchbox { position: relative; display: block; width: auto; height: auto; }
#searchbox #SearchForm div.boko_form_row { margin: 0 0 1em 0; border: 0; padding: 0; }
#searchbox #SearchForm div.boko_form_row input { width: 9em; padding-left: 2em; color: #222; background: #eee url(../images/icn_search_off.png) 0.4em 50% no-repeat; border: 2px solid #777; }
#searchbox #SearchForm div.boko_form_row input:focus { background-image: url(../images/theme_ec0014/icn_search_on.png); }
#searchbox #SearchForm div.boko_form_row button { float: right; cursor: pointer; display: inline-block; width: auto; height: auto; line-height: 26px !important; font-size: 11px !important; color: #fff !important; background: #ec0014 url(../images/bg_button2.png) repeat-x 50% 50%; text-decoration: none; border: 2px solid #777; padding: 0 10px !important; margin: 0 2px !important; white-space: nowrap; }
#searchbox #SearchForm div.boko_form_row button:hover { background-image: url(../images/bg_button2_hover.png); }
/*
	table listings
****************************/
table.boko_table_listing { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: separate; margin: 0 0 1.3em 0; }
table.boko_table_listing th,
table.boko_table_listing td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; }
table.boko_table_listing th { font-size: .85em; font-weight: bold; background: #ddd url(../images/bg_white_blend_25x25_top.png) repeat-x top left; }
table.boko_table_listing td { font-size: .8em; background: #fff; padding: 0.5em 0.7em; }
table.boko_table_listing tr.current td { font-weight: bold; }
table.boko_table_listing tr.current td a { color: #fff; text-decoration: none; }
table.boko_table_listing tr.current td span.item { position: relative; display: block; width: 100%; height: auto; }
table.boko_table_listing tr.current td span.icon { position: absolute; top: -2px; left: 0; margin-left: -20px; display: block; width: 34px; height: 22px; background: url(../icons/icn_version_arrow.png) no-repeat top left; z-index: 10; }
table.boko_table_listing td.nowrap { white-space: nowrap }
table.boko_table_listing td pre { }
/*
	code styling <code>
****************************/
#boko_page pre { border: 1px solid #b7d6e6; padding: 0; padding: 2px 5px; background: url(../images/bg_code_pre.gif) repeat top left; }
#boko_page pre code { display: block; font-size: 12px; }
#boko_page pre code ol { padding: 0px 3px; margin: 0; list-style: decimal; }
#boko_page pre code ol li { padding: 0; margin: 0; font-size: 12px; line-height: 18px; }
#boko_page p.boko_code_wrapper { margin-bottom: 1px; font-size: 11px !important; }
#boko_page p.boko_code_wrapper a { padding: 0; margin: 0; }
#boko_page textarea.boko_code_textarea { display: block; width: 98%; min-width: 98%; max-width: 98%; height: auto; line-height: 18px; padding: 2px 4px; display: none; font-size: 12px; font-family: "Consolas", "Courier New", "Courier", monospace; color: #444; background: url(../images/bg_code_textarea.gif) repeat top left; border: 1px solid #ccc; overflow: auto !important; }
#boko_comments textarea.boko_code_textarea { margin: 0 0 13px 0; }
/*
	CJ Forms
****************************/
.cj_form_wrapper { margin: 20px 0 20px; }
.cj_form_wrapper h3,
.cj_form_wrapper h4,
.cj_form_wrapper h5 { margin: 10px 0 8px; font-weight: normal; }
.cj_form_wrapper p { padding-top: 0 !important; margin-top: 0 !important; }
.ui-state-error { font-size: 1.2em; }
.ui-state-error ul { list-style: disc; }
.ui-state-error ul li { font-size: 1.2em; line-height: .85em !important; }
/*
	search results
****************************/
#searchResults { position: absolute; top: 28px; right: 0px; display: block; width: 258px; height: auto; text-align: left; z-index: 10; background: #fff; border: 1px solid #444; }
#searchResults .shadowTop { display: block; width: 258px; height: 3px; background: url(../images/bg_searchresults_top.png) repeat-y bottom center; }
#searchResults .shadowBottom { display: block; width: 258px; height: 6px; background: url(../images/bg_searchresults_bottom.png) repeat-y top center; }
#searchResults .shadowWrapper { display: block; width: 100%; height: auto; background: url(../images/bg_searchresults.png) repeat-y top center; }
#searchResults .margins { padding: 11px; }
#searchResults .shadowWrapper h4 { font-size: 14px; font-weight: normal; color: #fff !important; margin: 0; padding: 0; background: url(../images/bg_diamond_plate.png) repeat-x center center; }
#searchResults .shadowWrapper h4 div { color: #fff !important; font-weight: normal; }
#searchResults .shadowWrapper ul { margin: 0; padding: 4px; list-style: none; }
#searchResults .shadowWrapper ul li { padding: 4px 11px; background: #fff; list-style: none; border-bottom: 1px solid #ddd; }
/*
	search results
****************************/
#boko_entry #searchResultsFull { position: relative; }
#boko_entry #searchResultsFull .shadowTop { display: none; }
#boko_entry #searchResultsFull .shadowBottom { display: none; }
#boko_entry #searchResultsFull .shadowWrapper { display: block; width: 100%; height: auto; }
#boko_entry #searchResultsFull .margins { padding: 0px; }
#boko_entry #searchResultsFull .shadowWrapper h4 { font-size: 18px; font-weight: normal; color: #fff !important; margin: 0; padding: 5px 0; border-bottom: 1px dotted #777; }
#boko_entry #searchResultsFull .shadowWrapper h4 div { color: #fff !important; font-weight: normal; }
#boko_entry #searchResultsFull .shadowWrapper ul { margin: 0; padding: 0px; list-style: none; }
#boko_entry #searchResultsFull .shadowWrapper ul li { padding: 4px 0px; list-style: none; border-bottom: 1px dotted #555; }