/*

	Fauna Default Stylesheet
	
	Nearly all aspects of Fauna can be customized with this file alone.
	For instance, all colors and fonts are listed here, so you can easily edit those. 
	
	If you want to override an existing style listed in style.css, simply copy and 
	paste it here, and add !important to the end of it. For example:

		.box, .box-blank { 
			text-align: justify !important;
		}

	will make sure all text is justified, instead of left-aligned.
	
	The purpose of this separate file is to keep it as simple as possible to upgrade
	to future versions of Fauna. This way you can keep all your customized CSS in one separate
	file. Additionally, you can copy this file, rename it, and specify it in the options page.
	
	
*/

/* Widths
------------------------------------------*/
#wrapper {
	min-width: 780px;
	width: 780px; 			/* Entire blog width */
}
#body {
	padding: 0 1.5em;
}
#sidebar {
	width: 31%;			/* Sidebar width */
	float: left;
}
#main {
	width: 69%;			/* Main column width */
	float: right;
}
.inner {
	padding: 0 .8em 0 0;
}

/* Default Images Configuration
------------------------------------------*/
.bg { 
	background: #F5F5EF url(images/bg.gif) no-repeat center top;
}
#header {
	background: #E9E9DC url(images/masthead-fauna.jpg) center;
}

/* Basic Colors
------------------------------------------*/
body {
	color: #565654;				/* Text color */
}
.box, #sidebar ul.inner li {
	background-color: #fff;		/* Box background color */
}
#sidebar, #secondary, #copyright {
	color: #A5A5A3;				/* Sidebar text color */
}

/* Fonts
------------------------------------------*/
h1 {
	font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
body {
	font: 70%/190% Verdana, Arial, Helvetica, sans-serif;
}
cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font: normal 140% Arial, Helvetica, sans-serif;
}
#main h3 {
	font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
	font: 135% "Lucida Sans Unicode", Arial;
}
.noteworthy a {
	color:#FF3333 !important;
}
.noteworthy a:hover {
	color:#FF9595 !important;
}
code, pre, kbd, samp {
	font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
.entry-date {
	border-left: 1px dotted #C2C76D;
}
.entry-date p {
	font: normal 140% Arial, Helvetica, sans-serif;
}
.asides h2 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.asides h3 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.sidenote h2 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.sidenote h3 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

/* Links
------------------------------------------*/
a:link, a:active { text-decoration: underline; color: #17A; }
a:visited { text-decoration: underline; color: #035; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }

#sidebar a:link, #sidebar a:active { text-decoration: none; color: #79A; }
#sidebar a:visited { text-decoration: none; color: #578}
#sidebar a:hover { text-decoration: underline; color: #79A}

.secondary a:link, .secondary a:active { text-decoration: none; color: #79A; }
.secondary a:visited { text-decoration: none; color: #578}
.secondary a:hover	{ text-decoration: underline; color: #79A}

.comment-header em a:link, .comment-header em a:active, .comment-header em a:visited { text-decoration: none; color: #39C; }
.comment-header em a:hover	{ text-decoration: none; color: #146; }

/* Headings & Titles
------------------------------------------*/
h2 a:link, h2 a:active, h2 a:visited {
	color: #035;
}
h2 a:hover, h2 a:focus {
	color: #39C;
}
.entry-date, .entry-meta {
	color: #989D3C !important;
}
.entry-date a, .entry-meta a {
	color: #989D3C !important;
	border-bottom: 1px dotted #989D3C;
	text-decoration: none;
}
.entry-date a:hover, .entry-meta a:hover {
	color: #D3D764 !important;
	border-bottom: 1px dotted #D3D764;
	text-decoration: none;
}
#main p a img {
	border-bottom: 1px solid #17A;
}
#main p a img:hover {
	border-bottom: 1px solid #6BD;
}
#menu a:link, #menu a:visited { color: #767674; }
#menu a:active, #menu a:hover { color: #000; }
body#index li#current-index a, body#index #current-index a:visited,
#menu .current_page_item a, #menu .current_page_item a:visited
{
	color: #000 !important;
}
#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited {	/* Only works in modern browsers */
	color: #A5A5A3;
	font-weight: bold;
}

/* Various
------------------------------------------*/
acronym, abbr {
	border-bottom: 1px dashed #C63;
}
strike, del {
	color: #B6B6B4;
}
ins {
	color: #989D3C;
}
label:hover {
	color: #000;
}
fieldset {
	border: 1px solid #F4F8FB;
	background-color: #F4F8FB;
}
legend {
	background-color: #fff;
}
.notice, .comment-header small { /* Moderation Message */
	color: #000;
	border-top: 1px solid #FFF200;
	border-bottom: 1px solid #FFF200;
	background-color: #FFFFF4;
}
blockquote, pre {
	border-left: 1px solid #D9D9D9;
}
#tags-allowed {
	border-top: 1px solid #D6E1ED;
	border-bottom: 1px solid #D6E1ED;
	background-color: #F8FAFC;
}

/* Comments & Trackbacks
------------------------------------------*/
.comment-even, .comment-preview {
	background-color: #F8FAFC;
}
.comment-odd {
	background-color: #F8FAFC; /* Change this colour to add "Flip flopping" backgrounds */
}
.comment-author { /* Author background color */
	background-color: #EEF4F9;
}

#trackbacklist li a {
	background-color: #FBFCFD;
}
#trackbacklist li {
	border: 1px solid #FBFCFD;
	background: #FEFEFE;
}
#trackbacklist li small {
	color: #565654;
}
#trackbacklist li a:hover {
	background-color:#F4F8FB;
	color: #035;
}
#trackbacklist li a:active {
	background-color:#FBFCFD;
	color: #035;
}

