/*
	Okewlus style sheet
	(c) alex mogilevsky. all rights reserved.
*/

html
{
	overflow:auto; /* hide scrollbars */	
	height:100%;
}

body
{
	background-image:url(bg.jpg);
	color: #696969;
	font-family: Verdana, Arial, Helvetica;
	margin:0; 
	padding:0; 
	height:100%; /* for IE6 */
}

a 
{ 
	color: #696969;
	text-decoration:none; 
}
a:hover 
{ 
	color:black; 
}
*:focus 
{ 
	outline:none; 
	-moz-outline:none; 
}

table
{
	border-collapse:collapse;
	margin:0; /* try me */
	padding:0; /* try me */
}


/* frame sizes to window */
div.C_PageFrame 
{
	width:100%;
	height:100%; /* for IE */
	position:absolute; top:0; bottom:0; /* for FF */
}

/* float at left */
div.C_PageHeader
{
    position:absolute; /* so it doesn't kick off the picture at narrow screen */
    top:0;
    left:0;
	width:33px;
	height:100%;
	overflow:visible;
	background-image:url('img/white25.png');
	background-repeat:repeat;
    text-align:center;
    
}
	div.C_Title
	{
		overflow:hidden;
		position:relative;
		right:0;
		top:0;
		z-index:20;
		font-size:2.62em;
		font-weight:bolder;
	}
	div.C_Subtitle
	{
		overflow:hidden;
		display:none;
		position:relative;
		z-index:0;
		font-size:1em;
	    background:#696969;
	}
	div.C_Copyright
	{
		overflow:hidden;
		position:absolute;
		z-index:10;
		left:0;
		bottom:0;
		font-size:1em;
		font-weight:bolder;
		text-align:right;
	}
		
table.C_PageMenu
{
	position:absolute;
	left:0;
	width:2.62em; /*width of header*/
	height:60%; /*not at 100% because then it covers email link in IE*/
	top:20%;
	overflow:visible;
}
td.C_PageMenu
{
	vertical-align:middle;
	height:100%;
}
div.C_PageMenu
{
	position:relative;
}
		div.C_Menu1
		{
			position:relative;
			z-index:12;
		}
		div.C_Menu2
		{
			position:relative;
			bottom:0;
			z-index:11;
		}
		div.C_Menu a.C_Button_Link
		{
			display:block;
			width:2.62em;
			position:relative;
		}
		div.C_Menu a.C_Button_Link:hover
		{
			margin-bottom:0;
		}
		div.C_Menu img.C_Button_Image
		{
		}

a.C_Button_Link
{
	white-space:nowrap;
}
	a.C_Button_Link span.C_Button_Label
	{
		display:none;
		position:absolute;
		padding-top:0.62em;
		padding-left:0.62em;
		z-index:50;
		font-size:smaller;
		color:black;
	}
	a.C_Button_Link:hover span.C_Button_Label
	{
		display:inline;
	}


div.C_PageContent
{
	padding-left:2.62em; /* width of header */
	height:100%;
}

