/*
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: #e6e6e6;font-family: 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: Verdana, sans-serif;}

blockquote {font-size:12px;margin: 0px 30px 0px 30px;padding: 4px 10px;border-left:2px solid #584352;}

p,
blockquote,
.post ul,
.post ol {margin-bottom: 1.5em;}

input,
select,
textarea {background: #fff;border: 1px solid #584352;font-family: Verdana, sans-serif;font-size: 80%;}

a, a:active {color: #584352;text-decoration: none;}
a:visited {color: #584352;text-decoration: none;}
a:hover {color: #382c36;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: Verdana, sans-serif;font-size: 130%;}


/* Structural elements */
/* Positioning information goes here.  Colors, fonts, etc. should go in the individual sections. */
#page {background: #392d37;border: 2px solid #584352;margin: 50px auto; /* for centered layouts */
overflow: hidden;padding: 10px;text-align: left;width: 780px;}

#header {background: #fff;}

#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;text-align: justify;}

#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('http://todotelenovelas.biz/wp-content/uploads/2010/08/header.jpg') center center no-repeat;display: block;line-height: 162px; /*change this to the height of the header image */ text-indent: -1000em;overflow: hidden;}

#header h2.description {display: none;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: #382c36; color: #fff; display: block;float: right;font-weight: bold;margin: 1px 0px 1px 1px;padding: 3px 10px 3px 10px;text-decoration: none;text-transform: uppercase;}

#navigation ul li a:hover {background: #584352;color: #fff;}


/* Sidebar elements */

#sidebar {font-size: 95%;}
#sidebar .widget {margin-bottom: 25px;}
#sidebar .widget .heading,
#sidebar .widget .heading a {color: #382c36;text-decoration: none;font-weight: bold;text-transform:uppercase;}
#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;border-bottom: solid 1px #584352;}
.post img { margin: 5px }
.post-header h1,
.post-header h2,
.pagetitle {font-size: 140%;font-weight: normal;}
.post-header,
.post-header a,{color: #584352;text-decoration: none;}
.post-header a:visited {color: #382c36;text-decoration: none;}

.interpost-nav {font-size:10px;margin: 10px 0px 10px 0px;text-align: left;}
.interpost-nav a:link,{color: #584352;text-decoration: none;}
.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: Verdana, sans-serif;margin-top: 30px;}
#comments .comment-list {}
#comments .comment {clear: both;padding: 5px;}
#comments .comment-list .alt,div.landing_pages {background: #fff;}



div.landing_pages {border: ;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: none;
background: #fff;}
#comments .gravatar {}
#comments .postgrav {float: left;padding: 3px;margin-right: 5px;margin-left: 5px;border: none;background: #fff;}

#comments .comment-list cite {}
#comments .comment-content {}


/* Footer elements */

#footer {color: #555;font-size: 85%;padding-top: 30px;}

div.pagination {padding:3px;margin:3px;text-align:center;}
div.pagination a {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #ddd;text-decoration: none; color: #aaa;}
div.pagination a:hover, div.pagination a:active {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #a0a0a0;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #e0e0e0;font-weight: bold;background-color: #f0f0f0;color: #aaa;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #f3f3f3;color: #ccc;}