/* THEME NAME: Blossom http://wordpress-themes.rosecitygardens.com/?wptheme=blossom DESCRIPTION: Blossom is a search engine friendly, three-column theme with rounded corners and a black, white and pink color scheme. The tabbed module is actually 3 sidebars into which you can pop the widget of your choide, and change the text on the tabs in the theme options page. You can show or hide the large picture, and show, hide and configure the ad blocks and introductory text through theme options. Blossom has a three-level CSS page list menu powered by jQuery. VERSION: 1.0 AUTHOR: Liane Blanco, aka RoseCitySister AUTHOR URI: http://www.rosecitygardens.com TAGS: black, white, light, pink, three-columns, fixed-width, right-sidebar, threaded-comments, theme-options */ /* defaults */ * { padding: 0;margin: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} body {background: #000; text-align: center; font-size: 62.5%;} /* menu container */ #topmenu {background: #000 url(images/topbar.gif) no-repeat top left; margin: 20px auto 30px auto;height: 90px;width: 900px;} #topright {float: right;clear: left;width: 400px;height: 70px;margin: 10px auto;text-align: left;} #topright p {text-align: left;padding: 1.5em;font-size: 1.3em;} /* header */ #header { height: 75px;margin: 0px auto 20px auto;width: 900px;background: transparent;} #headerimg {top: 0;text-align: left;margin-left: 20px;} #headerimg h1, #headerimg a {font: 700 30px Verdana, Tahoma, Geneva, sans-serif;margin-bottom: 0;text-decoration: none;color: #da8d9d;} .description {font: 600 1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;width: auto;padding-left: 25px;color: #fff0e8;float: left;} /* content layout */ #wrapper {margin: 0px auto 0px auto; background: #fff url(images/pagetop.gif) no-repeat top left;height: 100%;position: relative;width: 900px;text-align: left;padding-top: 28px;} div#container {float:left;margin:0 -400px 0 0;width:100%;} div#content {margin:0 400px 0 0;} .mainsidebar { float: right;clear: right;overflow: hidden;width: 380px;padding-right: 10px;text-align: left; background: url(images/side-bar.gif) repeat-y;} /* tabbed module */ #tabbedmodule {float: right;clear: right;overflow: hidden;width: 380px;padding-right: 10px;text-align: left; } /* bottom of rounded container */ #bottom {margin: 0px auto 30px auto; width: 900px;height: 28px;position: relative;background: url(images/bottom.gif) no-repeat bottom left;} /* picture */ #picture { background: #fff;float: left;background: url(images/blossom.jpg) no-repeat top left;width: 450px;height: 281px;clear: both; } /* sidebar */ .mainsidebar { font: 500 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;} .mainsidebar #sidebar ul, .mainsidebar #sidebar2 ul {list-style: none;} .mainsidebar #sidebar ul li li, .mainsidebar #sidebar2 ul li li {width: 170px; border-bottom: 1px dotted #da8d9d;padding: 2px 0px 2px 0px;} .mainsidebar #sidebar ul li li li, .mainsidebar #sidebar2 ul li li li {border-bottom: none;} #sidebar {width: 170px;float: right;padding-right: 10px;} #sidebar2 {width: 170px; margin: 0px 15px 0px 0px;} #sidebar ul li div, #sidebar2 ul li div, #sidebar h2, #sidebar2 h2 {font: 500 1.4em Verdana, Tahoma, Geneva, sans-serif; border-bottom: 2px solid #da8d9d;color: #000;} #sidebar h2, #sidebar2 h2 { margin-bottom: 0px;} #sidebar ul li, #sidebar2 ul li {margin-bottom: 10px;} #sidebar ul ul li, #sidebar2 ul ul li {margin-bottom: 0;} #sidebar ul ul { font-size: 100%;} #sidebar ul ul ul, #sidebar2 ul ul ul {padding-left: 10px;} #sidebar ul ul li, #sidebar2 ul ul li, #sidebar ul ul ul li, #sidebar2 ul ul ul li { padding-left: 10px;} #sidebar ul ul ul li a, #sidebar2 ul ul ul li a { background: url(images/dotz.gif) no-repeat left;padding-left: 13px;} .mainsidebar li a:link, .mainsidebar li a:visited {color: #000;text-decoration: none;} #sidebar ul li div.textwidget, #sidebar2 ul li div.textwidget {font-size: 1.0em;border-bottom: 1px dotted #da8d9d;padding-bottom: 10px;} /* Lovely search box */ #search {padding: 0 30px 5px 0; width: 370px;} #search form {margin: 0;} #search form fieldset { border: 0; margin: 0;padding: 0;} #search form fieldset legend {display: none;} #label { background: url(images/search.png) no-repeat left;height: 58px;width: auto; min-width: 50px;float: left;position: relative; display: block;cursor: pointer;} #search .searchbox {border: 2px solid #da8d9d;padding: 3px 0 3px 30px;color: #000000;float: left; width: 250px;margin: 15px 0 0 -30px;font-size: 1.2em;background: #fff0e8;} #search input.find {margin: 18px 0 0 0;width: auto; padding: 5px 5px 5px 5px;background: #da8d9d;border: 1px solid #fff;font-size: 1.2em;font-weight: bold;color: #fff;height: 25px;} /* absolutely positioned page menu */ #absnav { top: 55px; left: 0px;right: 0px;position: absolute;z-index: 2000;} #menudiv {width: 860px;height: auto;margin-left: auto;margin-right: auto;text-align: left;font-family: Verdana, Tahoma, Geneva, sans-serif;z-index: 3000;} #nav {margin-left: 0px;} #nav, #nav ul{padding:0;list-style-type:none;list-style-position:outside;line-height:1.5em;font-size: 15px;text-align: left;} #nav ul ul {padding:0;list-style-type:none;list-style-position:outside;line-height:1.5em;font-size: 15px;text-align: left;width: auto;} #nav li a {display:block;padding: 0px 5px;color:#000;text-decoration: underline;margin: 0px 2px;} #nav li ul li {display:block;padding:0px 5px;color:#000;text-decoration:none;background: #fff8f5;border: 1px dotted #da8d9d;} #nav li ul li a {text-decoration: none;} #nav li li li {display:block;padding:0px 5px;color:#000;text-decoration:none;background-color: #fff8f5;} #nav a:hover {color:#da8d9d;} #nav li {float:left;position:relative;} #nav ul {position:absolute;display:none;width:10em;top:1.5em;} #nav li ul a {width:10em;height:auto;float:left;} #nav ul ul {top:auto;} #nav li ul ul {left:10em;margin:0px 0 0 10px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;} /* post content */ .post {margin-left: 15px;margin-right: 50px; width: auto;margin-bottom: 1.5em;padding-bottom: 30px;border-bottom: 2px solid #da8d9d;} .post .posttitle {font: 500 2.4em Verdana, Tahoma, Geneva, sans-serif;margin-top: 0 !important;margin-bottom: 0 !important;clear: both; padding: 0;} .archivetitle {font: 500 2.4em Verdana, Tahoma, Geneva, sans-serif;margin-bottom: 1.0em;margin-left: 15px;} .navigation { width: 400px;clear: both;padding: 5px;margin-bottom: 1.5em;font-size: 1.2em;} .posttitle a:link, .posttitle a:visited, .posttitle a:active, .posttitle a:hover { color: #000;text-decoration: none;margin-bottom: 0;padding-bottom: 0;} .post .dateme {width: auto;text-align: left;font: 500 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #000; margin-bottom: 1.5em;clear: both;margin-left: 0;} .entry { line-height: 1.5em;} .entry p {margin-bottom: 1.5em;} .more-link {font: 600 1.0em 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;border-bottom: 1px solid #da8d9d;} .tagged {font-weight: bold;width: 100%;clear: both;padding: 5px;margin-bottom: 1.5em;border: 1px dotted #da8d9d;background: #fff0e8;} .postmetadata {width: 100%;text-align: left;margin-bottom: 1.0em;font: 500 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #666;} .postmetadata a:link, .postmetadata a:visited {color: #000;} .postmetadata a:active, .postmetadata a:hover {color: #da8d9d;} .tiny-pencil {padding-right: 14px;background: url(images/tiny-pencil.gif) no-repeat top right;margin-right: 2px;} .tiny-comments {padding-right: 18px;background: url(images/tiny-comments.gif) no-repeat top right;} /*calendar */ #calendar_wrap { text-align: left;width: 175px;} #wp-calendar { empty-cells: hide;width: 175px;background: #da8d9d;} #wp-calendar #next a {padding-right: 10px; text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a { display: block;} #wp-calendar caption {text-align: center;margin-top: 5px;letter-spacing: .4em;} #wp-calendar td, #wp-calendar th { padding: 2px !important;text-align: center;font-size: .8em;} #wp-calendar td.pad:hover {background-color: #fff;} #wp-calendar #prev a, #wp-calendar #next a {font-size: .8em;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: 500 .8em Verdana, Tahoma, Geneva, sans-serif;font-variant: small-caps; margin-top: 5px;color: #000;} #wp-calendar th { font-style: normal;text-transform: capitalize;padding: 0;background: #da8d9d;color: #fff;} #wp-calendar td { background: #fff0e8;} #calendar {border-bottom: none !important;} /* miscellaneous */ .topspace {height: 45px;width: 100%;clear: both;} .whitespace {height: 20px;width: 100%;clear: both;} .clear {width: 100%; clear: both;} a:link, a:visited {color: #000;} a:active, a:hover {color: #da8d9d;} .entry {font-size: 1.4em;} /* tabbed sidebar module */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel {font-family: Verdana, Tahoma, Geneva, sans-serif;font-size: 14px;} .ui-tabs-nav {list-style: none;margin: 0;padding: 0px;} .ui-tabs-nav:after {display: block;clear: both;content: " ";} .ui-tabs-nav li {float: left;min-width: 50px;margin-right: 25px;} .ui-tabs-nav a, .ui-tabs-nav a span {display: block;padding: 0 5px; background: transparent;} .ui-tabs-nav a {margin: 1px 0 0; margin-right: 1px;padding: 6px 6px 0px 6px;color: #fff !important;line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap; outline: 0;background: #000;font-weight: 700;} .ui-tabs-nav .ui-tabs-selected a {position: relative;top: 0px;z-index: 2;margin-top: 0;margin-right: 1px;color: #fff;background: #da8d9d;} .ui-tabs-nav a span {width: 10px; /* IE 6 treats width as min-width */ min-width: 10px;height: 18px; /* IE 6 treats height as min-height */ min-height: 18px;padding: 0px 6px 0px 6px;} *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto;} .ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;} .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {} .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {} .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;} .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;} .ui-tabs-disabled { } .ui-tabs-panel {border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */} .ui-tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;} /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;} *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block;} .sidelist ul, .sidelist ul ul { list-style: none;font-family: Verdana, Tahoma, Geneva, sans-serif !important;} #sidebar .sidelist ul li { font-weight: 700;color: #666;margin-top: 6px;padding-bottom: 6px;font-size: 100% !important;} #sidebar li.categories, #sidebar li.chives, #sidebar li.metas {margin-bottom: 30px;} #sidebar .sidelist ul li li {font-weight: 600;font-size: 0.8em;background: url(images/dash.gif) no-repeat top left;border: none;padding: 0px 0px 0px 19px;} #sidebar .sidelist ul li li li {font-size: 100%;border: none;} #container-1 .sidelist ul li li {font-weight: normal !important;} #container-1 {width: 370px; margin-bottom: 25px;margin-top: 35px;} .sidelist {border: none; border-top: 3px solid #da8d9d;border-bottom: 2px solid #da8d9d; background: #fff;width: 360px;text-align: left;} .sidelist ul li a { font-family: Verdana, Tahoma, Geneva, sans-serif;} .sidelist ul li ul {font-size: 100%;} #side-tags a {text-decoration: none !important;border: 0;} #container-1 ul li {padding-right: 2px;margin: 0;padding-left: 0;} /* end tabbed sidebar module */ /* optional ad boxes */ #adboxes {float: right;clear: right;overflow: hidden;width: 380px;padding-right: 10px;padding-bottom: 2.0em;margin-bottom: 2.0em;text-align: left; } .row {width: 100%;clear: both;} .box {width: 125px;height: 125px;margin-right: 1px;margin-bottom: 1px;float: left;} /* heading tags */ h1,h2,h3,h4,h5,h6 {font-family: Verdana, Tahoma, Geneva, sans-serif; font-weight: 500;margin-bottom: 1.0em;margin-top: 0;padding: 0;line-height: 1.0em;} h1 {font-size: 2.0em;padding: 0;} h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h3 a {text-decoration: none;} h4 {font-size: 1.4em;} h5 {font-size: 1.2em;} h6 {font-size: 1.1em;} /* misc */ .alignleft { float: left;} .alignright {float: right;} .aligncenter {text-align: center;} pre { width: 100%;padding: 10px;overflow: scroll;margin-bottom: 10px;font-size: 1.2em;} hr {margin-top: 1.0em; margin-bottom: 1.0em;} /* image captions */ .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-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* Entry Lists */ .entry ul {list-style:none;margin-bottom: 15px;margin-left: 15px;} .entry ul ul {margin-bottom: 0px;} .entry ul li {background: url(images/tiny-dot.gif) no-repeat top left;padding-left: 20px;} .entry ol {margin-left: 35px;margin-bottom: 15px;} .entry ol li ol {margin-bottom: 0px;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} /* definition lists */ dl {clear: both;display: block;margin: 15px;text-align: center;font-size: 1.1em;} dl dt {left: 0;width: 110px;font-weight: 600;float: left;padding: 0;text-align: left;margin-bottom: 5px;} dd{border-left: 1px solid #ccc;margin: 0 0 10px 130px;padding: 0 0 1em 1em;width: auto;text-align: left;} /* Entry Forms */ .entry fieldset { padding: 20px; border: 1px dotted #da8d9d;} .entry legend {height: 30px;background: #da8d9d;border: 1px solid #000;border-bottom: 2px solid #000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 7px 5px 3px 5px;font-size: 1.2em;color: #fff;} fieldset p {margin-top: 15px;} .entry input.radio {margin: 0;} input, textarea {background: #fff0e8;border: 1px solid #da8d9d;} input {height: 20px;} input.button {width: auto; padding: 5px 5px 5px 5px;background: url(images/button.gif) repeat-x bottom;border: 1px solid #da8d9d;font-size: 1.0em;font-weight: bold;color: #000;height: 25px;} /* threaded comments */ h3#comments {margin-left: 15px;} ol.commentlist {border-bottom: none !important;text-decoration: none !important;font-size: 1.2em;} ol.commentlist {list-style:none; margin:0 0 15px 15px; padding:0; text-indent:0;} ol.commentlist li {list-style: none;font-weight: 500;border: none;margin-bottom: 10px;margin-top: 10px;margin-left: 15px;padding: 10px;padding-right: 0px;} ol.commentlist li li {border-left: 1px dashed #ccc;margin-bottom: 10px;} ol.commentlist li.alt {background: #fff;} .commentmetadata {font-size: .9em;} .comment-author .vcard {margin-bottom: 10px;width: 100%;height: 75px; background: #fff;} ol.commentlist li div.vcard img.avatar { float: left;margin-right: 10px;} ol.commentlist li div.comment-author { } ol.commentlist li div.reply a {width: auto; padding: 5px 5px 5px 5px;background: url(images/button.gif) repeat-x bottom;border: 1px solid #da8d9d;font-size: 1.0em;font-weight: bold;color: #000;height: 25px;text-decoration: none;} ol.commentlist li div.commentmetadata {position: relative;text-align: right;clear: both;width: 100%;border-top: 1px dashed #ccc;padding: 10px 0px;margin-top: 1.0em;padding-bottom: 10px;} .commentlist p {margin-bottom: 1.5em;} cite.fn { margin-top: 10px;font-size: 1.2em;float: left;} .says {display: none;} ol.commentlist li.comment { font-weight: 500;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} p.nocomments {text-align: center;} ol.commentlist li.comment ul.children li { margin-bottom: 5px;padding: 10px;} .comment-navigation { width: 100%;padding: 0;margin: 0;clear: both;} .comment-navigation .alignright, .navigation .alignright, .btmnavigation .alignright {padding: 0;padding-right: 10px;} .comment-navigation .alignleft, .navigation .alignleft, .btmnavigation .alignleft { padding: 0;padding-left: 10px;} /* comment form */ #comment {width: 100%; margin: 10px 10px 5px 0px;background: #fff0e8; border: 1px solid #da8d9d; height: 200px;} #author, #email, #url {width: 50%;margin: 10px 10px 5px 0px;background: #fff0e8;border: 1px solid #da8d9d;} .firstresponse { margin: 10px 0px;} #submit {width: auto; padding: 5px 5px 5px 5px;background: url(images/button.gif) repeat-x bottom;border: 1px solid #da8d9d;font-size: 1.0em;font-weight: bold;color: #000;height: 25px;} #commentform p {margin-left: 5px;margin-top: 10px;} /* entry tables */ .entry table {margin-bottom: 15px;} .entry table th, .entry table td { border: 1px solid #da8d9d;border-collapse: collapse;} .entry table td {background: #fff0e8;} .entry table th {background: #000;font-weight: 700;font-size: 120%;color: #fff;} .entry table td, .entry table th { padding: 4px 10px;} /* footer stuff */ #poweredby {width: 850px;text-align: center;margin: 20px auto 20px auto;color: #fff0e8;font: 600 1.0em 'Helvetica Neue', Helvetica, Arial, sans-serif;padding-bottom: 30px;} #poweredby p a { color: #ffffff;text-decoration: none;}