/*
Theme Name: Citrus Scraps
Theme URI: http://www.bloggingexpertise.com/themes/citrus-scraps/
Description: Mostly gray with some bits of orange around the edges.<br /><br />The fonts used in the blog name graphic are <a href="http://www.dafont.com/maxine-script.font">Maxine Script</a> 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;}html,body {	text-align: center;}body {	background: #999;	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%; margin-top: 10px;}h1 {font-size:180%;}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;	margin-top: 10px}input,select,textarea {	background: #fff;	border: 1px solid #555;	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 100%;}a, a:active {	color: #0C5ECE;}a:visited {	color: #4D6280;}a:hover {	color: #033680;	text-decoration: none;}a img,a img:hover {	background: transparent;	border: 0;}.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: #FF9900;	border: 2px solid #666666;	margin: 20px auto; /* for centered layouts */	overflow: hidden;	padding: 10px;	text-align: left;	width: 780px;}#header {	background: #fff url(images/header.png) left bottom repeat-x;	overflow: hidden;	padding: 25px;}#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 15px 50px 15px;}#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/blog-name.png') center center no-repeat;	display: block;	line-height: 125px; /*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: #fa3;	color: #fff;	display: block;	float: right;	font-weight: bold;	margin: 1px 0px 1px 1px;	padding: 3px 10px 3px 10px;	text-decoration: none;}#navigation ul li a:hover {	color: #033680;}/* Sidebar elements */	#sidebar {	font-size: 95%;}#sidebar .widget {	margin-bottom: 25px;	}#sidebar .widget .heading,#sidebar .widget .heading a {	color: #000;	text-decoration: none;}#sidebar .widget ul {	margin: 0;	padding: 0;	list-style-type: circle;	list-style-position: inside;	}#sidebar .widget a, a:active {	color: #0C5ECE;}#sidebar .widget a:visited {	color: #4D6280;}#sidebar .widget a:hover {	color: #033680;}#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: 180%;	font-weight: normal;	line-height: 120%;}.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: #FFDB37;}div.landing_pages {	border: none;	padding: 10px;}#comments .comment-number {	display: inline;	font-size: 2em;	text-decoration: none;}#comments .comment-number a {	color: #FF6600;	text-decoration: none;}#comments .comment-number a:hover {	color: #fff;}#comments .comment-gravatar {	float:left;	margin: 10px 5px 5px 0px;	padding: 3px;	border: 1px solid #ccc;	background: #fff;}#comments .gravatar {	}#comments .postgrav {	float: left;	padding: 3px;	margin-right: 5px;	margin-left: 5px;	border: 1px solid #ccc;	background: #fff;}#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;}/*---:[ Linda added for blog images ]:---*/.img8L {  float: left; padding-right: 8px; }.img8R {  float: right; padding-left: 8px; }