/* Theme Name: South Solutions v2.0 Theme URI: http://www.southsolutions.com.ar Description: Template del sitio South Solutions Version: 2.0 Author: Juan Manuel Ubilla Author URI: http://www.southsolutions.com.ar */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Import TEXT styling for grid framework*/ body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* Import GRID styling for grid framework*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.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} /* Import GRID styling for grid framework*/ /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 www.ThemeDump.com -------------------------------------------------- */ body { background:#ffffff url(images/1-default/bg_blue.jpg) repeat-x top; color:#333; } a, #content-blog .posts p a { color:#333; } a:hover, #content-blog .posts p a:hover { color:#000; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #header { border-bottom:0px solid #2A3133; } #wrapper { background:#fff; } #sidebar-in { background:url(images/1-default/sidebarbg_c.jpg) repeat-y right top; } .sidebar-in_top { background:url(images/1-default/sidebarbg_t.jpg) no-repeat top; } .sidebar-in_bottom { background:url(images/1-default/sidebarbg_b.jpg) no-repeat bottom; } #sidebar-blog { background:url(images/1-default/sidebarbg2_c.jpg) repeat-y left top; } .sidebar-blog_top { background:url(images/1-default/sidebarbg2_t.jpg) no-repeat top left; } .sidebar-blog_bottom { background:url(images/1-default/sidebarbg2_b.jpg) no-repeat bottom left; } #page_head { background:#c0f0fd url(images/1-default/headbg_blue.png) no-repeat; color:#000; border-bottom:1px solid #fff; } #footer { height:100%; overflow:hidden; border-top:1px solid #ddd; } /* -------------------------------------------------- Header -------------------------------------------------- */ #nav ul li a { color:#2a2a2a; } #nav ul li a:hover { color:#2a2a2a; } #nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item , #nav ul li.current-cat { top left no-repeat; color: #ff4e2c; } #nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a, #nav ul li.current-cat a { color: #FFFFFF; background: url(images/1-default/nav-active.gif) top right no-repeat; } #nav ul li a:hover { color: #fff; top right no-repeat; } /* -------------------------------------------------- Banner -------------------------------------------------- */ #banner h2 { color:#1b5ca9; } #banner h3 { color:#000000; } #banner p { color:#2a3133; } #banner { background:url(images/1-default/banner_blue_bottom_sepretor.png) no-repeat center bottom; color:#fff; } .productrays { background:url(images/rays_effects.png) no-repeat right top; } .action_button a { background:url(images/1-default/buttonbg_blue.png) no-repeat; color:#fff; text-decoration:none !important; } .action_button a:hover { color:#fff; background-position:0 -34px; } /* -------------------------------------------------- content -------------------------------------------------- */ .feature_box h3 { color:#2167b1; } #content li { background:url(images/bullet.png) no-repeat 0 5px; } #content h2 { margin:0; padding:0 0 30px 0; font-size:23px; } blockquote { background:url(images/1-default/quote_blue.png) no-repeat; border-bottom:1px solid #c7c7c7; } blockquote p { color:#333333; } blockquote cite { color:#4a4a4a; } /* -------------------------------------------------- #content-blog -------------------------------------------------- */ #content-blog .posts h2 { color:#2167b1; } #content-blog .posts h2 a { color:#2167b1; } #content-blog .posts h2 a:hover { color:#000; } #content-blog p.post_bottom { border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } /* -------------------------------------------------- content-in -------------------------------------------------- */ #content-in h2, #content-blog h2 { color:#2167b1; } #content-in h2 a, #content-blog h2 a { color:#2167b1; text-decoration: none; } #content-in h2 a:hover, #content-blog h2 a:hover { text-decoration: underline; } #content-in h6, #content-blog h6 { color:#000; } #content-in li, #content-blog li { background:url(images/bullet2.png) no-repeat 0 3px; line-height:18px; } #content-in li a , #content-blog li a { color:#666; } #content-in li a:hover , #content-blog li a:hover { color:#333; } /*---------PAGE NAVIGATION - pagination --------- */ .Navi .on { color:#fff; background: #1f64af !important } .Navi a:hover { color:#000; background: #9fdcee; } .Navi a { color: #000; border:1px solid #9fdcee; } /* -------------------------------------------------- sidebar -------------------------------------------------- */ #sidebar h2 { color:#2167b1; border-bottom:1px solid #99c1cc; } /* -------------------------------------------------- #sidebar-blog -------------------------------------------------- */ /*---------widgets --------- */ .widget h2, .widget h3{ color:#2167b1 !important; border-bottom:1px solid #99c1cc; } .widget li{ border-bottom:1px solid #d1e0e4; } /* -------------------------------------------------- sidebar-in -------------------------------------------------- */ #sidebar-in ul li { border-bottom:1px solid #9dcfde; } #sidebar-in ul li ul li { border-bottom:none; background:url(images/bullet3.gif) no-repeat left; } #sidebar-in li a { color:#333; } #sidebar-in li a:hover { color:#1e62ae; background:#fff; } #sidebar-in li.current_page_item a { color:#1e62ae; background:#fff; } #sidebar-in li.current_page_parent a { color:#1e62ae; } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer { color:#444; } #footer a { color:#444; } #footer a:hover { color:#000; } /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; } table { border-collapse:collapse; border-spacing:0; } ul { list-style:none; } blockquote:before, blockquote:after { content:""; } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl, .fll, .aleft { float:left } .fr, .frr, .aright { float:right } .ac, span .ac{ text-align:center } .ar, span .ar{ text-align:right } .al, span .al{ text-align:left } a { text-decoration:none; } a:hover { text-decoration:underline } .imgleft { border:2px solid #CCCCCC; float:left; margin:0 15px 15px 0; } .imgleft_none { float:left; margin:0 15px 15px 0; } .imgright_none { float:right; margin:0 0 15px 15px; } .aright { float:right; margin-bottom:15px; } .imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #header { padding:40px 10px 28px 0px; } #banner { padding:45px 10px 20px 10px; position:relative; min-height:300px; _height:300px; } #wrapper { padding:20px 10px; height:100%; overflow:hidden; } #content { float:left; } #content-in { float:right; } #sidebar { float:right; } #sidebar-in { float:left; } .sidebar-in_top { } .sidebar-in_bottom { min-height:500px; _height:500px; padding-top:20px; } #content-blog { float:left; } #sidebar-blog { width:300px; float:right; } .sidebar-blog_top { } .sidebar-blog_bottom { min-height:500px; _height:500px; padding-top:20px; padding-left:20px; } #page_head { font-size:28px; padding:15px 10px; margin-bottom:1px; } #page_head h1 { margin:0; padding:0 20px 0 10px; } a.post-edit-link{ color:#666 } a.post-edit-link:hover{ color:#000 } #footer { padding:13px 10px 15px 10px; height:100%; overflow:hidden; } /* -------------------------------------------------- Header -------------------------------------------------- */ h1.logo { position: relative; display: block; font-size:18px; padding:0; margin:0; float:left; } .logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0; } .logo span, .logo span a { width:160px; height:28px; } .logo span a { display:block; cursor:pointer; } .logo a:hover { text-decoration:none; } #header #logo-spot{ display: block; font-size:18px; padding:0; margin:0; float:left; } #header .blog-title a{ color:#222222; font:bold 38px Verdana; padding:0; margin:0 } #header .blog-title a:hover{ text-decoration:none; color:#666666 } #header .blog-description{ color:#666666 } /*---------TOP NAVIGATION for PAGES--------- */ #nav ul { float:right; margin:0px; padding:8px 0px 0px 10px; height:25px; } #nav li { float:left; list-style-type:none; margin:5px 4px 0px 15px; padding:0px; overflow:hidden; line-height:15px; } #nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { text-decoration:none; } #nav ul li.current_page_item a:hover { text-decoration:none; } #nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; display:block; padding:9px 18px 8px 5px; margin:0px 0px 0px 15px; text-transform:uppercase; color:#2a2a2a; } #nav ul li a:hover { text-decoration:none; color:#000; } #nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item, #nav ul li.current-cat { background: url(images/1-default/nav-active.gif) top left no-repeat; color: #ff4e2c; } #nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a, #nav ul li.current-cat a { color: #fff; background: url(images/1-default/nav-active.gif) top right no-repeat; } #nav ul li a:hover { color: #fff; background: url(images/1-default/nav-active.gif) top right no-repeat; } /* -------------------------------------------------- Banner -------------------------------------------------- */ #banner h2 { margin:0; padding:0; font-size:48px; font-weight:bold; } #banner h2 a { text-decoration: none; color: #1B5CA9; } #banner h2 a:hover { text-decoration: none; } #banner h3 { margin:-10px 0 12px 0; font-size:24px; font-weight:normal; line-height:normal; } #banner p { margin:0; padding:0 0 8px 0; font-size:14px; line-height:20px; } .productrays { position:absolute; right:-85px; top:0; width:470px; height:334px; padding:40px 0 0 100px; } .product_desc { width:549px; float:left; padding-top:10px; } .productrays img { float:left; } #banner #product { height:100%; overflow:hidden; text-align:center; position:relative; height:274px; } #banner .shadow { width:956px; text-indent:-9009px; position:absolute; bottom:0; left:5px; z-index:1; } #banner .buttonbar { text-align:center; margin:0 auto; padding-top:15px; } .action_button a { width:158px; padding-right:10px; height:28px; font:bold 16px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px; line-height:20px; display:block; text-decoration:none; margin-right:10px; float:left; } .action_button a:hover { } /* -------------------------------------------------- content -------------------------------------------------- */ .feature_box { padding:0; margin:0; } .fspacer { margin-bottom:50px; } .feature_box h3 { padding:0px 5px 0px 0px; font-size:16px; font-weight:bold; } .feature_box h3 a { text-decoration: none; color: #2167B1; } .feature_box h3 a:hover { text-decoration: underline; } .feature_box img { float:left; } .feature_box_content { width:238px; float:right; } .feature_box_content p { margin:0; padding:0 0 8px 0; } p { margin:0; padding:0 0 8px 0; line-height:18px; } #content ul { margin:0; padding:0; list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 8px; line-height:18px; } p.planprice { margin:20px 0 10px 0; padding-top:5px; text-align:center; font-size:22px; font-weight:bold; } .startnow a { width:141px; padding-right:10px; height:22px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px; display:block; text-decoration:none; margin-right:10px; margin-left:28px;} .startnow a:hover { } .plan_spacer { margin-left:20px; } blockquote { margin:10px 0 20px 0; padding:0 0 15px 35px; } blockquote p { font-size:16px; font-weight:bold; margin:0; padding:0 0 5px 0; } blockquote cite { font-size:12px; font-style:normal; float:right; height:22px; display:block; float:right; } .posts h1 { font-size: 25px } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px; margin-top:20px; } .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } .entry p small, .posts p small { font-size: 10px } 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; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; background:#ccc; } /* -------------------------------------------------- #content-blog -------------------------------------------------- */ #content-blog .posts { margin-bottom:35px; } #content-blog .posts h2 { margin:0; padding:0 0 5px 0; font-size:23px; } #content-blog .posts h2 a { } #content-blog .posts h2 a:hover { } #content-blog p.post_bottom { padding:5px 0 5px 0; } #content-blog p.post_bottom a { text-decoration:underline; } #content-blog .posts p { line-height:22px; margin:0; padding:0 0 10px; } /* -------------------------------------------------- content-in -------------------------------------------------- */ #content-in h2, #content-blog h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } #content-in h6, #content-blog h6 { margin:12px 0 5px 0; padding:0; font-weight:bold; } #content-in ul, #content-blog ul { margin:0; padding:0; list-style:none; } #content-in li, #content-blog li { margin:0 0 3px 0; padding:2px 0 5px 24px; line-height:18px; } #content-in ol, #content-blog ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content-in ol li ol, #content-blog ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; background:none; } #content-in ol li, #content-blog ol li { margin:0 0 5px 0; padding:0; background:none; font-size:13px; } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 } .Navi { float: right; padding: 0 0 20px 0 } .Navi a { color: #000; display: block; float: left; padding: 3px 8px 3px 8px; height:17px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px } .Navi a:hover { color:#000; } .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 3px 9px; margin-left: 4px; } /* -------------------------------------------------- sidebar -------------------------------------------------- */ #sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } /* -------------------------------------------------- sidebar-in -------------------------------------------------- */ #sidebar-in ul { margin:0; padding:0; list-style:none; } #sidebar-in li { margin:0; font-size:14px; } #sidebar-in li a { display:block; padding:8px 0 10px 20px; text-decoration:none; } #sidebar-in li a:hover { display:block; padding:8px 0 10px 20px; } #sidebar-in ul li ul{ margin:0; padding:0 0 0 20px; list-style:none; } #sidebar-in ul li ul li a { background:transparent !important; margin-bottom:1px; color:#666 !important; font-size:14px; padding-left:15px; } #sidebar-in ul li ul li a:hover { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#000 !important; padding-left:15px; } #sidebar-in li.current_page_item a, #sidebar-in li.current_page_parent, #sidebar-in li.current-cat a, #sidebar-in li.current-cat { display:block; background:#fff; color:#1E62AE; font-weight:bold; } #sidebar-in li.current_page_parent { border-bottom:1px solid #ccc; color:#000; } #sidebar-in ul li ul li.current_page_item a, #sidebar-in ul li ul li.current-cat a { background:#fff url(images/bullet3.gif) no-repeat left !important; margin-bottom:1px; color:#1E62AE !important; } /* -------------------------------------------------- #sidebar-blog -------------------------------------------------- */ /*---------widgets --------- */ .widget{ width:260px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:0; background:transparent; color:#382D2C } .widget .more,.content .more{ color:#000; font-weight:700; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; margin-bottom:0 } .widget .more span,.content .more span{ color:red; margin-right:5px } .widget a, .widget li, .widget p { font-weight:normal; color:#382D2C !important; } .widget li{ padding:3px 0 3px 15px; line-height:25px; list-style:none; background:url(images/bullet3.gif) no-repeat left 12px; margin:0; width:100%; border-bottom:1px solid #d1e0e4; } .widget li a, .widget li a:hover{ font-weight:normal } .widget h2, .widget h3{ margin:0 0 0px 0; font-size:21px; background:trasparent; } .widget h3 span { margin:0 0 0px 0; font-size:21px; background:trasparent; } .flickr h3 span{ font-weight:normal; color:#0061D8 } .flickr h3{ margin-bottom:20px } .flickr h3 span b{ color:#FF1183 } .flickr ul{ margin:15px 0 0; padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 } .flickr img{ border:1px solid #969696; background:#F4F4F4; padding:11px } .flickr img:hover{ border-color:#333 } #calendar_wrap{ padding:0 0 0 40px; font-size:13px } #calendar_wrap caption{ padding:10px 0 } li.recentcomments a{ font-style:italic } .widget #searchform label{ display:none } .tagcloud { background-color:#ffffff !important; color:#382D2C } #twitter p.website{ margin:10px 0 0 0; padding: 10px 0 20px 48px; background: url(images/twitter-trans.png) left 6px no-repeat } #twitter p.website a { font-weight:bold; } /*---------ADVERTISING ads --------- */ .ad-box { text-align:center; background:transparent; overflow:hidden } .ad-box img { float:left; margin-right:10px; margin-bottom:10px; } .ads123456{ height:125px; float:left; margin:0 0 10px 0; padding:0 } .ads123456 img{ float:left; padding:0 10px 0 0; margin:0 } #big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 40px 0 } #big_banner a:hover{ background:transparent } #sidebar-blog .flickr img { padding:3px; margin:4px; } /*=== Archive ===*/ .archive-spot { padding:0 0 20px 0 } .archive-spot h2{ width:470px } .archive-spot p{ color:#4e4e4e } .archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 } .archive-spot .date a{ color:#898989 } .archive-spot .date a:hover{ color:#ffffff } .comment-spot{ text-align:center; padding:3px 0 0 0; width:32px; height:32px; margin:-70px 0 0 0; background:#ffffff url(images/comment-bg-trans.png) no-repeat top right; } .comment-spot a, .comment-spot a:hover{ background:none; color:#ffffff; border:none; font:bold 13px Georgia } .archive-spot .cat-spot{ background:#e3e3e3; padding:4px 0 6px 0; } .archive-spot .cat-spot a{ color:#000000; font:normal 11px Georgia; margin:0 0 0 10px } .archive-spot .cat-spot a:hover{ color:#ffffff } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 } #comments .comment a:hover{ color:#aaaaaa } #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa } #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #c7c7c7; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 } #comments ul.children { margin:10px 0 0 20px; padding:0 } #comments .comment .authcomment{ background:#F7F7F7; border:1px solid #c7c7c7 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 } span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#aaaaaa } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7 } #respond textarea { margin:0; padding:0 } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#000; border:1px solid #000; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer p { font-size:13px; padding:0; margin:0 0 8px 0; } #footer .designby { font-size:10px; } #footer p a { text-decoration:none; } #footer p a:hover { text-decoration:none; } #footer .aright { margin-right:-12px } #footer .aright a{ font-size:11px } #footer .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px; margin:-5px 0 0 10px; border-right:1px solid } /* --------------------------------------------------- extras ----------------------------------------------------*/ #content-in .breadcrumb { font-style: 10px; color: #666; } #content-in .breadcrumb a { font-style: 10px; color: #666; text-decoration:none; } #content-in .breadcrumb a:hover { text-decoration:underline; } form#mercadopago button { background:url(images/1-default/buttonbg_blue.png) no-repeat; color:#fff; text-decoration:none !important; } form#mercadopago button a:hover { color:#fff; background-position:0 -34px; } .navigation { display: block; text-align: center; padding-top: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #DDDDDD; } .alignright { float: right; } .alignleft{ float: left;} /* Skin */ #navi2 { margin:0; padding:0; } #navi2 ul { list-style:none; } #navi2 li { float:left; height:30px; display:block; } #navi2 li a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; background-image: url(images/boton_prod.png); background-repeat: no-repeat; display:block; padding-right:15px; padding-top:10px; padding-left:10px; float:left; height:20px; display:block; } #navi2 li a:hover { background-image: url(images/boton_prod2.png); background-repeat: no-repeat; color: #666666; } /********************************************* Horizontal Navigation Styles (with dropdowns) *********************************************/ #nav li ul { float:none; z-index:9999; position: absolute; left: -999em; margin:0px; padding:8px 0px 0px 10px; height:25px; } #nav li.current_page_item ul { margin-top:-7px; } #nav li.current_page_item li { background-image:none; padding:0; margin: 0; } #nav li ul a, #nav li ul a:link, #nav li ul a:visited, #nav li.current_page_item ul a, #nav li.current_page_item ul a:link, #nav li.current_page_item ul a:visited { list-style-type:none; padding:0px; overflow:hidden; line-height:15px; color:#3C9FD7; text-decoration:none; } #nav li ul a:hover, #nav li ul a:active, #nav li.current_page_item ul a:hover, #nav li.current_page_item ul a:active { background:#1b5c93; color:#fff; } #nav li ul ul, #nav li.current_page_item ul ul { border-left:1px solid #fff; margin: -38px 0 0 199px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { width:auto; }