/* Theme Name: AskmenLike Description: The custom wordpress theme for Version: 1.0 Author: Nicula Vlad (Agilius) */ @import "cssReset.css"; body { background:#d3e7ed url(images/bck.jpg) repeat-x scroll 0 0; color:#000000; font-family:century gothic, tahoma,Arial,Verdana,sans-serif; font-size:12px; line-height:18px; margin:0;} a, a:visited, a:hover {color:#000; text-decoration:none;} a:hover {color:#e3c001 !important;} #postContent p{ margin:10px 0px; font-family:Lucida Sans Unicode,Arial,Tahoma,Verdana; font-size:13px; } #postContent ul li {list-style:inside disc; font-family:Lucida Sans Unicode,Arial,Tahoma,Verdana; font-size:13px; } #postContent ol li {list-style:inside decimal;margin-top: 1em;font-family:Lucida Sans Unicode,Arial,Tahoma,Verdana;font-size:13px;} #postContent blockquote {margin:5px 15px; font-style:italic;} #postContent h2,#postContent h3, #postContent h4, #postContent h4, #postContent h5 {margin:10px 0px; padding:0px; text-transform:none; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif,Helvetica,sans-serif,Arial,Verdana,sans-serif; font-size:18px; line-height:22px; letter-spacing:-1px; text-transform:uppercase; } #postContent h3 { font-size:18px;} .commentlist li {list-style:none;} .comment {list-style:none !important;} .notice {padding:10px; background:#eee; border:1px solid #ccc;} .wp-caption-text {text-align:center; background:#eee; padding:10px 0px;} .alignleft {float:left; margin:0px 10px;} .alignright {float:right; margin:0px 10px;} .aligncenter {display:block; margin:0px auto;} .wp-pagenavi {padding-top:0px; padding-left:10px;} h3 {color:#023658; font-size:13px; font-family:tahoma; font-weight:normal; line-height:31px; padding:0 0 0 15px; text-transform:uppercase; font-weight:600;} h2 { font-family:Lucida Sans Unicode,Lucida Grande,sans-serif,Helvetica,sans-serif,Arial,Verdana,sans-serif; font-size:18px; font-weight:600; line-height:22px; margin:10px; letter-spacing:-1px; text-transform:uppercase;} h3 a {color:#fff !important; text-decoration:none;} .longHeadling {width:643px; margin:0px; padding:0 0 0 15px; height:31px; text-indent:-9999px; border-top:1px solid #000; margin-top:2px; position:relative;} .lHeadline { border-top:1px solid #000; height:31px; text-indent:-9999px; width:416px; position:relative; } #webpage{width:1090px; margin:0px auto; text-align:left;} /* ================================================================ header sytels ================================================================ */ #header { width:970px; background:transparent url(images/bckheader.jpg) no-repeat scroll center top; position:relative; height:206px; padding:0px 60px;} #header h1 { background:transparent url(images/logo1.png) no-repeat scroll left bottom; width:270px; height:125px; position:absolute; top:28px; left:61px; font-size:0px; text-indent:-9999px; } #header h1 a {display:block; width:100%; height:100%;} #nav a { color:#fff;} #nav { margin:0px auto; position:absolute; width:990px; height:50px; bottom:0px; left:60px; } #nav li { min-width:50px; float:left; height:20px; margin-top:18px; background:transparent url(images/bckheaderli.gif) no-repeat scroll 0 0; font-weight:600;} #nav li.first { background:none; } #nav li a {display:block; width:100%; padding:0px 10px; height:100%;} #headerAdd { position:absolute; top:47px; right:70px; width:730px; height:90px;} #topMenu { position:absolute; top:5px; left:70px; width:990px; height:20px; color:#fff;} #date { background:transparent url(images/bckheaderdate.gif) no-repeat center left; width:190px; height:20px; padding-left:20px; float:left; } #rightTopMenu { float:right; margin-right:50px; } .feedback { background:transparent url(images/bckheaderfeedback.gif) no-repeat scroll 0 0; color:#FFFFFF !important; font-weight:bold; line-height:14px; height:16px; padding:0 10px 0 22px; } .bookmark { background:transparent url(images/home.png) no-repeat scroll 0 0; color:#FFF !important; font-weight:bold; line-height:14px; height:16px; padding:0 0 0 22px; } /* ================================================================ banner sytels ================================================================ */ #banner { width:966px; margin:0px auto; height:90px; padding:2px; position:relative; overflow:visible; z-index:99; background:#fff; color:#fff; font-size:11px; } #bannerAdd { width:730px; height:90px; } #description { width:220px; height:90px; padding:0px 10px;position:absolute; top:2px; right:2px; background:transparent url(images/bckarea51desc.gif) repeat-x scroll 0 0; } #description h3 {padding:3px 0px ;} #description p a{font-size:12px; line-height:12px; color:#99CCFF; text-decoration:underline; text-align:center;} #description img {margin-top:5px;margin-left:10px;} #description img:hover {border:1px blue solid;} /* ================================================================ content sytels ================================================================ */ #content { width:966px; margin:0px auto; padding:0px 2px 2px 2px; position:relative; z-index:9; background:#fff; text-align:left; } .leftCol { float:left; width:660px; overflow:hidden; /*display:none;*/ background:#fff; } .rightCol{ float:left; width:302px; overflow:hidden; position:relative; z-index:9; } .bcksidebarh3blue {background:url(images/bcksidebarh3blue.jpg); width:300px; height:36px;} /* ================================= Slideshow Slider ================================= */ #galleryWidget {float:left; width:434px;} #galleryHeader {width:420px !important; background:url(images/slices.png); } #goingOn {background:url(images/slices.png) 0px -96px;} #featured2 {background:url(images/featured2.png);} #pool {background:url(images/slices.png) 0px -160px;} #quote {background:url(images/slices.png) 0px -128px;} #featured3 {background:url(images/self.png);} #featured4 {background:url(images/fun.png);} #gallerySide {background:url(images/slices.png) 0px -228px;} #forumHeading {background:url(images/forum.png);} #popularHeading {background:url(images/popular.png);} #MostViewedHeading {background:url(images/mostviewedbg.png);} #quotesBg {background:url(images/quotes.png) no-repeat; width:180px; padding:20px; margin-bottom:0px; margin-top:20px; height:155px;} #quotesBg >div {margin-top:25px;} /* ================================= Featured Category One ================================= */ #featuredCat1 {width:210px; float:left; height:353px; margin:0px 0px 0px 4px; padding:5px; font-size:12px; text-align:left; color:#000; background:url(images/featured_cat_01.png) no-repeat top #fff;} #featuredCat1 a {color:#023658;} #featuredCat1 li {padding-bottom:5px; margin-bottom:4px; border-bottom:1px solid #0684d6;} #featuredCat1 h3{margin:-4px 0 0 0; padding:0px;} .thumb80 { width:70px; height:70px; float:left; margin:0px 5px 5px 0px; padding:1px; border:1px solid #ccc; background-color:#fff;} #featuredCat1 .entryTitle {margin:0px 0px 4px 0px;} #featuredCat1 .entryTitle a {text-decoration:none !important;} /* ================================= Featured Category Two ================================= */ #featuredCat2 {width:430px; float:left;} #featuredCat2 .entryTitle {font-size:14px; color:#0b71b3 !important;} #featuredCat2 .entryTitle a{color:#0b71b3; text-decoration:none;} .thumb100 {width:100px; height:100px; float:left; margin:0px 10px 10px 0px; padding:3px; border:1px solid #ccc; background-color:#fff;} #featuredCat2 .entryTitle {font-size:17px; font-weight:lighter; margin-bottom:5px; padding-top:7px; margin-right:20px; } .postExcerpt {width:280px; float:left;} .readMore {font-weight:600 !important; text-decoration:none !important; color:#000 !important; font-size:11px !important;} .box {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:5px; position:relative; height:120px;} .commetBuble { position:absolute; top:-7px; right:-5px; width:34px; height:36px; display:block; background:url(images/commentBuble.png) no-repeat; text-align:center; color:#fff; font-weight:600;} #featuredCat2 .bgBottom {width:430px; display:block; background:url(images/contentBG_02.png) repeat-x; height:48px; margin-top:-48px;} /* ================================= Simple Content Area (under slidshow) ================================= */ #simpleContent {background:url(images/contentBg_01.png) repeat-x; width:658px; border-top:2px solid #fff; text-align:center; margin-bottom:10px;} #simpleContent p {padding:5px;} #checkThisLink {display:block; position:absolute; top:0px; right:10px; width:130px; text-indent:-9999px; } #smallerSide {width:222px; float:left; margin-left:3px; } #smallerSide h3 {width:208px; height:31px; text-indent:-9999px; border-top:1px solid #000;} .widget > div {background:url(images/contentBg_01.png) repeat-x; border-top:2px solid #fff; padding:10px; min-height:100px; width:203px; position:relative;} .subTitle {background:transparent url(images/bcksidebarforumheading.gif) repeat-x scroll 0 0 !important; min-height:30px !important; margin:-10px; line-height:30px; text-indent:10px;} .subTitle h4 {text-transform:uppercase;margin-bottom:20px;} .subTitle1 {background:#d4e7ee; min-height:30px !important; margin-left:-3px;margin-top:-3px;margin-right:-3px; line-height:30px; text-indent:10px;} .subTitle1 h4 {text-transform:uppercase;margin-bottom:20px;margin-left:-3px;margin-top:-3px;margin-right:-3px;} /* ================================= Pool Content Area (under small sidebar) ================================= */ .widget form {text-align:center;} #poolContent {} #poolContent form {height:180px !important;} #submitNow {background:url(images/submitNow.png); width:155px; height:34px; border:none; margin-top:10px;} .widget {min-height:100px;} .widget .bgBottom {width:223px; display:block; background:url(images/contentBG_02.png) repeat-x; height:48px;} .wConent {margin-bottom:-48px;} .contentWrapper {padding:15px; background:url(images/contentBG_01.png) repeat-x;} #panel {text-align:left;} #firatContent { width:660px; clear:both; height:375px; padding:0px; margin:0px; } #smallerSide .featured { background: repeat-x url(images/bcksidebarlidiv.gif); } #smallerSide .featured li { margin: 0 0 10px 0; } #smallerSide .featured a { display: block; margin: 0 0 5px 0; font-size: 14px; } /* ================================= Second Content Area ================================= */ #secondContent{ width:660px; clear:both; overflow:hidden; } /* Sidebar Content */ #sidebar { float: left; margin: 0; padding: 0; width: 300px; overflow:hidden; /* display:none; */ background:#fff; border-left: solid #054c62; padding-left:3px; list-style-type: none; text-align:left; } #sidebar ul { margin: 0; padding: 5px; list-style-type: none; background: left bottom repeat-x url(images/bcksidebarul.gif); } #sidebar li { margin: 0 0 2px 0; border-bottom:thin #d3e7ed; } #sidebar .featured { background: repeat-x url(images/bcksidebarlidiv.gif); } #sidebar .featured li { margin: 0 0 10px 0; } #sidebar .featured a { display: block; margin: 0 0 5px 0; font-size: 14px; } #sidebar .forumposts { background: repeat-x url(images/forumpost_bg.gif); padding:4px; color:#101010; font-size:12px; line-height:18px; font-family:century gothic, Arial,Verdana,sans-serif; } #sidebar .forumposts th{ padding:2px 0px; border:1px solid #9fe1e7; } #sidebar .forumposts td{ padding:2px 5px; border:1px solid #9fe1e7; } #sidebar .forumposts td a{ text-decoration:none; color:#101010; } #sidebar .forumposts td a:hover { text-decoration:underline; } #sidebar .forumposts td.views { text-align:center; } #sidebar .forumpostss td.reply{ text-align:center; } #sidebar .popularposts { background: repeat-x url(images/popular_bg.gif); padding:4px; color:#101010; font-size:12px; line-height:18px; font-family:century gothic, Arial,Verdana,sans-serif; } #sidebar .gallery { height: 250px; padding-top:4px; background: no-repeat url(images/galleryBg.png); } #sidebar .forum { width: 100%; background: left bottom repeat-x url(images/bcksidebarforum.gif); font-weight: bold; color: #0b71b3; } #sidebar .forum a { color: #0b71b3; } #sidebar .forum .heading { height: 40px; background: repeat-x url(images/bcksidebarforumheading.gif); text-align: left !important; color: #073b47; text-transform: uppercase; } #sidebar .forum td, #sidebar .forum th { padding: 5px 10px; } #sidebar a { font-weight: bold; color: #0b71b3; text-decoration: none; font-family:century gothic,Tahoma; } #sidebar h3 { margin: 0 0 2px 0; padding: 0 0 0 15px; line-height: 36px; font-family: "Tahoma"; font-size: 13px; font-weight: 600; color: #000; text-transform: uppercase; } #sidebar h3.green { text-indent:-9999px; } #sidebar h3.blue { text-indent:-9999px; } #adSide {width:300px; overflow:hidden; z-index:99; display:none; position:absolute; bottom:-300px; right:4px; height:300px;} #sidebar .bigsgc img{border:0px solid white ;} #sidebar .bigsgc img:hover{border:0px solid #D41213 ;} /* ================================= Footer Content Area ================================= */ #footer {width:100%; background:url(images/footerRep.png) repeat-x; height:335px;} #footerarea {width:1000px; margin:0px auto; height:192px; padding:0px 45px; overflow:hidden; background:url(images/footer.png) 0 -10px; text-align:left;} #footerarea a {color:#fff;} #footerarea >ul > li {float:left; margin-left:30px; color:#fff !important; width:29%; height:230px;} #footerarea >ul > li > ul {margin-left:15px;} #copyight {width:960px; margin:0px auto; color:#5f5f5f !important; text-align:center; margin-top:30px;} #copyight a {color:#5f5f5f !important;} #copyight li {float:left;} #copyight ul {margin:0px 0px 0px 200px;} /* ================================= Post Content Area (on single) ================================= */ .breadcrumb{} #blueHeader {width:638px; height:280px; background:url(images/bg01.png) repeat-x; padding:10px; color:#fff;} #blueHeader a {color:#fff;} #blueHeader img {float:right; height:230px; max-width:400px;} #leftWrap, #leftWrapC {width:225px; height:90%; float:left; padding-top:10px;} #leftWrap h2, #leftWrapC h2 {text-indent:0px; margin:0px 0px 10px 0px; padding:0xp; font-size:26px; line-height:26px; font-weight:100;} #leftWrapC {width:425px !important;} #postContent {padding:15px; background:url(images/postBG.png) repeat-x; width:628px; margin-top:2px;} #postContent {color:#000 !important;} #postContent h3 {color:#000;} #postContent h4 {font-size:16px;} #postContent h5 {font-size:14px;} #postContent h6 {font-size:11px;} #comment {width:630px;} .commentlist li {margin:5px 0px; border-bottom:1px solid #ccc; padding:10px 0px;} .comment-author {margin:10px 0px;} .superLine100, #respond h3, #comments { width:500px; font-size:26px; font-weight:100; line-height:26px; margin:0 0 10px; text-indent:0; float:left;} #respond h3, #comments {font-size:20px;} hr {background:#ccc;} .entryTitle {background:url(images/bulet.png) top left no-repeat; padding-left:13px;} .entryTitle h6 {font-weight:900;font-size:14px; margin-bottom: 0; padding-bottom: 0; } #navPages {width:628px; height:25px; background:url(images/pagLine.png); margin:2px 0px 7px 0px; border-right:1px solid #023454; padding-left:10px;padding-top:3px;color:#99CCFF;} .postCatContent {margin-bottom:10px;} .widgets {padding-top:15px;} .widgets a {color:#dde6eb;} .widgets a:hover { color:#E3C001;} .widgets h3 {text-transform:none !important; margin-bottom:10px; font-size:18px;} .widgets >li> ul {padding-left:20px;} .widgets >li {line-height:22px;} .post-ratings {width:250px !important; float:left;} .ngg_sidebar_gallery_widget img {border:2px solid #ccc; margin:7px;padding:3px;} #nav li a:hover, #nav li a:active { background:transparent url(images/bckheaderli.gif) no-repeat scroll 0 0; color: #FFFFFF; display: block; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background:#014069; width: 140px; float: none; margin-top: -5px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #nav li li a:hover, #nav li li a:active { background: #85ACAC; margin-top: -5px; padding: 6px 10px 6px 10px; } #nav li { float: left; padding: 0px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -25px 0 0 161px; } #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 { position: static; } /* featured category 3 */ .featured3Sb {clear:both; padding-bottom:23px; height:25%; overflow:hidden;} .featured3SbThumb {display:block !important; float:left; margin:6px 0px 0px 15px !important;} .featured3SbThumb img {width:190px; height:100px; border:1px solid #00c0d7;} .featured3SbContent {width:190px; margin-left:15px; margin-bottom:10px;float:left; color:#fff; line-height:110%; font-size:11px; padding:5px 0 0;} .featured3SbContent h5 a {color:#023658; font-family:century gothic,Georgia, Arial, sans-serif; font-weight:600;} .featured3SbContent a {color:#00efff; font-weight:bold;} .f3Bg {width:223px; height:490px; background:#fff url(images/fcat5bg.jpg); margin-top:2px;} .readMoreF3 {line-height:160%; font-size:11px !important; padding-top:5px;} /* gallery jQuery enabled calsses */ .gallery h3 {display:none !important;} .g_link {display:block !important; float:left !important; width:70px !important; margin:-8px 11px 17px; height:97px !important;} .g_img {display:block !important; width:70px !important; height:70px !important;} .imgTitle {color:#fff; font-size:9px; display:block; text-align:center; margin:-5px 10px 0px 10px; width:70px; line-height:12px; } .galleryButton {width:259px; height:23px; margin:5px auto 0px auto; display:block; background:url(images/galleryButton.png); text-indent:-9999px;}/* footerNav */#footerNav {width:100%; height:36px; background:url(images/fNavBg.png) repeat-x; overflow:hidden;}#footerList {width:965px; color:#fff; margin:0px auto; position:relative; margin-bottom:-3px; line-height:36px;}#footerList a {color:#fff !important; float:left; padding:0px 10px; display:block; height:36px; }#footerList li a:hover {background:url(images/fNavAHover.png) repeat-x; color:#fff !important;}#footerList li {float:left; margin:0px;}#footer li ul {float:left;}#footerList .current-cat {background:url(images/selectedCat.png) repeat-x; }#footerList .current-cat a {color:#023454 !important;}#footerList .current-cat a:hover {color:#fff !important;}/* footer new */.leftFooterArea {float:left; padding-left:30px; }.leftFooterArea h4{float:left; font-size:13px; width:150px; color:#fff; text-indent:20px; font-weight:100; line-height:27px; padding-top:6px; }.blueContainer {background:url(images/blueFooterBg.png) repeat-x #022e4b; clear:both; width:555px; padding:11px;}.leftFooterArea ul {width:150px; float:left; color:#a6c6db;}.leftFooterArea ul ul {padding:0px; margin:0px;} .leftFooterArea li li {padding:0px; margin:0px;}.leftFooterArea ul li {padding-left:11px; background:url(images/pointList.png) no-repeat center left; line-height:117%; font-size:12px;}.leftFooterArea ul li a {color:#a6c6db !important;}.leftFooterArea ul li a:hover {color:#fff !important;}.rssFeedFooter {padding-left:19px; font-size:10px !important; background:url(images/rssFeed.png) no-repeat left center; display:block; height:15px; float:left; position:relative; top:80px; left:7px; line-height:12px !important ;} #rightFotoerArea {margin-right:50px; margin-top:35px;} .listGroup {float:right; margin-left:16px; font-size:12px; line-height:110%; color:#fff;} .listGroup a {color:#a6c6db !important;} .listGroup a:hover {color:#fff !important;}.listGroup h5 {font-size:13px; color:#66b8ec; line-height:150%;}.footerLogo {width:134px; height:68px; background:url(images/logoBg.png); display:block; float:left; text-indent:-9999px; margin-top:2px;}.lastDiv {width:970px; margin:5px auto 0px auto; color:#353535;}.rightContent {float:left;font-size:12px;line-height:133%;padding-left:10px;padding-top:10px;text-align:left;}.rightContent a {color:#9e9e9e !important;}.rightContent li {float:left;} .leftFooterArea ul.commentfooter ul {width:250px; float:left; color:#a6c6db;} /*arief editing start here*/ .ar_views{ margin: 0px ; width:85px; display: inline-block; height: 18px; padding: 10px 0px; text-align: center; background: transparent url(images/viewsbg.png) no-repeat; } .ar_comments{ margin: 0px ; width:120px; display: inline-block; height: 18px; padding: 10px 0px; text-align: center; background: transparent url(images/commentsbg.png) no-repeat; } #relatedposts{ margin: 15px 0px; background: transparent url(images/related-bg.png) repeat-y; } #relatedposts h3{ background: transparent url(images/related-head-bg.png) no-repeat; font-size: 14px; height: 37px; text-transform: capitalize; padding-top:10px; padding-left: 20px; margin: 0px; } #relatedposts ul li{ list-style-image: url(images/related-point.png); list-style-type: none; list-style-position: inside; } #relatedposts ul{ margin-left: 20px; } #relatedposts p{ margin-left: 20px; } #relatedposts .bottom { height:12px; background: transparent url(images/related-bottom.png) no-repeat left bottom; } #leftWrap h2{ height: 175px; } /*arief editing end here*/ #navigation a { color:#fff;} #navigation > a:hover { text-decoration:underline; } #navigation { margin:0px auto; position:absolute; width:990px; height:50px; bottom:0px; left:60px; } #navigation > li { min-width:50px; float:left; height:20px; margin-top:18px; background:transparent url(images/bckheaderli.gif) no-repeat scroll 0 0; font-weight:600;} #navigation > li.first { background:none; } #navigation > li a {display:block; width:100%; padding:0px 10px; height:100%;} #navigation > li a:hover {padding:0px 10px!important; } td img {display: block;}