/*

	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: 30%;			/* Sidebar width */
	float: left;
}
#main {
	width: 69%;			/* Main column width */
	float: right;
}
.inner {
	padding: 0 .8em 0 0;
}

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

/* Basic Colors
------------------------------------------*/
body {
	color: #333; /*#565654; */				/* Text color */
}
.box, #sidebar ul.inner li {
	background-color: #fff;		/* Box background color */
}
#sidebar, #secondary, #copyright {
	color: #A5A5A3;				/* Sidebar text color */
}
.boxalert {
	background: #fff6bf url(/browse/2006/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

/* Fonts
------------------------------------------*/

h1 {
	font: bold 240%/100% Helvetica, Arial, sans-serif; 
}
body {
	font: 80%/190% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
}
h2 {
	font: bold	 140% Helvetica, Arial, sans-serif;
}
#main h3 {
	font: normal 135% Helvetica, Arial, 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% "Andale Mono", "Monaco", "Courier New", Courier, Fixed, monospace;
}

/*
.entry-date {
	border-left: 1px dotted #aaa;
}
*/

.entry-date p {
	font: bold 140% Helvetica, Arial, sans-serif;
	text-align: right;
	margin-right: 10px;
}
.asides h2 {
	font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}
.asides h3 {
	font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}
.sidenote h2 {
	font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}
.sidenote h3 {
	font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}

/* Links
------------------------------------------*/
a:link, a:active { text-decoration: underline; color: #cb271e; }
a:visited { text-decoration: underline; color: #777; }
a:hover, a:focus { text-decoration: underline; color: #cb271e; }

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

ul.commando { width: 100%; list-style: none; overflow: hidden; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; } 
ul.commando li { display: inline; float: left; clear: none; width: 100%; padding: 0px; margin: 0px; } 
ul.commando li span { display: block; width: 100%; padding: 3px; padding-bottom: 0px; margin: 0px; font-size: 12px; color: #000000; } 
ul.commando li span a { font-size: 12px; color: #cb271e; }

.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: #cb271e; }

/* Headings & Titles
------------------------------------------*/
h2 a:link, h2 a:active, h2 a:visited {
	color: #cb271e;
}
h2 a:hover, h2 a:focus {
	color: #cb271e;
}
.entry-date, .entry-meta {
	/* color: #989D3C !important; */
	color: #aaa !important;
}
.entry-date a, .entry-meta a {
	/* color: #989D3C !important; */
	color: #aaa !important;
	border-bottom: 1px dotted #aaa; /* #989D3C; */
	text-decoration: none;
}
.entry-date a:hover, .entry-meta a:hover {
	/* color: #D3D764 !important; */
	color: #aaa !important;
	/* border-bottom: 1px dotted #D3D764; */
	text-decoration: underline;
}
#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% Helvetica, Arial, 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, Helvetica, Arial, sans-serif;
}

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

/* Tables */

.lies {
	/* font-size: 80%; */
}

.lies th {
	padding: 10px 5px 10px 5px;
	line-height: 1.5em;
}
.lies td {
	padding: 10px 5px 10px 5px;
	line-height: 1.2em;
	/* border-bottom: #bbb 1px solid; */
}

.benchmark-desc {
	font-size: 80%;
}

.benchmark-diff {
	font-size: 80%;
}

.benchmark-link {
	font-weight: bold;
}

.benchmark-link a {
	color: #cb271e;
}
/*
a:link, a:active { text-decoration: underline; color: #cb271e; }
a:visited { text-decoration: underline; color: #777; }
a:hover, a:focus { text-decoration: underline; color: #cb271e; }
*/
.benchmark-link a:visited  {
	color: #777;
}

.benchmark-score {
	font-size: 120%;
	font-weight: bold;	
}

.metric-name {
	font-weight: bold;
}

.metric-value {
}

.lies-even {
	background-color: #F5F5EF;
}

.lies-odd {
	background-color: #fff;
}

#main ul li {
	margin-left: 1em;
	margin-bottom: 0em !important;
}