/* Theme Name:Maui Real Estate Blog Theme URI:http://wordpress.org/ Description:Version 2 of the mauirealestate.com blog design Version:V.2 Author:Diane Vigil Author URI:http://dianev.com */ /* Begin Typography & Colors */ body {color:#000; text-align:center; margin:10px auto 20px auto; padding:0; font-size:65%; font-family:arial,helvetica,sans-serif; background:transparent url(http://www.mauirealestate.com/images/t/bg_tile.gif)} #page {width:700px; margin:0 auto; background-color:#fff; text-align:left; background:#fff url(images/bk-blog.gif) repeat-y; border-bottom:5px solid #000} /* HEADER */ #header {border-bottom:5px solid #000} #headerimg img {width:700px; height:112px} /* CONTENT */ #content {float:left; font-size:1.2em} .homecontent {padding-top:30px} .narrowcolumn .entry {line-height:1.4em} .narrowcolumn .postmetadata {text-align:center} .narrowcolumn {float:left;width:470px; padding:0 0 20px 30px; margin:0} .narrowcolumn .postmetadata {padding-top:5px} .post {margin:0 0 40px} .post hr {display:block} /* Author|Time|Cat -- classes used by the_meta() */ ul.post-meta {list-style:none} ul.post-meta span.post-meta-key {font-weight:bold} .meta {color:#4C6A4B; font-size:0.95em; font-weight:normal; padding-top:1em; text-align:right} .meta li, ul.post-meta li {display:inline} .meta li a {color:#4C6A4B} .meta li a:hover {color:#CC3200; text-decoration:none} .meta ul {display:inline; list-style:none; margin:0; padding:0} /* Feedback => Permalink|Comments */ div.feedback {color:#2B5928; margin-bottom:40px; text-align:right; clear:both} div.feedback ul li {display:inline; list-style:none} div.feedback a {color:#2B5928; font-weight:bold} div.feedback a:hover {color:#CC3200} /* SIDEBAR */ #sidebar {float:right; width:160px; margin:0; padding:20px 0 40px 3px; font-size:12px; color:#000; font-weight:bold; text-transform:lowercase} #navimgtable {margin-bottom:10px} #sidebar ul, #sidebar ul ol {margin:0; padding:0} #sidebar ul li {color:#000; list-style-type:none; list-style-image:none; font-weight:bold; letter-spacing:2px} #sidebar ul ul {font-variant:normal; font-weight:normal; list-style-type:none; margin:0; padding:0; text-align:left} #sidebar ul ul li {font-weight:normal; letter-spacing:0; margin:0; padding:0} #sidebar ul ul li a {color:#000; text-decoration:none} #sidebar ul ul li a:hover {color:#fff; text-decoration:underline} #sidebar ul ul ul.children {font-size:142%; padding-left:4px} #sidebar h2, #sidebar li.h2, #sidebar li.categories {color:#000; font-size:13px; font-weight:bold; margin:12px 0 0 0} #sidebar form {margin:0} #sidebar #chicklets {margin:10px 0 0 0; padding:0; list-style:none} #sidebar #chicklets li {list-style:none; line-height:22px; margin:0; padding:1px 0} #sidebar #chicklets li img {width:91px; height:17px} #sidebar #chicklets li a img {border:none} #searchform {margin:10px 0; padding:5px 3px} #sidebar #searchform #s {width:108px; padding:2px} #sidebar #searchsubmit {padding:1px} /* calendar menu title is inside the table */ #wp-calendar {width:150px; font-size:11px; empty-cells:show; margin:12px 0 10px 0} #wp-calendar caption {color:#000; font: bold 12px arial,helvetica,sans-serif; letter-spacing:2px; padding-left:2px; text-align:left; padding-top:4px} #wp-calendar th {font-style:normal; font-weight:normal; font-size:11px; text-transform:capitalize} #wp-calendar td {color:#efefef; font: normal 11px arial,sans-serif; letter-spacing:normal; padding: 2px 0; text-align:center} #wp-calendar a {color:#fff; display:block; text-decoration:underline} #wp-calendar #next a {color:#000; padding-right:10px; background:#CC3200} #wp-calendar #prev a {color:#000; padding-left:10px; background:#CC3200} #wp-calendar #today {color:#fff; font-weight:bold; background-color:#27908D} #wp-calendar #today a {color:#fff; text-decoration:underline} #wp-calendar #today a:hover {color:#fff; background-color:#000; text-decoration:none} #wp-calendar a:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover {color:#fff; background-color:#000; text-decoration:none} #wp-calendar td.pad {background:#CC3200} /* empty cells */ #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff} /* FOOTER */ #footer {clear:both; width:750px; margin:auto; text-align:center; padding-top:18px} #footer p.bnav, #footer p.bnav a {color:#D0D0D0; font-size:11px; text-decoration:none; line-height:17px; font-family:verdana,arial,sans-serif} #footer p.bnav a:hover {color:#fff; text-decoration:underline} #footer p.company{color:#e1e1e1; font-size:13px} #footer p.company a {color:#e1e1e1; text-decoration:underline} #footer p.company a:hover {color:#E63800; text-decoration:none} #footer p.c {color:#D0D0D0; font-size:11px; text-decoration:none; line-height:17px; font-family:verdana,arial,sans-serif} #footer p.c a {color:#D0D0D0; text-decoration:underline} #footer p.c a:hover {color:#E63800; text-decoration:none} /* END MAIN STYLES */ #breadcrumbs {padding-bottom:15px} /* ARCHIVE.PHP */ ol.catlink {font-size:100%} ol.catlink li {margin-bottom:1em} ol.catlink li a {color:#000; font-size:105%; font-weight:bold} ol.catlink li a:hover {color:#cc3200; font-weight:bold; text-decoration:none} span.catmeta {color:#2B5928; font-size:100%; letter-spacing:normal; text-align:left} /* to remove space between link and the_excerpt */ ol.catlink p {margin-top:0} /* SINGLE.PHP */ .permapg {color:#2B5928; padding-bottom:15px} .permapg li, ul.post-meta li a {color:#2B5928; font-size:1em; text-transform:lowercase; display:inline; height:150px;} .permapg ul {display:inline; list-style:none; margin:0; padding:0;} div.permameta {color:#2B5928; font-size:0.75em;} #permanav {color:#2B5928; text-align:center; margin-top:30px} #permanav a {color:#2B5928; text-decoration:underline} #permanav a:hover {color:#cc3200; text-decoration:none} div.editlink {font-size:.8em; text-align:right;} #addthis {text-align:center; background:#efefef} /* */ h1,h2,h3,h4,.h1,.h2,.h3,.h4 {color:#000; font-weight:bold} h1,.h1 {font-size:19px; margin: 0px 0px 2px 0; padding-bottom:0px; border-bottom:dotted 1px #2B5928} h2,.h2,h3,.h3 {font-size:18px; padding-bottom:0.1em} h4,.h4 {font-size:16px; letter-spacing:0px} div.post h1 a {color:#000; text-decoration:none} div.post h1 a:hover {color:#CC3200; text-decoration:none} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em} div.content p a {font-weight:bold} .b {font-weight:bold} .i {font-style:italic} .bi {font-weight:bold; font-style:italic} cite a:link, cite a:visited {color:#000} acronym, abbr {border-bottom: 1px dashed #333} .sticky {background:#f7f7f7; padding:0 10px 10px} .sticky h2 {padding-top:10px} small, .nocomments, .postmetadata, blockquote, strike {color:#777} code {font:1.1em 'Courier New', Courier, Fixed} .thread-alt {background-color:#f8f8f8} .thread-even {background-color:white} .depth-1 {border:1px solid #ddd} .even, .alt {border-left:1px solid #ddd} acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em} a:hover {color:#147; text-decoration:underline} /* End Typography & Colors */ .postmetadata {clear:both} .clear {clear:both} /* 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} /* 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 {margin:7px 0 8px 10px} .entry 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} /* End Entry Lists */ .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center} select {width:130px} /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor:help} acronym, abbr {border-bottom:1px dashed #999} blockquote cite {margin:5px 0 0; display:block} .center {text-align:center} .hidden {display:none} .screen-reader-text {position:absolute; left:-1000em} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto} .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; 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} /* SITE MAP - see English.php for some formatting */ #ddsgwrapper ul {list-style:none; margin:0; padding:0} #ddsgwrapper ul li a {color:#000; font-size:18px; font-weight:bold; text-decoration:underline} #ddsgwrapper ul li a:hover {color:#CC3200; text-decoration:none} /* SEARCH */ div#searchresults h4 {margin:0} div#searchresults div p {margin-top:0} div#searchresults .post {margin-bottom:20px} /*#ddsgwrapper ul ul {list-style:circle; margin:0 0 10px 10px; padding:0 0 10px 10px}*/ #ddsgwrapper ul ul {margin:0 0 10px 0; padding:0 0 10px 0} #ddsgwrapper ul ul li a {color:#2B5928; font-size:12px; font-weight:normal; text-decoration:underline} #ddsgwrapper ul ul li a:hover {color:#CC3200; text-decoration:none} /* End captions */ a img {border:none} a:link, a:visited {color:#2B5928; text-decoration:underline} a:hover {color:#CC3200; text-decoration:none;}