/* Theme Name: Yebber 2.0 Theme URI: http://wordpress.org/ Description: Theme for Yebber 2.0 Version: 1.0 Author: Andy Edward Gunawan Author URI: http://www.yebber.com Tags: blue, custom header, fixed width, two columns, widgets /* Begin Typography & Colors */ @import "reset.css"; body { font-size: 12px; /* Resets 1em to 10px */ font-family: Arial, Helvetica, Sans-Serif; color: #242424; line-height:16px; } #your-profile fieldset { border:1px solid #CCCCCC; float:left; margin:1em 1em 1em 0; padding:0.5em 2em 1em; width:39%; } #your-profile legend { color:#595959; font-family:Arial,Helvetica,sans-serif; font-size:22px; } #page { background-color: white; border: 1px solid #959596; text-align: left; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .alt { background:#F9FCF9 none repeat scroll 0 0; } #footer { clear: both;background: url(images/bg-footer.gif) repeat-x; margin: 0 auto;padding: 10px 0;width: 100%;overflow:hidden;text-align: center; } #footer p { margin: 0;padding: 20px 0;text-align: center; } #header-intro { background: url(images/yebber-search-bar.jpg) 0 -200px;width:990px;height:130px; } #header-cat { width:990px;text-align:center;font-family:Arial; font-size:10px;font-weight:bold; } #header-cat li { display:inline;padding:0px 2px; } #header-cat li a { color:#110D0D;} #header-cat li a:hover { text-decoration:underline;background-color:#AA8282; } #headerimg .description { font-size: 1.2em;text-align: center; } .post-info {padding-bottom:12px;} .commentlist li, #commentform input, #commentform textarea {font: 1em Arial, Helvetica, Sans-Serif;} .commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} .commentmetadata {font-weight: normal;} #commentform p {font-family: 'Lucida Grande', Arial, Sans-Serif, Verdana;} #sidebar {font: 1em Arial, Helvetica, Sans-Serif;} #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;} code {font: 1.1em 'Courier New', Courier, Fixed;} em {font-style:italic;} strong {font-weight:bold;} small { font-size: 80%;line-height: 1.5em; } acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;} p { margin:5px 0; } a { color: #377CFC;text-decoration:none;outline:none; } a:hover { text-decoration:none;color:#1D4A9D; } dl {margin:0 0 0 5px;} dt {font-weight:bold;} dd {margin:6px;padding:0;} textarea, input.textbox {border: 1px solid #999;padding:0px;font:12px 'Lucida Grande', Verdana, Arial, Serif;background:#fff;} textarea{height:220px;width:95%;} .yebber_main_cat{ /* Styling question main-cat-listing*/ /* Start layout CSS */ color:#000;font-size:0.9em;width:40px;margin-bottom:2px;height:12px;overflow:hidden;cursor:pointer; /* End layout CSS */ } .yebber_main_cat:hover {background:#ececec;} .yebber_sub_cat { /* Parent box of slide down content sub-cat-listing*/ /* Start layout CSS */ width:430px;visibility:hidden;height:0px;overflow:hidden;position:relative; /* End layout CSS */ } .yebber_sub_cat_content { /* Content that is slided down */ padding:1px;font-size:12px;position:relative; } .gallery {color:#999999;} .category-table { font-size:14px;font-weight:bold;} .required {background-color: #FFF7C0;} .headercontent {background: url('images/body_bg.gif') repeat-x scroll 0 0;margin-bottom:5px;border:0px solid #0086CD;margin-top:0px;} html>body .headercontent {background: url('images/body_bg.gif') repeat-x scroll 0 0;margin-bottom:5px;border:0px solid #0086CD;margin-top:0px;} .headercontent-special {/*background: url('images/body_bg.gif') repeat-x scroll 0 0;*/margin-bottom:5px;border:0px solid #0086CD;overflow:visible;position:relative;height:1px;width:auto;} html>body .headercontent-special {/*background: url('images/body_bg.gif') repeat-x scroll 0 0;*/margin-bottom:5px;border:0px solid #0086CD;overflow:hidden;height:auto;} .category_table {margin-bottom:0;} .featured-yebbers { padding-top:6px;} .featured-yebbers li { display:inline;} .am-a-yebber { text-align:center;} .am-a-yebber input { width:270px; } .am-a-yebber-html { text-align:center;margin-bottom:10px; } .wrap1{width:217px;float:left;background-image:url('images/sidebox_middle.gif');background-position:center;background-repeat:repeat-y;margin:5px auto;} .wrap2{background-image:url('images/sidebox_bottom.gif');background-position:bottom center;background-repeat:no-repeat;} .wrap3{background-image:url('images/sidebox_top.gif');background-position:top center;background-repeat:no-repeat;padding:10px 10px 10px 10px;position:relative;} .wrap1long{width:350px;background-image:url('images/sidebox_middle_long.gif');background-position:center;background-repeat:repeat-y;margin:5px auto;} .wrap2long{background-image:url('images/sidebox_bottom_long.gif');background-position:bottom center;background-repeat:no-repeat;} .wrap3long{background-image:url('images/sidebox_top_long.gif');background-position:top center;background-repeat:no-repeat;padding:10px 10px 10px 10px;position:relative;} .wrap1longgreen{width:350px;background-image:url('images/sidebox_middle_long_green.gif');background-position:center;background-repeat:repeat-y;margin:5px auto;} .wrap2longgreen{background-image:url('images/sidebox_bottom_long_green.gif');background-position:bottom center;background-repeat:no-repeat;} .wrap3longgreen{background-image:url('images/sidebox_top_long_green.gif');background-position:top center;background-repeat:no-repeat;padding:10px 10px 10px 10px;position:relative;} .memberSearchWrapper {float:left;width:106px;height:auto;margin-right:5px;margin-bottom:10px;text-align:center;} .member-search li {display:inline;width:110px;} .img_middle {vertical-align:middle;} .user {margin-left:6px;width:100px;} .noofreview {margin-left:6px;width:100px;height:18px;} .sideAddressBox {background:url(images/sidebox.gif) repeat-x;color:#F8F8F8;text-align:center;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;padding:3px 7px;} .sideAddressBox a, .sideAddressBox a:visited {color:#022B3C;text-decoration:underline;} #homeWallWrapper {float:right;width:331px;height:215px;background:url('images/yebber-search-bar.jpg') no-repeat 0 -750px;} #homeWallContent {color:#333333;font-family:Georgia,Verdana, Calibri;padding:25px 10px 5px 20px;} .registerWrapper div {margin:8px;} .registerWrapper div h2 {float:left;width:200px;} .list li {width:420px;} .list li a {margin-left:5px;} .contentboxaddress {background: url(images/bg-single.gif) repeat-x;padding: 5px 10px;border:1px solid #ddd;} .contentboxadvertiser { background: #ffd url(images/bg-entry-advertiser.gif) repeat-x; padding: 5px 10px; } #search-bar {background:url(images/yebber-search-bar.jpg) no-repeat top left;height:55px;} #search-bar li {display:inline;font-size:16px;} #search-bar li .round-input {background:url(images/yebber-search-bar.jpg) no-repeat;background-position: 0px -51px;width: 434px;height:53px;float:left;bottom:2px;margin-left:0px;} html>body #search-bar li .round-input {background:url(images/yebber-search-bar.jpg) no-repeat;background-position: 0px -51px;width: 434px;height:53px; float:left;bottom:2px;margin-left:0px;} #search-bar li .round-input2 {background:url(images/yebber-search-bar.jpg) no-repeat;background-position: -5px -51px;width: 434px;height:53px;float:left;bottom:2px;margin-left:0px;} #search-bar li .round-submit {background:url(images/yebber-search-bar.jpg) no-repeat;background-position: -868px -51px;width: 119px;height:55px;float:left;margin-left:0px;cursor:pointer;} #search-bar input {background-color:transparent;border:0 none;font-size:15px;font-style:italic;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:6px 6px 6px 35px;margin-top:10px;} #search-bar .round-input input:focus {background-color:transparent;border:0 none;font-size:15px;font-style:normal;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:6px 6px 6px 35px;margin-top:10px;} .smaller {vertical-align:middle;height:16px;} html>body .smaller {vertical-align:middle;height:13px;} #myProfileBubble {z-index:500;top:-40px;position:relative;left:60px;display:none;} html>body #myProfileBubble {z-index:500;top:-40px;position:relative;left:60px;display:none;} #favorite { margin:5px 5px 5px 10px;} #favorite a { padding:1px;} #favorite-link img { vertical-align:bottom;} .favorite-review {float:right;} .favorite-review img { vertical-align:bottom; } .information {cursor:pointer;width:24px;float:left;margin:0 3px;} .whatIsThis {display:none;width:695px;float:left;padding:5px;color:#242424;font-style:italic;background:url(images/bg-information.gif) repeat-x;} #update-plugins { position: absolute; margin-left: 0px; margin-top: -6px; font-size: 9px; background-repeat: no-repeat; background-position: 0 bottom; height: 0.9em; width: 1em; } #update-plugins span { top: -0.8em; right: 0; position: absolute; display: block; height: 1.3em; line-height: 1.3em; width:80px; padding: 0 0.6em; background-color: #d54e21; color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; } #update-plugins { background-image: url(images/comment-stalk-fresh.gif); } .promotions { display:none;color:white;padding-left:10px;background:url(images/bar_gold.jpg) repeat-y;width:718px; } .ocbc-promo { color:white;} .promobox { padding: 10px 10px 15px;border:1px solid #ddd;margin-bottom:15px; border-top:3px solid #ddd;} html>body .promobox { padding: 10px 10px 15px;border:1px solid #ddd;margin-bottom:15px; border-top:1px solid #ddd; } #headercontent-promo { background:none;width:742px;margin-left:5px;} html>body #headercontent-promo {background:none;width:742px;margin-left:0px;} /* End Typography & Colors */ /* Begin Structure */ body {margin: 0 0 20px 0;padding: 0;} #page {background-color: white;margin: 0px auto;padding: 0;width: 990px;border: 0px solid #959596;} #header { background-color: #ffffff; margin: 0 0 0 1px; padding: 0; height: 140px;width: 990px;} #headerimg {margin: 0;height: 200px;width: 100%;} .widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;} .post {margin: 0 0 40px;} .post hr {display: block;} .widecolumn .post {margin: 0;} .narrowcolumn {float: left;margin: 0px 0 0;width: 990px;} .narrowcolumn .postmetadata {padding-top: 5px;} .widecolumn .postmetadata {margin: 30px 0;} .widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center;margin: 5px 0px;} .postmetadata {clear: both;} .clear {clear: both;} .font{background-color:#FFF799;} .leftcolumn {float:left;width:430px;padding-right:0px;} .leftcolumn .headerlabel { background:url('images/yebber-search-bar.jpg') 0 -500px no-repeat; height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;} /*html>body .leftcolumn .headerlabel { background:url('images/header430.jpg') no-repeat;height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;}*/ .middlecolumn {float:left; width: 332px;margin-left:20px;} .middlecolumn .headerlabel { background:url('images/yebber-search-bar.jpg') 0 -600px no-repeat; height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;} /*html>body .middlecolumn .headerlabel { background:url('images/header332.jpg') no-repeat;height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;}*/ .people {width:750px;float:left;} .people .headerlabel { background:url('images/yebber-search-bar.jpg') 0 -340px no-repeat; height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;} .people-profile-left {width:300px;float:left;} .people .people-profile-left .headerlabel { background:url('images/yebber-search-bar.jpg') 0 -696px no-repeat;height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold;} .people-profile-middle {width:440px;float:left;margin-left:10px;} .people .people-profile-middle .headerlabel { background:url('images/yebber-search-bar.jpg') 0 -397px no-repeat;height:auto;padding:3px 0 3px 25px;color:#F8F8F8;font-family:arial;font-size:13px;font-weight:bold; } .middlecontent {float:left; width:325px;margin:5px 0 5px 0px;} .middleimage {float:left;margin-top:10px;width:75px;height:75px;} .middletext {float:left;margin-top:10px;margin-left:2px;width:245px;} .home-rating, .home-middle-text {float:left;margin-left:2px; width:250px;} .wideskyscrapper {float:right;width: 200px;} .wideskyscrapper #wideskyscrapper-wrapper {padding:0px 20px;} .home-top {height:300px;margin-bottom:15px;} .login { padding:5px 0px 5px 5px;margin-top:10px; } .login-sidebar { text-align:left; border:1px solid #ddd; padding:5px 0px 5px 5px;margin-top:10px;} .login input { font-size:13px; } .contentbox {background: url(images/bg-entry.gif) repeat-x;padding: 5px 10px;} #content .listing{padding:0px 0px 10px 0px;border-bottom:1px dotted #ddd;} #bottomlinks {font-size:100%; width:100%;text-align:center;margin-top:10px;} #bottomlinks .bottomlinksitemfirst {border-right:1px dashed #999; padding:0 5px 0 0;display:inline;} #bottomlinks .bottomlinksitem {border-right:1px dashed #999;padding:0 5px;display:inline;} #bottomlinks .bottomlinksitemlast {padding:0 5px;display:inline;} #catlist {float:left;} #catlist li .cat-item {margin:0px 0px 0 0;list-style-type:none; display:inline;font-weight:bold;} #catlist li a { display:inline-block;margin:10px 0; width:90px;text-align:center;vertical-align:middle;} #catlist li a:hover { background-color:#FCBE37;} #big-star { background:url(images/rating-star.gif) no-repeat; width:100px;height:100px;text-align:center;} #big-star-score { font-size:32px;font-weight:bold;padding-top:36px; } #big-star-desc { font-size:11px;padding-top:6px;} /***** tabbed navigation *****/ .extra-nav {background: url(images/tab-line.gif) bottom repeat-x;width: 100%;font-weight:normal;height:28px;padding-right: 5px;} /*IE6*/ .extra-nav br {clear: both;} .extra-nav h2 {float: left;padding: 0 20px;margin-top: 5px;} .extra-nav ul {margin: 0.5em 0 0 0;padding: 0 0 0 1em;list-style: none;font-size: 85%;padding-top: 2px;} .extra-nav li {margin: 0 1px 0 0;padding: 0 5px 0 0;background: url(images/tab-back.gif) 100% -100px;float: left;text-align: center;list-style-type:none;width:100px;} .extra-nav li.active {border-bottom: 1px solid #fff;background: url(images/tab-back.gif) 100% 0;width:100px;} .extra-nav li a, .extra-nav li a:visited, .extra-nav li span {display: block; float: left;padding: 5px 11px 5px 16px;text-align: center;white-space: nowrap;background: url(images/tab-back.gif) 0 -100px;text-decoration: none;min-height: 17px; /* fixes FX/Mac issue */color: #666;font-weight:normal;} .extra-nav li.active a, .extra-nav li.active a:visited, .extra-nav li.active span {font-weight:bold;} /*IE6*/ .extra-nav li:hover {background-position: 100% -200px;} .extra-nav li:hover a {background-position: 0 -200px;} .extra-nav li.active:hover {background-position: 100% 0;} .extra-nav li a, .extra-nav li span {font-size: 125%;color: #666;letter-spacing: -0.02em;} .table-upload-photo {height:195px;} .lastname {width:5px;display:none;} /* Comment Quicktags */ #ed_toolbar {padding: 5px;margin: 5px 0;border: 1px solid #FFFFFF;width: 398px;} #ed_toolbar input {background: #fff url( images/fade-butt.png ) repeat-x 0px -2px;margin: 3px;padding: 4px 15px;line-height: normal;} #ed_strong {font-weight: bold;} #ed_em {font-style: italic;} /* End of Comment Quicktags */ .other-video{width:650px;height:133px;padding-top:20px;float:left;margin: 0 20px;} html>body .other-video{width:650px;height:133px;padding-top:20px;float:left;margin: 0 50px;} .other-video img {border:1px solid #ddd;padding:3px;float:left;} .other-video-pic {border:1px solid #ddd;padding:2px;} .desc-video{width:206px;height:35px;float:left;padding:2px 0px 2px 0px;} .episode{width:150px;height:40px;float:left;padding-top:3px;} .vid-button{width:auto;float:right;} .vid-button img {margin-right:2px;border:0px;} .other-vs-wrapper{width:670px;height:120px;} .other-vs-wrapper img{float:left;margin-bottom:3px;} .still-pic {border:1px solid #bdbdbd; padding:3px;margin-right:3px;} #lwy-ad {float:left;width:640px;padding-left:5px;} #exchange-rate-header { width:160px;height:80px;background:url('images/yebber-search-bar.jpg') no-repeat 0 -1000px;position:relative;} #exchange-rate-header-link { width:152px;height:76px;position:absolute;background-color:transparent;} #android { width:160px;height:160px;background:url('images/yebber-search-bar.jpg') no-repeat 0 -1098px;position:relative;margin-top:10px; } #android-link { width:160px;height:160px;position:absolute;background-color:transparent; } #double-dollar { width:160px;height:122px;background:url('images/yebber-search-bar.jpg') no-repeat 0 -1260px;position:relative; } #double-dollar-link { width:160px;height:122px;position:absolute;background-color:transparent; } #advance-search { width:770px;height:430px;background:url('images/advsearchbgd.gif') no-repeat 0 0; } #sidebar-advance-search { width:160px;height:95px;background:url('images/yebber-search-bar.jpg') no-repeat 0 -2360px;position:relative;padding-top:30px; } .videoDescription { float:left;background:black;color:white;padding:3px;width:294px;height:30px; } /* End Structure */ /* Begin Headers */ h1, h2, h3 {font-weight: bold;} h1 {font-size: 120%;padding-top: 0px; margin: 0;} h2 {font-size: 110%;margin: 0;} h2.pagetitle {font-size: 1.6em;} #sidebar h2 {font-size: 1.2em;margin: 5px 0 0;padding: 0;} h3 {font-size: 12px;} h1 a, /*h1 a:hover, h1 a:visited,*/ #headerimg .description {text-decoration: none;color: #1767FC;} h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #0066CC;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;} h2.pagetitle {margin-top: 30px;text-align: center;} h3 {padding: 0;margin: 10px 0 0;} h3.comments {padding: 0;margin: 40px auto 20px ;} #countries { text-align:right; padding:5px 10px 5px 0;} /* End Headers */ /* Begin Images */ p img {padding: 0;max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left;} .userpic { border:1px solid #bdbdbd;padding:2px;margin-right:2px;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ /*html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;} html>body .entry li { list-style-type:none;margin: 0px;} .entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";} .entry ol {padding: 0 0 0 35px;margin: 0;} .entry ol li {margin: 0;padding: 0;}*/ .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #sidebar ul, #sidebar ul ol {margin: 0;padding: 0;} #sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto;padding: 5px 3px;text-align: center;} #sidebar #searchform #s {width: 108px;padding: 2px;} #sidebar #searchsubmit {padding: 1px;} .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left;padding:5px;} #registerform select {width: 130px; } #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform textarea { width: 400px; padding: 2px; font-size:1.4em;} #commentform #submit { margin: 0; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0;padding: 10px;} .commentlist {padding: 0;margin: 0;text-align: justify;position:relative;} .commentlist li {margin: 0px 0 0px 0px;padding: 5px 5px 3px;list-style: none;border-top:1px dotted #DDDDDD;} html>body .commentlist li {margin: 0px 0 0px;padding: 5px 5px 3px;list-style: none;border-top:1px dotted #DDDDDD;} .commentlist p {margin: 10px 5px 10px 0;} #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} /* End Comments */ /* Begin Sidebar */ #sidebar {padding: 20px 0 10px 0;float:right;width: 190px;} #sidebar form {margin: 0;} /* End Sidebar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #FFFFFF; } blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none;} .hr { display: block; border-bottom:1px solid #ddd; height:1px; top:-10px;} html>body .hr { display: block; border-bottom:1px solid #ddd; height:0px; margin-top:-1px;} a img {border: none;} .navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {border: 1px solid #FFFFFF;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* End captions */ /* Start navigation css*/ #navigation { height:44px;background:url("images/bg.gif") repeat-x bottom;width:982px;margin-left:3px;} #navigation ul {margin:0;padding:10px 0px 0;list-style-type:none;} #navigation ul li ul { padding: 4px 0 4px 0;list-style-type:none;} #navigation li {background:transparent url(images/left.gif) no-repeat scroll left top;float:left;margin:0;padding:0 0 0 9px;position:relative;} #navigation ul li a {background:url("images/right.gif") no-repeat right top;padding:9px 18px 8px 9px;font-weight:bold;display:block;color:#FFF;} html>body #navigation ul li a {background:transparent url(images/right.gif) no-repeat scroll right top;display:block;font-weight:bold;padding:9px 18px 8px 9px;color:#FFF;} ul.submenu { /*visibility:hidden; position:absolute; top:2.7em; left:0; height:0; overflow:hidden;*/ position: absolute; width: 10em; left: -999em; top:2.7em; z-index:2; } #navigation li:hover ul, #navigation li a:hover ul { visibility:visible; height:auto; width:14em; background:#5997BB; border:1px solid #ddd; left:0; top:2.7em; overflow:visible; } #navigation li.hovered ul { left: auto; height:auto; width:14em; background:#5997BB; border:1px solid #ddd; left:0; top:2.7em; overflow:visible; } #navigation li.hovered ul li a { display:block; font-weight:normal; text-decoration:none; height:auto; line-height:0.7em;padding: 0.5em 0; width:14em; } #navigation li:hover ul.submenu li a, #navigation li a:hover ul.submenu li a { display:block; font-weight:normal; text-decoration:none; height:auto; line-height:0.7em;padding: 0.5em 0; width:14em; } html>body #navigation li:hover ul.submenu li a, html>body #navigation li a:hover ul.submenu li a { display:block; font-weight:normal; text-decoration:none; height:auto; line-height:0.7em;padding: 0.5em 0; width:14em; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navigation a {float:none;} /* End IE5-Mac hack */ #navigation ul li a:hover {color:#000000;} #navigation .nav-home-active a {background-image:url("images/right_on.gif");padding-bottom:9px;color:#242424;} #navigation .nav-home-active .submenu a {color:#fff;} #navigation .nav-home-active .submenu a:hover {color:#000;} #navigation .nav-home-active {background-image:url("images/left_on.gif");} /* End navigation css*/ /* Start subtab css */ .subtab{height:44px;background: url("images/bg.gif") repeat-x bottom;margin-bottom:10px;} .subtab ul {margin:0;padding:10px 10px 0;list-style-type:none;} .subtab li {background:transparent url(images/left.gif) no-repeat scroll left top;float:left;margin:0;padding:0 0 0 6px;} .subtab ul li a {background:url("images/right.gif") no-repeat right top;color:#FFFFFF;font-weight:bold;display:block;padding:9px 15px 8px 9px;} html>body .subtab ul li a {background:transparent url(images/right.gif) no-repeat scroll right top;color:#FFFFFF;display:block;font-weight:bold;padding:9px 15px 8px 9px;} .subtab ul li a:hover {color:#000000;} .subtab .subtab-active {background-image:url("images/left_on.gif");} .subtab .subtab-active a {background-image:url("images/right_on.gif");padding-bottom:9px;color:#000000;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .subtab a {float:none;} /* End IE5-Mac hack */ /* End subtab css */ /* START SIMPLE MODAL */ /* Overlay */ #simplemodal-overlay {background-color:#000; cursor:wait;} .simplemodal-data {} /* Container */ #simplemodal-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;} #simplemodal-container h1 {color:#d76300; margin:0; padding:6px 0 0 12px; font-size:1.2em; text-align:left;} #simplemodal-container input[type="text"], #simplemodal-container input[type="password"] {float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; width:150px; font-size:.9em;} #simplemodal-container input[type="submit"] {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;width:65px; background:url(images/cancel.png) no-repeat;border:none;} #simplemodal-container input[type="submit"]:hover {color:#ddd;} #simplemodal-container div.smcf-top {height:13px; background:url(images/form_top.gif) no-repeat; padding:0; margin:0;} #simplemodal-container div.smcf-bottom {height:13px; background:url(images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;} #simplemodal-container .smcf-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;} #simplemodal-container .smcf-cancel {width:65px; background:url(images/cancel.gif) no-repeat;} #simplemodal-container .login { background-color:#333; color:#ddd; height:200px; } #simplemodal-container .login table {margin:0 0 0 100px;height:150px;} #simplemodal-container a.modalCloseX, #simplemodal-container a.modalCloseX:link, #simplemodal-container a.modalCloseX:active, #simplemodal-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:3px; right:10px; color:#999;} #simplemodal-container a.modalCloseX:hover {color:#9bb3b3;} /*#simplemodal-container a.modalCloseImg { background:transparent url(images/close-button.png) no-repeat scroll 0 0; cursor:pointer;display:inline;height:32px;position:absolute;right:-18px;top:-15px;width:32px;z-index:3200;}*/ /* END SIMPLE MODAL */ /* Start Bubble css */ .bubble {background: transparent; margin:5px 5px 5px 5px;float:left;width:520px;} html>body .bubble {background: transparent; margin:5px 0px 5px 12px;float:left;width:520px;} .bubble span.s1 {display:block; width:0; height:0; color:#fff; line-height:0%;position:absolute; z-index:1;overflow:visible;border-right:15px solid #C5DDEF;border-top:8px dotted transparent; border-bottom:8px dotted transparent;margin-left:-14px;} /* hack for ie6 bubble speech */ .bubble span.s2 {display:block;width:0;height:0;color:#000;overflow:hidden;position:absolute;z-index:5;border-right:10px solid #FFFFFF;border-top:7px dotted transparent;border-bottom:7px dotted transparent;margin-left:-8px;margin-top:1px;float:left;} /* end hack for ie6 bubble speech */ html>body .bubble span.s2 {display:block; width:0; height:0; color:#000; overflow:visible;position:absolute;z-index:2;border-right:10px solid #ffffff; border-top:6px dotted transparent;border-bottom:6px dotted transparent;margin-left:-8px; margin-top:2px;float:left;} .b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;} .b1, .b2, .b3, .b4, .b5, .b6 {height:1px;} .b4, .b5, .b6, .b7 {background:#C5DDEF; border-left:1px solid #C5DDEF; border-right:1px solid #C5DDEF;} .b1 {margin:0; background:#C5DDEF;} .b2 {margin:0; background:#C5DDEF;} .b3 {margin:0; background:#C5DDEF;height:0px;} .b4 {margin:0; background:#fff; border-width:0 2px;} .b5 {margin:0; background:#fff; border-width:0 2px;} .b6 {margin:0; background:#fff; border-width:0 2px;} .b7 {margin:0; background:#fff; border-width:0 2px; height:2px;} .content {display:block; border-bottom:1px dashed #C5DDEF; color: #242424;padding:0 2px 10px 0 ;} .content2 {display:block; border:1px solid #C5DDEF;border-width:0 2px; color: #242424;padding:0 3px;} /* End Bubble css */ .b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;} .b1f {height:1px; background:#08B6FB; margin:0 5px;} .b2f {height:1px; background:#08B6FB; margin:0 3px;} .b3f {height:1px; background:#08B6FB; margin:0 2px;} .b4f {height:2px; background:#08B6FB; margin:0 1px;} .contentf {background: #08B6FB;} .contentf div {margin-left: 5px;} .home-top {height:215px;margin-bottom:15px;} .home-ad {float:left;width:645px;height:215px;margin:0px 5px 0 0;} .home-avatar {width:30px;height:30px;margin: 0px 5px 2px -4px;float:left;} html>body .home-avatar {width:45px;height:30px;margin: 0px 7px 2px -4px;float:left; } /*******tab for gallery********/ .extra-nav-gallery {width: 100%;font-weight:normal;padding-right: 5px;} .extra-nav-gallery br {clear: both;} .extra-nav-gallery h2 {float: left;padding: 0 20px;margin-top: 5px;} .extra-nav-gallery ul {margin: 0.5em 0 0 0;padding: 0 0 0 1em;list-style: none;font-size: 85%;} .extra-nav-gallery ul {padding-top: 2px;} .extra-nav-gallery li {margin: 0 1px 0 0;padding: 0 5px 0 0;background: url(images/tab-back.gif) 100% -100px;float: left; text-align: center;} .extra-nav-gallery li.active-gallery {border-bottom: 1px solid #fff;background: url(images/tab-back.gif) 100% 0;} .extra-nav-gallery li a, .extra-nav-gallery li a:visited, .extra-nav-gallery li span {display: block;float: left;padding: 5px 11px 5px 16px;text-align: center;white-space: nowrap;background: url(images/tab-back.gif) 0 -100px;text-decoration: none;min-height: 17px; /* fixes FX/Mac issue */color: #666;font-weight:normal;} .extra-nav-gallery li.active-gallery a, .extra-nav-gallery li.active-gallery a:visited, .extra-nav-gallery li.active-gallery span {font-weight:bold;} /*IE6*/ .extra-nav-gallery li:hover {background-position: 100% -200px;} .extra-nav-gallery li:hover a {background-position: 0 -200px;} .extra-nav-gallery li.active-gallery:hover {background-position: 100% 0;} .extra-nav-gallery li a, .extra-nav-gallery li span {font-size: 125%;font-weight:normal;color: #666;letter-spacing: -0.02em;} /********end of tab for gallery********/ div.center_box {margin: 0 auto;width: 647px;position:relative;} ul.cipe_list {padding-top:5px;width:100%;} ul.cipe_list li {height:150px;width:150px;float:left;margin:0 10px 15px 0;position:relative;} html>body ul.cipe_list li {height:150px;width:150px;float:left;margin:0 15px 15px 0;position:relative;} ul.cipe_list li.last { margin-right:0;} ul.cipe_list a.cipe_pic {border:1px solid #696969;display:block;height:150px;width:150px;} html>body ul.cipe_list a.cipe_pic {border:1px solid #696969;display:block;height:150px;width:150px;} .img-shadow {float:left;background: url(images/shadow.gif) no-repeat bottom right !important;background: url(images/shadow.gif) no-repeat bottom right;margin: 10px 0 0 10px !important;margin: 10px 0 0 5px;} .img-shadow img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;} .owner {background:transparent url(images/blackbar.png) repeat scroll 0 0;color:#ddd;bottom:0px;height:45px;width:140px;left:1px; overflow:hidden;padding:5px;position:absolute;margin:0;z-index:100;font-size:10px;} html>body .owner { background:transparent url(images/blackbar.png) repeat scroll 0 0;color:#ddd;bottom:-1px;height:40px;width:140px;left:1px;overflow:hidden; padding:5px; position:absolute;margin:0;z-index:100;font-size:10px;} #pagination {display: block;text-align: right;margin-bottom:30px;} #pagination a {border: 1px solid #ddd;padding: 3px;font-size: 12px;text-decoration: none;} .page_current {background-color: #ddd;color: #fff;} #pagination a:hover {background-color:#0063DC;color:#fff;} #pagination a.page_current:hover {background-color: #fff;color: #4A708B;} #upload-event td { padding:3px;} #upload-event textarea#event_price { width: 180px; height:100px;} #upload-event textarea { width: 350px; height:200px;} #upload-event input {width:180px;} #upload-event #clockpick, #upload-event #clockpick2 { width:50px;} #event-calendar td { padding:3px;border:1px solid #ddd;;vertical-align:top;width:139px;} #event-calendar p { font-size:11px; } #event-calendar p.event_name { font-size:12px; } #search-event-table td { padding:3px;} .centeredImage { margin:auto auto; display:block; } .formerror { color:red; } /* ================================================ autosuggest, inquisitor style ================================================ */ body{position: relative;} div.autosuggest{position: absolute;background-image: url(images/as_pointer.gif);background-position: top;background-repeat: no-repeat;padding: 10px 0 0 0;z-index:1000;} div.autosuggest div.as_header, div.autosuggest div.as_footer {position: relative;height: 6px;padding: 0 6px;background-image: url(images/ul_corner_tr.gif);background-position: top right;background-repeat: no-repeat;overflow: hidden;} div.autosuggest div.as_footer {background-image: url(images/ul_corner_br.gif);} div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner {position: absolute;top: 0;left: 0;height: 6px;width: 6px;background-image: url(images/ul_corner_tl.gif);background-position: top left;background-repeat: no-repeat;} div.autosuggest div.as_footer div.as_corner {background-image: url(images/ul_corner_bl.gif);} div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar {height: 6px;overflow: hidden;background-color: #333;} div.autosuggest ul {list-style: none;margin: 0 0 -4px 0;padding: 0;overflow: hidden;background-color: #333;} div.autosuggest ul li {color: #ccc;padding: 0;margin: 0 4px 4px;text-align: left;} div.autosuggest ul li a {color: #ccc;display: block;text-decoration: none;background-color: transparent;text-shadow: #000 0px 0px 5px;position: relative;padding: 0;width: 100%;} div.autosuggest ul li a:hover {background-color: #444;} div.autosuggest ul li.as_highlight a:hover {background-color: #1B5CCD;} div.autosuggest ul li a span {display: block;padding: 3px 6px;font-weight: bold;} div.autosuggest ul li a span small {font-weight: normal;color: #999;} div.autosuggest ul li.as_highlight a span small { color: #ccc;} div.autosuggest ul li.as_highlight a {color: #fff;background-color: #1B5CCD;background-image: url(images/hl_corner_br.gif);background-position: bottom right;background-repeat: no-repeat;} div.autosuggest ul li.as_highlight a span {background-image: url(images/hl_corner_bl.gif);background-position: bottom left;background-repeat: no-repeat;} div.autosuggest ul li a .tl, div.autosuggest ul li a .tr {background-image: transparent;background-repeat: no-repeat;width: 6px;height: 6px;position: absolute;top: 0;padding: 0;margin: 0;} div.autosuggest ul li a .tr {right: 0;} div.autosuggest ul li.as_highlight a .tl {left: 0;background-image: url(images/hl_corner_tl.gif);background-position: bottom left;} div.autosuggest ul li.as_highlight a .tr {right: 0;background-image: url(images/hl_corner_tr.gif);background-position: bottom right;} div.autosuggest ul li.as_warning {font-weight: bold;text-align: center;} div.autosuggest ul em {font-weight: bold;color: #6EADE7;}