@import url("reset.css");

body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color:#ffffff;}
a { color: #FF6600; }



/* Page Layout
=========================================*/
#outer_container {}
#main_container { width: 964px; margin:auto; background-color:#FFFFFF; position: relative;}
#content_container { position: relative; margin-top: 8px; background: url(../images/nav/page_bg.jpg); display: block}
#content_container.phorum { position: relative; margin-top: 8px; background: url(../images/nav/forum_bg.jpg); display: block}

#footer{ background-image:url(/images/nav/page_bottom.jpg); background-repeat:no-repeat; height: 16px; width: 964px;}
#footer.phorum{ background-image:url(/images/nav/forum_bottom.jpg); background-repeat:no-repeat; height: 16px; width: 964px;}
#header {position: relative; width: 964px; height: 62px; background:url(../images/nav/header_bg.jpg); }
#header_logo { background-image:url(/images/nav/ignited_logo.jpg); background-repeat:no-repeat; height:36px; width: 101px; position: absolute; top: 15px; right: 15px;}
#header_icon { background-image:url(/images/nav/ignited_icon.jpg); background-repeat:no-repeat; height:41px; width: 34px; position: absolute; top: 12px; left: 15px;}
#login_status { text-align: right; color: #ff6600; padding: 4px 0px 8px; font-size: 12px;}

/* Nav Menu */
ul#nav_menu{ position: absolute; top: 15px; left: 146px; margin: 0; padding: 0; text-indent: 0px;}
#nav_menu li { display:inline-block; float:left; border: 1px solid #918070; padding: 8px; margin: 0px 0px 0px -1px; width: 143px; text-align: center; }
#nav_menu li a { color: #ffffff; text-decoration:none; text-transform:lowercase }
#nav_menu li.selected {background: url(../images/nav/nav_selected.jpg); position: top; background-repeat:no-repeat;}


#left_col {width: 600px;  float:left; margin-right: 7px; padding: 26px 22px 0px 22px; position: relative; }
#right_col { float:left; border-left: 1px solid #f7f7f7; width: 280px; padding: 26px 10px 0px 22px; position: relative; }
.center { text-align: center; }
.right { text-align: right; }
.last { margin-right: 0; padding-right: 0; }
.float { float:left }
.hover { cursor: pointer}

h1 {margin: 0px 0px 4px 0px;padding: 0px; font-size: 16px; font-family: Helvetica, Arial; font-weight: bold; color: #3a1c00}
h2 { margin: 4px 0px; font-size: 14px; font-weight: bold;color: #3a1c00 }

#page_title { font-size: 22px; margin-bottom: 10px; background-color: #f5f5f5; padding: 4px; color: #5494af;} 
.block_title {font-size: 18px; margin-bottom: 12px; padding-bottom: 2px; border-bottom: 2px solid #990000;}
.stats { font-weight: bold; margin: 4px 0px;}
#site_search { padding: 4px; margin-bottom: 10px; }

.right_block { margin-bottom: 20px;width: 280px }

/*
#breadcrumb { font-size: 10px; padding: 4px; margin-bottom: 4px; border: 1px dotted #CCCCCC;}
#breadcrumb a { text-decoration: none; color: #000000;} */

#breadcrumb { color: #646464; font-size: 12px; line-height: 12px; font-weight: bold; margin: 0px 0 10px 0; padding:2px; border-bottom: 0px solid #efefef;}
#breadcrumb a { color: #646464;text-decoration: none;}
#breadcrumb a.active { color: #c66653; }
#breadcrumb a:hover { text-decoration: underline; }


#notices { border: 1px dotted #FF6600; background-color:#66CCFF; padding: 4px;	 text-align: center; font-weight: bold; font-size: 14px; color: #ffffff; display: none;}
#banner_status {line-height: 20px; font-size: 14px;}


.message { padding:8px 0px; color:#FF6600;}
.admin_functions { border: 1px dashed #FF6600; padding: 8px; margin: 10px 0px;}
.admin_functions a { color: #000000;}

hr { border:1px dashed #F2F2F2; width:98%; }
.clear { clear: both; }
.fake_link:hover { cursor:pointer; }
.fake_link { text-decoration: underline; color: #6085B2; }

.bday { width: 100px; }

/* FORMS 
===================================================*/

.form_row { padding: 0px 0px 8px 0px; position: relative }

label {color: #3a1c00; width: 150px; display: block; float:left; font-size: 14px; font-weight: bold; padding: 4px 0px 8px 0px}
input, textarea, select { border: 1px solid #b3c0c6; padding: 4px; }
.long { width: 430px }

select {  margin-right:5px; width: 150px;}
.date { width: auto; padding:0px; }
.hidden { display:none; }
.error { background-image: url(/images/icons/exclamation.png); background-repeat:no-repeat; color: #FF0000; padding: 2px 0 0 20px; display: inline-block; margin: 5px 0 }


fieldset { border: 1px solid #CFCFC5; -moz-border-radius: 5px; padding: 10px;}
fieldset legend { color: #6085B2; font-weight: bold; margin: 0px 2px 0px 14px;}


input.checkbox { border: 0px; }
.form_input input[type=text] {width: 300px; }
.form_button { margin-right: 10px; color: #ffffff; font-weight: bold; background-color:#CCCCCC; font-size: 10px; text-transform:uppercase; }

.required { color: #FF0000; font-wieght: bold; font-size: 14px;}

/* =================================================*/

/* TABLES 
===================================================================*/
td { padding: 4px; }
td.heading, tr.heading td { background-color: #3a1c00; color: #ffffff; padding: 4px; letter-spacing:0.1em; text-transform:uppercase}
tr.data_row :hover { background-color:#FFFFF4; }
.icon { width: 20px; }
td.sm { width: 20px; text-align: center}

div.general_container { padding: 8px; margin: 10px 0px; }
div.categories {float: left; margin-right: 10px; border-right: 1px dotted #FF9900; padding: 6px; width: auto;}


/* SORTABLES 
====================================================== */
.sortableActive {}
.sortableHover {}
.sortHelper { border: 1px dashed #cccccc; width: auto !important; float: left; }



/* PAGINATION 
=====================================================*/
.pagination_table { margin: 5px 0px 0px 0px; padding: 4px; }
.page_select_box { width: 30px; text-align: right;	 }
.pagination_table a { color: #00a4e0}


/* LISTS 
=================================================================*/
/*ul.homepage li {list-style-type:none; padding-left: 1em; }
ul.homepage li:before {content: "\00BB \0020"; }
ul#list { margin-left: 10px;}
ul#list li { border: 1px solid #333333; background-color:#EFEFEF; color: #000000; font-weight: bold; width: 200px; padding: 4px; margin-bottom: 2px; list-style:none;}	
ul { margin-left: 20px; }
*/

a.selected { font-size: 12px; font-weight: bold; background:#CCCCCC;}	
/* FOR CSS TOOLTIPS 
=================================================================*/

a.tooltip:hover {position: relative;cursor:help; }
a.tooltip span { display: none; }
a.tooltip:hover span { display: block; position: absolute; top: 10px; left: 0;
   /* formatting only styles */
   padding: 5px; margin: 10px; z-index: 100; background: #f0f0f0; border: 1px dotted #c0c0c0;width: 200px; opacity: 0.95;  font-size: 14px; }


/* CMS Content */
.contentType { font-size: 20px; }
.contentAction {}
.inline_list_first, .inline_list {list-style:none;display:inline;margin-right: 8px;}
.inline_list { border-left: 1px dashed #CCCCCC;padding-left: 8px;}
.preview_options { margin: 5px 0px 10px 0px;}
.case { margin-bottom: 2px; border-bottom: 1px dotted #CCCCCC; padding: 2px 0px 2px 0px;}
.case_label {float: left;width: 150px;font-weight: bold;}
.case_value {float: left;width: 400px; }


/* MENU */
#section_menu ul { list-style:none; padding: 0px; margin: 0px; }
#section_menu li { padding: 4px; border: 1px dotted #cccccc; margin-bottom: 2px;}
#section_menu li:hover { background: #FFFFCC; }


/* ADMIN */

/* #admin_panel { border: 1px dotted #CCCCCC; padding: 4px; margin-top: 10px; text-align:center;} */


#admin_panel { height: 37px; padding: 0px; margin: 20px 0 30px 0; border: 2px solid #CCCCCC; background: #f0f0f0 url(../images/top-menu-item-bg.gif)
/* We used a background image making the thick border and the thin one to keep the html structure simple */}
#admin_panel li { float: left; height: 37px; border-right: 1px solid #ddd; list-style:none; background: #f0f0f0 url(../images/top-menu-item-bg.gif) repeat-x left top;}
#admin_panel li a { display: block;  float: left; height: 37px; font-weight: bold; line-height: 37px; text-decoration: none; color: #646464; padding: 0 20px;}
#admin_panel li.logout { float: right; border-left: 1px solid #ddd; border-right: none; }
#admin_panel li a:hover { background: #fdfcf6; }
#admin_panel li a.active { background: #f0f0f0 url(../images/top-menu-item-bg.gif) repeat-x left top; color: #454545;}

/* LOGIN PAGE */
#login_container { width: 961px; height: 526px; background: url(../images/nav/login_bg.jpg); margin: 8px auto; position: relative;}
#login_form { position: absolute; bottom: 150px; right: 25px; text-align:right; font-weight: bold;  }
#login_form label { color: #ffffff; width: 80px; text-align: left; display: block; float:left; text-transform: uppercase; padding-top: 9px}
#login_form input[type=text], #login_form input[type=password]  { border: 0px; width: 150px }
#login_form .error { color: #861316; background-image: none}
#login_form .form_row { width: 265px; margin: 0px; padding: 0px }

/* EMPLOYEE PROFILES */
#user_edit { position: absolute; right: 20px; top: 27px; }
#user_profile { width: 320px; border-right: 1px solid #b3c0c6; margin: 0px 20px 25px 0px; float:left; }
#user_bio { float:left; width: 250px;  }
#profile_image { float:left; margin-right: 10px;}
#profile_info { float:left; }
#profile_info .case { border: 0px }
#profile_info .case_label { width: 150px; float:none; color: #00a4e0; text-transform: uppercase; font-size: 11px }
#profile_info .case_value { width: 150px; font-size: 11px; }

/* EMPLOYEE LISTINGS */
.gallery_thumb { float:left; padding: 8px 20px 6px 0px; }
.gallery_thumb_sm { float:left; padding: 4px; }
.gallery_thumb img {border: 1px solid #666666;}
.employeeName { margin: 4px 0 0 0; font-weight: bold; color: #009ece;}

/* EMPLOYEE FILTERS 
=========================================================*/
.filter_row { margin: 0 0 35px 0}
.letter:hover { cursor:pointer; }
.letter { border: 1px solid #db8133; background:#FFFFFF; text-align: center; min-width: 15px; padding: 2px 3px; display: block; float:left; margin: 0px 7px 7px 0px; }
.filter_selected  { border: 2px solid #FF6600 }

div #keywords { background: url(../images/employees/search_bg.jpg); width: 256px; height: 28px; background-repeat:no-repeat}
div #keywords input[type=text] { border: 0px solid #ffcc00;  margin: 2px 0px 0px 28px; font-size: 12px;}
#employee_filters select, #tag_filters select{ width: 160px; border: 1px solid #CCCCCC }
#employee_filters .form_row, #tag_filters .form_row { margin: 0 0 5px 0; padding: 0}
input[type=image] {border: 0; padding: 0 }

/* WIKI */
#wiki_content { min-height: 300px; width: 500px; float:left; }
#wiki_nav { float:left; width: 200px; }
.wiki_info { background:#FFFFFF; padding: 8px; height: 100%}
.tags { padding: 4px; border: 1px dotted #CCCCCC; margin-bottom: 6px;}
.stat { font-size: 14px; font-style:italic; font-weight: bold; margin: 6px 0px;}

/* WIKI MENU */
/* NAVIGATION MENU */

#menu_container { width: 200px; margin: 5px auto 10px auto; font-size: 12px; }
#menu_container p { margin: 0; padding: 6px 0px 4px 4px; }
#menu_container div { width: 180px; margin-bottom: 2px; cursor: pointer;}

/* menu links */
#menu_container a {text-decoration: none; }
span.content { display:none; }

.level_1 { background: #EFEFEF; }
.level_1_on { background: #CCCCCC; }
.level_1_on a { color: #FFFFFF; font-weight: bold;}

.level_2_on a { color: #5494af; font-weight: bold; }


p { margin: 0 0 10px 0; }


/* BLOGS  =========================================================================================================*/

/* DRAFT LIST */
.draft_listing { font-size: 13px; font-weight: bold}
.draft_date { color: #ffffff}
.draft_title a { color: #3a1c00}

/* BLOG LISTINGS */
#post_controls { position: absolute; top: 5px; right: 0px; width: 180px }
.post_control { display: inline-block; margin: 0px 4px 4px 0px; float:left }

.blog_listing { border-bottom: 1px dashed #b5c0c7; position: relative; padding: 10px 0px; display: block; height: 100%}
.blog_listing .post_thumb { float:left; width: 112px; margin-right: 10px;}
.blog_listing .post_info { float:left;width: 400px; }
.blog_listing .post_title a { color: #3a1c00; font-size: 16px; text-decoration:none; font-weight: bold;}
.blog_listing .post_comments { background:url(../images/blogs/icon_comments.gif); background-repeat:no-repeat; padding-left: 25px; color: #009ece }
.blog_listing .post_meta { font-size: 10px; color: #636363 }
.blog_listing .post_date { color: #009ece }
.blog_listing .post_author a { color: #636363; text-decoration:none }
.blog_listing .post_votes { position: absolute; top: 5px; right: 0px; background:url(../images/blogs/icon_votes.gif); background-repeat:no-repeat; padding: 9px 0 9px 35px; color: #009ece }
.blog_listing .editor_controls { margin: 4px 0px 10px 120px; }
.feed_desc img { height: 0px; width: 0px }


/* EDITOR APPROVAL FORM OVERLAY */
#approval_form { background:url(../images/blogs/approval_form_bg.gif); width: 262px; height: 149px; position: absolute; z-index: 500; display: none }
#approval_form form { padding: 15px }
#approval_form #instructions { color: #ffffff; font-weight: bold; text-align: center }
#approval_form #buttons { position: absolute; bottom: 10px; right: 10px }
#approval_form textarea { width: 225px; height: 70px }
#approval_form #close{ position: absolute; top: 8px; right: 8px; }


/* BLOG POSTS */

#post_outer { background: url(../images/blogs/page_bg.jpg); width: 995px; margin: auto; }
#post_inner { background: url(../images/blogs/page_footer2.jpg); background-position:bottom; background-repeat:no-repeat; padding: 25px 25px 55px 60px; }
#post_left { float:left; width: 550px; margin-right: 50px;  }
#post_right { float:left; }
pre { background:#EFEFEF; border: 1px dotted #CCCCCC; margin: 0 0 0px 0; width: 550px; display: inline-block; overflow: auto;}  /* For code snipped blocks etc */
blockquote { background:url(../images/bg_blockquote.gif) no-repeat; padding-left: 35px; margin: 15px 0px; color: #666666;}

#title_bar { background: url(../images/blogs/title_bar_bg.png); width:963px; height: 22px; margin-left: 15px;background-repeat:repeat-y; position: relative;}
#title_bar_bottom { background: url(../images/blogs/title_bar.png) bottom; width:963px; height: 1px; margin-left: 15px;background-repeat:repeat-y; position: relative;}
#article_title {  margin-left: 50px; position: absolute;  top: -1px; left: 0px; font-size: 22px; text-transform: uppercase; color: #ffffff;   }
#blog_post #post_info { position: relative; }
#blog_post #post_info img { border: 1px solid #000000 }
#blog_post #post_thumb { float:left; margin-right: 20px }
#blog_post #post_meta { float:left; width: 450px  }
#blog_post .post_date { color: #ff8d00; font-weight: bold; display: inline-block; width: 400px }
#blog_post #post_edit { position: absolute; right: 0px; top: 0px }
#blog_post .author_bio { font-weight: bold; color: #636363}
#blog_post #post_body, .author_bio { line-height: 1.5em }

#tag_container { border: 1px solid #d6d6d6; width: 277px; background: url(../images/blogs/tags_bg.gif); background-repeat:repeat-y; margin: 0px 0px 10px 0px}
.tag_row { margin-bottom: 4px; }
.tag_header { background: #ffffff; width: 70px; margin: 2px 0 2px 41px; padding: 8px 0 4px 4px; float:left; color: #336699; font-family:Helvetica, Arial, sans-serif}
.tag_list { width: 150px; float:left; margin-left: 6px; padding-top: 4px; }
.tag_list a { color: #336699 }

#related_items_header { margin: 0px 0px 10px 0px }
#editor_controls_box { background:url(../images/blogs/editor_controls.gif); width: 963px; height: 47px; margin: 0 auto 20px auto; text-align:center }
#editor_controls { padding-top: 15px; position: relative;}
/* BLOG PREVIEW ELEMENTS */
#preview_options { width: 960px; margin: 0 auto; text-align:right}

/* REAL CONTAINER IS 320px wide, but design only allows for 280 */
.pod { width: 280px; height: 180px; position: relative; }
.previewDiv { 
border:1px solid #FF9900; height:180px; width: 280px; z-index:1000;
color: #ffffff; font-size: 18px; }

.previewContainerIE { background: #525862;height:178px; width: 280px;}  /* IE sucks balls */
.previewContainer {	background: url(../images/alpha_dark.png);height:178px; width: 280px; position: relative; }

#preview_header {  /*background: url(../images/preview/bg_title.jpg); */ background: #ffffff; width: 280px; height: 26px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.preview_title { position: absolute; top: 2px; left: 2px; padding: 3px 4px;  display: inline; width:280px; color: #336699 }
.preview_medium { position: absolute; right: 2px; padding: 1px 4px;  display:inline }
#preview_content { padding: 10px; font-size:11px; }
#preview_content a { font-weight: bold; font-size: 12px; color: #ff8d00}
.preview_info { font-weight: bold; font-size: 12px }

.previewDiv #close { background: url(../images/preview/btn_close2.png); height: 14px; width: 14px; position: absolute; right: 5px; top: 6px; }
.previewDiv #close:hover { cursor:pointer }
.preview_related { position: absolute; bottom: 0px; background: #ffffff; color:#336699; width: 100%}
.preview_related_copy { padding: 4px 4px; font-size: 11px}
.preview_related_copy .label { padding: 4px 4px; font-size: 13px; font-weight: bold;}

.preview_list_col { width: 130px; float:left; padding-right: 10px }
.preview_list_col.first  { border-right: 1px dashed #ffffff; margin-right: 15px; }
.plocation { color: #ff8d00; margin-top: 15px; font-size: 12px }

.plist_more {text-align:right; border: 0px solid #cdcdcd; margin-top: 5px;}
.plist a {color: #ffffff; border: 0px solid #cdcdcd; font-size: 45px}

/* BLOG VOTES */
#blog_votes { position: relative; width: 150px; text-align:center; margin: 30px auto 0 auto; font-weight: bold}
#current_votes {color: #FF6600; margin-bottom: 6px}
#prev_post {position: absolute; left: 0px; bottom: 20px}
#vote {}
#next_post {position: absolute; right: 0px; bottom: 22px}
#votes_final { color: #FF6600;  position: absolute; bottom: 22px; left: 55px }
/* BLOG COMMENTS */
form { margin: 0px; padding: 0px }
#comments_container { width: 930px; margin: 5px auto}
#comments { width: 590px; margin-right: 20px; padding-left: 20px; float:left}
#comments_form { float:left; width: 300px}
#comment { width: 290px; height: 80px; border: 1px solid #b3c0c6 }
.comment { border: 7px solid #EBEBEB; margin-bottom: 10px; padding: 7px 20px; }
.comment_info { color: #a9a9a9; border-bottom: 1px solid #e0e0e0; padding-bottom: 2px; margin-bottom: 4px; }
.comment_info a { color: #00a4e0; text-decoration:none }
.comment_delete { text-align:right; margin-top: 2px;}

/* RELATED POSTS */
.related_post .thumb { width: 130px; float:left }
.related_post .info { width: 150px; float:left; font-size: 11px; color: #636363 }
.related_post a { color: #466289}


/* BLOG EDIT */
#tag_mgr { position: absolute; right: 0px; top: 2px }
#thumbnail_edit { position: absolute; right:10px; }
.tag_container { margin-bottom: 4px; }
.tag_container input { width: 250px }


/* BLOCKS */
#random_employee_info { width: 120px; font-size: 10px; margin-left: 5px; }
#random_emp .label { color: #ffffff; display: block; text-transform: uppercase }
#random_emp .name { color: #3a1c00; display: block; font-weight: bold; font-size: 12px }

/* TABBED BLOCK */
.tabbed_block { width: 270px }
.tab_header{ background: url(../images/tabbed_blocks/tab_bg.jpg); height:28px; width: 270px;  color: #3a1c00;}
.tab_header :hover {cursor: pointer}
.tab_content {background: url(../images/tabbed_blocks/content_bg.jpg); padding: 10px}
.tab_footer {background: url(../images/tabbed_blocks/content_bottom.jpg); height: 4px; width: 270px;}
.tab { height: 12px; width: 135px; padding:8px 0; text-transform: uppercase; text-align: center}
.tab.selected { background: url(../images/tabbed_blocks/tab_on.jpg);}
.tab_content .item { display: block; margin-bottom: 2px}
.tab_content ul { margin:0px; padding-left: 15px; }
.tab_content ul a { text-decoration:none; color: #000000; }
.tab_content ul a:hover {color: #3ab3d9;}
.tab_content .more { text-align:right; font-size: 10px; font-weight: bold; margin-top: 5px}
.tab_content .more a {color: #3ab3d9; text-decoration:none}
/* =================================================================================================================== */

/* GALLERIES */
#image_nav { font-size: 14px; margin: 4px 0px; width: 500px;}


/* These are standard sIFR styles... do not modify */
.sIFR-flash {  visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* LISTING AND SEARCH RESULT PAGES */


.listing_title { font-size: 16px; font-weight: bold; margin-bottom: 4px; }
.listing_a { margin: 10px 0px; padding: 4px;}
.listing_b { margin: 10px 0px; background-color:#EFEFEF; padding: 4px;}
.listing_actions { margin: 10px 0px; padding: 8px; border: 1px dashed #3399FF; font-weight: bold; }
.listing_content { margin: 2px 0px; font-size: 14px;}
.listing_info { margin: 2px 0px; font-size: 10px;}

.list_item  { display: block; width: 250px; border: 1px solid #CCCCCC; padding: 4px; float:left; background: #ffffff; margin-right: 2px;}

/* EDITORS ADMIN PAGE */
#editor_form select { width: 260px; padding: 0px; font-size: 12px; padding: 4px 2px }



/* SEARCH FIELD AUTOCOMPLETE DROPDOWN */
.ac_results { padding: 0px; overflow: hidden;z-index: 99999;
	background: url(/images/autocomplete/autocomplete_bg.png) 0 100%; background-repeat:no-repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif; border: 0px;
}
.ac_results ul {width: 205px;list-style-position: outside;list-style: none; padding: 0;	margin: 0 0 6px 0; border: 0}
.ac_results li {
	margin: 2px; padding: 2px 5px;cursor: default; display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu; font-size: 12px; text-transform: uppercase;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;overflow: hidden; border: 0}
.ac_loading { background: white url('/images/autocomplete/indicator.gif') right center no-repeat;}
/*.ac_odd { background-color: #eee;}*/
.ac_over { background-color: #6698b4; color: white; }

/* SIFR */

.sIFR-active .preview_title,.sIFR-active .preview_medium, .sIFR-active #article_title, .sIFR-active #article_medium, h1 {font-size: 16px; visibility: hidden; color: #ffffff}
.sIFR-active #article_title, .sIFR-active #article_medium {font-size: 18px; visibility: hidden; color: #ffffff}
.sIFR-active #nav_display_text { font-size: 14px;visibility: hidden;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

img.flir-image {width:auto;height:auto; padding:0; margin:0}
#nav_display_text .flir-image {padding-top: 3px;}
#article_medium .flir-image, #article_title .flir-image, .preview_title .flir-image,.preview_medium .flir-image { padding-top: 3px;}

/* CODE HIGHLIGHTING */

 #blog_post  pre pre {
    font-size: 12px;
    line-height: 20px;
    width: 550px;
    overflow: auto;
    overflow-y: hidden;
    /*background: url(../images/code_bg.jpg); */
	z-index: 200;
	border: 0px; margin: 0px; padding: 4px;
  }
  
 #blog_post  pre code { display: block; margin-left: 10px; } 
 #blog_post  ol { list-style: decimal; margin-left: 15px; } 
 #blog_post textarea { width: 550px; line-height: 20px; margin: 10px 0 20px 0; font-size: 12px; display: none; }
 
