/*
Theme Name: Citrus Scraps
Theme URI: http://www.bloggingexpertise.com/themes/citrus-scraps/
Description: Mostly gray with some bits of orange around the edges.
The fonts used in the blog name graphic are Maxine Script and Georgia. You can replace it with your own graphic by creating an image that's 95 pixels high and naming it blog-name.png (just make sure you put it in the images directory for the theme).
Version: 1.0
Author: Blogging Expertise
Author URI: http://www.bloggingexpertise.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/*
Table of Contents:
General elements
Structural elements
Header elements
Sidebar elements
Post elements
Metadata elements
Comment elements
Footer elements
Widget-specific elements
*/
/* General elements */
* {
margin: 0px;
padding: 0px;
}
iframe {
overflow: hidden;
}
html,
body {
text-align: center;
}
body {
background: #fff url(http://www.whygardner.com/wp-content/themes/citrus-scraps-10/images/pattern.jpg) top center repeat;
font-family: Calibri, 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
font-size: small; /* set base size here, use percentages of this size throughout the rest of the stylesheet */
line-height: 140%;
}
p {font-size: 100%;}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h1, h2, h3, h4, h5, h6 {
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}
blockquote {
margin: 0px 30px 0px 30px;
}
p,
blockquote,
.post ul,
.post ol {
margin-bottom: 1.5em;
}
input,
select,
textarea {
background: #fff;
border: 1px solid #555;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
}
a, a:active {
color: #000000;
}
a:visited {
color: #000000;
}
.float-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
}
.float-right {
float: right;
margin-bottom: 10px;
margin-left: 10px;
text-align: right;
}
div.clear {
clear: both;
font-size: 1px;
line-height: 1px;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.heading { /* for headings that don't have any real semantic value */
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
font-size: 130%;
}
/* Structural elements */
/* Positioning information goes here. Colors, fonts, etc. should go in the individual sections. */
#page {
background: #ee3a43;
border: 2px solid #7ca748;
margin: 50px auto; /* for centered layouts */
overflow: hidden;
padding: 10px;
text-align: left;
width: 780px;
}
#header {
background: #fff left bottom repeat-x;
overflow: hidden;
padding: 0px;
}
#navigation {
overflow: hidden;
}
#container {
background: url(images/background-container.png) right top repeat-y;
}
#content {
background: transparent url(images/background-content.png) left top no-repeat;
border-left: 1px solid #ccc;
float: right;
overflow: hidden;
padding: 50px 35px 35px 50px;
width: 459px;
}
#sidebar {
background: transparent url(images/background-sidebar.png) left top no-repeat;
overflow: hidden;
padding: 50px 5px 50px 5px;
}
#footer {
background: transparent url(images/background-footer.png) right top no-repeat;
clear: both;
padding-bottom: 1px;
padding-left: 287px;
}
/* Header elements */
/* This section contains an image replacement technique and will need to be modified to call the right image and fit properly. */
#header h1 a,
#header h2 a {
background: transparent url(images/header2.png) center center no-repeat;
display: block;
line-height: 200px; /*change this to the height of the header image */
text-indent: -1000em;
overflow: hidden;
}
#header h2.description {
color: #777;
font-size: 100%;
font-weight: normal;
margin-left: 230px;
overflow: hidden;
}
h3.category_description {
font-weight: normal;
}
/* Navigation elements */
#navigation ul li {
display: inline;
}
#navigation ul li a {
background: #d12d35;
color: #fff;
display: block;
float: right;
font-weight: bold;
margin: 1px 0px 1px 1px;
padding: 3px 10px 3px 10px;
text-decoration: none;
}
/* Sidebar elements */
#sidebar {
font-size: 95%;
}
#sidebar .widget {
margin-bottom: 25px;
}
#sidebar .widget .heading,
#sidebar .widget .heading a {
color: #000;
text-decoration: none;
font-weight: bold;
}
#sidebar .widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar .widget a:link,
#sidebar .widget a:visited {
color: ;
}
#sidebar .widget a:hover {
color: ;
}
#sidebar .widget .subscribeIcon {
border: none;
float: left;
margin-right: 10px;
}
form#searchform label {
display: none;
}
/* Post elements */
.post {
clear: both;
margin-bottom: 35px;
}
.post-header h1,
.post-header h2,
.pagetitle {
font-size: 140%;
font-weight: normal;
}
.post-header,
.post-header a,
.post-header a:visited {
color: #000;
text-decoration: none;
}
.interpost-nav {
margin: 30px 0px 30px 0px;
text-align: center;
}
.interpost-nav .float-left {
}
.interpost-nav .float-right {
}
.post ul,
.post ol {
margin-left: 30px;
}
/* Metadata elements */
.post-metadata {
font-size: 85%;
line-height: 110%;
margin-top: 5px;
margin-bottom: 10px;
}
.post-metadata span {
}
.post-metadata span.post-categories {
}
.post-metadata span.post-date {
}
.post-metadata span.post-comments {
}
.trackbackURL {
font-size: 75%;
}
/* Comment elements */
#comments .heading {
display: block;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
margin-top: 30px;
}
#comments .comment-list {
}
#comments .comment {
clear: both;
padding: 5px;
}
#comments .comment-list .alt,
div.landing_pages {
background: #f2f6ee;
}
div.landing_pages {
border: ;
padding: 10px;
}
#comments .comment-number {
display: inline;
font-size: 2em;
text-decoration: none;
}
#comments .comment-number a {
color: #000000;
text-decoration: none;
}
#comments .comment-number a:hover {
color: #f2f6ee;
}
#comments .comment-gravatar {
float:left;
margin: 10px 5px 5px 0px;
padding: 3px;
border: 1px solid #ccc;
background: #f2f6ee;
}
#comments .gravatar {
}
#comments .postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #ccc;
background: #f2f6ee;
}
#comments .comment-list cite {
}
#comments .comment-content {
}
/* Footer elements */
#footer {
color: #555;
font-size: 85%;
padding-top: 30px;
}
/* Widget-specific elements */
/* Plugin-specific elements */
ul.postspermonth {
list-style: none;
margin-bottom: 30px;
}