/*
OceanGray/one Styles for Fauna

http://www.oceangray.net

http://test.oceangray.net (for preview)
*/


/*

	Widths
	
*/
#wrapper {
	min-width: 670px;
	width: 670px; 			/* Entire blog width */
}
#body 
	
*::-moz-selection { /*for firefox - added by oceangray*/
	background-color:#FF3C00;
	color: #fff
}

#sidebar {
	width: 28%;				/* Sidebar width */
	float: right;background: #fff url(images/dots.jpg);
}
#main {
	width: 69%;				/* Main column width */
	float: left;background: #fff ;
}
.inner {
	padding: 0 0 0 2.8em;
}

h1 {
	display: none;
}
#header {					/* Oceangray header */
	background:  url(images/head.jpg) !important;
	height: 52px;
}
#header .tl, #header .tr {	/* Hide rounded corners */
	display: none;
}


/* 

	Background
	
*/
.bg { 						/* Oceangray background */
	background: #fff url(images/mathbg.gif) !important;
}

/*

	Colors

*/
body {
	color: #565654;				/* Text color */
}
.box, #sidebar ul.inner li {
	 border:1px dotted #C2C76D;	/* Box background color */
}
#sidebar, #secondary, #copyright {
	color: #A5A5A3;			/* Sidebar text color */
}

/* 

	Link Colors
	
*/
a:link, a:active { text-decoration: bold; color: #17A; }
a:visited { text-decoration: none; color: #035; }
a:hover, a:focus { text-decoration: bold; color: #FF3300; }

#sidebar a:link, #sidebar a:active { text-decoration: none; color: #79A; }
#sidebar a:visited { text-decoration: none; color: #578}
#sidebar a:hover { text-decoration: bold; color: #FF3300}

h2 a:link, h2 a:active, h2 a:visited {
	text-decoration: none; 
	color: #FF3300 !important;
}
h2 a:hover, h2 a:focus {
text-decoration: none !important;
	color: #FF3300 !important;
}
p.commentlink, .entry-meta {
	color: #6da6eb !important;
}
p.commentlink a {
	color: #6da6eb !important;
}
p.commentlink a:hover, .entry-meta a:hover {
	color: #777 !important;
}
.entry-meta a {
	color: #777 !important;
}
#main p a img {
	border-bottom: 1px solid #17A;
}
#main p a img:hover {
	border-bottom: 1px solid #6BD;
}

#menu {
  display:block;
  text-indent:0.2em;
  text-decoration:none;
  padding:7px; 
  margin:0 0 0 0; 
  list-style-type:none;
}

#menu a {
  display:block;
  padding:auto;
  color:#000; 
  background:#fff; 
  border-left:0.5em solid #ccc; 
  text-decoration:none;
  }

#menu a:hover {
  color:#000; 
  background:#FFF;
  border-left:0.5em solid #09c;
  } 


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: #FF3300;
	font-weight: normal;
}
h1 a:link, h1 a:visited {	/* Logo */
	color: #FF3300;
}
h1 a:hover, h1 a:active {
	color: #FF3300;
}

/* 

	Fonts
	
*/
h1 {
	font: 150%/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: 140% Arial, Helvetica, sans-serif;
}
#main h3 {
	font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
	font: 135% "Lucida Sans Unicode", Arial;
}
.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 100% 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: #B6B6B4;
}
ins {
	color: #989D3C;
}
label:hover {
	color: #000;
}
fieldset {
	border: 1px solid #F4F8FB;
	background-color: #F4F8FB;
}
legend {
	background-color: #fff;
}
.notice { 	/* Moderation Message */
	border-top: 1px solid #FFF200;
	border-bottom: 1px solid #FFF200;
	background-color: #FFFFF4;
}

blockquote, pre { /*revision by oceangray*/

	display: block;
	padding: 0 10px 0 30px;
	text-indent: 2em;
	background: #EFF8FE url(images/alinti.gif) no-repeat -10px -7px;
	border: 1px dashed #AFDCFA;
	font-size: 10px;
}

#tags-allowed {
	border-top: 1px solid #D6E1ED;
	border-bottom: 1px solid #D6E1ED;
	background-color: #F8FAFC;
}

/* 

	Comments & Trackbacks
	
*/
.comment-even {
	background-color: #F8FAFC;
}
.comment-odd {
	background-color: #F8FAFC; 		/* Change this colour to add "Flip flopping" backgrounds */
}
.comment-author { 					/* Author background color */
	background-color: #EEF4F9;
}
a.comment-permalink {
	color: #565654 !important;				/* Text color */
	text-decoration: none !important;
	border-bottom: 1px dotted #565654;
}
#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;
}

/*

	Search
	
*/
.search-results small {
	font-size: 100%;
}
.search-results small a {
	color: #FF3300 !important;
	text-decoration: none !important;
}

#searchform {
	background: #FFFFFF;
	}
	
#s {
	background: #FFFFFF;
	border: 1px solid #eee;
	color: #eee;
	font-size: 1em;
	padding: 2px;
	width: 200px;
	}

#s:focus{
	color: #444;
	background: #fff;
	border: 1px solid #868686;
	}



/* 

	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;
}

/* 

	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;
	margin-bottom: .8em;
}
.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;
}
.UTW-weighted {
	margin-bottom: .8em;
}
.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;
}

/***************************** oceangray extras ******************************/


