/*
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. You can hide the large picture, configure the tabbed module in the sidebar (please read the attached readme file for specifics), and edit or hide the introductory text on the top right in the Blossom options panel. Blossom has a three-level CSS page list menu powered by jQuery. The beautiful pink daisy used in the large graphic is by Sourcow at Deviant Art.
VERSION: 2.3
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
*/
/* bug fix for hiding picture on all pages */
/* bug fix for a dumb mistake - a thousand apologies! */
/* defaults */
* {padding: 0;margin: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
body {background: url('/wp-admin/images/bkgd.jpg') bottom center; text-align: center; font-size: 62.5%; background-attachment: fixed; width: 100%}
/* menu container */
#topmenu {background:url('/wp-admin/images/header.png') no-repeat; margin: 80px auto 30px; height: 200px;width: 900px;}
/* absolutely positioned page menu */
#suckerfishnav {
font-size:12px;
font-family:helvetica,sans-serif;
font-weight:bold;
width:695px;
z-index: 99999;
}
#suckerfishnav, #suckerfishnav ul {
list-style:none;
line-height:30px;
padding:0;
border:1px solid #aaa;
width: 695px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
z-index: 99998;
}
#suckerfishnav a {
display:block;
color:#185664;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
float:left;
background-color:#fff8f5;
padding:0;
border-top: #bf4849 2px solid; border-bottom: #bf4849 2px solid;
}
#suckerfishnav ul {
position:absolute;
left:-999em;
height:auto;
width:101px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
border-top:1px solid #666666;
}
#suckerfishnav li li {
width:99px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-weight:bold;
font-family:helvetica,sans-serif;
z-index: 9999;
}
#suckerfishnav li li a {
padding:4px 10px;
width:80px;
font-size:10px;
color:#185664;
}
#suckerfishnav li ul ul {
margin:-19px 0 0 100px;
}
#suckerfishnav li li:hover {
background:#fff8f5;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#bf4849 ;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#bf4849 ;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#185664;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background:#fff8f5;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#fff8f5;
}
/* header */
#header { height: 75px;margin: 0px auto 20px auto;width: 900px;background: transparent;}
#headerimg {top: 0;text-align: left;margin-left: 20px;}
#headerimg h1 {display:none}, #headerimg a {font: 700 30px Verdana, Tahoma, Geneva, sans-serif;margin-bottom: 0;text-decoration: none;color: #bf4849;}
.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: none 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; margin-top:-90px; text-align: left; }
/* picture */
#picture {background: #fff;float: left;background: url('/wp-admin/images/myblog.png') no-repeat top right; margin-top:-110px; margin-left:10px; width: 450px;height: 281px; z-index:1;}
.page-images {float: left;top right; margin-top:-110px; margin-left:10px; width: 450px; height: 140px; z-index:1;}
/* 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 #bf4849;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 #bf4849;color: #0b4a5b;}
#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: #0b4a5b;text-decoration: none;}
#sidebar ul li div.textwidget, #sidebar2 ul li div.textwidget {font-size: 1.0em;border-bottom: 1px dotted #bf4849;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 {height: 58px;width: auto; min-width: 50px;float: left;position: relative; display: block;cursor: pointer;}
#search .searchbox {border: 2px solid #bf4849;padding: 3px 0 3px 30px;color: #0b4a5b;float: left; font-style:italic;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: #bf4849;border: 1px solid #fff;font-size: 1.2em;font-weight: bold;color: #fff;height: 26px;}
/* post content */
.post {margin-left: 15px;margin-right: 50px; width: auto;margin-bottom: 1.5em;padding-bottom: 30px;border-bottom: 2px solid #bf4849; z-index: 3;}
.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: 2.0em;font-size: 1.1em;}
.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 #bf4849;}
.tagged {font-weight: bold;width: 100%;clear: both;padding: 5px;margin-bottom: 1.5em;border: 1px dotted #bf4849;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: #bf4849;}
.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: #bf4849;}
#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: #bf4849;color: #000;}
#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: #bf4849;}
.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: 12px;}
.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: #0b4a5b;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: #bf4849;}
.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 #bf4849;border-bottom: 2px solid #bf4849; 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 */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px; /* optional rounded corners for browsers that support it */-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;}pre { width: 100%;padding: 10px;overflow: scroll;margin-bottom: 10px;font-size: 1.2em;}
hr {margin-top: 1.0em; margin-bottom: 1.0em;}
/* 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 #bf4849;}
.entry legend {height: 30px;background: #bf4849;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 #bf4849;}
input {height: 20px;}
input.button {width: auto; padding: 5px 5px 5px 5px;background: url(images/button.gif) repeat-x bottom;border: 1px solid #bf4849;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 #bf4849;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 #bf4849; height: 200px;}
#author, #email, #url {width: 50%;margin: 10px 10px 5px 0px;background: #fff0e8;border: 1px solid #bf4849;}
.firstresponse { margin: 10px 0px;}
#submit {width: auto; padding: 5px 5px 5px 5px;background: url(images/button.gif) repeat-x bottom;border: 1px solid #bf4849;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 #bf4849;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;}
/* Freelancer widget */