/* Theme Information Theme Name: Brochure Melbourne Theme URI: http://www.templatelite.com/brochure-melbourne-free-wordpress-theme/ Description: Have a breathtaking holiday in Melbourne! This theme has rotatable images in the first photo frame. Theme options include Twitter and feed integration, advanced automatic thumbnails, custom style and more. Drop-down menu and Ad-sense ready. Tested on WP 2.9+ using Firefox, IE7, IE8, Google Chrome, Safari and Opera. Version: 2.00 Author: Expedia.com.au Author URI: http://www.expedia.com.au/ Tags: blue, orange, two-columns, fixed-width, right-sidebar, custom-header, theme-options, custom-header, threaded-comments, sticky-post, holiday */ @import url("includes/css/css_reset.css"); /* [ Basic HTML ] */ body { font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color:#4C4C4C; background:#1A1C18 url('images/bg_repeat.jpg') repeat-y center top; } a { color:#4C4C4C; text-decoration:underline;} a:hover { color:#467295; text-decoration:underline;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:21px;} h4 {font-size:17px;} h5 {font-size:14px;} h6 {font-size:12px;} hr { height:1px; border:none; border-top:1px dashed #4C4C4C; width:95%; } del { color:red; } ins { color:green; } code { font:1.1em 'Courier New', Courier, Fixed; } blockquote { clear:left; text-align:justify; padding:0px 0px 0px 22px; margin:10px 10px 10px 10px; border-left:2px solid #467295; } input,select,textarea { font-size:12px; font-family:Verdana, Arial, Helvetica, Sans-Serif; } ol { list-style:decimal; } ul { list-style:disc; } li { margin-left:20px; } p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:20px; } /* [ Predefined Class ] */ .alignleft { float:left; } .alignright { float:right; } .aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignleft { margin:0 8px 8px 0; display:inline; } img.alignright { margin:0 0 8px 8px; display:inline; } img.centered { display:block; margin-left:auto; margin-right:auto; } .clear { clear:both; } .spacer { height:31px; } .hide-div { display:none; } /*.indent{ display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px; }*/ /* [ Layout ] */ #bg_top{ background:url('images/bg_top.jpg') no-repeat center top; } #bg_btm{ background:url('images/bg_btm.jpg') no-repeat center bottom; } #base { position:relative; overflow:hidden; margin:0px auto; width:980px; background:url('images/bg_base_repeat.jpg') repeat-y left top; } #base_top{ } #base_btm{ background:url('images/bg_base_btm.jpg') no-repeat center bottom; } #header { position:relative; height:400px; background:url('images/bg_header.jpg') no-repeat center top; } #container { position:relative; overflow:hidden; width:980px; background:url(images/bg_container_top.jpg) no-repeat left top; padding:0 0 95px 0; min-height:400px; } #menubar { float:right; z-index:9999; position:relative; margin:0 50px 0 0; width:750px; height:45px; } #content { float:left; display:inline; overflow:hidden; width:655px; margin:20px 0 0 10px; padding:0; } #featured { padding:0; margin:20px 0 0 20px; } #sidebar { float:right; overflow:hidden; width:270px; margin:45px 30px 14px 0; padding:14px 0 0 0; } #footer { overflow:hidden; color:#000000; font-size:11px; line-height:1.4em; height:47px; padding:18px 450px 0 50px; } #footer a { color:#000000; font-style:italic; text-decoration:none; } /* [ Header ] Blog Title, Description, Home URL */ #blog_name { position:relative; font-size:30px; font-weight:bold; text-align:left; margin:0 230px 0 340px; padding-top:20px; } #blog_name a, #blog_name a:hover { font-family:"Times New Roman",Verdana, Arial, Helvetica, Sans-Serif; font-style:italic; color:#8A624A; text-decoration:none; } #blog_desc { position:relative; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; color:#000000; text-align:left; font-weight:normal; margin:5px 280px 0 340px; } #header .indent { display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px; } #header .home { position:absolute; margin:0px; padding:0px; left:0px; top:50px; width:980px; height:300px; } /* [ Header ] Frame */ #header #frame{ position:absolute; top:56px; right:43px; width:180px; height:145px; background:url('images/frame_gen.php') no-repeat; } /* [ Header ] RSS */ .rss { position:absolute; overflow:hidden; display:block; top:3px; left:65px; width:40px; height:40px; background:url('images/icon_twitter_rss.png') no-repeat 0 0; } .rss:hover { background:url('images/icon_twitter_rss.png') no-repeat 0 -40px; } /* [ Header ] Twitter */ .twitter { position:absolute; overflow:hidden; display:block; top:3px; left:107px; width:40px; height:40px; background:url('images/icon_twitter_rss.png') no-repeat -40px 0; } .twitter:hover{ background:url('images/icon_twitter_rss.png') no-repeat -40px -40px; } /* [ Menu ] Level 1 */ /* if possible, give menu dynamic width*/ #menu { position:absolute; list-style:none; top:0px; right:0px; /*width:790px;*/ height:45px; margin:0; padding:0; } #menu li { float:left; position:relative; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; } #menu li a { display: block; overflow:hidden; height:27px; /*45*/ line-height:14px; /*set for IE7*/ color: #A27040; padding:18px 0px 0px 45px; margin:0; text-decoration:none; background:url(images/icon_menu.png) no-repeat -5px 0px; } #menu li a:hover,#menu > li.current_page_item > a{ color:#ffffff; background:url(images/icon_menu_hover.png) no-repeat -5px 0px; } #menu li.hover{ } /* [ Menu ] Level 2 */ #menu li ul { position: absolute; list-style:none; visibility: hidden; z-index:9999; margin:0 0 0 15px; padding:0; top: 100%; left: 0; border:2px #F5E1BE solid; } #menu li ul li { float:none; color: #ffffff; margin:0; padding:0; } #menu li ul li a{ display: block; color:#A27040; padding:10px 10px 10px 10px; margin:0; width: 150px; height:auto; text-align:left; background:#F5DA8D; } #menu li ul li a:hover{ color:#ffffff; height:auto; background:#F5DA8D; /*efdf77*/ } /* [ Menu ] Level 3 */ #menu ul ul{ left: 100%; top: 0px;margin:3px 0 0 -3px;} #menu li:hover > ul{ visibility: visible; } /* [ Search Box ] */ .mainsearch { position:relative; overflow:hidden; width:260px; height:60px; background:url('images/bg_search.png') no-repeat; margin:0;padding:0; } .mainsearch .keyword { position:absolute; top:25px; left:48px; width:206px; height:23px; line-height:23px; margin:0 0 0 0; font-size:13px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; font-style:italic; /*text-transform: uppercase;*/ color:#8E8882; border:none; background:transparent; } .mainsearch .submit { position:absolute; cursor:pointer; border:none; top:16px; left:0px; height:40px; width:40px; background:transparent; } /* [ Content ] Post */ #content .post, #content .page{ position:relative; overflow:hidden; width:635px;/*650*/ margin:0 0 0 0; padding:0 0 50px 15px; background:url('images/bg_post_btm.png') no-repeat left bottom; } #content .post_title{ /* height = 70px */ /*float:right;*/ /*width:470px;*/ padding:24px 20px 0px 40px; min-height:46px; /* 70-24=46*/ background:url('images/bg_post_title.png') no-repeat left top; } #content .post_title a{ color: #676767; text-decoration:none; } #content .post_title a:hover{ text-decoration:underline; } #content .post_title h1, #content .post_title h2{ width:460px; font-size:21px; line-height:21px; font-weight:bold; font-style:italic; font-family:"Times New Roman",Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; } #content .page .post_title h1, #content .page .post_title h2{ width:570px; } #content .post_date{ position:absolute; top:17px; right:18px; width:84px;/*105px*/ height:23px;/*38px*/ padding: 15px 0 0 21px; color:#1D0000; font-size:12px; font-weight:bold; font-family:Arial, Verdana, Helvetica, sans-serif; background:url('images/bg_post_date.png') no-repeat center top; } #content .post_author{ padding:0 0 0 20px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#4C4C4C; text-align:left; } #content .post_author a{ color:#4C4C4C; text-decoration:none; } #content .sticky .post_title{ background:url('images/bg_post_title_sticky.png') no-repeat left top; } #content .sticky .post_title a{ color:#FDDF7C; } #content .sticky .post_date{ color:#ffffff; background:url('images/bg_post_date_sticky.png') no-repeat center top; } #content .page .post_date{ visibility: hidden; } /* [ Content ] Entry */ .entry{ overflow:hidden; color:#4C4C4C; line-height: 1.7em; margin:15px 15px 10px 15px; text-align: justify; } .entry a{ color:#4C4C4C; text-decoration:underline; } .entry a:hover{ color:#467295; text-decoration:underline; } img.post_thumb { float:left; display:block; padding:1px; margin:5px 10px 0 0; /* width:142px; */ /* don't limit the width and height better*/ /* height:142px; */ border:2px solid #E2A123; background:transparent; } /* [ Content ] Post Info */ .info { line-height: 1.7em; font-size: 10px; padding:5px 0 0 0; margin:0px 30px 0 30px; color:#4C4C4C; } .info a{ color:#467295; text-decoration:none; } .info a:hover{ text-decoration:underline; } .info_category { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('images/icon_category.png') no-repeat top left; } .info_tag { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('images/icon_tag.png') no-repeat top left; } .info_comment { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('images/icon_comment.png') no-repeat top left; } /* [ Content ] Archive title, Navigation, Sorry */ .archivetitle { color: #A0410A; text-align:left; font-size: 16px; font-weight:bold; padding: 5px 10px 10px 25px; margin:0; font-style:italic; } .navigation { clear:both; overflow:hidden; font-size: 11px; font-weight:normal; margin: 30px 20px 0px 20px; padding: 5px 5px 5px 5px; border:1px #224774 dashed; } .navigation a{ color:#E2A123; text-decoration:none; } .sorry { font-size: 11px; font-style: italic; margin: 20px 20px 0px 20px; padding: 10px 10px 10px 10px; border: 1px dashed #E2A123; } /* [ Comment ] General */ #postmetadata { font-size: 11px; margin: 10px 10px 20px 20px; padding: 5px 15px 5px 15px; border:2px #E2A022 solid; background:#FFDF77; } #postmetadata a{ text-decoration:underline; } .nocomments {background: none;padding:20px;} #comments { font-size: 13px; text-align: left; font-weight: bold; margin: 0px 10px 0px 20px; padding:0; font-variant: normal; border-bottom: 2px solid #3D597B; } ol.commentlist { position:relative; list-style: none; margin:5px 0px ; padding:5px 10px 5px 20px; font-size:12px; background:none; border:none; } ol.commentlist .comment a{ text-decoration:none; border-bottom: 1px #3D597B dotted; } ol.commentlist .comment, ol.commentlist .trackback, ol.commentlist .pingback{ margin:10px 0 0 0; padding:0; } ol.commentlist .children{ list-style: none; padding:0; margin:0 0 0 15px; } ol.commentlist .comment div, ol.commentlist .trackback div, ol.commentlist .pingback div{ border:3px #FFFFFF solid; padding:5px; background:#F3ECDA; } ol.commentlist .trackback div, ol.commentlist .pingback div{ border:1px #FFFFFF solid; } ol.commentlist .comment div div, ol.commentlist .trackback div div, ol.commentlist .pingback div div{ background:none; padding:0; border:none; } ol.commentlist .says{ display:none; } ol.commentlist .avatar{ position:relative; float: left; margin: 0px 5px 0px 0px; padding: 0; border:none; } ol.commentlist .fn{ font-weight:bold; font-size: 11px; } ol.commentlist .fn a{ text-decoration:none; border:none; } ol.commentlist .fn a:hover{ text-decoration:underline; } /* can remove if set in jQuery*/ /* ie6 not support */ ol.commentlist .bypostauthor>div>div>.fn, ol.commentlist .bypostauthor>div>div>.fn a, ol.commentlist .bypostauthor>div>div>.fn a:hover{ text-decoration:underline; border:none; } ol.commentlist .comment .comment-meta, ol.commentlist .trackback .comment-meta, ol.commentlist .pingback .comment-meta{ border-bottom: 1px dashed #3D597B; margin:0 0 10px 0px; padding:5px 0 10px 0; font-size:10px; } /* can enable if avatar is big ol.commentlist .comment .comment-meta:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ ol.commentlist .comment .comment-meta a, ol.commentlist .trackback .comment-meta a, ol.commentlist .pingback .comment-meta a { text-decoration:none; border:none; } ol.commentlist .comment .reply{ position:relative; clear:both; overflow:hidden; margin:5px -5px -5px 0; padding:0px; font-size:10px; text-align:center; } ol.commentlist a.comment-reply-link{ float:right; display:block; font-size:10px; color:white; padding:5px; background:#3D597B; text-decoration:none; border:0; } ol.commentlist a.comment-reply-link:hover{ text-decoration:underline; } ol.commentlist .trackback a.comment-reply-link, ol.commentlist .pingback a.comment-reply-link{ display:none; } /* [ Comment ] Paging */ .commentnavi{ overflow:hidden; font-size:11px; margin:0; padding-right:10px; } .commentnavi a{ text-decoration:underline; } .commentpages{ float:right; padding:5px 10px; } .page-numbers{ font-weight:bold; padding:2px 3px 2px 3px; } .current{ font-weight:bold; } /* [ Comment ] Form */ #respond { clear:both; padding:5px 10px 5px 5px; margin:10px 10px 0px 20px; font-size:11px; border:2px #FFFFFF dashed; background:#F3ECDA; } .commentlist #respond{ /*when click reply*/ margin-right:0; } #respond .cancel-comment-reply a{ color:#ff0000; } #respond a, #respond a:hover{ } #commentform { margin:0; padding:10px 0 0 0; } #email, #author, #url { font-size: 11px; padding-left: 2px; vertical-align: middle; border: 1px solid #CE5C24; font-family: Verdana, Helvetica, Arial, sans-serif; /*background:url('images/bg_comment2.png');*/ background:white; } #comment { width: 98%; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; color:#C2AE7D; border: 1px solid #CE5C24; padding: 2px 2px 2px 2px; margin-left:5px; /*background:url('images/bg_comment2.png');*/ background:white; } #submit { cursor:pointer; height: 20px; color: #ffffff; font-weight:bold; font-size: 11px; margin: 0px 0px 0px 10px; padding: 0px 15px 2px 15px; border: 1px solid #ffffff; /*background:url('images/bg_comment2.png');*/ background:#CE5C24; font-family: Verdana, Helvetica, Arial, sans-serif; } /* [ Sidebar ] General */ #sidebar select { margin:10px 0px 0px 15px; font-size:11px; width:230px; overflow:hidden; } /* [ Sidebar 1] */ #sidebar1 {position:relative;font-size:12px;font-family:Verdana,Arial,sans-serif;padding:0 5px; color:#4C4C4C;} #sidebar1 a { color:#4E739A; text-decoration:none;} #sidebar1 a:hover { color:#000000; text-decoration:underline;} #sidebar1 h4 { color:#CE5C24; font-family:Verdana, "Times New Roman", Times, Serif; font-size:14px; font-weight:bold; margin:10px 0 0 5px; padding:8px 10px 0 38px; min-height:24px; background:url('images/bg_sb_head1.png') no-repeat left top; } #sidebar1 ul { position:relative; list-style-type:none; margin:0; padding:0; } #sidebar1 ul li { list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 30px 0px; background:url('images/bg_sb_btm1.png') no-repeat left bottom; /*min-height:110px;*/ } #sidebar1 ul ul li { list-style-type:none; line-height:1.6em; padding:0px 0px 0px 15px; margin:0 0 0 8px; background:url('images/bg_sb_arrow1.png') no-repeat 0px 6px; min-height:0; } #sidebar1 ul ul ul li{ margin:0; } /* [ Widget & MISC] */ .wp-caption { text-align:center; color:#000000;} .wp-caption .wp-caption-text { font-size:10px; line-height:17px; padding:5px; margin:0; } #wp-calendar td { font-size:11px; color:#4F4F4E;} #wp-calendar td a { color:#4F4F4E; font-weight:bold; text-decoration:underline;} #wp-calendar { width:205px; margin:0 0 0 30px; text-align:center; font-size:11px; color:#F06702; line-height:16px; } .textwidget { padding:10px 10px 0 10px; line-height:1.5em } #sidebar1 ul li.widget_search{ height:60px; overflow:hidden; padding:0;margin:0; min-height:0; background:none; } #akismetwrap { margin:10px 10px 0 10px; } .rsswidget img { display:none; } #sidebar h4 a.rsswidget { margin-left:0px; overflow:hidden; text-decoration:none; } .wp-smiley { vertical-align:middle; border:0px; padding:0px; } /* [ Custom Widget and options] */ .widget_ads250 { /* |4px 3px[img=125px]3px 3px[img=125px]3px 4px| .... total 270px*/ padding:0; margin:0; text-align:center; overflow:hidden; margin:0 -5px; } .widget_ads250 img{ padding:3px; }