/*

	j & Nocturnal Fauna Style

	A dark version of the default Fauna style.	
	
*/

/*

	Widths
	
*/
#wrapper {
	min-width: 850px;
	width: 850px; 			/* Entire blog width */
}
#body {
	padding: 0 1.5em;
}
#sidebar {
	width: 210px;				/* Sidebar width */
	float: right;
	padding-left:10px;
}
#main {
	width: 590px;				/* Main column width */
	float: left;
}
#sidebar ul.inner {
	padding: 0 0 0 .8em;
	line-height: 1.2em;
}
#header {
	height: 130px!important;
}

.left #sidebar {
	float: right;
}
.left #sidebar ul.inner {
	padding: 0 .8em 0 0;
}
.left #main {
	float: left;
}

/* 

	Background
	
*/
.bg { 
	background: #fff;

}

#header {
	background-image: url('../../images/masthead-fauna.jpg');
	background-repeat: repeat-x !important;
	background-position: center top;
}

.searchbox {
	background: #0b0b0b;
}


/*


	Colors

*/
body {
	color: #000;				/* Text color */

}

.box, #sidebar ul.inner li {
	background-color: #FFF;		/* Box background color */
	border: 2px none #EEE;
}
#sidebar ul.inner li {
	background: none;
	background-color: #fff;		/* Box background color */
	border: none;
}
#sidebar, #secondary, #copyright {
	color: #363636;				/* Sidebar text color */
}

/* 

	Link Colors
	
*/
a:link, a:active { text-decoration: underline; color: #0040B6; }
a:visited { text-decoration: underline; color: #000; }
a:hover, a:focus { text-decoration: underline; color: #C33E03; }

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

h1 {
	color: #FFAE21;
}
h1 a:link, h1 a:active, h1 a:visited {
	color: #FFAE21;
}
h1 a:hover, h1 a:focus {
	color: #FFAE21;
}

h2 {
	color: #FFAE21;
}
h2 a:link, h2 a:active, h2 a:visited {
	color: #FFAE21;
}
h2 a:hover, h2 a:focus {
	color: #FFAE21;
}
p.commentlink, .entry-meta {
	color: #484D0C !important;
}
p.commentlink a {
	color: #484D0C !important;
}
p.commentlink a:hover, .entry-meta a:hover {
	color: #C33E03 !important;
}
.entry-meta a {
	color: #484D0C!important;
}
#main p a img {
	border: 0px;
}
#main p a img:hover {
	border: 0px;
}
#menu a:link, #menu a:visited { color: #8A8A86; font-size:10px;}
#menu a:active, #menu a:hover { color: #8A8A86; font-size:10px; }
body#index li#current-index a, body#index #current-index a:visited,
#menu .current_page_item a, #menu .current_page_item a:visited
{
	color: #8A8A86; font-size:10px;
}
#nav {float:left; margin-left:6px;}

#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited {	/* Only works in modern browsers */
	color: #363636;
	font-weight: bold;
}

.notice a:link, .notice a:visited, .notice a:active, .notice a:hover { color: #000; }

/* 

	Fonts
	
*/

body {
	font: 75%/155% Verdana, Arial, Helvetica, sans-serif;
}
.textwidget  {
	font: 90%/160% Verdana, Arial, Helvetica, sans-serif;
}

.recent-posts-2 {
	font: 90%/160% Verdana, Arial, Helvetica, sans-serif;
}
.cat-item  {
	font: 90%/160% Verdana, Arial, Helvetica, sans-serif;
}
#footer {
	font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
}

cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font: bold 300% Arial, Helvetica, sans-serif; line-height: 100%;
}

h2 {
	font: bold 300% Arial, Helvetica, sans-serif; line-height: 100%;
}
#main h3 {
	font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
	font: 135% "Lucida Sans Unicode", Arial, sans-serif;
}
/* Opera can't render ♥ symbol with Lucida, so set generic font */
@media all and (min-width: 0px){ 
.noteworthy {
	font: 135% serif;
}
}
.noteworthy a {
	color:#FF7953 !important;
}
.noteworthy a:hover {
	color:#FF8F6F !important;
}
code, pre, kbd, samp {
	font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
p.commentlink {
	border-left: 1px dotted #C2C76D;
}
p.commentlink {
	font: normal 140% Arial, Helvetica, sans-serif;
}
.aside p.commentlink {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.asides h2, .asides h3, .sidenote h2, .sidenote h3 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

/*

	Various
	
*/

acronym, abbr {
	border-bottom: 1px dashed #C63;
}
strike, del {
	color: #797977;
}
ins {
	color: #989D3C;
}
label:hover {
	color: #000;
}
fieldset {
	border: 1px solid #F4F8FB;
	background-color: #F4F8FB;
}
legend {
	background-color: #fff;
}
.notice { 	/* Moderation Message */
	background-color: #eeeeee;
	color: #000000; 
	border: 1px dashed #000;
}
blockquote, pre {
	border-left: 1px solid #CCCCCA;
}
#tags-allowed {
	color: #000; 
	border: 1px solid #175866;
	background-color: #DDDDDD;
}


/* 

	Comments & Trackbacks
	
*/
.comment-even {
	background-color: #F3F3F3;
}
.comment-odd {
	background-color: #FFF; 		/* Change this colour to add "Flip flopping" backgrounds */
}
.comment-author { 					/* Author background color */
	background-color: #FFFFDD;
	border: 1px dashed #C5BCA7;
}
a.comment-permalink {
	color: #555 !important;				/* Text color */
	text-decoration: none !important;
	border-bottom: 1px dotted #C5BCA7;
}
#trackbacklist li a {
	background-color: #F5F5F5;
}
#trackbacklist li {
	border: 1px dashed #C5BCA7;
	background-color: #0D3139;
}
#trackbacklist li small {
	color: #C5BCA7;
}
#trackbacklist li a:hover {
	background-color: #EEE;
}
#trackbacklist li a:active {
	background-color: #EEE;
}

/*

	Search
	
*/
.search-results small {
	font-size: 100%;
}
.search-results small a {
	color: #989D3C !important;
	text-decoration: none !important;
}


/* 

	Calendar
	
*/
#wp-calendar caption {
	color: #989D3C;
}
#wp-calendar a {
	background-color: #414647;
}
#wp-calendar a:hover {
	background-color: #454A4B !important;
}

/* 

	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;
}
.longtailvert a {
	padding: 0 .5em;
	text-decoration: none;
	color: #fff;
}
.longtailvert a:hover {
	background: #DFDACA;
}

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

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