/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#fff url(../images/body-bg.gif) repeat-x 0 bottom;} h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Page ----*/ div.page { background:url(../images/page-top.jpg) 0 0 repeat-x; padding-top:6px;} /*---- Container ----*/ div#container {background:url(../images/container-bg.jpg) 0 0 repeat-x;} /*----Wrapper--*/ div.wrapper { width:994px; margin:0 auto; } /*---- Header ----*/ div#header {background:url(../images/header-bg.jpg) no-repeat top center; margin-bottom:5px;} /*---- Main Navigation ----*/ div#main-navigation { padding:5px 10px; background:#c99; } /*---- Content ----*/ div#content { } /*---- Main ----*/ div#main { float:left; width:750px; } /*---- Sidebar ----*/ div#sidebar { width:236px; float:right; } div#sidebar div.rss-field{margin:0 -5px; position:relative;} /*--- Two-column-layout---*/ div.two-column-layout1 div.top{background:url(../images/content/boxes/two-column-top.gif) no-repeat 0 0; padding-top:14px;} div.two-column-layout1 div.top div.bottom{background:url(../images/content/boxes/two-column-bottom.gif) no-repeat 0 bottom; padding-bottom:14px; margin-bottom:10px;} div.two-column-layout1 div.top div.bottom div.middle{background:url(../images/content/boxes/two-column-middle.gif) repeat-y 0 0; } div.two-column-layout1 div.column1{width:317px; padding:0 40px 0 10px;} div.two-column-layout1 div.column2{width:336px; padding:40px 10px 0 15px;} /*--- Three-column-layout---*/ div.three-column-layout{ padding:10px 5px 0; } div.three-column-layout div.column1{width:553px; padding-left:10px; float:left;} div.three-column-layout div.column3{width:180px; float:left; padding-left:15px;} div.three-column-layout div.column2{float:left; width:195px; padding-left:15px;} /*---- Footer ----*/ div#footer{padding-top:10px; margin-bottom:20px;} div#footer div.footer-bottom {width:990px; margin:0 auto; background:url(../images/footer-bottom.gif) no-repeat 0 bottom; padding-bottom:15px;} div#footer div.footer-bottom div.footer-top{background:url(../images/footer-bg.gif) repeat-y 0 0;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo{ float:left; width:519px; margin:0px 20px 0 0; padding-top:28px; position:relative;} div#header div.logo h1 a {display:block; background:url(../images/header/logo.png) 0 0 no-repeat; width:519px; height:0px; padding-top:95px; overflow:hidden; } div#header div.logo span.label{display:block; background:url(../images/header/official-blog.png) no-repeat 0 0; width:120px; height:19px; line-height:19px; text-align:center; font-size:120%; text-align:center; position:absolute; z-index:5; left:108px; top:18px; color:#fff;} /*---- Sociable ---*/ div#sociable{float:left; width:400px; margin-bottom:5px; padding:25px 0 0 15px;} div#sociable ul li{list-style:none; float:left; } div#sociable ul li.divider{background:url(../images/header/divider.gif) no-repeat 0 0; width:2px; height:17px; margin:0 14px;} div#sociable ul li a{color:#504c4c; font-size:120%; display:block; line-height:24px;} div#sociable ul li a img{display:block; margin-right:10px; float:left; vertical-align:middle;} /*--- Search-form---*/ div#header div#search-form{float:left; width:452px;} div#search-form div.form1 span.textbox{width:260px; margin-right:10px;} div#search-form div.form1 input.submit{display:block; float:left; border:0;} /*---- Main Navigation ----*/ div#main-navigation ul li{ float:left; padding:5px 20px;} div#main-navigation ul li a { float:left; text-decoration:none; font-size:120%; } /*---- Post ---*/ div.post h1 { font-size:280%; margin-bottom:10px;} div.post h2 { font-size:260%; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;} div.post h3 { font-size:240%; margin-bottom:10px;} div.post h4 { font-size:220%; margin-bottom:10px;} div.post h5 { font-size:100%; margin-bottom:10px;} div.post a{color:#44a5dc;} div.post p { color:#000; line-height:23px; font-size:150%; margin-bottom:20px; display:block; font-family:Arial, Helvetica, sans-serif;} div.post p a { color:#44a5dc; text-decoration:underline;} div.post h2 a:hover{text-decoration:none;} div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*--- Date-stamp ---*/ div.post span.date-stamp{background:url(../images/content/date-stamp-bg.jpg) no-repeat 0 0; display:block; width:81px; height:61px; text-align:center; padding:65px 0 0 45px; font-size:160%; line-height:16px; float:left; margin-left:-5px; position:relative;} div.post span.date-stamp small{font-size:70%; line-height:12px;} /*--- More-links---*/ a.more-lnk1{display:block; background:url(../images/buttons/more-lnk1.gif) no-repeat 0 0; padding-left:32px; } a.more-lnk1 span{display:block; background:url(../images/buttons/more-lnk1.gif) no-repeat right 0; padding-right:32px; height:55px; line-height:55px; float:left; font-size:160%; color:#6f6f6f; } a.more-lnk1:hover{text-decoration:none;} /*--ADS --*/ div.ad1{margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;} div.ad2{margin-bottom:10px; padding-left:13px;} div.ad1 a, a.active, div.ad1 a:hover{ color:#000000; text-decoration:none;} /*---controls---*/ div.controls a{display:block; background:url(../images/content/controls-bg.gif) no-repeat 0 0; height:14px; width:14px; line-height:14px; margin-right:7px; float:left;} div.controls a.active, div.controls a:hover{background:url(../images/content/controls-bg.gif) no-repeat 0 bottom; text-decoration:none;} /*--- Form1 ---*/ div.form1 span.textbox{display:block; background:url(../images/content/textbox2.gif) no-repeat 0 0; padding-left:8px; float:left;} div.form1 span.textbox span.inner{display:block; background:url(../images/content/textbox2.gif) no-repeat right 0; padding-right:8px; height:25px; padding-top:10px; } div.form1 span.textbox span.inner input.textbox{width:100%; background:none; border:0;} div.form1 label{display:block; font-size:110%; color:#fff; padding-left:5px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:5px; } div.form1 label span{display:block; float:right; font-style:italic; min-width:100px; } /*---- Textarea ----*/ div.form1 span.textarea {margin-bottom:5px; display:block;} div.form1 span.textarea span.top-left{background:url(../images/content/boxes/textarea-top-left.gif) no-repeat 0 bottom; padding-left:10px; height:10px; line-height:10px; display:block;} div.form1 span.textarea span.top-left span.top-right{background:url(../images/content/boxes/textarea-top-right.gif) no-repeat right bottom; padding-right:10px; height:10px; line-height:10px; display:block;} div.form1 span.textarea span.top-left span.top-right span.top-middle{background:#efefef; height:10px; line-height:10px; display:block;} div.form1 span.textarea span.middle{background:#efefef; padding:0 10px; display:block;} div.form1 span.textarea span.bottom-left{background:url(../images/content/boxes/textarea-bottom-left.gif) no-repeat 0 top; padding-left:10px; height:10px; line-height:10px; display:block;} div.form1 span.textarea span.bottom-left span.bottom-right{background:url(../images/content/boxes/textarea-bottom-right.gif) no-repeat right top; padding-right:10px; height:10px; line-height:10px; display:block;} div.form1 span.textarea span.bottom-left span.bottom-right span.bottom-middle{background:#efefef; height:10px; line-height:10px; display:block;} div.form1 span.textarea textarea.textarea{background:none; border:0;} /*-- Hr ---*/ div#main hr{background:#e1e1e1; height:1px; border:0; margin-bottom:8px; } /*---Pagination--*/ div.pagination { padding-left:13px; margin:-10px 0 10px 0; position:relative;} div.pagination a{display:block; background:url(../images/buttons/pagination-a.jpg) no-repeat 0 0; width:55px; height:54px; float:left; line-height:64px; text-align:center; color:#484848; font-size:130%; margin-right:5px;} div.pagination a:hover, div.pagination a.active{background:url(../images/buttons/pagination-a.jpg) no-repeat 0 bottom; color:#fff; text-decoration:none;} /*--- Sidebar ----*/ /*--- Widget ---*/ div#sidebar div.widget{margin-bottom:17px;} div.widget h2{background:url(../images/content/widget-h2-bg.gif) repeat-x 0 0; padding:0 10px; line-height:22px; color:#555555; font-size:140%; font-weight:normal; margin-bottom:10px; height:31px; } /*--- Tabstrip---*/ div#sidebar div.tabs ul.strip1 {background:url(../images/content/widget-h2-bg.gif) repeat-x 0 0; height:30px; padding-left:5px; } div#sidebar div.tabs ul.strip1 li{float:left; margin-right:2px; } div#sidebar div.tabs ul.strip1 li a{padding:0 10px; line-height:30px; font-size:120%; color:#555; display:block; float:left;} div#sidebar div.tabs ul.strip1 li:hover a, div#sidebar div.tabs ul.strip1 li.ui-state-active a{background:#FFF; text-decoration:none;} div#sidebar div.tabs ul.list3{padding:15px 10px 0 11px;} /*----- Category---*/ div.category ul{list-style:none; padding-left:11px;} div.category ul li{line-height:24px;} div.category ul li a{font-size:110%; color:#848484; background:url(../images/content/categories-li-bg.gif) no-repeat left top; padding-left:18px; line-height:14px;} div.category ul li ul li{list-style:none; padding:0 10px;} div.category ul li ul li a{font-size:90%; color:#848484; background:url(../images/content/category-sublink.gif) no-repeat left top; padding-left:18px; line-height:14px;} /*--- Featured-Ads---*/ div.featured-ads ul{list-style:none; padding:0 10px; } div.featured-ads ul li{margin-bottom:20px;} div.featured-ads ul li.last{margin:0} div.featured-ads ul li div.image{float:left; background:url(../images/content/image-bg.gif) no-repeat 0 0; width:61px; margin-right:10px; height:55px; padding-top:5px;} div.featured-ads ul li div.image img{margin:auto; display:block; } div.featured-ads ul li div.description{ float:right; padding-top:5px; width:142px;} div.featured-ads ul li div.description h4{font-size:110%; font-weight:normal; line-height:16px;} div.featured-ads ul li div.description p{font-size:110%; color:#bbbbbb; line-height:16px;} /*--- Newsletter-form ---*/ div.newsletterform{padding:0 10px;} div.newsletterform p{margin-bottom:5px;} div.newsletterform p.last{margin-bottom:0;} div.newsletterform p a{font-size:130%; color:#33a1de; font-style:italic;} div.newsletterform p label{font-size:130%; } div.newsletterform p span.textbox{display:block; background:url(../images/content/textbox.gif) no-repeat 0 0; padding-left:13px;} div.newsletterform p span.textbox span.inner{display:block; background:url(../images/content/textbox.gif) no-repeat right 0; padding-right:13px; height:29px; padding-top:10px;} div.newsletterform p span.textbox span.inner input.texbox{background:none; border:0; width:180px;} div.newsletterform p.submit{margin:0 0 0 10px;} div#sidebar div.comments{padding:0 15px 15px;} div#sidebar div.comments p span{display:block; font-size:70%; color:#44a5dc; } div#sidebar div.comments p{font-size:160%; color:#727272; line-height:18px;} /*--- Rating---*/ span.rating{display:block; width:64px; height:16px; background:url(../images/content/rating-bg.gif) no-repeat 0 0;} span.rating span.inner{display:block; height:16px; background:url(../images/content/rating-bg.gif) no-repeat 0 bottom;} /*---- Footer - Navigation ---*/ div#footer div.logo{width:337px; margin:0 auto;} div#footer h2{font-size:160%; color:#FFF; margin-bottom:10px; font-weight:normal;} div#footer p{font-size:110%; color:#9f9f9f; line-height:26px;} div#footer p a{font-size:150%; color:#9f9f9f;} div#footer ul li{list-style:none; line-height:18px; } div#footer ul li a{font-size:120%; color:#9f9f9f;} div#footer ul li a:hover, div#footer ul li a.active{color:#5994b5; text-decoration:none;} /*---- Common Boxes & Containers ----*/ /*---Box1---*/ div.box1 div.top-left{background:url(../images/content/boxes/box1-top-left.gif) no-repeat 0 bottom; height:8px; line-height:8px; padding-left:8px;} div.box1 div.top-left div.top-right{background:url(../images/content/boxes/box1-top-right.gif) no-repeat right bottom; height:8px; line-height:8px; padding-right:8px;} div.box1 div.top-left div.top-right div.top-middle{background:#46a9e1; height:8px; line-height:8px; } div.box1 div.middle{background:#46a9e1; padding:0 8px; border-bottom:0; border-top:0;} div.box1 div.bottom-left{background:url(../images/content/boxes/box1-bottom-left.gif) no-repeat 0 top; height:8px; line-height:8px; padding-left:8px;} div.box1 div.bottom-left div.bottom-right{background:url(../images/content/boxes/box1-bottom-right.gif) no-repeat right top; height:8px; line-height:8px; padding-right:8px;} div.box1 div.bottom-left div.bottom-right div.bottom-middle{background:#46a9e1; height:8px; line-height:8px; } /*---box2---*/ div.box2 div.top-left{background:url(../images/content/boxes/box2-top-left.gif) no-repeat 0 bottom; height:16px; line-height:16px; padding-left:16px;} div.box2 div.top-left div.top-right{background:url(../images/content/boxes/box2-top-right.gif) no-repeat right bottom; height:16px; line-height:16px; padding-right:16px;} div.box2 div.top-left div.top-right div.top-middle{background:url(../images/content/boxes/box2-top-middle.gif) repeat-x left bottom; height:16px; line-height:16px; } div.box2 div.middle{background:#4d4848; padding:0 32px;} div.box2 div.bottom-left{background:url(../images/content/boxes/box2-bottom-left.gif) no-repeat 0 top; height:16px; line-height:16px; padding-left:16px;} div.box2 div.bottom-left div.bottom-right{background:url(../images/content/boxes/box2-bottom-right.gif) no-repeat right top; height:16px; line-height:16px; padding-right:16px;} div.box2 div.bottom-left div.bottom-right div.bottom-middle{background:#4d4848; height:16px; line-height:16px; } /*--- Box3----*/ div.box3 div.top-left{background:url(../images/content/boxes/box3-top-left.gif) no-repeat 0 bottom; height:26px; line-height:26px; padding-left:26px;} div.box3 div.top-left div.top-right{background:url(../images/content/boxes/box3-top-right.gif) no-repeat right bottom; height:26px; line-height:26px; padding-right:26px;} div.box3 div.top-left div.top-right div.top-middle{background:url(../images/content/boxes/box3-top-middle.gif) repeat-x left bottom; height:26px; line-height:26px; } div.box3 div.middle-left{background:#e9e9e9; padding-left:11px;} div.box3 div.middle-left div.middle-right{background:#e9e9e9; padding-right:14px;} div.box3 div.middle-left div.middle-right div.middle{background:#fff url(../images/content/boxes/box3-middle-bg.gif) repeat-x 0 bottom; padding:0px 25px 5px;} div.box3 div.bottom-left{background:url(../images/content/boxes/box3-bottom-left.gif) no-repeat 0 top; height:25px; line-height:25px; padding-left:31px;} div.box3 div.bottom-left div.bottom-right{background:url(../images/content/boxes/box3-bottom-right.gif) no-repeat right top; height:25px; line-height:25px; padding-right:31px;} div.box3 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/boxes/box3-bottom-middle.gif) repeat-x 0 0; height:25px; line-height:25px; } /*--- Box4----*/ div.box4 div.top-left{background:url(../images/content/boxes/box4-top-left.gif) no-repeat 0 bottom; height:12px; line-height:12px; padding-left:12px;} div.box4 div.top-left div.top-right{background:url(../images/content/boxes/box4-top-right.gif) no-repeat right bottom; height:12px; line-height:12px; padding-right:12px;} div.box4 div.top-left div.top-right div.top-middle{background:url(../images/content/boxes/box4-top-middle.gif) repeat-x left bottom; height:12px; line-height:12px; } div.box4 div.middle{border:1px solid #d8d8d8; border-bottom:0; border-top:0;} div.box4 div.bottom-left{background:url(../images/content/boxes/box4-bottom-left.gif) no-repeat 0 top; height:12px; line-height:12px; padding-left:12px;} div.box4 div.bottom-left div.bottom-right{background:url(../images/content/boxes/box4-bottom-right.gif) no-repeat right top; height:12px; line-height:12px; padding-right:12px;} div.box4 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/boxes/box4-bottom-middle.gif) repeat-x 0 0; height:12px; line-height:12px; } /*--- Box5----*/ div.box5 div.top-left{background:url(../images/content/boxes/box5-top-left.gif) no-repeat 0 bottom; height:19px; line-height:19px; padding-left:19px;} div.box5 div.top-left div.top-right{background:url(../images/content/boxes/box5-top-right.gif) no-repeat right bottom; height:19px; line-height:19px; padding-right:19px;} div.box5 div.top-left div.top-right div.top-middle{background:url(../images/content/boxes/box5-top-middle.gif) repeat-x left bottom; height:19px; line-height:19px; } div.box5 div.middle{ background:#7ea6c8 url(../images/content/boxes/box5-middle.gif) repeat-x 0 bottom;} div.box5 div.bottom-left{background:url(../images/content/boxes/box5-bottom-left.gif) no-repeat 0 top; height:19px; line-height:19px; padding-left:19px;} div.box5 div.bottom-left div.bottom-right{background:url(../images/content/boxes/box5-bottom-right.gif) no-repeat right top; height:19px; line-height:19px; padding-right:19px;} div.box5 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/boxes/box5-bottom-middle.gif) repeat-x 0 0; height:19px; line-height:19px; } /*---- Box6----*/ div.box6{position:relative;} div.box6 div.top{background:url(../images/content/boxes/box6-top.gif) no-repeat 0 top; padding-top:9px;} div.box6 div.top div.bottom{background:url(../images/content/boxes/box6-bottom.gif) no-repeat 0 bottom; padding-bottom:10px;} div.box6 div.top div.bottom div.middle{background:#efefef; padding:0 8px; width:626px;} div.box6 span.arrow{display:block; position:absolute; z-index:6; background:url(../images/content/arrow.gif) no-repeat 0 0; width:39px; height:17px; left:-6px; bottom:-17px;} div.box6 span.published{position:absolute; line-height:16px; font-size:120%; width:250px; text-align:right; display:block; right:5px; bottom:-20px;} /*---- Buttons ----*/ a.rss-btn{display:block; background:url(../images/buttons/rss-btn.jpg) no-repeat 0 0; padding-left:52px; color:#FFF; line-height:60px; width:68px; height:47px; font-size:110%;} a.rss-btn:hover{text-decoration:none;} /*---- Lists ----*/ ul.list3 li{list-style:none; background:url(../images/content/list3-li.gif) no-repeat 0 0; padding-left:16px; padding-bottom:15px;} ul.list3 li a{color:#555555; font-size:120%; line-height:19px;} ul.list3 li a:hover{text-decoration:none;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ body.home div.post{ border-bottom:1px solid #e1e1e1; margin-bottom:10px;} body.home div.post.last{border:0; margin-bottom:0;} /*---- Highlghts--*/ div#highlights{padding-right:20px; padding-bottom:10px; font-family:Tahoma, Geneva, sans-serif; position:relative; border-bottom:1px solid #e1e1e1; margin-bottom:5px;} div#highlights div.image{float:left; width:170px; margin-right:10px;} div#highlights div.image img{border:3px solid #383838;} div#highlights div.description{float:right; width:485px;} div#highlights div.description h2 a{font-size:220%; color:#FFF; font-weight:normal; line-height:28px; margin-bottom:5px; display:block;} div#highlights div.description h2 a:hover{text-decoration:none;} div#highlights div.description p{color:#adadad; font-size:120%; line-height:19px; margin-bottom:15px;} div#highlights a.next-btn, div#highlights a.previous-btn{position:absolute; z-index:5; width:25px; height:52px; top:80px;} div#highlights a.next-btn{right:20px; background:url(../images/buttons/next-btn.gif) no-repeat 0 0;} div#highlights a.previous-btn{left:0; background:url(../images/buttons/previous-btn.gif) no-repeat 0 0;} /*----- Post----*/ div.post{position:relative;} div.post h2 {position:relative; padding-top:25px; padding-right:43px; margin-bottom:5px;} div.post h2 a{line-height:33px; font-size:100%; font-weight:normal; } div.post h2 span.comment-no{display:block; background:url(../images/content/comment-number-bg.gif) no-repeat 0 0; width:45px; height:41px; text-align:center; line-height:35px; position:absolute; z-index:5; right:0; top:30px; font-size:65%; color:#FFF; font-family:Arial, Helvetica, sans-serif;} div.post p.author{color:#a6a6a6; font-size:120%; margin-left:10px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:16px;} div.post div.entry{padding:0 35px; margin-bottom:20px;} div.post div.entry img{border:8px solid #33a1de; margin-bottom:15px;} div.post div.post-meta{padding-left:13px; margin-bottom:22px;} div.post div.post-meta p{margin-bottom:10px; font-size:120%;} div.post div.post-meta p span.tittle{width:90px; color:#727272; display:block; float:left;} div.post div.post-meta p span.links{display:block; float:left; width:500px;} div.post div.post-meta p a{color:#000; text-decoration:none;} div.post div.post-meta p.category{background:url(../images/content/category-bg.gif) no-repeat left center; line-height:16px; padding-left:20px;} div.post div.post-meta p.tags{background:url(../images/content/tags-bg.gif) no-repeat left center; line-height:16px; padding-left:20px;} div.post div.post-meta p.comments{background:url(../images/content/comments-bg.gif) no-repeat left center; line-height:16px; padding-left:20px; margin-bottom:0;} div.post div.post-meta p.compartir{background:url(../images/content/compartir-bg.gif) no-repeat left center; line-height:16px; padding-left:20px; margin-bottom:0;} /*------------------------------------------ // 4.1 INNER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---navigation ---*/ div.navigation{margin-bottom:15px; padding-top:20px; text-align:center; } div.navigation p a{ font-size:120%; text-decoration:underline; color:#000; font-family:Tahoma, Geneva, sans-serif; line-height:31px;} div.navigation a.previous-btn{display:block; background:url(../images/buttons/prwvious-btn-2.gif) no-repeat 0 0; width:115px; height:31px; line-height:31px; font-size:130%; color:#FFF; text-align:center; float:left;} div.navigation a.next-btn{display:block; background:url(../images/buttons/next-btn2.gif) no-repeat 0 0; width:115px; height:31px; line-height:31px; font-size:130%; color:#FFF; text-align:center; float:right;} div.navigation a.previous-btn:hover, div.navigation a.next-btn:hover{text-decoration:none;} /*---- Comments --*/ div.comments{padding:0px 0 0 10px;} div.comments h2, div.comments p, div.comments span{ font-family:Tahoma, Geneva, sans-serif;} div.comments h2{font-size:230%; color:#33a1de; font-weight:normal; margin-bottom:10px; } div.comments div.section1{margin-bottom:15px; } div.comments div.section1 div.image{float:left; width:75px;} div.comments div.section1 div.image span{display:block; text-align:center; line-height:18px; color:#46a9e1; font-size:120%;} div.comments div.section1 div.description{float:right; width:644px;} div.comments div.section1 div.description p{color:#6f6f6f; line-height:18px; font-size:120%;} /*---- Comment-form ---*/ div#comment-form{padding-left:10px;} div#comment-form h2{font-size:230%; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px; color:#fff; padding-top:5px;} div#comment-form div.form1 span.textbox{display:block; background:url(../images/content/textbox-3.gif) no-repeat 0 0; padding-left:8px; float:left; margin-bottom:12px;} div#comment-form div.form1 span.textbox span.inner{display:block; background:url(../images/content/textbox-3.gif) no-repeat right 0; padding-right:8px; height:34px; padding-top:10px; } div#comment-form div.form1 span.textbox span.inner input.textbox{width:300px;} div#comment-form div.description h3{ color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:110%; margin-bottom:10px;} div#comment-form div.description p{ color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:110%; margin-bottom:14px; line-height:18px;}