/********************************************************************************************** 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:#111111 url(../images/body-bg.jpg) 0 100% repeat-x; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.2em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container{ min-width:983px;} /*---- Wrapper ----*/ div.wrapper { width:983px; margin:0 auto; } /*---- Header ----*/ div#header{ background:url(../images/header/header-bg.jpg) 0 0 repeat-x; height:117px;} div#header div.wrapper div.inner{ background:url(../images/header/wrapper-bg.png) 0 0 no-repeat; margin-left:-25px; position:relative; padding-left:48px;} /*---- Navigation ----*/ div#navigation{ background:url(../images/navigation/navigation-bg.jpg) 0 0 repeat-x; height:26px; padding-top:5px;} /*---- Content ----*/ div#content div.wrapper{ padding:20px 0 0 13px; width:970px;} /*---- Main ----*/ div#main { float:left; width:640px; } body.search div#main{ background:#1a1a1a; border:1px solid #2e2e2e; width:602px; padding:15px 28px 0 8px; margin-bottom:8px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:301px; background:#323232; border-style:solid; border-color:#565656; border-width:0 1px; padding:8px; } /*---- Footer ----*/ div#footer{ margin:20px 0px 10px 0px; } /*------------------------------------------ // 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{width:444px; height:111px; float:left; margin:3px 0 0 0px;} div#header div.logo h1 a{ width:284px; height:103px; display:block; background:url(../images/header/logo.png) 0 0 no-repeat; padding-left:50px; padding:8px 0 0 160px; color:#2D2D2D;} /*---- Header - search-box ----*/ div#header div.search-box{ float:right; width:448px; margin:9px 15px 0 0;} /*---- Header - search-box tabs----*/ div#header div.search-box ul li { float:left; margin-right:9px;} div#header div.search-box ul li a{ background:url(../images/header/tabs.gif) 0 0 no-repeat; height:22px; float:left; padding-left:15px; display:block; text-decoration:none;} div#header div.search-box ul li a span{ background:url(../images/header/tabs.gif) 100% 0px no-repeat; height:22px; line-height:22px; padding-right:15px; float:left; font-size:110%; color:#d1d1d1; text-decoration:none; display:block;} div#header div.search-box ul li a.active , div#header div.search-box ul li a:hover{ background:url(../images/header/tabs.gif) 0 100% no-repeat;} div#header div.search-box ul li a.active span , div#header div.search-box ul li a:hover span{ background:url(../images/header/tabs.gif) 100% 100% no-repeat; color:#FFF;} div#header div.search-box ul li a.active{ font-weight:bold;} /*---- Header - search-box tabs-content----*/ div#header div.search-box div.content{ background:url(../images/header/tabs-content-bg.jpg) 0 0 repeat-x; padding:15px 8px; font-family:Verdana, Geneva, sans-serif;} div#header div.search-box div.content form { margin-bottom:8px;} div#header div.search-box div.content form input.textbox{ width:292px; padding:6px 5px; color:#8c8c8c; font-size:110%; margin-right:10px;} div#header div.search-box div.content form input.submit{ background:url(../images/header/submit-button.jpg) 0 0 repeat-x; height:30px; width:108px; border:0; color:#FFF; font-size:140%; vertical-align:bottom;} div#header div.search-box div.content p{ font-size:100%; color:#d6d6d6; text-align:right; font-family:Verdana, Geneva, sans-serif;} div#header div.search-box div.content p a{ color:#ff8686;} div#header div.search-box div#web-search{ display:block;} div#header div.search-box div#bulletin-search{ display:none;} div#header div.search-box div#images-search{ display:none;} /*---- Navigation ----*/ div#navigation ul li{ float:left; margin-right:4px; font-family:Verdana, Geneva, sans-serif; height:25px; background:url(../images/navigation/navigation-hover.png) 0 -150px no-repeat; } div#navigation ul li.divider{ background:url(../images/navigation/divider.jpg) 0 0 no-repeat; width:2px; height:25px; float:left;} div#navigation ul li a{ color:#FFF; font-weight:bold; display:block; float:left; height:25px; line-height:25px; padding:0 13px; text-decoration:none; text-transform:uppercase; font-size:110%; text-decoration:none; background:url(../images/navigation/navigation-hover.png) 100% -175px no-repeat; } div#navigation ul li.active, div#navigation ul li:hover{ background:url(../images/navigation/navigation-hover.png) 0 -49px no-repeat;} div#navigation ul li.active a, div#navigation ul li:hover a{ background:url(../images/navigation/navigation-hover.png) 100% -75px no-repeat; color:#ff3939;} /*---- Sub-Nav ----*/ div.sub-nav{ background:url(../images/navigation/sub-nav-bg.jpg) 0 0 repeat-x; height:22px; padding-top:7px;} div.sub-nav ul{ padding-left:26px;} div.sub-nav ul li{ float:left; margin-right:25px; font-size:110%;} div.sub-nav ul li a{ display:block; float:left; color:#b4b4b4; background:url(../images/navigation/nav-icon.gif) 0 0 no-repeat; padding-left:20px; line-height:15px;} div.sub-nav ul li a:hover{ text-decoration:none;} /*---- Content - Top-Pagination ----*/ div.top-pagination{ width:190px; float:right; padding-top:10px; } div.top-pagination a.left-button{ background:url(../images/content/main/left_button.png) left top no-repeat; float:left; height:31px; width:15px; } div.top-pagination a.right-button{ background:url(../images/content/main/right_button.png) left top no-repeat; float:left; height:31px; width:15px; } div.top-pagination span{ font-size:130%; color:#505050; line-height:16px; float:left; margin:0 10px; } /*---- Content list1----*/ div#content ul.list1 li{ font-size:120%; color:#FFF; font-weight:normal; line-height:21px; background:url(../images/content/main/heading-border.jpg) 0 100% repeat-x; margin-bottom:10px;} div#content ul.list1 li a{ display:block; background:url(../images/content/main/post-icon.gif) 0 3px no-repeat; padding:0 0 5px 20px; color:#FFF; } div#content h2.heading3 a, div#content h3.heading3 a{ color:#02cb32;} div#content h2.heading4 a, div#content h3.heading4 a{ color:#ae1d4d;} div#content h2.heading5 a, div#content h3.heading5 a{ color:#5b8bba;} div#content h2.heading6 a, div#content h3.heading6 a{ color:#95753e;} div#content h2.heading7 a, div#content h3.heading7 a{ color:#525252;} div#content h2.heading8 a, div#content h3.heading8 a{ color:#e27500;} div#content h2.heading9 a, div#content h3.heading9 a{ color:#ff0681;} div#content h2.heading10 a, div#content h3.heading10 a{ color:#858e9f;} div#content h2.heading11 a, div#content h3.heading11 a{ color:#cecece;} div#content h2.heading12 a, div#content h3.heading12 a{ color:#ca1414;} /*---- Content latest----*/ div#latest span.art{ font-size:130%; color:#717171; font-style:italic;} div#latest.post div.image{ float:left; background:#595859; padding:10px; margin:0 18px 10px 0;} div#latest.post h1{ font-size:330%; color:#ffffff; font-weight:normal;} div#latest.post h1 a{color:#ffffff;} div#latest.post span.comment{ background:url(../images/content/comment-icon.gif) 0 3px no-repeat; line-height:11px; color:#868686; padding-left:15px; text-transform:uppercase;} div#latest.post div.entry{ padding-top:14px;} div#latest.post div.entry p{ font-size:120%; color:#FFF; line-height:22px; margin-bottom:10px;} div.box1 div.box2 div.post{ float:left; width:290px; margin-right:11px;} div.box1 div.box2 div.post img{ float:left; margin:0 10px 8px 0; border:#c6c6c6 3px solid;} div.box1 div.box2 div.post h2{ font-size:150%; color:#ff3939; margin-bottom:2px;} div.box1 div.box2 div.post h2 a{color:#ff3939;} div.box1 div.box2 div.post div.entry{ margin-left:164px;} div.box1 div.box2 div.post div.entry p{ font-size:110%; color:#FFF; line-height:15px;} div.box1 div.box2 div.post div.entry a.more-link{ font-size:130%; color:#b30101; font-weight:bold; text-decoration:none;} /*---- Main ----*/ div.layout1 div#main div.inner-main{ width:360px; border:#262626 1px solid; padding:2px 0px 2px 2px;} div.layout1 div#main div.inner-main div#category{background:#141414 url(../images/content/main/inner-main-bg.jpg) 0 0 repeat-y; padding:8px;} /*----inner-main post ----*/ div#main div.inner-main div#category div.post{ margin-bottom:10px;} div#main div.inner-main div#category h2{ font-size:220%; font-weight:normal; line-height:18px; border-bottom: #323232 3px solid; padding-bottom:5px; margin-bottom:15px;} div#main div.inner-main div#category h2 a{ text-decoration:none;} div#main div.inner-main div#category h2 span.item-no{ float:right; color:#949494; font-size:50%;} div#main div.inner-main div#category div.post h3{ font-size:150%; line-height:20px; margin-bottom:5px;} div#main div.inner-main div#category div.post h3 a{color:#c3c3c3;} div#main div.inner-main div#category div.post h3 span.metadata{ color:#959595; font-size:70%;} div#main div.inner-main div#category div.post img{ float:left; margin:0 10px 10px 0;} div#main div.inner-main div#category div.post div.entry{ padding-left:100px;} div#main div.inner-main div#category div.post div.entry p{ font-size:110%; color:#FFF; line-height:18px; margin-bottom:10px;} div#main div.inner-main div#category div.post div.entry p a.more-link{ font-size:130%; color:#ae1d4d; font-weight:bold; text-decoration:none;} /*----inner-Sidebar ----*/ div#main div.inner-sidebar{ width:265px;} div#main div.inner-sidebar div.section{ margin-bottom:20px;} /*---- section heading ----*/ div#main div.section h2{ background:url(../images/content/main/heading1.jpg) 0 0 no-repeat; padding:0 0 0 15px; font-size:120%; color:#FFF; font-weight:bold; margin-bottom:10px;} div#main div.section h2 span{ background:url(../images/content/main/heading1.jpg) 100% 0 no-repeat; line-height:32px; height:32px; display:block; padding:0 10px 0 0;} /*----inner-Sidebar weekly ----*/ div#main div#special{ padding-left:18px;} div#main div#special h2{ background:url(../images/content/main/button3.jpg) 0 0 no-repeat; padding:0 0 0 15px; color:#FFF; font-size:120%; float:right; display:block; margin:0;} div#main div#special h2 span{ background:url(../images/content/main/button3.jpg) 100% 0 no-repeat; height:25px; line-height:25px; padding-right:15px; display:block; float:left;} div#main div#special div.post{ background:#1a1a1a; clear:both; padding-bottom:1px; } div#main div#special div.post h2{ background:none; padding:5px 5px 0; font-size:250%; line-height:30px; font-weight:normal; margin-bottom:5px;} div#main div#special div.post img{ border:0;} div#main div#special h2 a{color:#FFF; background:none; padding:0;} div#main div#special span.fashion{ display:block; font-size:120%; color:#808080; font-weight:bold; padding-left:8px; margin-bottom:10px;} /*----inner-Sidebar popular post----*/ div#main div.inner-sidebar div#popular ul li{margin-bottom:10px;} div#main div.inner-sidebar div#popular ul li div.post{ background:#1f1f1f url(../images/content/main/inner-post-bg.jpg) 0 0 repeat-x; border:#3d3d3d 1px solid; padding:5px 5px 0; } div#main div.inner-sidebar div#popular ul li div.post h3{ font-size:120%; line-height:21px; margin-bottom:4px;} div#main div.inner-sidebar div#popular ul li div.post h3 a.comment-no{ float:right; color:#8e8e8e; font-weight:normal; background:url(../images/content/main/comment.gif) 0 6px no-repeat; padding-left:15px; text-decoration:none;} div#main div.inner-sidebar div#popular ul li div.post div.entry p{ font-size:150%; color:#FFF; line-height:21px; margin-bottom:5px;} /*---- Sidebar ----*/ div#sidebar h2{ font-size:130%; color:#FFF; padding:0 10px;} /*---- Sidebar ads----*/ div#sidebar div.ads{ margin-bottom:10px;} div#sidebar div.ads div.header{ background:url(../images/content/main/ads-header.jpg) 0 0 repeat-x; height:25px; border:#000 1px solid; padding:5px 0 0 10px;} div#sidebar div.ads h2{ border:#000 1px solid; background:url(../images/content/sidebar/publiced-bg.jpg) 0 0 repeat-x; height:23px; line-height:23px; float:left;} /*---- Sidebar videos----*/ div#sidebar div.videos{ margin-bottom:22px;} div#sidebar div.videos h2, div#email-alerts h2{ background:url(../images/content/sidebar/videos-bg.jpg) 0 0 repeat-x; height:24px; line-height:24px; float:left; border:#3c3c3c 1px solid; border-bottom:0; margin-bottom:-1px; position:relative; z-index:2;} div#sidebar div.box3{ background:#191919; padding:10px; border:#3c3c3c 1px solid; clear:both; margin-top:-1px; position:relative;} div#sidebar div.videos div.box3 img{ margin-bottom:15px;} div#sidebar div.videos h3{ font-size:120%; color:#FFF; background:url(../images/content/sidebar/heading-border.gif) 0 100% repeat-x; font-weight:normal; margin-bottom:10px;} div#sidebar div.videos h3 span{display:block; background:url(../images/content/sidebar/icon1.gif) 0 0 no-repeat; line-height:16px; padding:0 0 5px 20px;} div#sidebar div.videos h3 span.timestamp{ color:#9a9a9a; background:none; padding:0; display:inline;} div#sidebar div.videos div.videos-list a.previous{ background:url(../images/content/sidebar/previous.gif) 0 0 no-repeat; width:18px; height:20px; display:block; float:left; margin:29px 0 0 -4px; position:relative;} div#sidebar div.videos div.videos-list a.next{ background:url(../images/content/sidebar/next.gif) 0 0 no-repeat; width:18px; height:20px; display:block; float:left; margin:29px -5px 0 0; position:relative;} div#sidebar div.videos div.videos-list ul{ float:left; padding-left:4px;} div#sidebar div.videos div.videos-list ul li{ background:url(../images/content/sidebar/frame.jpg) 0 0 no-repeat; width:92px; height:70px; float:left; padding:6px 14px; margin-right:4px;} /*---- Sidebar highlights----*/ div#highlights{ padding:3px 10px 10px; margin-bottom:15px;} div#highlights h2.image-highlights{ padding-left:70px; background:url(../images/content/sidebar/h2-border.gif) 0 100% repeat-x; padding-bottom:5px; margin-bottom:10px;} div#highlights h2.image-highlights img{ margin:-21px 0 0 -88px; float:left;} div#highlights h2.image-highlights span{ background:url(../../assets/images/content/image-highlights.jpg) 0 0 no-repeat; display:block; width:170px; height:58px;} div#highlights div.image{ background:#464646; border:#8b8b8b 1px solid; padding:4px; width:268px; height:237px; margin-bottom:10px;} div#highlights h3{ font-size:180%; color:#FFF; font-weight:normal; background:url(../images/content/main/heading-border.jpg) 0 100% repeat-x; line-height:16px; margin-bottom:10px; } div#highlights h3 span{background:url(../images/content/sidebar/icon2.gif) 0 0 no-repeat; padding:0 0 10px 20px; display:block;} div#highlights h3 span.timestamp{ color:#8c8c8c; font-size:70%; background:none; display:inline; padding:0;} /*---- Sidebar pagination----*/ div#pagination a.previous{ background:url(../images/content/sidebar/pre2.gif) 0 0 no-repeat; width:13px; height:14px; float:left; margin-top:6px;} div#pagination a.next{ background:url(../images/content/sidebar/next2.gif) 0 0 no-repeat; width:13px; height:14px; float:left; margin-top:6px;} div#pagination a{ text-decoration:none;} div#pagination ul{ padding:0 2px 0 8px; float:left;} div#pagination ul li{ float:left; margin-right:6px;} div#pagination ul li a{ background:url(../images/content/sidebar/pagination.gif) 0 0 no-repeat; width:16px; height:18px; display:block; color:#FFF; font-size:120%; padding:6px 0 0 8px;} div#pagination ul li a:hover{background:url(../images/content/sidebar/pagination-hover.gif) 0 0 no-repeat;} /*---- Sidebar email-alerts----*/ div#email-alerts{ margin-bottom:10px;} div#email-alerts h3{ font-size:130%; color:#FFF; line-height:25px; font-weight:normal; background:url(../images/content/sidebar/icon3.gif) 0 4px no-repeat; padding-left:20px; margin-bottom:10px;} div#email-alerts h3 a{ color:#f06a6a; font-weight:bold;} div#email-alerts form p{ margin-bottom:10px;} div#email-alerts form input.textbox{ border:#262626 1px solid; padding:10px 6px; background:#FFF; width:264px; color:#a1a1a1; font-size:110%; } div#email-alerts form input.submit{ background:url(../images/content/sidebar/submit-bg.jpg) 0 0 repeat-x; height:36px; border:#515151 1px solid; font-size:180%; color:#FFF; width:278px; cursor:pointer;} div#email-alerts ul{ padding:10px 0 0 6px;} div#email-alerts ul li{ margin-bottom:5px;} div#email-alerts ul li a{ font-size:120%; color:#828282; font-style:italic; text-decoration:underline;} div#email-alerts ul li a:hover{ text-decoration:none;} /*---- Footer ----*/ div#footer div.wrapper{ padding-left:8px; width:975px;} div#footer div.bottom{ padding:18px 0 10px 12px;} /*---- Footer - Logo ----*/ div#footer div.logo{width:268px; height:67px; float:left;} div#footer div.logo h1 a{ width:200px; height:67px; display:block; background:url(../images/footer/footer-logo.png) 0 0 no-repeat; padding-left:70px; color:#3f3f3f;} /*---- Footer - site-info ----*/ div#footer div.site-info{ padding:12px 0 0 20px; float:left; width:455px; margin-right:20px;} div#footer div.site-info p{ font-size:130%; color:#FFF; line-height:21px;} div#footer div.site-info p.copyright{ font-size:130%; color:#acacac; font-weight:bold;} div#footer div.site-info p.copyright a{color:#acacac; text-decoration:none;} div#footer div.site-info p.copyright a:hover{ text-decoration:underline;} div#footer div.site-info p a{ color:#FFF; text-decoration:underline;} div#footer div.site-info p a:hover{ text-decoration:none;} /*---- Footer - social-links ----*/ div#footer div.social-links{ background:url(../images/footer/divider.jpg) 0 0 no-repeat; padding:15px 0 15px 20px; float:left; width:175px;} div#footer div.social-links a{ font-size:110%; color:#9f9f9f; display:block; float:left; width:60px; text-align:center; text-decoration:none; margin-right:5px;} div#footer div.social-links a img{ margin-bottom:3px;} div#footer div.social-links a span{ color:#FFF; font-size:140%; font-weight:bold;} /*---- Footer - footer-nav----*/ div#footer div.footer-nav { clear:both; padding-top:18px;} div#footer div.footer-nav ul li{ float:left; margin-right:30px;} div#footer div.footer-nav ul li a{ font-size:110%; color:#a1a1a1;} /*---- Boxes ----*/ /*---- Box1 ----*/ div.box1 { margin-bottom:15px;} div.box1 div.top{ background:#383838 url(../images/content/box1-top-left.gif) 0 0 no-repeat;} div.box1 div.top div.right{ background:url(../images/content/box1-top-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} div.box1 div.middle{ background:#383838; padding:0 10px 0 27px;} div.box1 div.bottom{ background:#383838 url(../images/content/box1-bottom-left.gif) 0 0 no-repeat;} div.box1 div.bottom div.right{ background:url(../images/content/box1-bottom-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} /*---- Box2 ----*/ div.box2 div.top{ background:#191919 url(../images/content/box2-top-left.jpg) 0 0 no-repeat;} div.box2 div.top div.right{ background:url(../images/content/box2-top-right.jpg) 100% 0 no-repeat; height:5px; line-height:5px;} div.box2 div.middle{ background:#191919 url(../images/content/box2-middle-left.jpg) 0 0 repeat-y; padding:0;} div.box2 div.middle div.right{ background:url(../images/content/box2-middle-right.jpg) 100% 0 repeat-y; padding:5px 0px 5px 15px;} div.box2 div.bottom{ background:url(../images/content/box2-bottom-middle.jpg) 0 0 repeat-x;} div.box2 div.bottom div.left{ background:url(../images/content/box2-bottom-left.jpg) 0 0 no-repeat;} div.box2 div.bottom div.right{ background:url(../images/content/box2-bottom-right.jpg) 100% 0 no-repeat; height:14px; line-height:14px;} /*---- Box4 ----*/ div.box4{ background:#0e0e0e url(../images/content/sidebar/box4-bg.jpg) 0 0 repeat-x; border:#000000 1px solid;} /*---- Box5 ----*/ div.box5{ background:url(../images/content/sidebar/box5-middle.jpg) 0 0 repeat-y; clear:both; width:977px;} div.box5 div.top{ background:url(../images/content/sidebar/box5-top.jpg) 0 0 no-repeat;} div.box5 div.top div.bottom{ background:url(../images/content/sidebar/box5-bottom.jpg) 0 100% no-repeat;} /*---- Box6----*/ div.box6{ background:#5e5e5e; border:#9e9e9e 1px solid;} /*---- Box7----*/ div.box7{ background:#1c1c1c; border:#2b2b2b 1px solid;} /*---- Box8 ----*/ div.box8{ background:url(../images/footer/footer-middle.jpg) 0 0 repeat-y; border:#010101 1px solid;} div.box8 div.top{ background:url(../images/footer/footer-top.jpg) 0 0 no-repeat;} div.box8 div.top div.bottom{ background:url(../images/footer/footer-bottom.jpg) 0 100% no-repeat;} /*---- Box9 ----*/ div.box9{ background:#FFF; border:#d8d8d8 1px solid; clear:both; padding:5px;} /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(../images/content/buton1.gif) 0 0 no-repeat; padding-left:10px; color:#FFF; font-size:140%; font-weight:bold; text-decoration:underline; float:right; display:block;} a.button1 span{ background:url(../images/content/buton1.gif) 100% 0 no-repeat; height:37px; line-height:37px; padding:0 20px 0 10px; display:block; float:left;} a.button1:hover{ text-decoration:none;} /*---- Button2 ----*/ a.button2{ background:url(../images/content/main/button2-bg.jpg) 0 0 repeat-x; height:22px; width:200px; float:right; text-align:center; font-size:130%; color:#FFF; font-weight:bold; line-height:22px; text-decoration:none;} a.button2:hover{ text-decoration:none;} /*---- Button4 ----*/ a.button4{ background:url(../images/content/button4.gif) 0 0 no-repeat; padding-left:15px; color:#FFF; font-size:130%; float:right; display:block; font-weight:bold;} a.button4 span{ background:url(../images/content/button4.gif) 100% 0 no-repeat; height:22px; line-height:22px; padding-right:15px; display:block; float:left;} a.button4:hover{ text-decoration:none;} /*---- Button7 ----*/ a.button7{ background:url(../images/content/main/button7.jpg) left top no-repeat; height:22px; display:block; float:left; line-height:22px; padding-left:7px; } a.button7 span{ background:url(../images/content/main/button7.jpg) right bottom no-repeat; display:block; float:left; font-size:130%; color:#fff; padding-right:22px;} a.button7:hover { text-decoration:none;} /*---- Button8 ----*/ a.button8{ background:url(../images/content/main/button8.jpg) left top no-repeat; height:22px; display:block; float:left; line-height:22px; padding-left:7px; } a.button8 span{ background:url(../images/content/main/button8.jpg) right bottom no-repeat; display:block; float:left; font-size:130%; color:#b1b1b1; padding-right:22px;} a.button8:hover { text-decoration:none;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Reports ----*/ div#reports{ position:relative; clear:both; padding-top:20px;} h2.heading2{ background:url(../images/content/sidebar/heading2.jpg) 0 0 no-repeat; font-size:240%; color:#FFF; padding-left:15px; float:left; font-weight:normal; width:242px;} h2.heading2 span{ background:url(../images/content/sidebar/heading2.jpg) 100% 0 no-repeat; height:28px; line-height:28px; padding-right:15px; display:block;} div#reports div.bottom{ padding:10px 15px 30px 40px; position:relative;} div#reports ul li{ background:#212121 url(../images/content/sidebar/report-list-bg.jpg) 0 0 repeat-x; border:#303030 1px solid; width:170px; float:left; padding:2px 0 0 2px; margin-right:10px;} div#reports ul li img{ margin-bottom:5px;} div#reports ul li h2{ font-size:110%; color:#13ce3f; margin-bottom:5px; background:none;} div#reports ul li p{ font-size:150%; color:#FFF; line-height:18px; margin-bottom:5px;} div#reports div.bottom a.previous{ background:url(../images/content/sidebar/pre3.png) 0 0 no-repeat; display:block; width:26px; height:26px; position:absolute; left:-10px; top:63px;} div#reports div.bottom a.next{ background:url(../images/content/sidebar/next3.png) 0 0 no-repeat; display:block; width:26px; height:26px; position:absolute; right:-10px; top:63px;} /*---- Dashboard ----*/ div#dashboard { margin-bottom:20px;} div#dashboard div.wrapper{ padding-left:8px; width:975px;} div#dashboard div.box6{ float:left; width:247px; padding:0 5px 10px; margin-right:17px;} div#dashboard div.box6 h2{ font-size:150%; color:#FFF; background:url(../images/content/box6-heading.jpg) 0 0 repeat-x; padding-left:7px; margin:0 -5px 4px; position:relative;} div#dashboard div.box6 h2 span{ background:url(../images/content/icon4.png) 0 4px no-repeat; display:block; height:31px; line-height:31px; padding-left:25px;} div#dashboard div.box6 p{ font-size:150%; color:#FFF; margin-bottom:10px;} div#dashboard div.box6 form p{ background:#777777; padding:8px 5px; position:relative;} div#dashboard div.box6 form p label{ font-size:90%; color:#FFF; width:65px; float:left; line-height:14px;} div#dashboard div.box6 form p.possible span{ background:url(../images/content/possible.gif) 100% 0 no-repeat; display:block;} div#dashboard div.box6 form p.no-possible span{ background:url(../images/content/no-possible.gif) 100% 0 no-repeat; display:block;} div#dashboard div.box6 form p input.radio-button{ margin:0 5px 0 0; float:left;} div#dashboard div.box6 form p img{ margin-left:10px; float:left;} div#dashboard div.box6 form p img.possible{ position:absolute; top:5px; right:5px;} div#dashboard div.box6 ul{ margin-top:20px;} div#dashboard div.box6 ul li{ background:url(../images/content/list-border.gif) 0 100% repeat-x; padding-bottom:9px; margin-bottom:10px;} div#dashboard div.box6 ul li.last{ background:none;} div#dashboard div.box6 ul li a{ font-size:130%; color:#FFF; text-decoration:none; display:block; background:url(../images/content/icon5.gif) 0 0 no-repeat; padding-left:15px;} /*---- search-box ----*/ div#dashboard div.search-box{ background:url(../images/content/search-box-bg.jpg) no-repeat; float:left; width:410px; padding:5px; border:#020202 1px solid;} div#dashboard div.search-box h2{ font-size:300%; color:#FFF; font-weight:normal; margin:0 0 10px 10px;} div#dashboard div.search-box form{ width:400px;} div#dashboard div.search-box form label{ font-size:150%; color:#FFF; display:block; margin-bottom:5px; margin-left:10px;} div#dashboard div.search-box form p { margin-bottom:25px;} div#dashboard div.search-box form p.button{ margin-bottom:13px;} div#dashboard div.search-box form p input.textbox{ background:#3b3b3b; border:#000 1px solid; padding:5px 3px;} div#dashboard div.search-box form p input.large{ width:400px;} div#dashboard div.search-box form p input.small{ width:37px;} div#dashboard div.search-box form p input.middle{ width:87px;} div#dashboard div.search-box form p span{ display:block; float:left; width:155px; margin-right:45px;} div#dashboard div.search-box form p span input.textbox{ margin-left:5px;} div#dashboard div.search-box form p input.submit{ background:url(../images/content/submit.png) 0 0 no-repeat; border:0; height:40px; width:302px; padding-left:40px; color:#FFF; font-size:200%; cursor:pointer; margin-top:10px; float:right;} /*---- Shop ----*/ div#shop div.wrapper{ padding-left:8px; width:975px;} div#shop h2{ background:url(../images/content/box7-heading.jpg) 0 0 repeat-x; padding-left:8px; font-size:150%; color:#FFF; margin-bottom:10px;} div#shop div.box7{ padding-bottom:10px;} div#shop h2 span{ background:url(../images/content/icon4.png) 0 5px no-repeat; padding-left:30px; display:block; height:31px; line-height:31px;} div#shop a.previous{ background:url(../images/content/pre4.gif) 0 0 no-repeat; float:left; display:block; width:30px; height:34px; margin-top:40px;} div#shop a.next{ background:url(../images/content/next4.gif) 0 0 no-repeat; float:left; width:30px; height:34px; margin-top:40px;} div#shop ul{ float:left; width:913px;} div#shop ul li{ float:left; width:170px; text-align:center; position:relative; margin-right:12px; } div#shop ul li img{ margin-bottom:5px; border:#b0b0b0 1px solid;} div#shop ul li p{ font-size:140%; color:#FFF; line-height:21px;} div#shop ul li span.price{ background:url(../images/content/price.jpg) 0 0 no-repeat; width:32px; height:28px; display:block; position:absolute; right:-8px; top:4px; font-size:120%; color:#FFF; padding:20px 0 0 9px;} /*------------------------------------------ // 4.1 INNER1 PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Latest ----*/ div#featured{padding:10px 10px 50px; background:#fff url(../images/content/main/latest-bottom.jpg) 0 100% no-repeat; position:relative; z-index:1;} div#featured div.post h1{ font-size:310%; color:#aa0000; line-height:32px; font-weight:normal; margin-bottom:10px;} div#featured div.post h1 a{color:#aa0000;} div#featured div.post img{ float:left; margin:0 10px 10px 0; border-bottom:#04920e 4px solid;} div#featured div.post div.entry p{ font-size:150%; color:#000; line-height:22px; margin-bottom:5px;} div#featured ul li{ float:left; padding-right:10px; width:300px;} div#featured ul li div.post{ background:url(../images/content/main/latest-post-bg.jpg) 0 100% repeat-x; padding:10px;} div#featured ul li div.post h2{ font-size:230%; color:#000; font-style:italic; margin:10px 0; font-weight:normal;} div#featured ul li div.post h2 a{color:#000; } div#featured ul li div.post span{ font-size:130%; color:#aa0000; font-weight:bold;} /*---- features ----*/ div#features{ background:#6e6e6e; padding:5px 8px 10px; margin-bottom:10px; position:relative; margin-top:-1px;} div#features h2{ font-size:130%; color:#FFF; background:url(../images/content/main/features-heading.jpg) 0 0 repeat-x; line-height:24px; width:150px; padding-left:10px; border:#551616 1px solid; text-align:center;} div#features ul{ padding:15px 0 15px 28px; background:#efefef; } div#features ul li{ float:left; width:175px; padding-right:20px;} div#features ul li div.post img{ border-bottom:#04920e 4px solid;} div#features ul div.post h2{ font-size:110%; line-height:21px; background:none; border:0; padding:0; margin:0px 0 5px 0; line-height:12px; text-align:left;} div#features ul div.post h2 a{ color:#000;} div#features ul div.post div.entry p{ font-size:150%; color:#000; line-height:18px;} div#features a.previous{ background:url(../images/content/main/pre5.png) 0 0 no-repeat; width:26px; height:26px; display:block; position:absolute; top:90px; left:-10px; z-index:2;} div#features a.next{ background:url(../images/content/main/next5.png) 0 0 no-repeat; width:26px; height:26px; display:block; position:absolute; top:90px; right:-10px; z-index:2;} /*---- inner-sidebar ----*/ div.layout2 div#main div.inner-sidebar{ padding-right:10px; width:245px; border-right:#363636 1px dashed;} div.layout2 div#main div.inner-sidebar div#special{ padding:0; margin-bottom:20px;} div.layout2 div.inner-sidebar div#special img{ border-bottom:#04920e 4px solid;} div.layout2 div#main div.inner-sidebar div#special div.post{ border:0; padding:0; background:#e3e3e3; clear:both; padding-bottom:10px;} div.layout2 div#main div.inner-sidebar div#special div.post h2{ font-size:250%; line-height:30px; padding:5px 10px 0px; letter-spacing:-1px; font-weight:normal; color:#000;} div.layout2 div#main div.inner-sidebar div#special div.post h2 a{ color:#000;} div.layout2 div.inner-sidebar div#special div.post p{ font-size:120%; color:#aa0000; padding-left:6px; font-weight:bold; padding-left:10px;} div.layout2 div.inner-sidebar div#special div.post p span{ color:#747474;} /*----food ----*/ div#food{ background:#ededed; border:#363636 1px solid; padding:0 10px 10px 15px;} div#food h2{ background:url(../images/content/main/food-heading.jpg) 0 0 repeat-x; padding-left:6px; font-size:110%; color:#FFF; margin:0 -10px 0 -15px; position:relative; margin-bottom:20px;} div#food h2 span{ height:31px; line-height:31px; background:url(../images/content/main/icon6.gif) 0 5px no-repeat; padding-left:25px; display:block;} div#food ul li{ float:left; width:92px; margin:0 8px 10px;} div#food ul li img{ border-bottom:#04920e 4px solid; margin-bottom:5px;} div#food ul li h3{ font-size:130%; color:#000;} /*---- inner-main ----*/ div.layout2 div.inner-main{ padding:10px 5px; width:364px; background:#ebebeb url(../images/content/main/layout2-inner-main.jpg) 0 0 repeat-y;} div.layout2 div.inner-main div.post h2{ font-size:190%; line-height:21px; background:url(../images/content/main/post-heading.gif) 0 0 no-repeat; padding-left:40px; font-weight:normal; margin-bottom:5px;} div.layout2 div.inner-main div.post h2 a{ color:#aa0000;} div.layout2 div.inner-main div.post{ background:url(../images/content/main/post-border.gif) 0 100% repeat-x; padding-bottom:4px; margin-bottom:10px;} div.layout2 div.inner-main div.post div.entry { padding-left:5px;} div.layout2 div.inner-main div.post div.entry p{ font-size:120%; color:#000; line-height:21px; margin-bottom:5px;} /*---- sidebar ----*/ div.layout2 div#sidebar{ background:#f6f6f6; border-color:#c7c7c7; border-style:solid; border-width:0 1px;} /*---- famous ----*/ div#famous { margin-bottom:15px;} div#famous h2, div#tagcloud h2{ background:url(../images/content/main/famous-h2.jpg) 0 0 repeat-x; line-height:24px; color:#b30101; float:left; border-color:#d8d8d8; border-style:solid; border-width:1px 1px 0 1px; margin-bottom:-1px; position:relative;} div#famous div.box9 p{ font-size:130%; color:#000; line-height:26px; margin-bottom:8px;} div#famous div.post{ padding:5px 5px 0; background:url(../images/content/main/famous-post-bg.jpg) 0 0 repeat-x; border:#dadada 1px solid; margin-bottom:10px;} div#famous div.post img{ float:left; margin:0 5px 5px 0; border-bottom:#04920e 2px solid;} div#famous div.post h3{ font-size:140%; color:#000; line-height:21px; font-weight:normal;} div#famous div.post h3 a{ color:#000;} div#famous div.post span.timestamp{ font-size:140%; color:#aa0000; font-style:italic; line-height:21px; margin-bottom:5px;} /*---- tagcloud ----*/ div#tagcloud ul li{ display:inline; margin-right:5px; line-height:28px;} div#tagcloud ul li a{ color:#8b8b8b; } div#tagcloud ul li a:hover{ color:#000; } div#tagcloud ul li.size14{ font-size:140%; } div#tagcloud ul li.size21{ font-size:210%; } div#tagcloud ul li.size28{ font-size:280%; } /*------------------------------------------ // 4.2 ARTICLES PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.articles div#sidebar { background:#f6f6f6; } /*---- Button5 ----*/ a.button5{ background:url(../images/content/main/button5.png) 0 0 no-repeat; padding-left:22px; color:#FFF; font-size:120%; float:left; display:block;} a.button5 span{ background:url(../images/content/main/button5.png) right bottom no-repeat; height:25px; line-height:25px; padding-right:22px; display:block; float:left; margin-right:-10px; position:relative;} a.button5:hover{ text-decoration:none;} /*---- Button6 ----*/ a.button6{ background:url(../images/content/main/button6.png) 0 0 no-repeat; padding-left:20px; color:#9f9f9f; font-size:130%; display:block;} a.button6 span{ background:url(../images/content/main/button6.png) right bottom no-repeat; height:22px; line-height:20px; padding-right:22px; display:block; float:left; margin-right:-10px; position:relative;} a.button6:hover{ text-decoration:none;} /*---- Main - Breadcrumbs ----*/ div#breadcrumbs { background:url(../images/content/main/breadcrumbs-bg.gif) left top repeat-x; height:31px; } div#breadcrumbs h2{ font-size:140%; color:#FFF; background:url(../images/content/main/breadcrumbs-heading.gif) 0 0 repeat-x; line-height:31px; padding:0px 38px; float:left; margin-right:22px; } div#breadcrumbs span{ float:left; line-height:31px; color:#fff; font-size:100%; margin-right:5px; } div#breadcrumbs span a{ color:#fff; background:url(../images/content/main/breadcrumbs-arrow.gif) right center no-repeat; padding-right:10px; } /*---- Main - Post ----*/ div#container.articles div#main div.post { background:#fff url(../images/content/main/post-top.gif) left top repeat-x; border:1px solid #f9f9f9; margin-bottom:10px; } div#container.articles div#main div.post div.inner-post{ background:url(../images/content/main/post-bottom.gif) left bottom repeat-x; padding:10px 12px 10px 11px; } div#container.articles div#main div.post h1 { color:#b52222; font-size:280%; font-weight:normal; line-height:30px; } div#container.articles div#main div.post h1 a{ color:#b52222; } /*---- Main - Post Header ----*/ div#container.articles div#main div.post div.post-header , div#container.articles div#main div.post h1 { background:url(../images/content/main/post-border1.gif) left bottom repeat-x; padding-bottom:12px; margin-bottom:12px; } div#container.articles div#main div.post div.post-header div.datestamp{ background:url(../images/content/main/datestamp.gif) left 4px no-repeat; padding-left:20px; font-size:130%; color:#000; line-height:22px; float:left; } div#container.articles div#main div.post div.post-header div#pagination{ width:245px; float:right; overflow:hidden; } div#container.articles div#main div.post div.post-header div#pagination a.button6 { margin:0px 12px; font-weight:bold; } /*---- Main - Post Entry ----*/ div#container.articles div#main div.post div.entry { padding-left:18px; } div#container.articles div#main div.post div.entry img{ border:5px solid #b52222; margin-left:25px; } div#container.articles div#main div.post div.entry p { font-size:140%; color:#010101; line-height:30px; margin-bottom:30px; } div#container.articles div#main div.post div.entry p span.highlight{ color:#b52222; background:#efefef; padding:3px; } /*---- Main - Post Footer - Photo Gallary ----*/ div#container.articles div.post-footer div#photo-gallary { background:#f3f3f3; padding:11px 5px 30px 16px; border-bottom:1px solid #cecece; border-top:1px solid #cecece; margin-bottom:6px; } div#container.articles div.post-footer div#photo-gallary h1{ background:none; color:#000;} div#container.articles div.post-footer div#photo-gallary h1 span { float:right; font-size:50%; margin-right:20px; color:#b52222; background:url(../images/content/main/camera.gif) left center no-repeat; padding-left:24px; } div#container.articles div.post-footer div#photo-gallary ul { float:left; margin-left:15px; } div#container.articles div.post-footer div#photo-gallary ul li { float:left; margin-right:17px; width:100px; background:url(../images/content/main/photo-bg.jpg) left top no-repeat; height:69px; padding:12px 1px; } div#container.articles div.post-footer div#photo-gallary a.previous{ background:url(../images/content/main/previous-arrow.gif) left top no-repeat; float:left; display:block; width:24px; height:26px; margin:33px 22px 0px 22px; } div#container.articles div.post-footer div#photo-gallary a.next{ background:url(../images/content/main/next-arrow.gif) left top no-repeat; float:right; display:block; width:24px; height:26px; margin:33px 0px 0px 0px; } div#container.articles div.post-footer div#photo-gallary a:hover{ text-decoration:none;} /*---- Main - Post Footer - Related Articles ----*/ div#container.articles div.post-footer div#related-articles { margin-bottom:16px; } div#container.articles div.post-footer div#related-articles h2 { background:url(../images/content/main/article-heading.gif) left top repeat-x; float:left; border:1px solid #333333; height:29px; line-height:29px; padding:0px 7px 0px 3px; color:#fff; font-size:130%; margin-bottom:3px; } div#container.articles div.post-footer div#related-articles ul { border:1px solid #dadada; padding:20px 10px; clear:both; } div#container.articles div.post-footer div#related-articles ul li { background:url(../images/content/main/article-icon.gif) left center no-repeat; padding-left:20px; line-height:30px; font-size:130%; color:#000; font-weight:bold; float:left; margin-right:26px; } div#container.articles div.post-footer div#related-articles ul li a{ color:#000; } /*---- Main - Post Footer - Bottom Manu ----*/ div#container.articles div.post-footer div#bottom-menu a{ font-size:100%; color:#a6a6a6; line-height:30px; display:block; float:left; margin-right:18px; font-style:italic; } div#container.articles div.post-footer div#bottom-menu a#print{ background:url(../images/content/main/printer.gif) left center no-repeat; padding-left:23px; } div#container.articles div.post-footer div#bottom-menu a#suggest-info{ background:url(../images/content/main/pencil.gif) left center no-repeat; padding-left:23px; } div#container.articles div.post-footer div#bottom-menu a#contact{ background:url(../images/content/main/contact.gif) left center no-repeat; padding-left:23px; } div#container.articles div.post-footer div#bottom-menu a#comments-link{ background:url(../images/content/main/comment1.gif) left center no-repeat; padding-left:23px; float:right; margin-right:0px; } /*---- Main - Comment Box ----*/ div#container.articles div#comments h1{ font-size:290%; color:#fff; line-height:30px; font-weight:normal; margin-bottom:15px; } div#container.articles div#comments div.comment { margin-bottom:24px;} div#container.articles div#comments div.comment div.box { border:1px solid #343434; padding:30px 24px; position:relative; background:#030303; } div#container.articles div#comments div.comment div.box img.corner{ position:absolute; left:44px; bottom:-27px; } div#container.articles div#comments div.comment div.box blockquote { background:url(../images/content/main/comma.gif) left 8px no-repeat; padding-left:54px; } div#container.articles div#comments div.comment div.box blockquote p{ font-size:130%; color:#8b8b8b; line-height:26px;} div#container.articles div#comments div.comment div.comment-footer { margin-left:68px; } div#container.articles div#comments div.comment div.comment-footer span.metadata { font-size:130%; color:#8b8b8b; line-height:26px; float:left; } div#container.articles div#comments div.comment div.comment-footer span.metadata a{color:#e01b1b;} div#container.articles div#comments div.comment div.comment-footer span.choose{ float:right; width:222px; margin-top:4px; } div#container.articles div#comments div.comment div.comment-footer span.choose a{ font-size:130%; color:#3c3c3c; line-height:26px; font-style:italic; margin-right:18px; display:block; float:left; } div#container.articles div#comments div.comment div.comment-footer span.choose a.like{ background:url(../images/content/main/like.gif) left center no-repeat; padding-left:25px; } div#container.articles div#comments div.comment div.comment-footer span.choose a.dont-like{ background:url(../images/content/main/dont-like.gif) left center no-repeat; padding-left:25px;} /*---- Main - Comment Box - Comment Form ----*/ div#container.articles div#comment-form{ clear:both; border:1px solid #6c6c6c; background:#2c2c2c; padding:13px 7px 9px 11px; } div#container.articles div#comment-form h2{ font-size:270%; color:#fff; font-weight:normal; line-height:28px; margin:0px 0px 6px 5px; } div#container.articles div#comment-form p{ float:left; width:182px; margin:0px 14px 10px 0px; } div#container.articles div#comment-form p label{ display:block; margin-bottom:5px; color:#8b8b8b; font-size:120%; } div#container.articles div#comment-form p input.textbox{ border:none; width:172px; padding:6px 5px; vertical-align:top; } div#container.articles div#comment-form p.message{ clear:both; } div#container.articles div#comment-form p.security{ width:226px; margin-right:0px; } div#container.articles div#comment-form p.security input.textbox{ width:90px; margin-right:10px; } div#container.articles div#comment-form p textarea{ border:none; padding:5px; width:570px; } div#container.articles div#comment-form p.button{ clear:both; } div#container.articles div#comment-form div.description{ clear:both; background:#383838; padding:7px 10px; font-size:120%; color:#8b8b8b; line-height:22px; } /*---- Sidebar - Widgets ----*/ div#container.articles div#sidebar div.widget { clear:both; margin-bottom:10px; } div#container.articles div#sidebar div.widget h2{ color:#b30101; font-size:130%; line-height:25px; background:url(../images/content/main/widget-heading.gif) left top repeat-x; height:24px; float:left; border:1px solid #d8d8d8; border-bottom:none; padding:0px 7px 0px 3px; position:relative; z-index:5; } div#container.articles div#sidebar div.widget div.box{ border:1px solid #d8d8d8; background:#fff; clear:left; position:relative; z-index:1; padding:14px 12px; top:-1px; } /*---- Sidebar - Widget - Products ----*/ div#container.articles div#sidebar div.widget#products h2 { padding:0px 34px 0px 10px; } div#container.articles div#sidebar div.widget#products div.box div.product-details { float:left; width:154px; } div#container.articles div#sidebar div.widget#products div.box div.product-details p { color:#040404; font-size:140%; line-height:21px; margin-bottom:5px; } div#container.articles div#sidebar div.widget#products div.box div.product-details p a{ color:#8c8c8c; text-decoration:underline; font-style:italic; } div#container.articles div#sidebar div.widget#products div.box div.product-details p a:hover{ text-decoration:none; } div#container.articles div#sidebar div.widget#products div.box div.product { position:relative; float:right; width:102px; } div#container.articles div#sidebar div.widget#products div.box div.product img {border:1px solid #b0b0b0; } div#container.articles div#sidebar div.widget#products div.box div.product div.price { background:url(../images/content/main/price-bg.png) left top no-repeat; font-size:100%; color:#fff; position:absolute; left:-40px; top:3px; line-height:14px; padding:16px 10px 0px 2px; width:29px; height:36px; text-align:center; } div#container.articles div#sidebar div.widget#products div.box div.product div.price span { font-size:120%; } /*---- Sidebar - Widget - Ads ----*/ div#container.articles div#sidebar div.widget.ads h2{ border:#000 1px solid; background:url(../images/content/sidebar/publiced-bg.jpg) 0 0 repeat-x; height:23px; line-height:23px; float:left; color:#fff; } div#container.articles div#sidebar div.widget.ads div.header { margin-bottom:1px; } /*---- Sidebar - Widget - Tabs Content ----*/ div#container.articles div#sidebar div.widget#tabs-content ul.tabs{ background:#f2f2f2 url(../images/content/main/widget-heading.gif) left top repeat-x; height:24px; border:1px solid #d8d8d8; border-bottom:none; position:relative; z-index:5; width:270px; } div#container.articles div#sidebar div.widget#tabs-content ul.tabs li{ float:left; } div#container.articles div#sidebar div.widget#tabs-content ul.tabs li a{ display:block; float:left; line-height:23px; padding:0px 14px; font-size:130%; color:#bbb; border :1px solid #d8d8d8; border-top:none; } div#container.articles div#sidebar div.widget#tabs-content ul.tabs li a.last{ border-right:none; border-bottom :1px solid #d8d8d8; } div#container.articles div#sidebar div.widget#tabs-content ul.tabs li a:hover{ background:url(../images/content/main/tabs-hover.gif) left top repeat-x; height:23px; border-bottom:1px solid #d8d8d8; color:#bbb; text-decoration:none; } div#container.articles div#sidebar div.widget#tabs-content ul.tabs li a.active{ background:url(../images/content/main/widget-heading.gif) left top repeat-x; height:24px; border:none; color:#b30101;} div#container.articles div#sidebar div.widget#tabs-content ul.tabs li a:hover{ background:url(../images/content/main/widget-hover.jpg) 0 0 repeat-x;} div#container.articles div#sidebar div.widget#tabs-content div.box { background:#fff url(../images/content/main/tabs-bg.jpg) left bottom repeat-x; } div#container.articles div#sidebar div.widget#tabs-content div.box a.more-link { background:#ececec; border:1px solid #d6d6d6; padding:6px 20px; font-size:110%; color:#969696; } div#container.articles div#sidebar div.widget#tabs-content ol { margin-left:20px; } div#container.articles div#sidebar div.widget#tabs-content ol li{ font-size:130%; color:#000; line-height:20px; background:url(../images/content/sidebar/tabs-border.gif) left bottom repeat-x; padding:7px 5px 9px 0px; list-style-type:decimal; } div#container.articles div#sidebar div.widget#tabs-content ol li a{ color:#000; } div#container.articles div#sidebar div.widget#tabs-content ol li a:hover {color:#b52222; text-decoration:none; } div#container.articles div#sidebar div.widget#tabs-content ol li.last{background:none; } /*---- Sidebar - Widget - Latest News ----*/ div#container.articles div#sidebar div.widget#latest-news ul li{ background:#f6f6f6 url(../images/content/sidebar/news-bg.jpg) left top repeat-x; border:1px solid #d9d9d9; padding:5px 4px; margin-bottom:16px; } div#container.articles div#sidebar div.widget#latest-news ul li div.post img{ border-bottom:4px solid #f00bd8; float:left; margin-right:5px; } div#container.articles div#sidebar div.widget#latest-news ul li div.post div.entry p { font-size:150%; color:#000; line-height:16px; margin-bottom:5px; } div#container.articles div#sidebar div.widget#latest-news ul li div.post div.entry p a{ color:#000;} div#container.articles div#sidebar div.widget#latest-news ul li div.post div.entry span.datestamp{ font-style:italic; color:#aa0000; font-size:150%; } /*---- Sidebar - Widget - Tagcloud ----*/ div#container.articles div#sidebar div.widget#tagcloud {} /*---- Sidebar - Widget - Special ----*/ div#container.articles div#sidebar div.widget#special img{ border:1px solid #ababab; margin-bottom:6px; } div#container.articles div#sidebar div.widget#special p{ background:url(../images/content/sidebar/star.jpg) left 2px no-repeat; padding-left:25px; font-size:120%; color:#000; line-height:15px; } div#container.articles div#sidebar div.widget#special p a{ color:#b30101; } /*------------------------------------------ // 4.3 SEARCH PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Content - Breadcrumbs ----*/ div#content div#breadcrumbs1{ background:#181818; width:618px; float:left; border:1px solid #1f1f1f; padding:14px 10px 14px 10px; margin-bottom:8px; } div#content div#breadcrumbs1 a{ background:url(../images/content/main/arrow.jpg) right 3px no-repeat; padding-right:10px; font-size:130%; color:#fff; font-weight:bold; } div#content div#breadcrumbs1 span{ font-size:130%; color:#fff; } /*---- Content - Tagss ----*/ div#content div#main h1{ font-size:270%; color:#4f4f4f; font-weight:normal; margin-bottom:10px; } /*---- Content - Post ----*/ body.search div#content div#main div#featured.post{ background:#242424 url(../images/content/main/post-border2.gif) left bottom repeat-x; padding:9px 23px 8px 3px; } body.search div#content div#main div.post{ background:transparent url(../images/content/main/post-border2.gif) left bottom repeat-x; border:medium none; padding:9px 23px 14px 3px;} body.search div#content div#main div.post.last{ background:none; margin-bottom:0px;} body.search div#content div#main div.post img{ float:left; margin:0 8px 8px 0; border:1px solid #474545; } body.search div#content div#main div.post h2{ font-size:190%; color:#fff; font-weight:normal; line-height:24px; margin-bottom:6px; } body.search div#content div#main div.post span.timestamp{ font-size:120%; color:#3c3c3c; line-height:20px; } body.search div#content div#main div.post div.entry{ margin:0 0 0 93px; padding:0px; } body.search div#content div#main div.post div.entry p{ font-size:130%; color:#b1b1b1; line-height:21px; margin-bottom:10px; } /*---- Content - Buttons ----*/ body.search div#content div#main a.button7, a.button8{ margin-left:93px; } /*---- Content - Pagination ----*/ body.search div#content div#pagination{ background:#0e0e0e; border:1px solid #1f1f1f; width:616px; float:left; padding:11px 8px 5px 14px;} body.search div#content div#pagination a, body.search div#content div#pagination span{ background:url(../images/content/pagination_image.jpg) left top no-repeat; font-size:130%; float:left; margin-right:6px; line-height:15px; display:block; padding:8px 0 9px 0; float:left; color:#565656; width:42px; text-align:center;} body.search div#content div#pagination a:hover, body.search div#content div#pagination span{ background:url(../images/content/pagination_hover_image.jpg) left top no-repeat; float:left; color:#fff;} body.search div#content div#pagination a.left{ background:none; float:left; height:10px; padding-left:10px; margin:0px 9px 0 0; line-height:12px; width:70px; padding:0 0 0 10px; line-height:30px; } body.search div#content div#pagination a.right{ background:none; height:10px; float:left; padding:0px; margin:0; width:75px; line-height:30px; }