/* @group reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
legend { display: none; }
a { outline: none; }
/* @end reset CSS */

/* CSS Document for common elements */
#obolog_banner { background: url(bg_sup_bar.png) bottom repeat-x #1e1e1e; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ccc; height:41px; overflow:hidden; }
#obolog_banner img.logo { float:left; }
#obolog_banner a { color:#fff; }

#wrapper { position:relative; }

.archives_list h2 { cursor:pointer; }

.ad_horlinks { margin:0 0 18px; }
.ad_albums, .ad_right_square, .ad_post_content, .ad_skycrapper { margin:18px 0; text-align:center; }
.ad_albums iframe, .ad_right_square iframe, .ad_post_content iframe, .ad_skycrapper iframe  { display:block; margin: 0 auto; text-align: center; }

/* common elements */
a { outline: 0; }
.post_body img[align='left'] { margin-right:10px; }
.post_body img[align='right'] { margin-left:10px; }
input.text, textarea.text { border: 1px solid #ccc; }

#comments_form .fieldrow input, #comments_form .fieldrow label { vertical-align: middle; }
#comments_form .fieldrow label.reset { padding:0; font-weight: normal; text-transform: none; }

.post .num_comments {
	position:absolute;
	right:0;
	margin-top:-20px;
	padding-right: 18px;
	background: url(/img/icons/comment_add.png) 100% 0 no-repeat;
	font-weight: bold;

}

.post .social_promotion {
	font-size:11px;
	margin:10px 0;
	padding:0 10px 20px;
	list-style-type:none;
	position:relative;
	z-index:5;
}

.post .social_promotion li { padding-left:16px;float:left; }
.post .social_promotion li.delicious { background:url(/img/delicious.gif) 0 50% no-repeat; }
.post .social_promotion li.meneame { margin-left:16px; background:url(/img/meneame.gif) 0 50% no-repeat; }

#tagcloud ul, #hot_tags ul { text-align: center; overflow: hidden; }
#tagcloud li, #hot_tags li { display:inline; line-height: 23px; }

/* @group Generic message boxes */
.msg_info, .msg_ok, .msg_ko, .msg_warning, .msg_tip { padding:9px 5px 9px 40px; margin:15px 0; color:#444; font-size:12px; font-family: Arial, sans-serif; }
.msg_info p, .msg_ok p, .msg_ko p, .msg_warning p, .msg_tip p { margin:9px 0; }
.msg_info { background:url(/img/icons/information.png) 15px 18px no-repeat #eaf5fc; border:1px solid #afcaea; }
.msg_ok { background:url(/img/icons/tick.png) 15px 18px no-repeat #ecfcea; border:1px solid #b6eaaf; }
.msg_ko { background:url(/img/icons/exclamation.png) 15px 18px no-repeat #fceaea; border:1px solid #eaafaf; }
.msg_warning { background:url(/img/icons/error.png) 15px 18px no-repeat #fefbe4; border:1px solid #eadaaf; }
.msg_tip { background:url(/img/icons/lightbulb.png) 15px 18px no-repeat #fefbe4; border:1px solid #eadaaf; }
/* @end Generic message boxes */

/* @group Pagination */
.pagination { margin:18px 0 0; padding:10px; position:relative;  }
.pagination .total_results { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; right:5px; }
.pagination a.page, .pagination a.selected_page { margin:0 3px 0; padding:2px 5px; text-decoration:none; }
.pagination a.selected_page, a.page:hover { font-weight:bold; }
/* @end */

/* Tricks */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1px; }
.clearfix {*display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

/* @group Lightbox */
html, body { height:100%; }
div#fancy_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30; }
* html div#fancy_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align:left; }
div#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; }
div#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(/img/lightbox/fancy_progress.png) no-repeat; }
div#fancy_loading_overlay { position:absolute; background-color:#FFF; z-index:30; }
div#fancy_loading_icon { position:absolute; background:url(/img/lightbox/fancy_loading.gif) no-repeat; z-index:35; width:16px; height:16px; }
div#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none; }
div#fancy_inner { position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF; }
div#fancy_content { margin:0; z-index:100; position:absolute; }
div#fancy_div { background:#000; color:#FFF; height:100%; width:100%; z-index:100; }
img#fancy_img { position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%; }
div#fancy_close { position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url(/img/lightbox/fancy_closebox.png) top left no-repeat; cursor:pointer; z-index:181; display:none; }
#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_ajax { width:100%; height:100%; overflow:auto; }
a#fancy_left, a#fancy_right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(/img/lightbox/data:image/gif;base64,AAAA); outline:none; }
a#fancy_left { left:0px; }
a#fancy_right { right:0px; }
span.fancy_ico { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block; }
span#fancy_left_ico { left:-9999px; background:transparent url(/img/lightbox/fancy_left.png) no-repeat; }
span#fancy_right_ico { right:-9999px; background:transparent url(/img/lightbox/fancy_right.png) no-repeat; }
a#fancy_left:hover { visibility:visible; }
a#fancy_right:hover { visibility:visible; }
a#fancy_left:hover span { left:20px; }
a#fancy_right:hover span { right:20px; }
.fancy_bigIframe { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
div#fancy_bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0; }
div.fancy_bg { position:absolute; display:block; z-index:70; border:0; padding:0; margin:0; }
div.fancy_bg_n { top:-18px; width:100%; height:18px; background:transparent url(/img/lightbox/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top:-18px; right:-13px; width:13px; height:18px; background:transparent url(/img/lightbox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right:-13px; height:100%; width:13px; background:transparent url(/img/lightbox/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(/img/lightbox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom:-18px; width:100%; height:18px; background:transparent url(/img/lightbox/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(/img/lightbox/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left:-13px; height:100%; width:13px; background:transparent url(/img/lightbox/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw { top:-18px; left:-13px; width:13px; height:18px; background:transparent url(/img/lightbox/fancy_shadow_nw.png) no-repeat; }
div#fancy_title { position:absolute; bottom:-33px; left:0; width:100%; z-index:100; display:none; }
div#fancy_title div { color:#FFF; font:bold 12px Arial; padding-bottom:3px; }
div#fancy_title table { margin:0 auto; }
div#fancy_title table td { padding:0; vertical-align:middle; }
td#fancy_title_left { height:32px; width:15px; background:transparent url(/img/lightbox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height:32px; background:transparent url(/img/lightbox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height:32px; width:15px; background:transparent url(/img/lightbox/fancy_title_right.png) repeat-x; }
/* @end */