div.C_PictureView
{
	position:relative;
	height:100%;
	overflow:auto;
	text-align:center;
}

	div.C_NotesContainer
	{
		float:left;
		position:relative;
		height:100%;
		width:50%;
		overflow:auto;
		text-align:left;
		color:#444444;
	}
	
		div.C_NotesHeader
		{
			color:Black;
			position:relative;
		}
			span.C_NotesCaption
			{
				display:block;
				font-size:larger;
				font-weight:bold;
				padding-right:4.24em;
			}
			span.C_NotesDate
			{
				display:block;
			}
			div.C_NotesHeader a.C_Button_Link
			{
				position:absolute;
				top:0.38em;
				right:0;
			}	
			div.C_NotesHeader a.C_Button_Link span.C_Button_Label
			{
				position:absolute;
				right:2.62em;
			}	
			div.C_NotesHeader a.C_Button_Link:hover span.C_Button_Label
			{
				color:Black;
			}	
			.C_CloseComments a img
			{
				visibility:hidden;
			}
			.C_CloseComments a
			{
				background-image:url('img/close.png');
				background-repeat:no-repeat;
			}
			.C_CloseComments a:hover
			{
				background-image:url('img/close_hover.png');
			}

		div.C_NotesContainer2
		{
			padding-left:2.62em;
			padding-right:1.62em;
			text-align:justify;
		}
			div.C_Notes,
			div.C_Comments
			{
				border-bottom:1px dashed #696969;
			}
			.comment-timestamp
			{
				margin-top:0.5em;
				font-style:italic;
				font-size:smaller;
			}
			#comments dt
			{
				margin-top:1em;
			}
			div.C_PleaseComment,
			div.C_YouHavePostedComment
			{
				margin-top:1em;
				margin-bottom:1em;
				font-style:italic;
			}
			textarea.C_EnterComment
			{
				width:296px;
				height:196px;
			}
			.C_CommentHint
			{
				font-size:smaller;
			}
	
	div.C_NotesNav
	{
		display:none;
	}

	div.C_PictureContainer
	{
		width:100%;
		height:100%;
		text-align:center;
	}

	table.C_PictureContainer
	{
		width:100%;
		height:100%;
	}

	td.C_PictureContainer
	{
		margin:0; /* try me */
		padding:0; /* try me */
		vertical-align:middle;
		text-align:left;
	}
	div.C_PictureBox
	{
		position:relative;
		width:100%;
		margin:0; /* try me */
		padding:0; /* try me */
	}

		div.C_PictureFrame
		{
			position:relative;
		    margin-left:auto; /* try me */
		    margin-right:auto; /* try me */
			padding:0;
			background:none;
			text-align:center;
		}
			span.C_SpanFrame1
			{
				display:block;
				position:absolute;
				left:-2%;
				top:0;
				height:1px;
				width:104%;
				border-top:1px solid black;
			}
			span.C_SpanFrame2
			{
				display:block;
				position:absolute;
				left:-2%;
				bottom:0;
				height:1px;
				width:104%;
				border-bottom:1px solid black;
			}
			span.C_SpanFrame3
			{
				display:block;
				position:absolute;
				left:0;
				top:-2%;
				height:104%;
				width:1px;
				background:black;
			}
			span.C_SpanFrame4
			{
				display:block;
				position:absolute;
				right:0;
				top:-2%;
				height:104%;
				width:1px;
				background:black;
			}

		img.C_Picture
		{
			position:relative;
			top:10px; /*border witdh*/
			margin:0;
			padding:0;
		}
		
		a.C_LabelBox
		{
			display:block;
			position:absolute;
			left:10px;
			top:100%;
			margin-top:0.62em;
			white-space:nowrap;
		}
		span.C_Label,
		span.C_Label_Date
		{
			margin-right:1.62em;
		}

	div.C_ArrowBox
	{
		display:none;
		position:absolute;
		top:10px;
		height:20px;
		background-image:url('img/white75.png');
		background-repeat:repeat-x;
	}
	
	a.C_PictureView_Link_Previous:hover
	{
	}

 	a.C_PictureView_Link_Previous
  	{
  		display:block;
  		position:absolute;
  		top:0px;
  		left:0;
		width:50%;
		height:100%;
		z-index:99;
		background-position:top right;
		background-repeat:no-repeat;
		background-image:url('img/pixel.png'); /* trick browsers into thinking we are not entirely transparent */
	}
 	a.C_PictureView_Link_Previous:hover div.C_ArrowBox
	{
		display:block;
		right:0;
	}
	span.C_ArrowPrevious
	{
		position:absolute;
		top:0;
		right:0;
		display:block;
		width:200px;
		height:20px;
		background-image:url('img/before.png');
		background-repeat:no-repeat;
	}

 	a.C_PictureView_Link_Next
  	{
  		display:block;
  		position:absolute;
  		top:0px;
  		right:0;
		width:50%;
		height:100%;
		z-index:99;
		background-position:top left;
		background-repeat:no-repeat;
		background-image:url('img/pixel.png'); /* trick browsers into thinking we are not entirely transparent */
	}
 	a.C_PictureView_Link_Next:hover div.C_ArrowBox
	{
		display:block;
		left:0;
	}
	span.C_ArrowNext
	{
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:200px;
		height:20px;
		background-image:url('img/after.png');
		background-repeat:no-repeat;
	}

	span.C_Before, span.C_After
	{
		display:none;
	}

	div.C_PictureContainer_WithNotes
	{
		width:50%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		overflow:auto;
	}

		div.C_PictureContainer_WithNotes table.C_PictureContainer
		{
			height:auto;
		}

		div.C_PictureContainer_WithNotes table.C_PictureContainer
		{
			width:99%; /* to avoid weird jumping scrollbar in Firefox */
		}
	
		div.C_PictureContainer_WithNotes div.C_PictureFrame
		{
			position:relative;
			width:100%;
			overflow:hidden;
		}
	
			div.C_PictureContainer_WithNotes span.C_SpanFrame1,
			div.C_PictureContainer_WithNotes span.C_SpanFrame2,
			div.C_PictureContainer_WithNotes span.C_SpanFrame3,
			div.C_PictureContainer_WithNotes span.C_SpanFrame4
			{
				display:none;
			}
	
		div.C_PictureContainer_WithNotes img.C_Picture
		{
			top:auto;
		}

		div.C_PictureContainer_WithNotes div.C_PictureFrame
		{
			background:none;
			text-align:left;
		}

	 	div.C_PictureContainer_WithNotes div.C_ArrowBox
	  	{
	  		top:0;
		}
		
	div.C_Exif
	{
		text-align:left;
	}
		table.C_ExifData
		{
			background:url(img/white50.png);
			margin-top:1em;
			font-size:smaller;
		}
		td.C_ExifLabel
		{
			text-align:right;
			padding-left:1em;
		}
		td.C_ExifDatum
		{
			text-align:left;
			padding-left:1em;
			padding-right:1em;
		}
		
	div.C_Adsense
	{
		margin-top:1em;
	}

div.C_Archive div.C_PageContent
{
	padding-left:3.24em;
}

a.C_Thumbnail
{
	display:block;
	width:202px;
	height:202px;
	overflow:hidden;
	float:left;
	position:relative;
}
a.C_Thumbnail:hover
{
	color:black;
}

	a.C_Thumbnail span.C_ThumbnailLabel
	{
		display:block;
		width:100%;
		position:absolute;
		bottom:0;
		background:white;
		padding-left:0.62em;

		filter:alpha(opacity=34);
		-moz-opacity:0.40;
		opacity:0.34;
	}

	a.C_Thumbnail:hover span.C_ThumbnailLabel
	{
		filter:alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}

div.C_AboutTextContainer
{
	float:left;
	position:relative;
	height:100%;
	width:50%;
	overflow:auto;
	color:#111111;
}
	div.C_AboutText
	{
		padding-left:2.62em;
		padding-right:1.62em;
		text-align:justify;
	}
		div.C_AboutText .post-footer
		{
			display:none;
		}

div.C_AboutLinks
{
	float:right;
	position:absolute;
	top:0;
	right:0;
	width:40%; /*todo: make 50% work*/
	height:100%;
	overflow:auto;
	color:#111111;
}