/************************************ 
* File:			/stylesheets/blog.css (version 8.1)
* Copyright:	(c)2003-2007
* Author:		barclay loftus <barclay[at]distinctpixel.com>
*
* $LastChangedDate:$
* $Rev:$
************************************/

/************************************ 
* Basic HTML elements 
************************************/
body 		{background:#95A4B3; margin:auto; padding:3px; text-align:center;}
a 			{color: #FFFFCC;}
td img 		{display: block;}
pre, code 	{font: 11px/16px "Lucida Sans", Courier; padding: 5px; background: #666; border: 1px solid #CCC;}
form		{margin: 0px; padding: 0px;}


/************************************ 
* Outer Container
************************************/
#outerContainer {
	background:   #474C35;
	text-align:   center;
	margin-left:  auto; 
	margin-right: auto; 
	width:        760px;
	background:   url(/images/pageBG.jpg) top left repeat-y;
}
#outerContainer div.dancing	 							{background: url(/images/title_dancing.jpg) 	top left no-repeat;}
#outerContainer #innerContainer div.dancing				{background: url(/images/entryBG_dancing.jpg) 	top left no-repeat;}
#outerContainer #innerContainer #rightArea div.dancing	{background: url(/images/utilBG_dancing.jpg) 	top left no-repeat;}

#outerContainer div.shoe	 							{background: url(/images/title_shoe.jpg) 		top left no-repeat;}
#outerContainer #innerContainer div.shoe				{background: url(/images/entryBG_shoe.jpg) 		top left no-repeat;}
#outerContainer #innerContainer #rightArea div.shoe		{background: url(/images/utilBG_shoe.jpg) 		top left no-repeat;}

#outerContainer div.sky									{background: url(/images/title_sky.jpg)			top left no-repeat;}
#outerContainer #innerContainer div.sky					{background: url(/images/entryBG_sky.jpg) 		top left no-repeat;}
#outerContainer #innerContainer #rightArea div.sky		{background: url(/images/utilBG_sky.jpg) 		top left no-repeat;}

#outerContainer div.canyon								{background: url(/images/title_canyon.jpg) 		top left no-repeat;}
#outerContainer #innerContainer div.canyon				{background: url(/images/entryBG_canyon.jpg) 	top left no-repeat;}
#outerContainer #innerContainer #rightArea div.canyon	{background: url(/images/utilBG_canyon.jpg) 	top left no-repeat;}



/************************************ 
* Basic page elements 
************************************/
#innerContainer {width:760px; text-align:left; padding: 136px 0px 20px 22px; margin:0px; height: 375px;}
#outerEntry 	{width:500px; background: #484F4D; float: left; margin: 0px; border: 1px solid #ACAFAB; overflow: hidden;}



/************************************ 
* Inner Entry 
************************************/
#innerEntry 	{padding:14px 14px 0px 14px; font: normal 12px Georgia, Times, serif; line-height: 195%; color:#FFF;}
#innerEntry h1 	{font: normal 28pt Garamond, Georgia, Times, serif; font-style: oblique; margin: 0px; padding:0px;}
#innerEntry h2 	{font:lighter italic 16pt Garamond, Georgia, Times, serif; margin: 0px 0px 8px 0px; padding:0px;}
#innerEntry img {color: #FFFFFF; background:#FFFFFF; border:1px solid #FFFFFF;}
#innerEntry .timeStamp
{
	display:block;
	font:lighter 12px Garamond, Georgia, Times, serif;
	color: #CCC;
	text-align:left;
	padding-top:2px;
	border-bottom: 1px solid #737579;
}



/************************************ 
* Tags
************************************/
#innerEntry .tags		{font: 11px/15px Georgia, Times, serif; padding: 3px;}
#innerEntry .tags span	{float: left; display: block; margin-right: 5px; color: #BBB;}
#innerEntry .tags li {
	display: block; 
	list-style: none; 
	float: left;
	background: none;
	border: 1px outset #3A403E;
	padding: 0px 6px 0px 6px;
	margin: 0px 3px 0px 0px;
}
#innerEntry .tags li a	{text-decoration: none; color: #CCC;}

#prevNextbtn
{
	font: 13px Garamond, Georgia, Times, serif;
	color: #F7F7F7;
	margin: 10px; 
	border-top:1px #737579 solid; 
	padding:10px;
}

#blog_next_id		{text-align: right; width: 90px; display: block; }
#blog_prev_id		{width: 350px; display: block; float: left; }

#prevNextbtn a,
.permaLink a		{text-decoration: none; color: #F7F7F7;}

#prevNextbtn a:hover, 
.permaLink a:hover	{text-decoration: none;	color: #FFFFCC;}

.permaLink			{text-align:center; clear: both; font: bold 13px "Courier New", Courier, mono; padding: 10px 0px 8px 0px; }
.permaLink a		{text-decoration:none;color:White;}

#entryFoot			{}
#pageFoot			{height: 44px; background: url(/images/page_foot.jpg) bottom left no-repeat;}





/************************************ 
* Right Column 
************************************/
#rightArea					{background:#484F4D; width: 187px;float: left;margin: 0px 0px 0px 11px;border: 1px solid #ACAFAB;}
#rightArea input {
	font: lighter 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background: #828A93;
	border: 1px solid #ACAFAB;
	margin: 3px;
}

.formType, #historySelect
{
	font: lighter 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background: #828A93;
	border: 1px solid #ACAFAB;
	margin: 3px;
	width: 150px;
}

#entryControls				{background:#484F4D; padding:10px 0px 0px 0px;text-align:center;}

#entryControls #recently	{text-align: left; margin: 16px;padding-bottom: 8px;border-bottom: 1px solid #CCC;}
#entryControls #recently h4	{font:lighter italic 16pt Garamond, Georgia, Times, serif; color: #FFF; padding: 0px; margin: 0px;}
#entryControls #recently ul	{padding: 0px; margin: 0px;}
#entryControls #recently li	{font: 14px Garamond, Georgia, Times, serif;list-style: none;color: White; padding: 8px 0px 0px 0px; margin: 0px;}

#historyForm				{padding-bottom: 0px;}

#copyright
{
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 11px;
	font:lighter 9px Geneva, Arial, Helvetica, sans-serif; 
	text-align: center;
	color: #ACAFAB;
	
}

#copyright a
{
	color: #ACAFAB;
	border-bottom: 1px solid #ACAFAB;
	text-decoration: none;
}

/************************************ 
* Comments 
************************************/
.commentContainer					{margin: 10px 0 0 0;}
.commentContainer .commentBiline 	{font: 12px Georgia, Times, serif; color: #CCC;}

.commentBiline a, 
.commentBiline a:visited			{text-decoration: none; color: #CCC;}
.commentBiline a:hover				{color: #F7F7F7; background: #666;}

.commentContainer .comment			{background: #525856; padding: 10px 10px 4px 10px; font: 12px  Georgia, Times, serif; color: #CCC;}
.commentContainer .pending			{font: italic 10px Georgia, Times, serif; }
.commentContainer .commentDate		{font: 10px Georgia, Times, serif; padding-top: 6px;}

.commentContainer .disclaimer		{font: italic 10px Georgia, Times, serif; }

.commentField						{height: 30px; text-align: right;}

.commentContainer .input, #comment_comment
{
	width: 300px; 
	font: lighter 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background: #828A93;
	border: 1px solid #ACAFAB;
	margin: 3px;
}

.commentContainer #saveComment
{
	font: lighter 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background: #828A93;
	border: 1px solid #ACAFAB;
	margin: 3px;
}

/*begin classes */

.search_highlight
{
	background:#FFFFCC;
	color:#333333;
	font-weight:bold;
}

.rpt_sep
{
	display:block;
	height: 28px;
	background: url(/images/hr_bg.jpg) top left repeat-x;
	border:none;
}



div.good {border: 2px solid green; background-color: green; display: block;}
div.bad {border: 2px solid red; background-color: red; display: block;}
div.hidden{font: 12px Arial; border: 2px solid black; padding: 4px; display:none;}