/* Theme Name: Video Theme URI: http://templatic.com/ Description: Developed by Templatic Team Version: 1.0.4 Author: R.Bhavesh Author URI: http://templatic.com/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:14px Arial, Helvetica, sans-serif;} a { text-decoration:none; } a:hover { text-decoration:none; } .fix{ clear: both; height:1px; margin:-1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #wrapper h1 { margin:0 0 15px 0; padding:0; font-size:24px; font-weight:bold; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:5px; } .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:5px; } /* Structure ---------------------- */ .outer { min-height:1600px; } #header, #page_nav, #wrapper, #bottom, #main_nav { width:1190px; margin:0 auto;} #footer {width:100%; margin:0 auto;} #header { padding:0px 0 5px 0; clear:both; position:relative; } #page_nav { height:35px; position:relative; z-index:100; padding:10px 5px 0px 0; } #main_nav { height:40px; position:relative; z-index:101; margin-bottom:10px; margin-top:5px} #wrapper { clear:both; } #content { width:880px; float:left; overflow:hidden; margin-top: 20px; padding-bottom:5px; } /* largura e altura do corpo da parte útil da page-*/ #sidebar { width:291px; padding-left:10px; float:right; padding-bottom:5px; margin-top: 5px; } /* largura e altura do corpo da sidebar direita-*/ #banner_section { height:100%; overflow:hidden; margin-bottom:38px; } #bottom { padding-top:5px; padding-bottom:10px; padding-left:10px; clear:both; } #footer { padding-top:15px; padding-bottom:20px; } /* header ---------------------- */ #main_nav h3 { display:none; } #header .blog-title { width:980px; float:left; padding:0 0 15px 0; text-transform:uppercase; line-height:normal; } #header .blog-title a { font:bold 40px "Arial Black", Arial, Helvetica, sans-serif; padding:0; margin:0; text-decoration:none; } #header .blog-title a:hover{ text-decoration:none;} #header p.blog-description { font:14px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; line-height:normal; text-transform:capitalize; } .logo { float:left; padding-top:5px; } #banner { width:250px; height:60px; float:right; margin-top: 45px;} /* posição dos icons sociais --------- */ /*#breadcrumb section =================================== */ .breadcrumb {font-size:11px; padding:0; margin-bottom:5px; clear:both; height:100%; overflow:hidden; } .breadcrumb { font:12px Arial, Helvetica, sans-serif ; line-height:21px; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0px 22px 0 0; margin-right:10px; display:block; float:left; text-align:left; text-decoration:none; } .breadcrumb a:hover { text-decoration:none; } /* Slider------------------- */ #slider { width:1187px; float:left; position:relative; z-index:1; } #slider .anythingSlider {width:1187px; height: 575px; position: relative; overflow:hidden !important; margin: 0 auto; z-index:1; } /* altura do fundo do vídeo ------------------*/ #slider .anythingSlider .wrapper { width:1190px; height: 570px; margin:0; position: absolute; top: 0; left: 0; z-index:2; } /* do título do vídeo abaixo do player ---- */ #slider .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; } #slider .anythingSlider ul li { display: block; float: left; padding: 0; width:1190px;overflow:hidden !important; margin:0; background:none; } .anythingSlider .arrow { display: none; } #slider .anythingSlider h4 { position:relative; left:13px; top:-10px; font:bold 12px Arial, Helvetica, sans-serif; } #thumbNav { position: relative; top:555px; right:45px; float:right; text-align: left; z-index:9999; text-align:right; } #thumbNav a { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; /* altura dos pontinhos ---*/ text-indent:-9009px; } #start-stop { display:block; position:relative; z-index:999; display:block; float:left; padding:5px; font:bold 11px Arial, Helvetica, sans-serif; top:550px; left:1140px; } #slider .video_section { padding:7px; } #slider .video_section object, #slider .video_section embed, #slider .video_section iframe { width:1170px !important; height:540px !important; } /* Altura do player de vídeo index ---*/ #slider .video_section iframe { margin-bottom:2px; } /* Prevents */ #slider .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } #slider .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; } /* content ---------------------------- */ p { margin:0; padding:0; } small { font-size:10px; } .posts address { margin:0; padding:0; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { font-size:14px; margin:0 0 12px 0; } #content h1.cat_head { margin:0px 0 15px 0; padding:0 0 3px 0; font-size:30px; min-height:22px;} #content h1.head { margin:0; } #wrapper h1.single_head { margin: 20px 0 -20px 0; padding:0; font-size:30px; line-height:40px; width:900px; } /* margens e comprimento da linha do título dos vídeos --*/ #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 5px 22px; line-height:20px; font-size:14px; } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0;} #content ol li { margin:0 0 5px 0; padding:0; } /* categories list #end ------------ */ #content .categories_list { margin:10px 0 20px -30px; float: left; padding:0; width:875px; height:100%; overflow:hidden; } /* largura utíl da pg --*/ #content .categories_list li { margin:0 0 20px 35px; padding:0; list-style:none; width:138px; height:210px; background:#ccc; float:left; position:relative; } /* Tamanho das imagens thumb ----categories list*/ #content .categories_list li h3 { margin:0 0 12px 0; padding:0; font:bold 14px Arial, Helvetica, sans-serif; } #content .categories_list li h3 a { text-decoration:none; } #content .categories_list li h3 a:hover { text-decoration:none; } #content .categories_list li .img_not_available { display:block; width:115px; padding:48px 10px; margin:0 0 12px 0; float:right; text-align:center; font:12px Arial, Helvetica, sans-serif; z-index:1; } #content .categories_list li p { margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; } /* configura texto das thumbs do conteúdo --*/ #content .categories_list li p.title { margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; } /* configura o texto dos títulos das thumbs do conteúdo --*/ #content .categories_list li p.title a { text-decoration:none; } #content .categories_list li a.video_thumb { display:block; padding:6px; margin-bottom:10px; position: relative; z-index:1; } #content .categories_list li .time { display:block; position:absolute; right:8px; top:8px; padding:3px 5px; font:10px Arial, Helvetica, sans-serif; z-index:99; } #content .categories_list li.hr { clear:both; height:20px; width:90%; } /* configura a altura do texto das thumbs do conteúdo da página de detalhes --*/ #content .cat_main li .time { display:block; position:absolute; right:8px; top:35px !important; padding:3px 5px; font:10px Arial, Helvetica, sans-serif; z-index:99; } #content .categories_list li.hr:last-child { display:none; } #content .widget { clear:both; } #content .widget h3 { padding:50px 0 5px 0 ; font:bold 16px Arial, Helvetica, sans-serif; } /* configura a altura do widgets do conteúdo principal --*/ /* search form ---------------- */ .searchform { padding:4px; display:block; width:220px; float:right; position:absolute; right:5px; margin-top:3px; } .searchform #s { padding:4px; width:170px; float:left; font:13px Arial, Helvetica, sans-serif; } .search_btn { float:right; width:28px; height:25px;} .searchform, x:-moz-any-link { margin:0; } /* firefox */ /* post ---------------------------- */ .comment_post { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:10px; } .comment_post a { display:block; width:97px; height:22px; text-align:left; padding:4px 4px; } .posts { height:100%; overflow:hidden; margin-bottom:30px; } .post_spacer { margin-bottom:15px !important; } .pos_navigation { height:100%; overflow:hidden; margin-bottom:10px; } .post_left a, .post_right a { font:bold 13px Arial, Helvetica, sans-serif; padding:10px; display:block; } .likethis { overflow:hidden; padding-bottom:10px; margin-bottom:10px; } .facebook { padding-top:10px; float:right; } .twitter-share-button { float:left; padding-top:10px; } .main_img { padding:5px; margin-bottom:10px; margin-top:10px; } #content .posts p.date { font-size:12px; } .i_print { padding-left:20px; float:right; background:url(images/i_print.png) no-repeat left top; } #content .posts p.post_bottom { margin:0; padding:0 0 10px 0; clear:both; } .by { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:15px; margin-bottom:15px; } .by a { font-weight:bold;} #content .posts p.post_bottom .category { float:left; font:12px Arial, Helvetica, sans-serif; padding:2px 0 0 20px; } #content .posts p.post_bottom .tags { float:right; font:12px Arial, Helvetica, sans-serif; padding:2px 0 2px 20px; } .small_thumb { height:100%; overflow:hidden; margin-bottom:20px; margin-left:-12px; } .small_thumb img { float:left; margin:0 0 8px 13px; border:1px solid #ccc; } .print { padding: 4px 0 30px 22px; display:block; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; } .b_text { display:block; font:bold 12px Arial, Helvetica, sans-serif; float:left; padding-top:10px; padding-right:70px; } .post_right h2 { margin:0 0 15px 0; padding:0; } .video_main { margin-bottom:20px; padding:5px; } .video_main object, .video_main embed { width:866px !important; height:550px !important;} #content .video_main iframe, #content .video_main iframe { width:866px !important; height:550px !important;} blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite { font-size:12px; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } .posts h1 { font-size: 26px } .posts h2 { font-size: 24px; margin:0; padding:0; } .posts h3 { font-size: 20px } .posts h4 { font-size: 18px } .posts h5 { font-size: 16px } .posts h6 { font-size: 14px } .content_spacer h4.cate_title { font-size:26px; clear:both; } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } #content .related_post { margin:0 0 40px 0; padding:0; } #content .related_post h3 { margin:0; padding:0 0 5px 0; font: bold 14px Arial, Helvetica, sans-serif; } #content .related_post li { padding-left:22px; font:bold 13px Arial, Helvetica, sans-serif; } .bookmark_links { height:100%; overflow:hidden; margin-bottom:40px; padding:10px; } .bookmark_links .post-ratings { float:left; display:block; overflow:hidden; font-size:11px !important; width:170px !important; } .bookmark_links .post-views { float:left; display:block; overflow:hidden; font-size:12px; font-weight:bold; text-align:center; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; margin-right:25px; } .share { float:right; margin-right:10px; } .bookmark_links .sharethis { float:left; display:block; overflow:hidden; font-size:12px; font-weight:bold; text-align:center; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 10px; line-height:18px; } #content a.i_twitter { float:right; display:block; overflow:hidden; font-size:12px; font-weight:bold; text-align:center; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 5px 5px 18px; width:60px; margin-left:10px;} #content a.i_facebook {float:right; display:block; overflow:hidden; font-size:12px; font-weight:bold; text-align:center; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 8px 5px 28px; width:60px; } /* Post Pagination */ .pagination { clear:both; overflow:hidden; margin-bottom:20px; text-align:center } .pagination .on { padding:14px; margin-right:3px; display:inline; } .pagination a { display:inline; padding:14px; line-height:32px; margin-right:3px; } .navi { overflow:hidden; } /*#sidebar -- configura os widget do lado direito (facebook, tempo------ */ #sidebar .widget { margin-bottom:20px; height:100%; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; } #sidebar h3 { margin:0 0 10px 0; padding:0; font:18px Arial, Helvetica, sans-serif; height:100%; overflow:hidden; } #sidebar h4 { margin:0 0 10px 0; padding:0; font:18px Arial, Helvetica, sans-serif; height:100%; overflow:hidden; } #sidebar h3 span { float:left; padding-right:10px; } .flickr { clear:both; margin-bottom:25px; } .flickr img { padding:3px; margin:0 4px 8px 4px; float:left; width:80px; height:65px;} .sidebar_bnone { background:none !important; } /* subscribe section -----------*/ .subscribe_form { width:222px; height:29px; } .subscribe_form .field { padding:7px 10px; font:13px Arial, Helvetica, sans-serif; } .subscribe_form .btn_submit { width:16px; height:18px; border:none; float:right; margin-top:7px; margin-right:5px; cursor:pointer; } /* featured video Acerta as imagens e texto da sidebar do lado direito*/ #sidebar .featured_video { padding:10px; padding-bottom:0; } #sidebar .featured_video .video embed, #sidebar .featured_video .video object { width:270px !important; height:190px !important; margin-bottom:10px; } #sidebar .featured_video h4 { margin:0 0 20px 0; padding:5px 5px 0 0; font-weight:bold; } #sidebar .advt { height:100%; overflow:hidden; text-align:left; } #sidebar .advt img { margin-bottom:3px; } #sidebar h3 { margin:5px 0 8px 0; padding:5px 5px 5px 5px; font-size:18px; } .advt_single { margin-bottom:20px; } #sidebar_l .subscribe .field { width:125px; margin-bottom:10px; } .subscribe p { margin:0 0 6px 0; padding:2px 0 2px 0 ; font:12px Arial, Helvetica, sans-serif; } .subscribe p a { font-weight:bold; margin-right:10px; padding:2px 0 2px 20px; display: block; } #sidebar_r .subscribe p a { display:inline; } #content .content_sub_sidebar_left .field { width:125px; margin-bottom:10px;} #content .content_sub_sidebar_right .field { width:135px; margin-bottom:10px; } #content .content_sub_sidebar_right .subscribe p a { display:inline; } .subscribe_form { padding-bottom:8px; margin-bottom:8px; } .field { padding:5px 5px 6px 5px; width:165px; font:12px Arial, Helvetica, sans-serif; float:left; margin-right:4px; } #sidebar .subscribe p.socialbookmark a, #home_middle_col .subscribe p.socialbookmark a { margin:0; padding:0; margin-right:5px; margin-bottom:5px; background:none; } #sidebar ul { list-style:none; margin:0; padding:0; } #sidebar li { list-style:none; margin:0 0 8px 0; padding:2px 0 5px 15px; font:14px Arial, Helvetica, sans-serif; } #sidebar ul li ul li ul li { margin:0 0 0 10px; } /*---------ARCHIVE PAGE --------- */ .arclist { margin-bottom:px; } /*---------COMMENTS --------- */ #comments { padding:15px 0; clear:both; } #comments_wrap h3, #respond h3 { font-size:24px; border-bottom:1px solid #ddd; } #content .realated_post h3 { margin-bottom:10px; font-size:18px; border-bottom:1px solid #ddd; } #comments .commentlist { padding:0; margin:0 } .comment_left { position:absolute; left:-17px; top:10px; } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #content #comments p.authorcomment { margin:3px 0 0 0; overflow:hidden; padding:12px 0 0 0; height:100%; overflow:hidden; line-height:normal; font-size:13px; } #comments p.authorcomment a { text-decoration:none; font-weight:bold; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 60px; overflow: hidden; padding-right: 7px; min-height:70px; line-height:normal; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; padding-bottom:3px; margin-left:100px; float:none; position:relative; } #comments .comment .text-right p { line-height: 20px; padding: 0 10px 8px 0px; margin:0; height:100%; overflow:hidden; font:13px Arial, Helvetica, sans-serif; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0; height:100%; overflow:hidden; clear:both; } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond {/* padding:15px; */ } #respond textarea, .commpadd input{ font:14px Arial, Helvetica, sans-serif; padding:10px 5px; } #respond textarea { margin:0; width:68%; height:150px; } p.commpadd input{ line-height:25px; width:300px; float:left; } p.commpadd label{ padding:0 0 0 5px; float:left; display:block; width:80px; padding-top:5px; } p.commpadd small { font-size:12px; } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 8px 15px; margin-bottom:35px; margin-left:85px; cursor:pointer; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; } .avatar { padding:8px; } #comments .commentlist .photo { width:auto; height:auto; margin:0 0 3px 0; } #comments .comment .text-right p a.comment-reply-link { display:block; font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 10px; } #comments .comment .comment_quote { display:block; position:absolute; left:-32px; top:10px; width:32px; height:37px; background:url(skins/1-default/comment_quote.png) no-repeat left top; } /* page navigation --------------------------------- */ #page_nav ul, #page_nav ul li, #page_nav ul ul { list-style: none; margin:0; padding: 0; } #page_nav ul { position: relative; z-index: 597; float: right; margin-right:-13px; font-family:Arial, Helvetica, sans-serif; } #page_nav ul li { float: left; line-height: 1.5em; vertical-align: middle; zoom: 1; } #page_nav ul li:last-child a { background:none; } #page_nav ul li.hover, #page_nav ul li:hover { position: relative; z-index: 599; cursor: default; } #page_nav ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} #page_nav ul ul li { float: none; font-size:12px; } #page_nav ul ul ul { top: 0px; left: 99%; } #page_nav ul li:hover > ul { visibility: visible; display:block; } /* Default CSS Drop-Down Menu Theme*/ #page_nav ul { font-size:13px; } #page_nav ul li a { padding: 4px 15px; display:block; cursor:pointer; } #page_nav ul li a:hover { display:block; } #page_nav ul li a:link, #page_nav ul li a:visited { text-decoration: none; display:block; cursor:pointer; } /* -- level mark -- */ #page_nav ul ul { width: 190px; margin-top:0px; border-right:1px solid #494949; border-left:1px solid #494949; } #page_nav ul ul ul.children { margin-top:2px; margin-left:2px; } #page_nav ul ul li { margin-top:0; } #page_nav li { font-size:12px; margin-right:2px; } #page_nav #page_nav ul ul li { float: none; font-size:12px; } /* Categories navigation --------------------------------- */ #main_nav ul, #main_nav ul li, #main_nav ul ul { list-style: none; margin:0; padding: 0; } /* Configura a altura da barra de navegação--------- */ #main_nav ul { position: relative; z-index: 597; float: left; font-family:Arial, Helvetica, sans-serif; } #main_nav ul li { float: left; line-height: 1.8em; vertical-align: middle; text-transform:uppercase; } #main_nav ul li.hover, #main_nav ul li:hover { position: relative; z-index: 599; cursor: default; } #main_nav ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} #main_nav ul ul li { float: none; font-size:14px; } #main_nav ul ul ul { top: 0; left: 99%; } #main_nav ul li:hover > ul { visibility: visible; display:block; } /* Default CSS Drop-Down Menu Theme*/ #main_nav ul { font-weight: bold; font-size:14px; } #main_nav ul li a { padding: 8px 15px 9px 15px; display:block; } #main_nav ul li a:hover { display:block; } #main_nav ul li a:link, #main_nav ul li a:visited { text-decoration: none; display:block; } /* -- level mark -- */ #main_nav ul ul { width: 190px; margin-top:0px; } #main_nav ul ul li ul li ul { margin-top:2px; margin-left:2px; } #main_nav ul ul li { font-weight: bold; margin-top: 0px; } #main_nav li { font-size:13px;} #main_nav ul ul li { float: none; font-size:12px; } #main_nav ul li ul li a { padding:10px 15px; line-height:normal; text-transform:capitalize; } /* #bottom ---------------------------- */ #bottom .first_col { width:240px; float:left; } #bottom .second_col { width:240px; padding-left:45px; } #bottom .common { width:165px; padding-left:45px; } #bottom h3 { margin-bottom:10px; font-weight:bold; } #bottom p { margin: 0 0 8px 0; padding:0; font-size:13px; } #bottom ul { margin:0; padding:0; } #bottom li { margin:0; padding:4px 0 9px 0; font-size:13px; } #bottom li a {} #twitter_update_list, .popular_post ul { margin:0; padding:0; } #twitter_update_list li, .popular_post li { margin:0 0 10px 0; padding:4px 0 9px 22px; } /* #bottom ---configura a sidebar esquerda------------------------- */ #sidebar .popular_post li:last-child { border-bottom:none; } #sidebar .popular_post li { margin:0 0 15px 0; padding:5px 0 15px 0; position:relative; } #sidebar .popular_post li a.video_thumb { display:block; float:right; margin:0 0 5px 0; padding:4px; position:relative; } #sidebar .popular_post li .img_not_available { display:block; width:95px; padding:20px 10px; margin:0 0 5px 12px; float:right; text-align:center; font:12px Arial, Helvetica, sans-serif; } #sidebar .popular_post li p { margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; } #sidebar .popular_post li p.title { margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; } #sidebar .popular_post li p.title a { text-decoration:none; } #sidebar .popular_post li p.title a:hover { } #sidebar .popular_post li p.author { margin:0 0 12px 0; padding:0; font:13px Arial, Helvetica, sans-serif; } #sidebar .popular_post li p.author a { text-decoration:none; } #sidebar .popular_post li p.author a:hover { } #sidebar .popular_post li .time { display:block; position:absolute; right:8px; top:8px; padding:3px 5px; font:10px Arial, Helvetica, sans-serif; z-index:99; } .single_sidebar { padding:10px; padding-bottom:0; margin-top:20px; } /* footer ---------------------------- */ #footer p { margin:0 0 8px 0; padding:0; line-height:20px; font:12px Arial, Helvetica, sans-serif; } #footer .designby { padding:8px 8px 0 0; float:left; } #footer p span.templatic { width:80px; display:block; overflow:hidden; float:left;} #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } #footer p.copy { float:left; padding-top:7px; } /* clearfix ----- */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 } .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .clearfix { display:inline-block } * html .clearfix { height:1% } .clearfix { display:block; }