/* Forms
------------------------------------------*/
/*
.inputbox, .inputfield, .searchbox {
	color: #777773;
}
.inputbox:focus, .inputfield:focus, .searchbox:focus {
	color: #424240;
	background-color:#FFFFF4;
}
*/


/* Logo
------------------------------------------*/
h1 a:link, h1 a:visited {
	color: #686865;
}
h1 a:hover, h1 a:active {
	color: #A6A6A4;
}

/* Wordpress Calendar
------------------------------------------*/
#wp-calendar caption {
	color: #989D3C;
}
#wp-calendar a {
	color: #39C;
	background-color: #F8FAFC;
}
#wp-calendar a:hover {
	color: #035 !important;
	background-color: #EEF4F9 !important;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #F8FAFC;
}

/* For Plugins
------------------------------------------*/
/* Brian's Latest Comments */
#recent-activity small a:link, #recent-activity small a:visited, .secondary small a:link, .secondary small a:visited {
	color: #ACC;
}
/* Ultimate Tag Warrior */
.technoratitags {
	color: #989D3C !important;
}
.technoratitags a {
	color: #989D3C !important;
	border-bottom: 1px dotted #989D3C;
	text-decoration: none;
}
.technoratitags a:hover {
	color: #D3D764 !important;
	border-bottom: 1px dotted #D3D764;
	text-decoration: none;
}
.UTW-tagcloud {
	padding: .8em 0;
	font: normal 80% Arial, Helvetica, sans-serif;
}
.UTW-tagcloud a {
	margin-right: 1.6em;
	text-decoration: none;
	color: #17A !important;
}
.UTW-tagcloud a:hover {
	color: #6BD !important;
	text-decoration: none;
	border-bottom: 1px solid #6BD;
}
.UTW-tagcloud a:visited {
	text-decoration: none;
	color: #035 !important;
}
.longtailvert a {
	padding: 0 .5em;
	text-decoration: none;
	color: #fff;
}
.longtailvert a:hover {
	background: #17A;
}

/* Textile */
.caps {	
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

/* Google Hilite */
.hilite {
	background-color: #DEEBF3;
	color: #000;
}