@charset "utf-8"; /* CSS Document */ /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* html5 element margin:padding reset*/ article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0;line-height:1; } /* apple's base css*/ /* LAYOUT */ .clear { clear: both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } /* TYPE */ body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#333; } body { font: 12px/18px "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color:#fff; color:#000; } a { color: #ff4e1a; text-decoration: underline;} a:visited, a:active { color:#000; } a:hover { text-decoration: underline; } a.dots { padding-left:18px; background: url(/img/btn_buttons.png) -280px top no-repeat; color:black; text-decoration:underline; } a.dots:hover { color:#ff4e1a; background-position: -280px -20px; } strong, b { font-weight: bold; } em, i { font-style: italic; } sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; } abbr { border: 0; } p { margin-bottom: 18px; } h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; } h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; } h3 { font-weight: bold; font-size: 1em; line-height: 18px; } h4 { font-weight: bold; font-size: 10px; line-height: 18px; } ul { margin-bottom: 18px; list-style: none outside; } ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } ul.square, ul.circle { margin-left: 2em; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; } ol.sosumi { margin-left: 0; padding-left: 2em; } .last { margin-bottom: 0; } #main .sidebar { font-size: 10px; line-height: 18px; color:#686868; } #main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; } body{ background:url(/img/bg_header.gif) center top repeat-x; min-width:980px; } #body-container{ width: 950px; _zoom:1; overflow:hidden; margin:0 auto; } /* GLOBALHEADER */ #global-header { width: 960px; margin: 10px auto 0; position: relative; _zoom:1; overflow:hidden; } #global-header #description { margin:0 auto 10px; _zoom:1; overflow:hidden; } #global-header #description h1{ text-align:center; margin-bottom:0;} #global-header #description h1 img{ margin:10px 0 0; padding:0; } #global-header #description h2{ text-align:center; font-size: 12px; line-height: 12px; font-weight:normal; margin:0; } #global-header #header-articles{ position:absolute; width:300px; height:130px; top:20px; left:660px; background:url(/img/bg_plus_tweet.png) no-repeat right bottom;} #global-header #header-articles .thumbs{ } #global-header #header-articles .tweet { margin:10px; width:230px;} #global-header #header-articles .tweet p { margin-bottom:2px; line-height:1.4; } #global-header #header-articles .tweet a { float:right; padding:0 0 2px 15px; } #global-header #header-articles #global-header-navi { position:absolute; top:76px; width:200px; padding:15px 0 0; margin:0;background:url(/img/bg_header_menu_line.gif) no-repeat left bottom; } #global-header #header-articles #global-header-navi ul { text-align:center; maring:0; padding:0; } #global-header #header-articles #global-header-navi li { display:inline; margin:0; border-left:1px solid #ccc; padding:0;} #global-header #header-articles #global-header-navi li:first-child {margin:0; border-left:0; } #global-header #header-ads{ float:left; width:570px; padding:15px 0 10px 90px;} #global-header #header-ads ins { background:transparent; } #global-header #header-ads iframe { width:570px; } #global-header #header-ads a{ border-left:solid 1px red; padding:0 15px; } /* PICKUP AREA - TOP PAGE*/ #pickup-wrap { padding:3px 3px 5px; margin-bottom:0; background:url(/img/bg_pickup.png) no-repeat center top;} #pickup-wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #pickup-wrap #pickup-articles{ width: 960px; margin:10px auto; position:relative; } #pickup-wrap #pickup { width:590px; float:left; margin-left:5px; } #pickup-wrap #pickup h1 { height:50px; width:117px; position:absolute; top:-50px; left:-30px; text-indent:-9999px; background:url(/img/img_pickup_title.png) no-repeat left top; } #pickup-wrap #pickup { width:590px; float:left; overflow:hidden; } #pickup-wrap #pickup ul { width:610px; _zoom:1; overflow:hidden; margin:0 10px 0 10px; float:left;} #pickup-wrap #pickup ul .entry{ width:140px; height:140px; margin:2px 5px 0 0; padding-bottom:18px; overflow:hidden; position:relative; float:left; } #pickup-wrap #pickup ul .entry .articles { height:140px; width:140px; overflow:hidden;} #pickup-wrap #pickup ul .entry .thumb { position:relative } #pickup-wrap #pickup ul .entry .thumb img { border:0; position:absolute; width:130px; height:130px; border:solid 5px #fff; } #pickup-wrap #pickup ul .entry .thumb span { border:0; position:absolute; width:140px; height:140px; background:url(/img/img_pickup_over_image.png) center center no-repeat; } #pickup-wrap #pickup ul .entry .entry-body { width:140px; height:140px; background:#fff; color:#000; font-weight:bold; position:absolute; top:0; left:0; display:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} #pickup-wrap #pickup ul .entry .entry-body a { text-decoration:none; color:#000; font-size:10px; padding:5px 8px; display:block; line-height:1.4; } #pickup-wrap #pickup ul .entry .entry-body a em{text-decoration:none; color:#000; font-size:14px; padding:5px 3px; display:block; font-style:normal; } #pickup-wrap #pickup ul .entry .entry-meta {text-decoration:none; color:#fff; padding:0 3px 0; display:block; background:url(/img/bg_pickup_tweet_time.png) 120px 140px no-repeat; } #pickup-wrap #pickup ul .entry .entry-meta a {text-decoration:none; color:#fff; font-size:10px; padding:142px 25px 0 5px; display:block; text-align:right;} #pickup-wrap #rect-ads { float:right; width: 350px; margin:11px 11px 0 0;} #pickup-wrap #rect-ads #adsBlock a{ display:block; overflow:hidden; margin:0 auto; text-align:center; color:#333; text-decoration:none; line-height:1.2;} #pickup-wrap #rect-ads #adsBlock a:hover{ text-decoration:underline; } #pickup-wrap #rect-ads #adsBlock a img{ margin:0 auto 2px; } /* MAIN AREA - TOP PAGE*/ #main-wrap {background:url(/img/bg_tweetlist.gif) no-repeat center top; _zoom:1; overflow:hidden;} #main-wrap #main-articles { width: 960px; margin: 0 auto; clear:both; } /* TWITLIST AREA - TOP PAGE*/ #main-wrap #twit-list-section{ float:left; width:650px;} #main-wrap #twit-list-section .header{ padding:5px 0; _zoom:1; overflow:hidden;} #main-wrap #twit-list-section .header .title{ background:url(/img/img_chara_tweet.png) no-repeat top left; width:82px; height:73px; font-size:2px; text-indent:-9999px; overflow:hidden; float:left; margin-bottom:0;} #main-wrap #twit-list-section .header .title-body{ float:left; font-size:12px; line-height:1.4; font-weight:normal; width:470px; padding-top:20px; margin-left:25px; margin-bottom:0px; } #main-wrap #twit-list-section #twit-list-nav { padding:6px 0 0; overflow:hidden; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-left-1 { float:left; width:20px; height:72px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-left-1 a { text-indent:-9999px; width:20px; height:72px; display:block; background:url(/img/btn_buttons.png) no-repeat -280px -50px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-right-1 { float:right; width:21px; height:72px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-right-1 a{ text-indent:-9999px; width:21px; height:72px; display:block; background:url(/img/btn_buttons.png) no-repeat -320px -50px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-1 { background:#afafaf; padding:9px 0 7px; text-align:center; width:609px; margin-bottom:0; float:left; _zoom:1; overflow:hidden; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-1 li { display:inline; width:48px; height:48px; margin-right:7px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-1 li a img { border:solid 2px #eee; width:48px; height:48px; } #main-wrap #twit-list-section #twit-list-nav #coda-nav-1 li a:hover img { border:solid 2px #ff4e1a;} #main-wrap #twit-list-section #twit-list-nav #coda-nav-1 li a.current img { border:solid 2px #ff4e1a; } #main-wrap #twit-list-section #coda-slider-1 { width:616px; border:solid 2px #cccccc; border-top:none; overflow:hidden; _zoom:1; overflow:hidden; margin:0 auto 10px; } #main-wrap #twit-list-section #coda-slider-1 .panel-container { width:2100px, background:#fff; _zoom:1; overflow:hidden; } /* default timeline size */ #main-wrap #twit-list-section #coda-slider-1 section { width:580px; _zoom:1; overflow:hidden; float:left; background:#fff; } #main-wrap #twit-list-section #coda-slider-1 section header { min-height:105px; width:560px; margin-top:5px; margin-left:10px; display:block; overflow:hidden; background:url(/img/bg_top_account.png) bottom right no-repeat; overflow:hidden; _zoom:1; } #main-wrap #twit-list-section #coda-slider-1 section header .thumb { width:70px; height:70px; float:left; padding:5px 5px 0; } #main-wrap #twit-list-section #coda-slider-1 section header .thumb a img { width:70px; height:70px; border:solid 2px #ff4e1a; margin:2px 2px 0; } #main-wrap #twit-list-section #coda-slider-1 section header .thumb a:hover img { width:70px; height:70px; border:solid 2px #ff4e1a; margin:2px 2px 0; } #main-wrap #twit-list-section #coda-slider-1 section header .thumb img { width:70px; height:70px; margin:2px 2px 0; } #main-wrap #twit-list-section #coda-slider-1 section header .title-body { float:left; width:440px; padding:5px 5px 5px 15px; } #main-wrap #twit-list-section #coda-slider-1 section header .title-body .title { font-size:18px; font-weight:bold; line-height:1.4; margin-bottom:4px;} #main-wrap #twit-list-section #coda-slider-1 section header .title-body .description { font-size:12px; line-height:1.6; margin-bottom:0; } #main-wrap #twit-list-section #coda-slider-1 section header .title-body .entry-meta { padding:10px 0 5px; } #main-wrap #twit-list-section #coda-slider-1 section ul { margin-bottom:0; margin-left:10px; width:560px; _zoom:1; overflow:hidden; } #main-wrap #twit-list-section #coda-slider-1 section ul li { padding:5px 0; border-bottom:solid 1px #eee; _zoom:1; overflow:hidden; min-height:90px;} #main-wrap #twit-list-section #coda-slider-1 section ul li:nth-child(odd) { background-color:#f8f8f8;} #main-wrap #twit-list-section #coda-slider-1 section ul li:hover { background-color:#fef3ef; } #main-wrap #twit-list-section #coda-slider-1 section ul li article { } #main-wrap #twit-list-section #coda-slider-1 section ul li article .thumb, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .thumb { width:40px; float:left; padding:9px 5px 5px; } #main-wrap #twit-list-section #coda-slider-1 section ul li article .thumb a, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .thumb a { display:block; width:40px; height:40px; } #main-wrap #twit-list-section #coda-slider-1 section ul li article .thumb a img, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .thumb a img { width:40px; height:40px; margin-left:7px;} #main-wrap #twit-list-section #coda-slider-1 section ul li article .thumb .entry-follow, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .thumb .entry-follow { background:url(/img/btn_buttons.png) no-repeat -90px 0; width:55px; height:14px; display:block; margin-top:6px; text-indent:-9999px; } #main-wrap #twit-list-section #coda-slider-1 section ul li article .thumb .entry-follow:hover, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .thumb .entry-follow:hover { background-position:-90px -15px } #main-wrap #twit-list-section #coda-slider-1 section ul li article .entry-body, #main-wrap #twit-list-section #coda-slider-1 section ul li aside .entry-body { padding:9px 5px 5px; margin-left:70px; line-height:1.4; min-height:50px; } #main-wrap #twit-list-section #coda-slider-1 section ul li article footer, #main-wrap #twit-list-section #coda-slider-1 section ul li aside footer { padding:0 10px; margin-left:60px; } #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta { margin-left:65px; line-height:2; font-size:10px; margin-top:4px;} #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta .meta-status{ float:left; } #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta .meta-status a { float:left; padding-left:10px;} #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta .meta-status a:first-child { border:none; padding-left:0;} #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta .meta-action{ float:right;} #main-wrap #twit-list-section #coda-slider-1 section .entry .entry-meta .meta-action a:first-child { padding-right:8px; margin-right:5px; border-right:solid 1px #ccc;} #main-wrap #twit-list-section #coda-slider-1 section .pagination { _zoom:1; overflow:hidden; margin-bottom:10px; height:45px; padding:0; margin-top:10px;} #main-wrap #twit-list-section #coda-slider-1 section .pagination a { margin:0 auto; padding:0 4px 0; display:block; background:url(/img/btn_buttons.png) 0 -230px no-repeat; height:45px; width:345px; text-indent:-9999px; text-align:center; } #main-wrap #twit-list-section #coda-slider-1 section .pagination a:hover{ background-position:0 -275px;} /* RIGHTBLOCK AREA - TOP PAGE*/ #main-wrap #right-block{ width:300px; float:right; margin-top:30px; padding-bottom:15px; background:url(/img/bg_side_bottom.gif) no-repeat center bottom; } #main-wrap #right-block aside, #main-wrap #right-block section { background:url(/img/bg_side_middle.gif) repeat-y center top; padding-bottom:10px; } #main-wrap #right-block section .header { padding:5px 15px; background:url(/img/bg_side_separate.gif) no-repeat center top;} #main-wrap #right-block section .header h1 { font-size:16px; border-bottom:solid 1px #ffad94; margin-bottom:5px; } #main-wrap #right-block section .header p { display:none; } #main-wrap #right-block section ul { font-size:12px; font-weight:normal; padding:0 15px; } #main-wrap #right-block section ul li{ font-size:12px; font-weight:normal; padding-left:15px; margin-bottom:5px; line-height:1.6; background:url(/img/icon_list.png) left 5px no-repeat; } #main-wrap #right-block section ul li h2{ font-size:12px; font-weight:normal; margin-bottom:0; display:inline;} #main-wrap #right-block section ul li p{ font-size:10px; color:#999; display:inline;} #main-wrap #right-block #calendar-section { background:url(/img/bg_side_calendar_middle.gif) repeat-y top center; top:-10px; padding-bottom:0; } #main-wrap #right-block #calendar-section .header{ padding:5px; min-height:75px; background:url(/img/bg_side_calendar_head.png) no-repeat top center; } #main-wrap #right-block #calendar-section .header .title{ font-size:12px; font-weight:bold; margin-bottom:5px; margin-left:70px; margin-top:10px; line-height:1.4; border:none; } #main-wrap #right-block #calendar-section .header .title-body{ font-size:12px; margin-bottom:3px; line-height:1.4; font-weight:normal; margin-left:70px; } #main-wrap #right-block #calendar-section #today { height:80px; width:55px; float:left; padding:5px 10px 0 11px; } #main-wrap #right-block #calendar-section #today time { text-align:center; background:url(/img/bg_calendar.png) no-repeat top left; width:55px; height:80px; display:block; color:#fe4e1c;} #main-wrap #right-block #calendar-section #today time .m { padding-top:10px; font-size:14px; display:block; } #main-wrap #right-block #calendar-section #today time .dy{ padding-top:10px; font-size:20px; font-weight:bold; display:block; } #main-wrap #right-block #calendar-section #today time .dt{ padding-top:5px; font-size:16px; display:block; color:#fff; } #main-wrap #right-block #calendar-section #calendar-body { float:right; width:220px; padding-top:5px; position:relative;} #main-wrap #right-block #calendar-section #calendar-items-list { } #main-wrap #right-block #calendar-section #calendar-items-list #today { } #main-wrap #right-block #calendar-section .items{ margin:0; width:220px; overflow:hidden;} #main-wrap #right-block #calendar-section .items .panel{ display:block; width:220px; margin:0; padding:0; float:left; } #main-wrap #right-block #calendar-section .items .panel a { line-height:1.3; } #main-wrap #right-block #calendar-section .coda-nav{ position:absolute; top:70px; left:0; width:200px;} #main-wrap #right-block #calendar-section .coda-nav li{ display:inline; background:none; padding:0; } #main-wrap #right-block #calendar-section .coda-nav li a { text-decoration:none; } #main-wrap #right-block #calendar-section .coda-nav li a:hover, #main-wrap #right-block #calendar-section .coda-nav li a.current { text-decoration:none; } #main-wrap #right-block #calendar-section .footer { padding-top:10px; padding-bottom:10px; height:40px; background:url(/img/bg_side_calendar_bottom.gif) no-repeat center bottom; _zoom:1; overflow:hidden; } #main-wrap #right-block #calendar-section .footer ul { margin:10px 3px 0 10px; padding:0; } #main-wrap #right-block #calendar-section .footer ul li { display:block; float:left; padding:2px 5px; background:none; } #main-wrap #right-block #calendar-section .footer ul li:first-child { border:none; } #main-wrap #right-block #calendar-section .footer ul li a { text-align:left; text-indent:-9999px; display:block; height:23px;} #main-wrap #right-block #calendar-section .footer ul li a.grss { width:105px; background:url(/img/btn_buttons.png) 0 -50px no-repeat; } #main-wrap #right-block #calendar-section .footer ul li a.gcalendar { width:150px; background:url(/img/btn_buttons.png) -120px -50px no-repeat; } #main-wrap #right-block #calendar-section .footer ul li a:hover { background-position-y:-73px; } #main-wrap #right-block #side-addarea .google-ad { background:url(/img/bg_side_middle.gif) repeat-y center top; padding:10px; } /* REPORT AREA - TOP PAGE*/ #report-wrap { clear:both; background:url(/img/bg_report.gif) repeat-x left top; padding-bottom:10px; border-bottom:solid 1px #e3d0ca; padding-top:10px; } #report-wrap #report-section{ width: 960px; margin: 10px auto 0; clear:both; } #report-wrap #report-section .header{ padding:0 5px 0; background:url(/img/img_chara_slash.png) no-repeat; height:73px; } #report-wrap #report-section .header .title { font-size:14px; font-weight:bold; padding:45px 3px 0 60px; line-height:1.2; float:left; margin-bottom:0; } #report-wrap #report-section .header .title-body { font-size:12px; padding:45px 3px 0 0; line-height:1.2; font-weight:normal; float:left; margin-bottom:0; } #report-wrap #report-section ul { width:960px; _zoom:1; overflow:hidden; margin-bottom:0; } #report-wrap #report-section ul li { width:308px; float:left; margin:0; margin-right:10px; margin-bottom:10px; } #report-wrap #report-section ul li:hover { } #report-wrap #report-section ul li article { } #report-wrap #report-section ul li article .thumb, #report-wrap #report-section ul li aside .thumb { width:60px; float:left; padding:0;} #report-wrap #report-section ul li article .thumb img, #report-wrap #report-section ul li aside .thumb img { width:60px; } #report-wrap #report-section ul li article .entry-body, #report-wrap #report-section ul li aside .entry-body { padding:0 10px 5px; margin-left:60px;} #report-wrap #report-section ul li article .entry-body h2, #report-wrap #report-section ul li aside .entry-body h2 { font-size:12px; margin-bottom:2px; } #report-wrap #report-section ul li article .entry-body p, #report-wrap #report-section ul li aside .entry-body p { margin-bottom:0; } #report-wrap #report-section ul li article .entry-body p a, #report-wrap #report-section ul li aside .entry-body p a { color:#333; } #report-wrap #report-section ul li footer, #report-wrap #report-section ul li footer { } #report-wrap #report-section ul li footer a, #report-wrap #report-section ul li footer a{ float:right; display:block; background:url(/img/btn_buttons.png) no-repeat 0 -180px; width:92px; height:20px; text-indent:-9999px; } #report-wrap #report-section ul li footer a:hover, #report-wrap #report-section ul li footer a:hover{ background-position:0 -200px; } /* RECOMMEND AREA - COMMON */ #recommend-wrap { clear:both; background:#fff5f3; border-bottom:solid 1px #fff; border-bottom:solid 1px #fff; _zoom:1; overflow:hidden; } #recommend-wrap #recomend-articles { width: 960px; margin: 10px auto; clear:both; } #recommend-wrap #recommend-law-book { width:360px; float:left; } #recommend-wrap #recommend-law-book .title { font-size:14px; font-weight:bold; margin-bottom:3px; margin-left:-30px; line-height:1.2; height:37px; background:url(/img/bg_buble_left.png) no-repeat left top; } #recommend-wrap #recommend-law-book .title span { background:url(/img/bg_buble_right.png) no-repeat left top; padding-top:7px; margin-left:30px; height:37px; display:block; } #recommend-wrap #recommend-law-book ul#amaz-book-list { margin-bottom:0; overflow:hidden; border-right:solid 1px #ddd; width:340px; height:230px; } #recommend-wrap #recommend-law-book ul li.amaz { _zoom:1; overflow:hidden; width:340px; margin-bottom:10px; min-height:70px; } #recommend-wrap #recommend-law-book ul li.amaz .amazimg { float:left;} #recommend-wrap #recommend-law-book ul li.amaz .amazimg a{ border:solid 3px #ff4e1a; height:64px; width:64px; display:block;} #recommend-wrap #recommend-law-book ul li.amaz ul { margin-left:80px; margin-bottom:0;} #recommend-wrap #recommend-law-book ul li.amaz ul li.amaztitle { } #recommend-wrap #recommend-law-book ul li.amaz ul li { padding-bottom:5px; } #recommend-wrap #recommend-law-item { width:430px; float:left; } #recommend-wrap #recommend-law-item .title { font-size:14px; font-weight:bold; margin-bottom:3px; margin-left:-30px; line-height:1.2; height:37px; background:url(/img/bg_buble_left.png) no-repeat left top; } #recommend-wrap #recommend-law-item .title span { background:url(/img/bg_buble_right.png) no-repeat left top; padding-top:7px; margin-left:30px; height:37px; display:block; } #recommend-wrap #recommend-law-item ul { overflow:hidden; border-right:solid 1px #ddd; width:410px; height:230px; } #recommend-wrap #recommend-law-item ul li { float:left; margin-right:10px; margin-bottom:10px; } #recommend-wrap #recommend-law-item ul li a{ border:solid 3px #ff4e1a; height:64px; width:64px; display:block;} #recommend-wrap #recommend-law-item ul li a img { } #recommend-wrap #recommend-authense-book { width:160px; float:left; overflow:hidden; } #recommend-wrap #recommend-authense-book .title { font-size:14px; font-weight:bold; margin-bottom:3px; margin-left:-30px; line-height:1.2; height:37px; } #recommend-wrap #recommend-authense-book .title span { text-indent:-9999px; background:url(/img/img_PR.gif) no-repeat 138px 26px; padding-top:7px; margin-left:30px; height:37px; display:block; } #recommend-wrap #recommend-authense-book ul { width:170px; overflow:hidden; } #recommend-wrap #recommend-authense-book ul li { float:left; margin-right:10px; margin-bottom:10px; } #recommend-wrap #recommend-authense-book ul li a{ border:solid 3px #ff4e1a; height:64px; width:64px; display:block;} #recommend-wrap #recommend-authense-book ul li a img { } /* AUTHENSE AREA - COMMON */ #authense-wrap { clear:both; border-top:solid 1px #e7bfb3; background:#fee0d6; min-height:300px; _zoom:1; overflow:hidden; } #authense-wrap #authense-articles { width: 960px; margin: 10px auto; clear:both; } #authense-wrap #authense-twit-wrap { margin: 0 auto; width:620px; float:left; } #authense-wrap #authense-twit-wrap .header{ } #authense-wrap #authense-twit-wrap .header .title { font-size:14px; font-weight:bold; margin-bottom:0; margin-left:-30px; line-height:1.2; height:37px; background:url(/img/bg_buble_left.png) no-repeat left top; } #authense-wrap #authense-twit-wrap .header .title span { background:url(/img/bg_buble_right.png) no-repeat left top; padding-top:7px; margin-left:30px; height:37px; display:block; } #authense-wrap #authense-twit-wrap .header .title-body { font-size:10px; margin-bottom:3px; line-height:1.2; font-weight:normal; } #authense-wrap #authense-twit-wrap ul { _zoom:1; overflow:hidden; padding:0; margin-bottom:0; } #authense-wrap #authense-twit-wrap ul li { width:630px; float:left; margin:0; margin-right:10px; border-bottom:solid 1px #eee; padding:10px 0 ; } #authense-wrap #authense-twit-wrap ul li:last-child { border:none; } #authense-wrap #authense-twit-wrap ul li:hover { } #authense-wrap #authense-twit-wrap ul li article { } #authense-wrap #authense-twit-wrap ul li article .thumb, #authense-wrap #authense-twit-wrap ul li aside .thumb { width:50px; float:left;} #authense-wrap #authense-twit-wrap ul li article .thumb img, #authense-wrap #authense-twit-wrap ul li aside .thumb img { width:50px; } #authense-wrap #authense-twit-wrap ul li article .thumb .entry-follow, #authense-wrap #authense-twit-wrap ul li aside .thumb .entry-follow { background:url(/img/btn_buttons.png) no-repeat -90px 0; width:55px; height:14px; display:block; margin-top:3px; text-indent:-9999px; } #authense-wrap #authense-twit-wrap ul li article .thumb .entry-follow:hover, #authense-wrap #authense-twit-wrap ul li aside .thumb .entry-follow:hover { background-position:-90px -15px } #authense-wrap #authense-twit-wrap ul li article .entry-body, #authense-wrap #authense-twit-wrap ul li aside .entry-body { padding:0 10px 5px; margin-left:60px; line-height:1.4} #authense-wrap #authense-twit-wrap ul li article footer, #authense-wrap #authense-twit-wrap ul li aside footer { padding:0 10px; margin-left:60px;} #authense-wrap #authense-twit-wrap ul li article footer a, #authense-wrap #authense-twit-wrap ul li aside footer a{ } #authense-wrap #authense-twit-wrap .entry .entry-meta { margin-left:65px; line-height:2; font-size:10px; margin-top:4px;} #authense-wrap #authense-twit-wrap .entry .entry-meta .meta-status{ float:left; } #authense-wrap #authense-twit-wrap .entry .entry-meta .meta-status a { float:left; padding-left:10px;} #authense-wrap #authense-twit-wrap .entry .entry-meta .meta-status a:first-child { border:none; padding-left:0;} #authense-wrap #authense-twit-wrap .entry .entry-meta .meta-action{ float:right;} #authense-wrap #authense-twit-wrap .entry .entry-meta .meta-action a:first-child { padding-right:8px; margin-right:5px; border-right:solid 1px #ccc;} /* #authense-wrap #authense-banner { width:320px; height:250px; float:right; margin:30px 0 0; text-align:center; } #authense-wrap #authense-banner img{} */ /* Mobile ads ------------------------*/ #authense-wrap #authense-banner{ border:solid 3px #ff4e1a; background:#fff; float:right; width:320px; margin:20px 0 0; padding-top:10px;} #authense-wrap #authense-banner h3{ width:298px; height:45px; padding:0; background:none; border-bottom:1px solid #ccc; text-align:center; } #authense-wrap #authense-banner p.bengo4QR{ margin:0; padding:15px 10px; float:left; } #authense-wrap #authense-banner p.note1 { margin:0; float:left; width:142px; height:40px; margin-top:10px; background:url(/img/b4mobileNote.gif) 0 0 no-repeat; text-indent:-999em; } #authense-wrap #authense-banner p.note2 { margin:0; float:left; width:67px; height:62px; background:url(/img/b4mobileUP.gif); text-indent:-999em; } #authense-wrap #authense-banner p.carrier { margin:0; float:left; width:142px; height:36px; background:url(/img/b4mobileCarrier.gif); text-indent:-999em; } #authense-wrap #authense-banner p.bengo4MobileUrl{ clear:both; text-indent:-999em; height:34px; border-top:1px solid #ccc; background:url(/img/b4mobileURL.gif) center center no-repeat; margin:0; } #authense-wrap #authense-banner .mailToMobile{ border-top:1px solid #ccc; background:#f3f3f3; padding:10px 15px; } #authense-wrap #authense-banner .mailToMobile p{ margin:0; } #authense-wrap #authense-banner .mailToMobile .accountN{ width:100px; padding:2px; font-size:10px; } #authense-wrap #authense-banner .mailToMobile select{ padding:2px 0; font-size:12px; } #authense-wrap #authense-banner button.btn_mobile{ width:45px; height:25px; background:url(/img/btnSideMobile.gif) 0 0 no-repeat; overflow:hidden; border:none; *margin-left:3px; text-indent:-9999px; cursor:pointer; } #authense-wrap #authense-banner button.btn_mobile:hover{ background-position:0 -25px; } /* FOOT BANNER AREA - COMMON */ #footer-banner { clear:both; background:#fee0d6 url(/img/bg_footer_banner.gif) repeat-x top center; padding-bottom:10px; } #footer-banner #banner-body { clear:both; text-align:center; padding:20px 10px 20px; background:url(/img/bg_footer_banner_moon.png) no-repeat top center; } #footer-banner #banner-body a { } #footer-banner #banner-body a img { } /* FOOT BANNER AREA - COMMON */ #global-footer-wrap { _zoom:1; overflow:hidden; clear:both; background:url(/img/bg_footer.gif) repeat-x center top; padding-bottom:10px; padding-top:10px; } #global-footer-wrap #footer-articles { width:960px; margin:0 auto; } #global-footer-wrap .header{ float:left; width:270px; margin:40px auto 0;} #global-footer-wrap .header h1 { margin-bottom:0; } #global-footer-wrap .header h1 img { } #global-footer-wrap #service-list { float:right; } #global-footer-wrap #service-list ul { margin:0; } #global-footer-wrap #service-list ul li { margin:0; } #global-footer-wrap #service-list ul li img{ } #global-footer-wrap #site-info { float:left; width:300px; margin-top:70px; } #global-footer-wrap #site-info #site-info-navi { } #global-footer-wrap #site-info #site-info-navi ul { padding:10px 0 5px; margin-bottom:2px; border-bottom:solid 1px #ddd;} #global-footer-wrap #site-info #site-info-navi ul li { display:inline; padding: 0 10px 0 0; } #global-footer-wrap #site-info #site-info-navi ul li:first-child { border:none; } #global-footer-wrap #site-info #copyright { margin-top:5px; } /* USER-LIST AREA*/ #list-page #main-wrap {background:none; _zoom:1; overflow:hidden;} #list-page #main-wrap .tweet-list{ } #bread-crumb-wrap #bread-crumb-articles { margin:0 auto; height:46px; width:960px; background:url(/img/bg_breadcrumb.png) no-repeat left top; _zoom:1; overflow:hidden; } #bread-crumb-wrap .bread-crumb{ clear:both; font-size:12px; height:30px; margin:0; width:640px;} #bread-crumb-wrap .bread-crumb dt{ float:left; height:30px; overflow:hidden; text-indent:-9999px; width:40px;} #bread-crumb-wrap .bread-crumb dd{ height:20px; padding-top:0.6em; } #bread-crumb-wrap .bread-crumb dd a { display:block; float:left; } #bread-crumb-wrap .bread-crumb dd span { background:transparent url(/img/img_cross.gif) no-repeat bottom center; display:block; float:left; height:12px; overflow:hidden; text-indent:-9999px; width:15px; } /* USER-LIST AREA*/ #list-page #main-wrap #twit-list-section .header{ _zoom:1; overflow:hidden;} #list-page #main-wrap #twit-list-section .header .thumb{ boder:solid 1px red; line-height:1; width:80px; float:left; text-align:center; margin-bottom:0; } #list-page #main-wrap #twit-list-section .header .thumb .account-thumb { } #list-page #main-wrap #twit-list-section .header .thumb .account-thumb img { width:80px; height:80px; } #list-page #main-wrap #twit-list-section .header .thumb .account-follow { display:block; background:url(/img/btn_buttons.png) -160px 0; height:20px; width:80px; font-size:12px; text-indent:-9999px; overflow:hidden; } #list-page #main-wrap #twit-list-section .header .thumb .account-follow:hover { background-position:-160px -20px;} #list-page #main-wrap #twit-list-section .header .thumb .account-follow span { text-indent: -1000em; overflow:hidden; } #list-page #main-wrap #twit-list-section .header .account-body .account-name { margin-left:90px; margin-top:5px; font-weight:bold; font-size:24px; margin-bottom:10px; } #list-page #main-wrap #twit-list-section .header .account-body .account-name a{ text-decoration:none; } #list-page #main-wrap #twit-list-section .header .account-body p { margin-left:90px; font-weight:normal; font-size:12px; line-height:1.6; margin-bottom:0; } #list-page #main-wrap #twit-list-section .util-nav { clear:both; 600px; text-align:right; float:right; } #list-page #main-wrap #twit-list-section .util-nav ul { margin-bottom:0; } #list-page #main-wrap #twit-list-section .util-nav li { float:left; border-left:solid 1px #eee; padding:0 5px; } #list-page #main-wrap #twit-list-section .util-nav li:first-child { float:left; border:none; } #list-page #main-wrap #twit-list-section .util-nav { clear:both; } #list-page #main-wrap #twit-list-section .twit-list-wrap { clear:both; no-repeat center left; } #list-page #main-wrap #twit-list-section .twit-list-wrap .autopagerize_page_element { background:url(/img/bg_list_page_account.png) no-repeat center top; padding-top:15px; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry { clear:both; _zoom:1; overflow:hidden; border-bottom:solid 1px #e8e8e8; padding:17px 5px 15px; margin-right:5px; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry:hover { background-color:#fff3ef; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry:first-child { } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry:last-child { } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb { width:55px; text-align:center; float:left; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-thumb img { width:48px; height:48px; margin:0 auto; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-follow { background:url(/img/btn_buttons.png) -90px 0; width:55px; height:14px; display:block; margin-top:3px; text-indent:-9999px; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-follow:hover { background-position: -90px -15px; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-body { margin-left:65px; padding:0 10px 5px 0; line-height:1.4;} #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta { margin-left:65px; line-height:2; font-size:10px; margin-top:4px;} #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status{ float:left; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a { float:left; padding-left:10px; color:#aaa; text-decoration:none;} #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a:hover { text-decoration:underline; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-action{ float:right; } #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-action a:first-child { padding-right:8px; margin-right:5px; border-right:solid 1px #ccc;} #list-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a:first-child { border:none; padding-left:0;} /* READ MORE */ #list-page #main-wrap #twit-list-section .pager { _zoom:1; overflow:hidden; margin-bottom:20px; height:45px; padding:0;} #list-page #main-wrap #twit-list-section .pager .more{ margin:0 auto; padding:0 4px 0; display:block; background:url(/img/btn_buttons.png) 0 -230px no-repeat; height:45px; width:345px; text-indent:-9999px; text-align:center; } #list-page #main-wrap #twit-list-section .pager .more:hover{ background-position:0 -275px;} /* FOLLOWER-LIST AREA*/ #list-page #main-wrap #follow-user{ margin-bottom:10px; border:solid 1px #ccc; padding:15px; } #porit-detail #follower{ margin:10px 0; border:solid 1px #ccc; padding:15px; } #list-page #main-wrap #follow-user .header, #porit-detail #follower .header { padding:0; border:none; width:400px; float:left; } #list-page #main-wrap #follow-user .header .title, #porit-detail #follower .header .title{ height:auto; width:400px; font-size:14px; font-weight:bold; padding:0 0 5px; line-height:1.2; margin-bottom:0; background:none; text-indent:0;} #list-page #main-wrap #follow-user .twitter-friends { } #list-page #main-wrap #follow-user .twitter-friends, #porit-detail #follow-user .twitter-friends { margin:0; padding:1px; } #list-page #main-wrap #follow-user .twitter-friends .tf-info, #porit-detail #follow-user .twitter-friends .tf-info{ text-align:right; float:right;} #list-page #main-wrap #follow-user .twitter-friends .tf-info a, #porit-detail #follow-user .twitter-friends .tf-info a{ text-decoration:none; font-size:9px; font-weight:bolder; color:gray; font-family:tahoma;} #porit-detail #follow-user .twitter-friends .tf-users, #list-page #main-wrap #follow-user .twitter-friends .tf-users { clear:both; height:62px; overflow:hidden; } #porit-detail #follow-user .twitter-friends .tf-users a{ margin-right:1px;} #list-page #main-wrap #follow-user .twitter-friends .tf-users img{ } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet, #porit-detail #follow-user .twitter-friends .tf-tweet{ margin-top:5px; height:65px; overflow:hidden; } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet div, #porit-detail #follow-user .twitter-friends .tf-tweet div{ position:relative; padding:1px; margin:1px 0 0 0; overflow:hidden; height:65px; font-size:11px;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-avatar, #porit-detail #follow-user .twitter-friends .tf-tweet span.tf-avatar{ display:block; width:60px; height:60px; margin:0; left:0; position:absolute; overflow:hidden;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet strong a, #porit-detail #follow-user .twitter-friends .tf-tweet strong a{ margin-right:5px;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-body, #porit-detail #follow-user .twitter-friends .tf-tweet span.tf-body { display:block; margin-left:60px; padding:5px;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-content{ } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-meta, #porit-detail #follow-user .twitter-friends .tf-tweet span.tf-meta { color:#999999; display:inline; font-size:0.764em; margin:3px 0 0 5px ;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-meta a, #porit-detail #follow-user .twitter-friends .tf-tweet span.tf-meta a{ color:#999999; text-decoration:none;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet span.tf-meta a:hover, #porit-detail #follow-user .twitter-friends .tf-tweet span.tf-meta a:hover{ text-decoration:underline;} #list-page #main-wrap #follow-user .twitter-friends .tf-tweet a.tf-date { } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet a.tf-source { } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet a.tf-link { } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet a.tf-at { } #list-page #main-wrap #follow-user .twitter-friends .tf-tweet a.tf-hashtag { } #list-page #main-wrap #right-block, #link-page #main-wrap #right-block{ margin-top:0; } #link-page #main-wrap #right-block{ border:solid 1px #ccc; background:#f8f8f8; } #list-page #rect-ads #adsBlock a{ display:block; height:250px; overflow:hidden; margin-bottom:10px; } #link-page #rect-ads #adsBlock a{ display:block; height:250px; overflow:hidden; margin-bottom:10px; } #link-page #main-wrap #right-block .side-addarea { background:none; margin:0; padding:0; } #link-page #main-wrap #right-block .side-addarea .google-ad { background:none; padding:10px; } /* * * link page - 'bitly page' */ body#link-page{ background:url(/img/bg_header_link.gif) center top repeat-x; } #link-page #global-header { width: 960px; margin: 0 auto 0; position: relative; _zoom:1; overflow:hidden; } #link-page #global-header #description { background:none; margin-bottom:0; } #link-page #global-header #description h1{ float:left; width:100px; text-align:left; margin:0; } #link-page #global-header #description h1 img{ margin:0; padding:0; } #link-page #global-header #description h2{ float:right; text-align:right; font-size: 10px; line-height: 12px; font-weight:normal; margin:20px 0 0; } #link-page #header-ads{background:none; float:left; margin-top:15px; padding:5px 0 0; overflow:hidden;} #link-page #header-ads ins { width:630px; background:transparent; } #link-page #header-ads iframe { width:630px; } #link-page #header-ads a{ border-left:solid 1px red; padding:0 15px 0 0; } #link-page #main-wrap { background:none; width: 960px; margin: 10px auto 0; position: relative; _zoom:1; overflow:hidden; } #link-page #main-wrap #main-articles {float:left; width:650px; padding-top:10px;} #link-page #main-wrap #main-articles #link-section .header h1 { margin:10px 0 2px; line-height:1; } #link-page #main-wrap #main-articles #link-section .header h1 a{ text-decoration:none; } #link-page #main-wrap #main-articles #link-section .header span { display:block; font-size:10px; line-height:1; margin-bottom:10px; } #link-page #main-wrap #main-articles #link-section .header span a{ font-weight:normal; color:#999; } #link-page #main-wrap #main-articles #link-section #link-body { margin:30px 0; } #link-page #main-wrap #main-articles #link-section #link-body p { line-height:1.4; } #link-page #link-ads{background:none; width:600px; padding:0;} #link-page #link-ads ins { background:transparent; width:620px; } #link-page #link-ads iframe { width:620px; } #link-page #link-ads a{ border-left:solid 1px red; padding:0 15px 0 0; } #link-page #link-info { padding:10px; border:solid 1px #ddd; _zoom:1; overflow:hidden; } #link-page #link-info #link-click{ float:left; width:300px; } #link-page #link-info #link-tweet{ float:right; width:300px; } #link-page #link-info #link-click h2, #link-page #link-info #link-tweet h2{margin-bottom:5px; font-weight:normal; font-size:10px; color:#999; _zoom:1; overflow:hidden; height:40px; line-height:normal; } #link-page #link-info #link-click h2 .link-num, #link-page #link-info #link-tweet h2 .link-num { display:block; float:left; font-size:36px; line-height:1.2; font-weight:bold; color:#555; margin:0 5px 0 0;} #link-page #link-info #link-click h2 .link-type, #link-page #link-info #link-tweet h2 .link-type{ display:block; font-size:16px; width:200px; height:16px; line-height:1.4; color:#999;} #link-page #link-info #link-click h2 .link-link, #link-page #link-info #link-tweet h2 .link-link{ display:block; font-size:10px; width:250px; height:12px; line-height:1.4;} #link-page #link-info #link-click ul{ margin-bottom:0; padding-top:5px; border-top:solid 1px #ddd; } #link-page #link-info #link-tweet ul{ margin-bottom:0; padding-top:10px; border-top:solid 1px #ddd; } #link-page #link-info #link-click ul li { padding:3px 0 3px 10px; background:url(/img/img_cross.gif) left center no-repeat; } #link-page #link-info #link-tweet ul li { float:left; padding-right:5px; } #link-page #link-info #link-click ul li .link-num{ font-weight:bold; font-size:1.2em; margin-right:10px; } #link-page #link-info #link-tweet ul li img{ height:25px; width:25px } #link-page #main-articles .util-nav { clear:both; text-align:right; float:right; margin-top:10px; } #link-page #main-articles .util-nav ul { margin-bottom:0; } #link-page #main-articles .util-nav li { float:left; border-left:solid 1px #eee; padding:0 5px; } #link-page #main-articles .util-nav li:first-child { float:left; border:none; } #link-page #main-wrap .twit-list-wrap { clear:both; margin-top:-5px; } #link-page #main-wrap .twit-list-wrap ul { background:url(/img/bg_list_page_account.png) no-repeat center top; padding-top:15px; } #link-page #main-wrap .twit-list-wrap .entry { clear:both; _zoom:1; overflow:hidden; border-bottom:solid 1px #e8e8e8; padding:17px 5px 15px; margin-right:5px; } #link-page #main-wrap .twit-list-wrap .entry:hover { background-color:#fff3ef; } #link-page #main-wrap .twit-list-wrap .entry:first-child { } #link-page #main-wrap .twit-list-wrap .entry:last-child { } #link-page #main-wrap .twit-list-wrap .entry .thumb { width:55px; text-align:center; float:left; } #link-page #main-wrap .twit-list-wrap .entry .thumb .entry-thumb img { width:46px; height:46px; margin:0 auto; } #link-page #main-wrap .twit-list-wrap .entry .thumb .entry-follow { background:url(/img/btn_buttons.png) -90px 0; width:55px; height:14px; display:block; margin-top:3px; text-indent:-9999px; } #link-page #main-wrap .twit-list-wrap .entry .thumb .entry-follow:hover { background-position: -90px -15px; } #link-page #main-wrap .twit-list-wrap .entry .entry-body { margin-left:65px; padding:0 10px 5px 0; line-height:1.4;} #link-page #main-wrap .twit-list-wrap .entry .entry-meta { margin-left:65px; line-height:2; font-size:10px; margin-top:4px;} #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-status{ float:left; } #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-status a { float:left; padding-left:10px; color:#aaa; text-decoration:none;} #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-status a:hover { text-decoration:underline; } #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-action{ float:right; } #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-action a:first-child { padding-right:8px; margin-right:5px; border-right:solid 1px #ccc;} #link-page #main-wrap .twit-list-wrap .entry .entry-meta .meta-status a:first-child { border:none; padding-left:0;} #link-page #main-wrap #right-block{ width:300px; float:right; margin-top:0; } #link-page #main-wrap #link-list-section { border:solid 1px #ccc; background:#f8f8f8; padding-bottom:10px; } #link-page #main-wrap #link-list-section header { margin:10px 20px; border-bottom:solid 1px #ffad94; position:relative; } #link-page #main-wrap #link-list-section header h2 { font-size:16px; margin-bottom:0; padding:10px 0; } #link-page #main-wrap #link-list-section header a { position:absolute; top:10px; right:0; } #link-page #main-wrap #link-list-section ol { list-style:none; margin:0 20px;} #link-page #main-wrap #link-list-section ol li { overflow:hidden; _zoom:1; padding:7px 0;} #link-page #main-wrap #link-list-section ol li:hover { background:#fff; } #link-page #main-wrap #link-list-section ol li:hover a { text-decoration:none; color:#000; } #link-page #main-wrap #link-list-section ol li span { display:block; float:left; text-align:right; width:30px; } #link-page #main-wrap #link-list-section ol li a { display:block; float:left; text-align:left; padding-left:5px; word-spacing:1.2; } /* * poritical page * */ #porit-page #main-wrap {background:none; _zoom:1; overflow:hidden;} #porit-page #main-wrap { margin-bottom:20px;} #porit-page #main-wrap #main-articles{ width:960px; } #porit-page #main-wrap #main-contents{ width:650px; float:left; padding-top:10px; } #porit-page .tabs {width:650px;padding:0;} #porit-page .ui-tabs-panel{padding:0;} #porit-page #main-contents h1{ color:#ff4e19; font-size:36px; font-weight:normal; margin-top:10px;} #porit-page #main-contents h2{ color:#333333; font-size:18px; font-weight:normal; line-height:1.6} #porit-page #main-contents section{ margin-bottom:30px; } /* ranking */ #porit-page .ranking-article{ width:650px; clear:both;} #porit-page .ranking-list-wrap{ margin:0; padding:0; float:left; width:340px;} #porit-page .ranking-list{ width:340px; list-style:none; margin:0; padding:0; } #porit-page .ranking-list li{ width:340px; border-bottom:solid 1px #e8e8e8; } #porit-page .ranking-list li:last-child{ border:none; } #porit-page .ranking-list li article{ width:340px; display:table; vertical-align:middle; padding:5px 0;} #porit-page .ranking-list li article .rank-num{ width:70px; display:table-cell; vertical-align:middle; text-align:center;} #porit-page .ranking-list li article .rank-num strong{ display:block; width:70px; font-weight:normal; margin-bottom:2px; } #porit-page .ranking-list li.rank-top3 article .rank-num strong:first-letter{ font-size:21px;} #porit-page .ranking-list li article .rank-num img{ } #porit-page .ranking-list li article .rank-img{ width:50px; display:table-cell;} #porit-page .ranking-list li article .rank-img img{ width:50px; height:50px;} #porit-page .ranking-list li article .rank-body{ width:120px; display:table-cell; vertical-align:middle;} #porit-page .ranking-list li article .rank-body h3{ width:120px; font-size:18px; font-weight:normal;} #porit-page .ranking-list li article .rank-body p{width:120px; margin:5px 0 0; color:#999;} #porit-page .ranking-list li article .rank-point{ width:80px; display:table-cell; vertical-align:middle;} #porit-page .ranking-list li article .rank-point strong{ font-weight:normal; padding-right:5px;} #porit-page .ranking-list li article .rank-point .rank-1 img{ width:20px; height:20px; background:#b9d7a4; } #porit-page .ranking-list li article .rank-point .rank-2 img{ width:20px; height:20px; background:#add8ed; } #porit-page .ranking-list li article .rank-point .rank-3 img{ width:20px; height:20px; background:#bfc5f0; } #porit-page .ranking-list li article .rank-point .rank-4 img{ width:20px; height:20px; background:#ffd0d0; } #porit-page .ranking-list li article .rank-point .rank-5 img{ width:20px; height:20px; background:#ddc29f; } /* table-cell */ .ranking-list li article .rank-point strong, .ranking-list li article .rank-point span{ display:table-cell; vertical-align:middle; margin:0;} /* IE6 */ * html .ranking-list li article .rank-point span,* html .ranking-list li article .rank-point a{ display:inline; zoom:1;} /* IE7 */ *:first-child+html .ranking-list li article .rank-point span,*:first-child+html .ranking-list li article .rank-point a{ display:inline; zoom:1;} #porit-page .rank-rader{ margin:0; padding:0; float:left; width:308px; border-left:solid 1px #e8e8e8; background:#fafafa; } #porit-page .rank-rader-area{ margin:0; padding:0; float:left; width:300px; height:300px; background:#fafafa;} #porit-page .rank-rader-labels{ margin:0; padding:0; width:300px; } #porit-page .rank-rader-labels { background:#fafafa; text-align:center; padding:5px 0;} #porit-page ol.rank-rader-labels li{ display:inline; margin:0 5px; } #porit-page .color-spacer{ width:5px; height:5px; } #porit-page .rank-1 img{ width:10px; height:10px; background:#b9d7a4; } #porit-page .rank-2 img{ width:10px; height:10px; background:#add8ed; } #porit-page .rank-3 img{ width:10px; height:10px; background:#bfc5f0; } #porit-page .rank-4 img{ width:10px; height:10px; background:#ffd0d0; } #porit-page .rank-5 img{ width:10px; height:10px; background:#ddc29f; } /* party list */ #porit-page .tab-party-wrap{ width:650px; clear:both;} #porit-page .party-members-article{ } #porit-page .party-members-article .party-members-list{ clear:both; width:650px;} #porit-page .party-members-article .party-members-list li{ width:216px; float:left; border-bottom:solid 1px #e8e8e8; padding:5px 0;} #porit-page .party-members-article .party-members-list li .list-img{ margin:10px;} #porit-page .party-members-article .party-members-list li .list-img img{ width:20px; height:20px; background:#ccc; margin-left:5px;} #porit-page .party-members-article .party-members-list li .list-body{} #porit-page .party-members-article .party-members-list li .list-body span{float:left;display:block;} #porit-page .party-members-article .party-members-list li .list-body h3{display:inline;} #porit-page .party-members-article .party-members-list li .list-body h3 a{font-weight:normal;} #porit-page .party-members-article .party-members-list li .list-body p{ display:inline; padding-left:10px;} #porit-page .pager{ clear:both; _zoom:1; overflow:hidden; margin-top:-1px; height:85px; padding:0; background:#fafafa; border-top:solid 1px #e8e8e8;} #porit-page .pager .more{ margin:20px auto; padding:0 4px 0; display:block; background:url(../img/btn_buttons.png) 0 -230px no-repeat; height:45px; width:345px; text-indent:-9999px; text-align:center; } #porit-page .pager .more:hover{ background-position:0 -275px;} /* table-cell */ #porit-page .party-members-article .party-members-list li span{ display:table-cell; vertical-align:top; margin:0; padding:0 5px; } /* IE6 */ * html #porit-page .party-members-article .party-members-list li span{ display:inline; zoom:1;} /* IE7 */ *:first-child+html #porit-page .party-members-article .party-members-list li span{ display:inline; zoom:1;} #porit-page .tab-party-wrap table{ width:650px; } #porit-page .tab-party-wrap table thead{ } #porit-page .tab-party-wrap table thead tr{ border-right:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; background:url(/img/bg_sort_table.gif) repeat-x left bottom; } #porit-page .tab-party-wrap table thead tr th{ padding:15px 15px 15px 5px; text-align:left; } #porit-page .tab-party-wrap table thead tr th:last-child{ border-right:none; } #porit-page .tab-party-wrap table tbody{ } #porit-page .tab-party-wrap table tbody tr{ } #porit-page .tab-party-wrap table tbody tr:nth-child(even){ background:#f8f8f8; } #porit-page .tab-party-wrap table tbody tr:hover,#porit-page .tab-party-wrap table tbody tr:nth-child(even):hover{ background:#ffebe5; } #porit-page .tab-party-wrap table tbody tr td{ padding:10px; vertical-align:middle; text-align:right; border-right:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; } #porit-page .tab-party-wrap table tbody tr td div{ display:inline } #porit-page .tab-party-wrap table tbody tr td:last-child{ border-right:none; } #porit-page .tab-party-wrap table tbody tr:last-child td{ border-bottom:none; } #porit-page .tab-party-wrap table tbody tr td:first-child{ text-align:left; vertical-align:middle;} #porit-page .tab-party-wrap table tbody tr td:first-child img{ width:25px; height:25px; border:solid 1px #e8e8e8; margin-right:10px;} #porit-page .tab-party-wrap table tbody tr td:first-child a{ font-size:16px; display:table-cell; vertical-align:middle; padding-right:5px; } #porit-page .tab-party-wrap table tbody tr td:first-child span{ color:#999; display:table-cell; vertical-align:middle; } /* sort table */ #porit-page .sort-table th.header { background-image: url(/img/small.png); cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: right center; padding-left: 10px; border-right: 1px solid #dad9c7; margin-left: -1px; } #porit-page .sort-table th.headerSortUp { background: url(/img/small_asc.png) no-repeat right center; } #porit-page .sort-table th.headerSortDown { background: url(/img/small_desc.png) no-repeat right center; } /* USER-LIST AREA*/ #porit-page #main-wrap #twit-list-section .twit-list-wrap { clear:both; no-repeat center left; border:solid 1px #e8e8e8; -moz-border-radius: 6px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);} #porit-page #main-wrap #twit-list-section .twit-list-wrap .autopagerize_page_element { /*background:url(/img/bg_list_page_account.png) no-repeat center top;*/ padding-top:0; margin-bottom:0;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry { clear:both; _zoom:1; overflow:hidden; border-bottom:solid 1px #e8e8e8; padding:17px 5px 15px; background:url(/img/bg_TL.gif) repeat-x left bottom;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry:hover { background:#fff3ef; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry:first-child { } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry:last-child { } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb { width:55px; text-align:center; float:left; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-thumb img { width:48px; height:48px; margin:0 auto; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-follow { background:url(/img/btn_buttons.png) -90px 0; width:55px; height:14px; display:block; margin-top:3px; text-indent:-9999px; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .thumb .entry-follow:hover { background-position: -90px -15px; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-body { margin-left:65px; padding:0 10px 5px 0; line-height:1.4;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta { margin-left:65px; line-height:2; font-size:10px; margin-top:4px;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status{ float:left; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a { float:left; padding-left:10px; color:#aaa; text-decoration:none;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a:hover { text-decoration:underline; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-action{ float:right; } #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-action a:first-child { padding-right:8px; margin-right:5px; border-right:solid 1px #ccc;} #porit-page #main-wrap #twit-list-section .twit-list-wrap .entry .entry-meta .meta-status a:first-child { border:none; padding-left:0;} /* READ MORE */ #porit-page #main-wrap #twit-list-section .pager { _zoom:1; overflow:hidden; padding:0; height:85px; padding:0; background:#fafafa} #porit-page #main-wrap #twit-list-section .pager .more{ margin:20px auto; padding:0 4px 0; display:block; background:url(../img/btn_buttons.png) 0 -230px no-repeat; height:45px; width:345px; text-indent:-9999px; text-align:center; } #porit-page #main-wrap #twit-list-section .pager .more:hover{ background-position:0 -275px;} /* PORIT DETAIL ----------------------------------------------------------*/ #porit-detail{width:650px; float:left;} #porit-detail h1.thumb{ color:#FF4E19; font-size:36px; font-weight:normal; margin-top:10px; } #porit-detail h3.continer-title{ font-size:1.7em; padding-bottom:13px; clear:both; } /* navigation */ #porit-detail #porit-navigation{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d9d9d9; background:url(/img/bg_subNavi.gif) left bottom repeat-x #fcfcfc; } #porit-detail #porit-navigation ul{padding:15px 0 10px;} #porit-detail #porit-navigation ul li{ float:left; padding:0 15px; border-right:1px solid #ddd; } /* porit detail prof */ #porit-detail #porit-detail-info{ padding:30px 0; } #porit-detail #porit-detail-info .porit-thumb{float:left; width:83px; padding-bottom:25px;} #porit-detail #porit-detail-info .porit-thumb .account-follow{ background:transparent url(/img/btn_buttons.png) repeat -160px 0; display:block; font-size:12px; height:20px; overflow:hidden; text-indent:-9999px; width:80px; margin-top:5px; } #porit-detail #porit-detail-info .porit-prof{ padding-left:20px; float:left; width:538px; } #porit-detail #porit-detail-info .porit-prof h2.porit-name{ color:#ff4e1a; padding-top:5px; line-height:1; font-size:2em; font-weight:normal; } #porit-detail #porit-detail-info .porit-prof .porit-prof-note{line-height:1.6;} #porit-detail #porit-detail-info .porit-prof .prof-Wiki a{ padding-left:20px; background:url(/img/btn_buttons.png) no-repeat -280px top; color:#ff4e1a; } /* adsence */ .addarea{clear:both; line-height:1.8;} .addarea .adttl{text-decoration:underline;color:#ef4814;font-size:1.3em; display:block; font-weight:bold;} .addarea .adtext{color:#555; font-size:12px; display:block;} .addarea .adlink{color:#5b9a41; font-size:10px; display:block;} .deviation-help-box{ display:none; position:absolute; top:6em; right:10px; border:1px solid #bbb; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:15px; line-height:2; background:#fff; width:; box-shadow: 1px 1px 4px #999; -moz-box-shadow:1px 1px 4px #999; -webkit-box-shadow:1px 1px 4px #999; } .deviation-help-box div{border-bottom:1px solid #eee; padding-bottom:5px;margin-bottom:5px;} .deviation-help-box div strong{ padding-right:5px; } .deviation-help-box .deviation-help-box-close{ margin:15px 0 0; text-align:center; cursor:pointer; } .deviation-help-box .deviation-help-box-close em{ padding:5px; background:#f2f2f2; border:1px solid #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; } /* twitter-deviation */ #porit-detail #twitter-deviation{padding:30px 0; position:relative;} #porit-detail #twitter-deviation .twitter-deviation-area{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px solid #d9d9d9; } #porit-detail #twitter-deviation .twitter-deviation-rader{ width:300px; float:left; } #porit-detail #twitter-deviation .twitter-deviation-detail{ border-left:1px solid #f1f1f1; width:347px; float:left; position:relative; } #porit-detail #twitter-deviation .twitter-deviation-detail .caption {color:#999;} #porit-detail #twitter-deviation .twitter-deviation-detail .caption .cap-value{ width:150px; float:left; display:block; padding:10px; text-align:center; border-right:1px solid #f1f1f1; } #porit-detail #twitter-deviation .twitter-deviation-detail .caption .cap-rank{ width:145px; float:left; display:block; padding:10px; text-align:center; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-list{ border-bottom:1px solid #e8e8e8; clear:both; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-value{ width:150px; float:left; display:block; padding:10px; border-right:1px solid #f1f1f1; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-list h3{ color:#999; font-weight:normal; float:left; padding-top:3px; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-total h3{font-size:1.35em;} #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-list .deviation-value{ float:left; font-size:1.7em; font-weight:normal; padding-right:5px; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-total .deviation-value{font-size:2.3em;} #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-list .deviation-help a{ width:21px; height:24px; display:block; background:url(../img/btn_help.png) 0 0 no-repeat; text-indent:-999em; float:left; overflow:hidden; cursor:pointer; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-rank{ width:145px; float:left; display:block; padding:15px 10px 10px; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-rank .deviation-rank{ float:left; font-size:1.3em; padding-right:10px; } #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-rank nav{float:left;} #porit-detail #twitter-deviation .twitter-deviation-detail .twitter-deviation-rank nav a{color:#ff4e1a;font-size:0.9em;} #porit-detail #twitter-deviation .comparison{ padding:15px; float:right; border-left:1px solid #f1f1f1; width:317px; } #porit-detail #twitter-deviation .comparison a{ color:#ff4d18; padding-left:20px; background:url(../img/btn_buttons.png) no-repeat -280px top; } /* twit-list-section */ #porit-detail #twit-list-section{padding-bottom:20px;} /* politicianList */ #main-wrap #right-block section#politicianList{ background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:15px; } #politicianList section{background:none !important;} #politicianList h2.title{ color:#ff4e1d; font-size:1em; font-weight:normal; } #politicianList .partyBlock{ padding-bottom:20px; } #politicianList .politicianList-name{ background:url(/img/icon_list.png) no-repeat left 5px; font-size:12px; line-height:1.6; margin-bottom:8px; padding:0 15px; } /* * * */ .about-section{} .about-section div{ width: 940px; margin: 0 auto 0; position: relative; _zoom:1; overflow:hidden; } .about-section h1 { font-size:24px; color:#ff4e1a; height:35px; line-height:1.4; margin:25px 0 10px; } .about-section article h2 { font-size:15px; color:#ff4e1a; height:35px; line-height:1.4; margin:15px 0 0px; padding-top:20px; border-top:solid 1px #eee; } .about-section article ul {} .about-section article ul li{ line-height:1.4; padding-left:15px; background:url(/img/img_cross.gif) left center no-repeat; } .about-section article p{ line-height:1.4; } /**/ .authense-ads div.prBlock{ margin:15px auto 0; width:620px; background:url(/img/img_PR.gif) right top no-repeat; } .authense-ads div.prBlock article{ padding:10px 0; border:solid 1px #ddd; } .authense-ads div.prBlock ul{ margin-bottom:0; } .authense-ads div.prBlock ul li{ padding:3px 0 2px 10px; background:url(/img/img_cross.gif) left center no-repeat; } .authense-ads div.prBlock ul li a{ text-decoration:none; color:#000; } .authense-ads div.prBlock ul li a:hover{ text-decoration:underline; color:#ff4e1a; } /* clearfix - pickup area * */ * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } .clearfix { clear:both;} .clearfix:after { content: ''; display: block; clear: both; height: 0; color:#fff; } .clearfix { display: inline-block; } .clearfix { display:block; } /* \*//*/ .clearfix {overflow: hidden;} /* PRINT */ @media print { body, #main, #content { color: #000 !important; } a, a:link, a:visited { color: #000 !important; text-decoration:none !important; } #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; } #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; } } /* iPhone */ @media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
no select id