/*
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 
Author URI: http://www.bloggingexpertise.com/


*/
  

 
/*
	Table of Contents:
		General elements
		Structural elements
		Header elements
		Sidebar elements
		Post elements
		Metadata elements
		Comment elements
		Footer elements
		Widget-specific elements
*/


/* General elements */
body {
	margin: 0;
	padding: 0;
	background: #b1e11c url(images/fp-mid.jpg) repeat;
	font-size: 75%; /* Resets 1em to 10px, do NOT modify this! */
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
	color: #000;
	text-align: center;
}

p {
	line-height: 1.5em;
	margin: 1.2em 0;
}

ol, ul {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0 0 0 15px;
}

ol {
	padding: 0 0 0 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	color: #e18f1b; 
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

hr {/* to be styled */}

a:link,
a:visited {
	color: #e18f1b;
	text-decoration: none;
}

a:hover,
a:active {
	color: #b1e11b;
	text-decoration: underline;
}

input, textarea, select {
	border: 1px solid #e4ead2;
	background: #f8ffe5;
	color: #556b38;
	font-size: 1.1em;
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
}
input, textarea {
	background: #f8ffe5 url(images/inputbg.gif) repeat-x top;
}
.button { background: #f8ffe5 none; }

blockquote {
	
margin:10px 10px 10px 60px;
padding:5px 10px 5px 10px;
background: #f9ffe6;
border: 1px solid #a2db17;
}

code {
	font-family: monospace;
	color: #666;
}

form, img, img a {
	margin: 0;
	padding: 0;
	border: none;
}

.small {
	font-size: 0.9em;
	color: #999;
}

.alignleft {
	float: left;
	margin-right: 10px;
	clear: left;
}
.alignright {
	float: right;
	margin-left: 10px;
	clear: right;
}

.heading { /* for headings that don't have any real semantic value */
	
	font-size: 1.4em;
	font-weight: bold;
	color: #42b3c0;
}

/* Structural elements */
/* Positioning information goes here.  Colors, fonts, etc. should go in the individual sections. */
#page {
	background: url(images/fp-top2.jpg) top center no-repeat;
	border: 0px solid #666666;
	margin: 0px auto 0px auto; /* for centered layouts */
	overflow: hidden;
	padding: 0px;
	text-align: left;
	width: 1280px;
        
}

#header {
	
	overflow: hidden;
	padding: 0px;
        height: 287px;
}

#navigation {
       height: 48px;
       background: url(images/fp-nav.jpg) top center no-repeat;
       margin: 0px 0px 0px 0px;
       padding: 0px 815px 0px 0px;
       overflow: hidden;
}

#container {
	background: url(images/fp-inside.jpg) center top repeat-y;
}

#content {
	background: transparent url(images/) left top no-repeat;
	border-left: 0px solid #ccc;
	float: left;
	overflow: hidden;
	padding: 0px 25px 25px 173px;
	width: 670px;
}

#sidebar {
	background: transparent url(images/) right top no-repeat;
        overflow: hidden;
	float: right;
	padding: 15px 175px 50px 0px;
        width: 212px;
}

#footer {
	background: url(images/fp-bottom.jpg) center bottom no-repeat; 
	clear: both;
	height: 168px;
        padding-bottom: 0px;
	padding-left: 0px;
        padding-right: 0px;
}


/* Header elements */
/* This section contains an image replacement technique and will need to be modified to call the right image and fit properly. */

#navr {
	hight: 240px;
	width: 960px;
	margin: 0 auto -17px;
	position: relative;
	text-align: left;
	font-size: 110%;
}
#navr ul {
	list-style: none;
	pdding: 150px 20px 0px;
	
	
}
#navr ul li {
	display: inline;
}
#navr ul li a {
	margin: 80px 0 0;
	pdding: 70px 400px 70px 70px;
	color: #000;
	
	}

#navr ul li.current_page_item a {
	}


.search {
	position: absolute;
	right: 35px;
	top: 19px;
}
.search #s {
	width: 210px;
	padding: 2px;
        border: 0px;
	padding-left: 5px
	font-size: 10px;
}


#header h1 a,
#header h2 a {
	background: transparent ;
	display: block;
	line-height: 500px; /*change this to the height of the header image */
	text-indent: -1000em;
	overflow: hidden;
        font-family: Helvetica, Arial, Tahoma, sans serif;
}
	
#header h2.description {
	color: #e18f1b;
	font-size: 100%;
	font-weight: normal;
	margin-left: 230px;
	overflow: hidden;
}

h3.category_description {
	font-weight: normal;
}


/* Navigation elements */

#navigation ul {
	margin: 0 0 0 0px;

}

#navigation ul li {
	display: inline;
}

#navigation li a {
	color: #e18f1b;
	display: block;
	font-size: 135%;
	float: right;
	margin: 10px 10px 1px 10px;
	padding: 3px 8px 3px 8px;
        text-decoration: none;
	text-transform: uppercase;
        font-weight: bold;
        font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
        -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
        border-radius: 3px;

}

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


/* Sidebar elements */
	
#sidebar   input,  select   {
	border: 0px solid #e4ead2;
}

#sidebar h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #42b3c0;
}

