@charset "UTF-8";
/* 
	CSS Reset (Eric Meyer's)
****************************/
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* custom */
table { position: relative; border: 0; padding: 0; margin: 0; width: auto; background: transparent; }
table thead, table tbody, table tr { position: relative; margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
table th, table td { position: relative; margin: 0; padding: 0.4em 0.3em; vertical-align: baseline; background: transparent; }
/*
	css3 classes
****************************/
.roundedCorners3 {  }
.roundedCorners5 { }
.roundedCorners7 {  }
/*
	form classes
****************************/
.cj_form_wrapper .cj_form_button { }
/*
	nav menu
****************************/
#nav ul.main li ul {  }
/*
	user options nav
****************************/
#header ul.login li ul {  }
/*
	side nav menu
****************************/
#side_nav {  }
/*
	special content
****************************/
div.frontpage #content #col2 .photo {  }
/*
	sidebar panel
****************************/
#nav .panel {  }
/*
	quick checkout
****************************/
#content #quickCheckout {   }
/*
	reset and set
	some basic elements
****************************/
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #999; background: #000; }
img, a img, :link img, :visited img { border: 0; margin: 0; padding: 0; }
p, ul, ol, li, dd, legend, input, label, select, optgroup, table, div { font-size: 100%; color: #555; }
td, li, dd, p { margin: .6em 0 .9em 0; line-height: 1.5em; }
blockquote { margin: 0 0 1.3em 1em; padding: 0 2em 0 1em; color: #777; border-left: 3px solid #a1ff66; }
code, pre { font-size: 12px; font-family: "Consolas", "Courier New", "Courier", monospace; color: #444; line-height: 18px; }
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; }
a { color: #fd4c42; text-decoration: none; }
a:hover { color: #fd4c42; text-decoration: underline; }
h1, h2, h3, h4, h5, h6, h7 { text-transform: uppercase; color: #000; font-weight: normal; font-family: Impact, Helvetica-Bold, Helvetica; }
h1 { margin: 0.1em 0 0.6em 0; font-size: 2.6em; color: #fd4c42; }
h2 { margin: 0.1em 0 0.6em 0; font-size: 2.4em; color: #fd4c42; }
h3 { margin: 0.2em 0 0.5em 0; font-size: 1.8em; color: #444; }
h4 { margin: 0 0 0.2em 0; font-size: 1.6em; color: #fd4c42; }
h5 { margin: 0; font-size: 1em; color: #444; }
h6 { margin: 0; font-size: 1em; color: #444; }
h7 { margin: 0; font-size: 1em; color: #444; }
ul { margin: .85em 0 1.3em 2em; }
sup { font-size: 75%; vertical-align: super !important; }
small { font-size: 0.70em; line-height: 1.3em; }
cite { font-style: normal; }
input { padding: 0.2em 0.3em 0.3em; background: #f6f6f6; border: 2px solid #ddd; outline: none; font-size: 90%; color: #444; }
textarea { padding: 0.2em 0.3em; background: #f6f6f6; border: 2px solid #ddd; outline: none; font-size: 90%; color: #444; }
select { padding: 0.2em 0.3em 0.3em; background: #f6f6f6; border: 2px solid #ddd; outline: none; font-size: 100%; color: #444; }
form p { display: block; line-height: 130%; margin: 2px 0; padding: 5px 0px; }
ul { margin-left: 20px; padding-left: 20px; list-style: disc; }
ol { margin-left: 20px; padding-left: 20px; list-style: decimal; }
ul li { margin: 10px 0; line-height: 130%; }
/*
	common classes
****************************/
button.fancy_button, a:link.fancy_button, a:visited.fancy_button { font-weight: bold; color: #fff; margin: 0; padding: 0 0.9em; height: 2.4em; background: #ddd url(../images/bg_white_blend_25x25_top.png) repeat-x top left; border: 2px solid #ddd; white-space: nowrap; }
a.fancy_button { padding: 0.5em 0.9em 0.6em !important; text-decoration: none !important; }
button.fancy_button { height: 28px !important; }
button.fancy_buttonHover, button.fancy_button:hover, a:hover.fancy_button, a:active.fancy_button { color: #fd4c42; background: #ddd url(../images/bg_white_blend_25x25_bottom.png) repeat-x bottom left; }
button[disabled].fancy_button { background: none !important; border-color: #9fa4a8 !important; color: #9fa4a8 !important; }
a.boko_icon_lock { padding-left: 14px; background: url(../images/theme_fd4c42/icn_lock.png) no-repeat 0 50%; }
a.boko_icon_link { padding-left: 14px; background: url(../images/theme_fd4c42/icn_link.png) no-repeat 0 50%; }
a.boko_icon_reply { padding-left: 14px; background: url(../images/theme_fd4c42/icn_reply.png) no-repeat 0 50%; }
a.boko_icon_edit { padding-left: 14px; background: url(../images/theme_fd4c42/icn_edit.png) no-repeat 0 50%; }
a.boko_icon_magnify { padding-left: 14px; background: url(../images/theme_fd4c42/icn_magnify.png) no-repeat 0 50%; }
a.boko_icon_tag { padding-left: 14px; background: url(../images/theme_fd4c42/icn_tag.png) no-repeat 0 50%; }
a.boko_icon_date { padding-left: 14px; background: url(../images/theme_fd4c42/icn_calendar.png) no-repeat 0 50%; }
a.boko_icon_comment { padding-left: 14px; background: url(../images/theme_fd4c42/icn_comment.png) no-repeat 0 50%; }
a.boko_icon_arrow { padding-left: 14px; background: url(../images/theme_fd4c42/icn_arrow.png) no-repeat 0 50%; }
a.boko_icon_user { padding-left: 14px; background: url(../images/theme_fd4c42/icn_user.png) no-repeat 0 50%; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.nowrap { white-space: nowrap !important; }
.clearfix:after { content: "."; display: block; width: 100%; height: 1px; clear: both; visibility: hidden; }
.margins { position: relative; padding: 15px 30px; }
.column { display: block; width: 50%; height: auto; float: left; }
.gutter { margin-right: 2%; }
.input_text,
.input_textarea { width: 95%; font-size: 100%; }
.input_select { width: 99%; }
.breaks br { display: block; }
.alignleft { float: left; }
.alignright { float: right; }
.padtop { margin-top: 20px; }
.padleft { margin-left: 20px; }
.padbottom { margin-bottom: 20px; }
.padright { margin-right: 20px; }
.padleftbottom { margin-left: 20px; margin-bottom: 10px; }
.padrightbottom { margin-right: 20px; margin-bottom: 10px; }
.padlefttop { margin-left: 20px; margin-top: 10px; }
.padrighttop { margin-right: 20px; margin-top: 10px; }
/*
	form classes
****************************/
.cj_form_wrapper .input_field,
.cj_form_wrapper .input_file,
.cj_form_wrapper .input_text { border: 1px solid #999; background: #eee; font-size: .85em; height: 1.4em; }
.cj_form_wrapper .input_select,
.cj_form_wrapper .input_select_small,
.cj_form_wrapper .input_select_medium,
.cj_form_wrapper .input_date { border: 1px solid #999; background: #eee; font-size: .85em; height: 1.8em; }
.cj_form_wrapper .input_textarea { border: 1px solid #999; background: #eee; font-size: .85em; width: 100%; max-width: 100%; min-width: 100%; height: auto; margin-bottom: 4px; }
.cj_form_wrapper .cj_form_button { cursor: pointer; display: inline-block; width: auto; height: 26px; line-height: 26px !important; font-size: 11px !important; color: #fff !important; background: #fd4c42 url(../images/bg_button2.png) repeat-x 50% 50%; text-decoration: none; border: 1px solid #333; padding: 0 10px !important; margin: 0 2px !important; white-space: nowrap; }
.cj_form_wrapper .cj_form_button:hover { background-image: url(../images/bg_button2_hover.png); }
.cj_form_wrapper button[disabled],
.cj_form_wrapper button.cj_form_button[disabled],
.cj_form_wrapper button.cj_form_button[disabled="disabled"] { cursor: default !important; color: #aaa !important; background: #ddd; border: 1px solid #aaa !important; }
.cj_form_wrapper .cj_form_row { display: block; width: 100%; height: auto; margin: 3px 0; }

/*
	main layout
****************************/
#wrapper { position: relative; display: block; width: 950px; height: auto; margin: 0 auto; color: #fff; background: #000; }
#header { position: relative; display: block; width: 950px; height: 261px; background: url(../images/bg_header.jpg) no-repeat top center; z-index: 1; }
#page { position: relative; display: block; width: 100%; height: auto; min-height: 480px; background: url(../images/bg_content.gif) repeat-y top center; }
#nav { position: absolute; top: 15px; right: 20px; display: block; width: 100%; height: auto; }
#side_nav { position: relative; display: block; width: 200px; height: auto; float: left; margin-right: 20px; }
#content { position: relative; display: block; width: 100%; height: auto; min-height: 284px; float: left; padding-bottom: 10px; }
#footer { position: relative; display: block; width: 100%; height: 153px; font-size: .7em; background: url(../images/bg_footer.jpg) no-repeat top center; }
/*
	header
****************************/
#header h1 span,
#header h3 span { display: none; }
#header h1 { position: absolute; bottom: 0; left: 5px; margin: 0; padding: 0; }
#header h1 a { display: block; width: 440px; height: 110px; }
/*
	nav menu
****************************/
#nav { position: absolute; top: 181px; left: 10px; z-index: 5; }
#nav ul.main { display: block; width: 820px; height: 24px; margin: 0 auto; padding: 0; list-style: none; }
#nav ul.main li { position: relative; margin: 0 10px; padding: 0; list-style: none; float: left; font-size: 24px; line-height: 24px; color: #fde7d5; font-weight: normal; text-decoration: none; overflow: hidden; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; }
#nav ul.main li.top { }
#nav ul.main li.bottom { }
#nav ul.main li a { display: block; width: 100%; height: auto; padding: 1px 0px; margin: 0; font-size: 24px; line-height: 24px; color: #fff; font-weight: normal; text-decoration: none; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; }
#nav ul.main li a:hover { color: #ffdc98; border-bottom: 3px dotted #ffdc98; }
#nav ul.main li a.active { color: #000; border-bottom: 3px solid #000; }
#nav ul.main li ul { position: absolute; top: 20px; left: 6px; display: block; width: 160px; height: auto; margin: 0; padding: 5px 10px 5px 30px; list-style: none; background: url(../images/bg_white_blend_90.png) repeat top left; z-index: 10; border: 1px solid #ddd; }
#nav ul.main li ul li { float: none; margin: 0; padding: 4px 0; line-height: 14px !important; background: none; list-style: disc url(../images/img_bullet.png) outside; border: none; }
#nav ul.main li ul li a { color: #444; font-size: 12px; font-weight: normal; background: none; }
#nav ul.main li ul li a:hover { color: #fff; background: none; text-decoration: underline; }
/*
	user options nav
****************************/
#header ul.login { position: absolute; top: 32px; right: 20px; display: block; width: 500px; height: auto; margin: 0; padding: 0; list-style: none; z-index: 900; }
#header ul.login li { position: relative; margin: 0; padding: 0; list-style: none; line-height: 24px; float: right; margin-left: 12px; }
#header ul.login li a { font-size: 12px; color: #aaa; }
#header ul.login li a.active { color: #fff; text-decoration: none; }
#header ul.login li a.link_login { padding-left: 14px; background: url(../images/icn_lock_cAAAAAA.png) no-repeat 0 50%; }
#header ul.login li a:hover.link_login { color: #fd4c42; padding-left: 14px; background: url(../images/icn_lock_cfd4c42.png) no-repeat 0 50%; }
#header ul.login li a.link_register { padding-left: 14px; background: url(../images/icn_user_cAAAAAA.png) no-repeat 0 50%; }
#header ul.login li a:hover.link_register { color: #fd4c42; padding-left: 14px; background: url(../images/icn_user_cfd4c42.png) no-repeat 0 50%; }
#header ul.login li a.link_account { padding-left: 14px; background: url(../images/icn_account_cAAAAAA.png) no-repeat 0 50%; }
#header ul.login li a:hover.link_account { color: #fd4c42; padding-left: 14px; background: url(../images/icn_account_cfd4c42.png) no-repeat 0 50%; }
#header ul.login li a.link_cart { padding-left: 14px; background: url(../images/icn_cart_cAAAAAA.png) no-repeat 0 50%; }
#header ul.login li a:hover.link_cart { color: #fd4c42; padding-left: 14px; background: url(../images/icn_cart_cfd4c42.png) no-repeat 0 50%; }
#header ul.login li a.link_checkout { padding-left: 14px; background: url(../images/icn_checkout_cAAAAAA.png) no-repeat 0 50%; }
#header ul.login li a:hover.link_checkout { color: #fd4c42; padding-left: 14px; background: url(../images/icn_checkout_cfd4c42.png) no-repeat 0 50%; }
#header ul.login li a.active.link_login { color: #fff; padding-left: 14px; background: url(../images/icn_lock_c000000.png) no-repeat 0 50%; }
#header ul.login li a.active.link_register { color: #fff; padding-left: 14px; background: url(../images/icn_user_c000000.png) no-repeat 0 50%; }
#header ul.login li a.active.link_account { color: #fff; padding-left: 14px; background: url(../images/icn_account_c000000.png) no-repeat 0 50%; }
#header ul.login li a.active.link_cart { color: #fff; padding-left: 14px; background: url(../images/icn_cart_c000000.png) no-repeat 0 50%; }
#header ul.login li a.active.link_checkout { color: #fff; padding-left: 14px; background: url(../images/icn_checkout_c000000.png) no-repeat 0 50%; }
#header ul.login li ul { position: absolute; top: 24px; right: 0; display: none; width: 200px; height: auto; margin: 0; padding: 5px 10px 5px 10px; list-style: none; background: #fff; z-index: 10; border: 3px solid #000; z-index: 1000; }
#header ul.login li ul li { float: none; margin: 0; padding: 0; background: none; list-style: none; border: none; }
#header ul.login li ul li a { color: #444; font-size: 12px; font-weight: normal; background: none; }
#header ul.login li ul li a:hover { color: #fff; background: none; text-decoration: underline; }
#header ul.login table.logintable td { font-size: 12px; }
#header ul.login table.logintable td.help { font-size: 10px; }
#header ul.login table.logintable td a { font-size: 10px; color: #fd4c42; }
/*
	sidebar login box
****************************/
#boko_sidebar #loginbox { display: none; }
#boko_sidebar #loginbox .cj_form_row { margin: 3px 0; padding: 0; }
#boko_sidebar #loginbox .cj_form_row_title { display: block; width: 100%; height: auto; font-size: .8em; margin: 0; padding: 0; float: none; }
#boko_sidebar #loginbox .cj_form_cell { display: block; width: 95%; height: auto; font-size: .8em; margin: 0; padding: 0; float: none; }
#boko_sidebar #loginbox .cj_form_cell_desc { display: block; width: 100%; height: auto; font-size: .75em !important; margin: 0; padding: 0; float: none; }
#boko_sidebar #loginbox .cj_form_cell_desc br { display: inline; }
#boko_sidebar #loginbox .cj_form_row_options { display: block; width: 100%; height: auto; text-align: right; margin: 5px 0 3px; }
#boko_sidebar #loginbox br { display: none; }
#boko_sidebar #loginbox .error .cj_form_row_title { color: red !important; }
#boko_sidebar #loginbox .error .cj_form_cell input { border-color: #ffaaaa !important; background: #fff6f6 !important; }
/* misc */
#boko_user_options { position: absolute; top: -30px; right: 30px; text-align: right; z-index: 20; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; }
#boko_user_options a { }
/*
	side nav menu
****************************/
#side_nav { margin: 30px 0 0 15px; background: url(../images/bg_black_blend_10.png) repeat top left; }
#side_nav .margins { padding: 10px 15px; }
#side_nav h4 { color: #fff; font-size: 18px; padding-bottom: 8px; border-bottom: 1px dotted #ddd; }
#side_nav ul.main { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#side_nav ul.main li { position: relative; margin: 0; padding: 0px; list-style: none; line-height: 140%; margin: 10px 0; }
#side_nav ul.main li.top { margin-right: 0; }
#side_nav ul.main li.bottom { border: none; }
#side_nav ul.main li a { font-size: 13px; color: #fff; font-weight: normal; text-decoration: none; }
#side_nav ul.main li a:hover { color: #fd4c42; }
#side_nav ul.main li a.active { color: #fff; }
/*
	page
****************************/
#page { font-family: Georgia, "Times New Roman", Times, serif; }
#page .page_wrap { display: block; width: 837px; height: auto; margin: 0 auto; }
/*
	content
****************************/
#content { padding: 5px 0; }
#content h1,
#content h2,
#content h3,
#content p,
#content ul { margin-bottom: 12px; }
#content .margins { margin: 0 15px; }
#content strong { color: #222; }
#content .content_wrap { display: block; width: 837px; height: auto; margin: 0 auto; }
#content .content_wrap .margins { margin: 0 }
/*
	special content
****************************/
div.frontpage #content { width: 100%; float: none; }
div.frontpage #content #col1 { position: relative; display: block; width: 578px; height: auto; margin-right: 15px; float: left; }
div.frontpage #content #col2 { position: relative; display: block; width: 200px; height: auto; float: left; z-index: 0; }
div.frontpage #content #col1 .margins { padding: 0; margin: 0; }
div.frontpage #content #col2 .margins { padding: 0; margin: 0; }
div.frontpage #content #col2 .photoBox { display: block; width: 198px; height: auto; margin-bottom: 15px; }
div.frontpage #content #col2 .photo { display: block; width: 198px; height: auto; padding: 0; border: 1px solid #eee; overflow: hidden; }
div.frontpage #content #col2 .photo img { margin: 0; padding: 0; border: none; }
div.frontpage #content #col2 .caption { margin: 2px 15px 0; text-align: center; font-size: 11px; }
/*
	sidebar panel
****************************/
#nav .panel { display: block; width: 100%; height: auto; margin-bottom: 15px; }
#nav .panel .margins { padding: 5px 15px; margin: 0; }
#nav .blue { background: url(../images/bg_cfd4c42_blend_30.png) repeat top center; }
#nav .advert { font-size: .7em; }
/*
	footer
****************************/
#footer .block { position: relative; display: block; width: 837px; height: auto; margin: 0 auto; padding-top: 75px; }
#footer .margin { padding: 10px 0px; color: #fde7d5; }
#footer .column { display: block; width: 50%; height: auto; float: left; }
#footer .column ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#footer .column ul li { float: right; margin: 0 7px 0 0; padding: 0 7px 0 0; border-right: 1px solid #999; }
#footer .column ul li a { border: none; }
#footer .column ul li.top { border: none; margin-right: 0; }
#footer strong { color: #fff; font-size: 1.3em; }
#footer ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#footer ul li { float: left; margin: 0 7px 0 0; padding: 0 7px 0 0; border-right: 1px solid #999; }
#footer ul li.bottom { border: none; }
#footer ul li a { color: #fde7d5; }
#footer ul li a:hover { color: #fff; }
/* 
	table listings
****************************/
.tableListing { width: 100%; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999 }
.tableListing tr th { font-size: .80em; background: #999 url(../images/bg_table_header.png) repeat top left; color: #e9eff1; vertical-align: bottom; }
.tableListing tr td { font-size: .75em; border-bottom: 1px solid #999; background: #fff; vertical-align: top; }
.tableListing tr td a:hover { text-decoration: underline; }
.tableListing tr.options td { background: #d9d9d9 url(../images/bg_white_blend.png) repeat-x top left; }
.tableListing a span { padding: 4px 2px 2px 12px; }
.tableListing a.view span,
.tableListing a.edit span { padding-left: 11px; background: url(../images/icn_table_edit.gif) no-repeat 3px center; }
.tableListing a.delete span { padding-left: 13px; background: url(../images/icn_table_delete.gif) no-repeat 3px center; }
.tableListing tr.voided td { background: #ffe7e7; color: #c60707; }
.tableListing tr.voided td a.optionButton { border: 1px solid #ffe7e7; }
.tableListing tr.voided td a:hover.optionButton { color: #c60707; text-decoration: none; border: 1px solid #c60707; }
.tableListing tr.voided td a.view span { color: #c60707; background: url(../images/icn_table_edit_void.png) no-repeat 3px center; }
.tableListing tr td.header { border-right: 1px solid #999; background: #ddd; white-space: nowrap; }
.tableListing tr td div.icon { display: block; width: 64px; height: 78px; overflow: hidden; }
.tableListing tr td.bordright { border-right: 1px solid #9fa5a8; }
.tableListing tr td.bordleft { border-left: 1px solid #9fa5a8; }
/* 
	the gallery
****************************/
#Gallery ul.galleryPhotos { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#Gallery ul.galleryPhotos .galleryBlock { display: block; width: 230px; height: 270px; float: left; margin: 0 8px; }
#Gallery ul.galleryPhotos .gutter { margin-bottom: 20px; margin-right: 20px; }
#Gallery ul.galleryPhotos .galleryPhoto { display: block; width: 230px; height: 200px; }
#Gallery ul.galleryPhotos .galleryPhoto .photo { display: block; width: 220px; height: 200px; border: 7px solid #ffdc98; overflow: hidden; background: url(../images/img_blank_site_photo.jpg) no-repeat center center; }
#Gallery ul.galleryPhotos .galleryPhoto .photo a { border: none !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; }
#Gallery ul.galleryPhotos .galleryPhoto .caption { font-size: 12px; line-height: 14px; display: block; width: 230px; height: 50px; text-align: center; margin-top: 3px; }

/* 
	processing window
****************************/
#ProcessWindow { display: none; }
#ProcessWindow.timer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff url(../images/bg_ani_timer_ffffff.gif) no-repeat center center; }
#ProcessWindow.error { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; }
#ProcessWindow.error .padder { padding: 150px 50px 50px !important; background: url(../images/icn_big_error.gif) no-repeat center 40px; }
#ProcessWindow.error .padder p.msg { color: #fff; font-size: 18px !important; }
/* 
	voided orders
****************************/
#Void { position: absolute; top: 105px; left: 0; display: block; width: 100%; height: 320px; background: url(../images/img_voided.png) no-repeat 50% 120px; z-index: 9000; }
#VoidPrint { display: none; }

#ButOrderNow { position: absolute; top: 52px; left: 400px; display: block; width: 102px; height: 102px; background: url(../images/but_order_now.png) no-repeat top left; }
#ButOrderNow span { display: none; }


/* 
	channels
****************************/
ul#channels { position: absolute; top: 164px; right: 105px; display: block; width: 210px; height: 54px; margin: 0; padding: 0; list-style: none; z-index: 15; overflow: hidden; }
ul#channels li { margin: 0; padding: 0; list-style: none; float: left; }
ul#channels li a { background: url(../images/bg_channels_r2.jpg) no-repeat top left; }
ul#channels li#snavFacebook a { position: absolute; top: 0; left: 0; display: block; width: 105px; height: 54px; background-position: 0px 0px; }
ul#channels li#snavFacebook a:hover { background-position: 0px -54px; }
ul#channels li#snavYoutube a { position: absolute; top: 0; left: 105px; display: block; width: 105px; height: 54px; background-position: -105px 0px; }
ul#channels li#snavYoutube a:hover { background-position: -105px -54px; }
ul#channels a span { display: none; } 

/*
	default pod style
****************************/
#boko_sidebar .sidebar-pod { margin-bottom: 25px; }
#boko_sidebar .sidebar-pod h4 { font-size: 18px; letter-spacing: normal; color: #fff; padding: 5px 10px; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; font-weight: normal; background: url(../images/bg_sidebar_header.gif) no-repeat center center; }
#boko_sidebar .sidebar-pod ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #eee; }
#boko_sidebar .sidebar-pod ul li { font-size: .8em; padding: 2px 5px; border-top: 1px solid #e7ecef; }
#boko_sidebar .sidebar-pod li.sidebar-list-item,
#boko_sidebar .sidebar-pod li.sidebar-list-item a { color: #fd4c42; }
#boko_sidebar .sidebar-pod li.sidebar-list-item a:hover { color: #000; }
#boko_sidebar .sidebar-pod li.sidebar-list-item .picture { display: block; width: 40px; height: auto; float: left; margin-top: 3px; }
#boko_sidebar .sidebar-pod li.sidebar-list-item .info { display: block; width: 190px; height: auto; float: left; }
#boko_sidebar .sidebar-pod .sidebar-small-item { font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 11px; color: #999; }
/*
	blog category pod
****************************/
#boko_sidebar ul.blog-category-list li { margin: 0; padding: 0 5px; }
#boko_sidebar ul.blog-category-list li a { font-size: 18px; color: #fd4c42; padding: 0; margin: 0; line-height: 20px; font-family: Impact, Helvetica-Bold, Helvetica; }
#boko_sidebar ul.blog-category-list li a:hover { color: #000; }
/*
	blog archives pod
****************************/
#boko_sidebar ul.archives li { margin: 0; padding: 0 5px; }
#boko_sidebar ul.archives li a { font-size: 18px; color: #fd4c42; padding: 0; margin: 0; line-height: 20px; font-family: Impact, Helvetica-Bold, Helvetica; }
#boko_sidebar ul.archives li a:hover { color: #000; }
/*
	recent comments pod
****************************/
#boko_sidebar .sidebar-pod ul.recent-comments { border: 0; border-top: 1px solid #e7ecef; }
#boko_sidebar .sidebar-pod ul.recent-comments li { border-top: none; border-bottom: 1px solid #e7ecef; padding: 10px 5px; }
#boko_sidebar .sidebar-pod ul.recent-comments li a { font-size: 11px; }
#boko_sidebar .sidebar-pod ul.recent-comments li .comment_entry { display: block; font-size: 10px; line-height: 14px; margin-top: 5px; }
#boko_sidebar .sidebar-pod ul.recent-comments li .comment_name { display: inline; }
#boko_sidebar .sidebar-pod ul.recent-comments li .comment_text { display: inline; }
#boko_sidebar .sidebar-pod ul.recent-comments li .comment_date { display: block; font-size: 10px; line-height: 12px; margin-top: 5px; }

/*
	top items pod
****************************/
#boko_sidebar .sidebar-pod ul.top-items { border: 0; border-top: 1px solid #e7ecef; list-style: none; }
#boko_sidebar .sidebar-pod ul.top-items li { border-top: none; padding: 2px 5px; list-style: none; font-family: "Arial Black", Gadget, sans-serif; }
#boko_sidebar .sidebar-pod ul.top-items li a { }
#boko_sidebar .sidebar-pod ul.top-items li .item-name a { display: block; font-size: 12px; line-height: 14px; margin-top: 5px; background: none; }
#boko_sidebar .sidebar-pod ul.top-items li .item-stats { font-size: 10px; line-height: 12px; margin-top: 2px; padding-left: 15px; }

.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_fd4c42/bg_header.jpg) repeat-x bottom left; overflow: hidden; }
#boko_content_wrap { position: relative; display: block; width: 837px; 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 #ddd; }
#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_fd4c42/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_fd4c42/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; color: #555; }
#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: #fff; font-family: Impact, Helvetica-Bold, Helvetica; display: block; width: 100%; height: auto; margin-bottom: 4px; background: url(../images/bg_entry_date.gif) no-repeat center center; }
#boko_entry .entry-date .entry-month-year { padding-left: 5px; font-size: 14px; line-height: 18px; }
#boko_entry .entry-date .entry-day { font-size: 14px; line-height: 18px; }
#boko_entry .entry .entry-title { margin-bottom: 5px; clear: both; }
#boko_entry .entry .entry-title h2 { font-size: 36px; line-height: .9em; text-transform: uppercase; color: #000; font-weight: normal; border-bottom: 1px solid #fd4c42; margin: 0 0 3px 0; padding: 0 0 3px 0; font-family: Impact, Helvetica-Bold, Helvetica; }
#boko_entry .entry .entry-title h2 a { font-size: 36px; line-height: .9em; text-transform: uppercase; color: #000; font-weight: normal; font-family: Impact, Helvetica-Bold, Helvetica; }
#boko_entry .entry .entry-title h3 { font-size: 18px; line-height: .9em; text-transform: uppercase; color: #000; font-weight: normal; border-bottom: 1px solid #fd4c42; margin: 0 0 3px 0; padding: 0 0 3px 0; font-family: Impact, Helvetica-Bold, Helvetica; }
#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: #fd4c42; text-transform: uppercase; font-family: "helvetica neue", helvetica, arial, sans-serif; }
#boko_entry .entry .entry-info .entry-category a:hover { color: #000; }
#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: #fd4c42; }
#boko_entry .entry .entry-content .entry-readmore a:hover { color: #000; }
/*
	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; color: #fff; background: #fd4c42; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; font-weight: normal; }
#boko_entry .entry-page-nav .entry-page { font-size: 12px; line-height: 24px; margin-right: 2px; padding: 0; float: left; color: #fff; background: #fd4c42; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; font-weight: normal; }
#boko_entry .entry-page-nav .entry-page-separator { font-size: 12px; line-height: 24px; margin-right: 2px; padding: 0 4px; float: left; color: #000; background: #fff; font-family: Impact, Helvetica-Bold, Helvetica; text-transform: uppercase; 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; background: #fd4c42; 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: 600px; height: auto; margin: 0 auto; }
/*
	comment form reply
****************************/
#comment-reply { position: relative; margin: 15px 50px; border: 1px #000 solid; }
#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: #fff; font-size: 75%; line-height: 145%; border: 1px #ddd 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%; }
#comments .comment-date { position: absolute; top: 0; right: 0; font-size: 75%; }
#comments .comment-options { display: none; text-align: right; margin-top: 15px; color: #bbb; }
#comments .comment-options a { font-size: 95%; }
#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; background: #f6f6f6 url(../images/icn_search_off.png) 0.4em 50% no-repeat; }
#searchbox #SearchForm div.boko_form_row input:focus { background-image: url(../images/theme_fd4c42/icn_search_on.png); }
#searchbox #SearchForm div.boko_form_row button { font-weight: bold; color: #000; margin: 0; padding: 0; width: 6em; height: 2.4em; background: #ddd url(../images/bg_white_blend_25x25_top.png) repeat-x top left; border: 2px solid #ddd; float: right; }
#searchbox #SearchForm div.boko_form_row button:hover { color: #fd4c42; background: #ddd url(../images/bg_white_blend_25x25_bottom.png) repeat-x bottom left; }
/*
	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: #000; 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_sidebar_header.gif) no-repeat center center; }
#searchResults .shadowWrapper h4 div { color: #fff !important; text-transform: uppercase; 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; }