#sidebar ul {
	margin: 0;
	padding: 0 0 30px 0;
	list-style-type: none;
}
	
#sidebar ul li {
	margin: 0;
	padding: 0 0 15px 0;
	display: block;
}

#sidebar ul li a {
	display: inline;
        color: #000;
}

#sidebar p,
#sidebar ul ul {
	margin: 0px 0 0 0;
	padding: 0 10px 30px 0;
}

#sidebar ul ul {
	background: none;
}

#sidebar ul ul ul {
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar ul ul li {
	padding: 0 0 0 12px;
	background: url(images/indicator.gif) no-repeat 0 3px;
}


#sidebar input, #sidebar textarea, #sidebar select {
	border: 1px solid #e4ead2;
	background: #ffffff;
	color: #556b38;
	font-size: 1.1em;
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
}
#sidebar input, #sidebar textarea {
	background: #ffffff ;
        margin: 0 0 5px;
}
#sidebar .button { background: #ffffff none; }

/************
*  Entries  *
*************/


.post {padding: 0 0 35px 0;}

.post-header {
	margin-bottom: -18px;
	padding: 10px 0 0 0px;
	width: 100%;
	color: #e18f1b;
	overflow: auto;
}

.post-header a {
	padding: 0;
}

.post-header a:link,
.post-header a:visited {
	color: #e18f1b;
}

.post-header a:hover,
.post-header a:active {
	color: #42b3c0;
	text-decoration: none;
}

.post-metadata {
	padding: 2px 5px 2px 0px;
        margin: 0 0 5px;
	font-size: 0.9em;
	color: #6fa600;
}

.post-metadata a {
	color: #6fa600;
}

.post-entry {
	width: 640px;
	margin: 0px 0px 0px 20px;
	padding: 0 20px;
	text-align: justify;
	color: #000;
	clear: both;
}

.post-entry a:hover {
	text-decoration: underline;
}

/* .img in the post */
.post-entry img {
	padding: 5px 5px 5px 5px;
	border: 0px solid #d9e2d3;
}
img.noborder {
	padding: 5px;
	border: none;
}

img.wp-smiley {
	border: none;
	}

.postfeedback {
	text-align: right;
}




/* Page Navigation */
.pagenav,
.pagenav-alt {
	float: left;
	margin: 10px 0;
	padding: 0 5px 1px 5px;
	border: 1px solid #ecf4d9;
	background: #faffee;
	font-family: helvetica, arial, tahoma, sans serif;
	font-size: 0.9em;
}
.pagenav-alt {
	width: 460px;
	text-align: right;
}

.float-right {
	Float: right;
}

.float-left {
	Float: left;
}
/* Tags & del.icio.us */
.utwtags {
	padding: 5px 0 0 18px;
	background: url(images/technorati.gif) no-repeat left bottom;
	clear: both;
}
.utwtags a {
	color: #70b000;
}

.delicious {
	padding: 5px 0 0 18px;
	background: url(images/delicious.gif) no-repeat left bottom;
	clear: both;
}
.delicious a {
	color: #70b000;
}
.delicious a:hover {
	color: #679bf1;
}

.commentslink {
/*	padding: 0 0 0 15px;
	font-family: Verdana, Arial, Sans-Serif;
	background: url(images/comments.gif) no-repeat left center;
*/ }


/*************
*  Comments  *
**************/

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	list-style-type: none;
}

#commentlist li {
	margin: 10px 0;
	border: 1px solid #a2db17;
	padding: 1px 20px;
	background: #f9ffe6;
	color: #000;
}

h3.commenttitle {
	margin: 14px 0 0 0;
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
	font-size: 1em;
	color: #e18f1b;
}

.commentmeta {
	margin: 4px 0 0 0;
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
	font-size: 0.9em;
	color: #000;
}

.commentmeta a:link,
.commentmeta a:visited,
.commentmeta a:hover,
.commentmeta a:active {
	color: #e18f1b;
}

#commentlist hr {
	width: 100%;
	height: 1px;
	color: #a2db17
}

/* Comment Counter */
.commentcounter {
	float: right;
	height: 25px; /* IE hack */
	margin: 15px 0 0;
	padding: 5px 0 0;
	color: #b1e11b;
	font-family: "Helvetica", Helvetica, Arial, "Arial", Verdana, Sans-Serif;
	font-size: 2.5em;
	font-style: italic;
	font-weight: bold;
}

#commentlist .adminreply .commentcounter {
	color: #caf545;
}
#commentlist .adminreply {
	background: #fff;
}

/* Gravatar */
.commentgravatar {
	float: left;
	margin: 12px 6px 0 0;
	padding: 0;
}

img.gravatar {
	padding: 1px;
	border: 1px solid #ddd;
}



input#author,
input#email,
input#url {
	width: 200px;
	height: 16px;
	padding: 1px 5px 0;
	}
textarea#comment {
	width: 460px;
	height: 190px;
	padding: 5px;
	}

/* Footer elements */

#footer {
	color: #fff;
	font-size: 75%;
	padding-top: 15px;
}



/* Widget-specific elements */


/* Plugin-specific elements */
ul.postspermonth {
	list-style: none;
	margin-bottom: 30px;
}