/* basic page elements */

body
{
	margin: 0 auto;
	padding: 0;
	border-top: 6px solid #c60;
	font-family: verdana, "lucida grande", geneva, helvetica, arial, sans-serif;
	font-size: 12px;
}

a { color: #2e9999; text-decoration: underline; }
a:visited { color: #999; }
a:hover { color: #2e9999; text-decoration: underline; }

h1, h2, h3, h4, h5, h6
{
	font-family: helvetica, arial, 'trebuchet ms', sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative; 
	width: 100%;
	w\idth: auto;
	
	margin: 0;
	border: solid #ccc;
	border-width: 0 0 2px 0;
	padding: 10px 7px 3px 7px;
	color: #666;
	background: #eee;
	font-size: 18px;
	line-height: 1;
	letter-spacing: -1px;
}

.module-header a,
.module-header a:visited,
.trackbacks-header a,
.trackbacks-header a:visited,
.comments-header a,
.comments-header a:visited,
.comments-open-header a,
.comments-open-header a:visited
{
	color: #e0e4e7;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover
{
	color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	font-size: 11px;
}

label {
	width: 200px;
	display: block;
	}


/* page layout */

body
{
	min-width: 768px;
	color: #666;
	background: #fff;
}

#container
{
	width: 768px;
	background: url(container-bg.gif) repeat-y;
	margin: 0 auto;
}

#container-inner
{
	padding-bottom: 36px;
	background: url(container-bottom-bg.gif) left bottom no-repeat;
}

#alpha, #beta, #gamma, #delta
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}

.entry-body {
	font: normal 14px/1.4 "Trebuchet MS", verdana, "lucida grande", geneva, helvetica, arial, sans-serif;
	}

#beta {
	float: right;
	}

#banner
{
	width: 768px; /* necessary for ie win */
	height: 76px;
	margin-top: 20px;	
	background: url(/images/kk.png) right bottom no-repeat;
}

#banner-inner
{
	padding: 28px 36px 7px 36px;
}

#banner a { color: #749390; text-decoration: none; }
#banner a:hover { color: #aaa; }

#banner-header
{
	margin: 0;
	padding: 0;
	color: #749390;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: -1px;
	
	display: none;
}

#banner-description
{
	margin: 1px 0;
	color: #749390;
	background: none;
	font-size: 11px;
	line-height: 1.125;
}

#pagebody
{
	background: none;
}

#alpha { margin: 0; width: 500px; }
#beta { width: 200px; 
		margin-top: 40px;}

.date-header
{
	margin: 0;
	padding: 9px 7px 0 7px;
	color: #e0e4e7;
	background: #bcc5cc;
	font-size: 18px;
	letter-spacing: -1px;
}

.entry-header
{
	margin: 0;
	border-bottom: 2px solid #ccc;
	padding: 7px 7px 5px 7px;
	color: #666;
	background: #eee;
	font-size: 18px;
	font-weight: bold;
}


/* modules */

.module-calendar .module-content table { font-size: 11px; }

.module-photo { background: #e1e5e7; }
.module-photo img { border: solid 1px #dce1e4; }

.module-powered .module-content
{
	margin: 15px 0 1px 0;
	padding: 7px;
	color: #fff;
	background: #bcc5cc;
}

.typelist-thumbnailed .module-list-item
{
	margin: 0 0 1px 0;
	border: 1px solid #d9dee1;
	background: #d9dee1;
}

.typelist-thumbnail { background: #fff; }


/* recent photos */

.module-recent-photos
{
	color: #fff;
	background: #bcc5cc;
}

.module-recent-photos .module-content
{
	padding: 0 0 5px 5px;
}

.module-recent-photos .module-list-item
{
	width: 64px; /* ie mac fix */
	margin: 5px 5px 0 0;
}

.module-recent-photos .module-list-item a
{
	border: 1px solid #2ba100;
	padding: 1px;
	background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
	border-color: #fff;
	background: #909fab;
}


/* artistic tweaks */


/* calendar tweaks */

	.layout-calendar #banner-header,
	.layout-calendar #banner-description
	{
		padding-right: 200px; /* make room for the calendar month caption */
	}
	
	.layout-calendar #beta { overflow: visible; }
	
	.module-mmt-calendar
	{
		overflow: visible;
		width: 420px;
	}
	
	.module-mmt-calendar .module-header
	{
		display: block;
		position: absolute;
		right: 0;
		top: -1.25em;
		height: 1.25em;
		margin: 0;
		border: 0;
		padding: 0;
		color: #bcc5cc;
		background: transparent;
		font-size: 18px;
		font-weight: normal;
		text-align: right;
	}
	
	.module-mmt-calendar .module-header a,
	.module-mmt-calendar .module-header a:visited
	{
		color: #2ba100;
	}
	
	.module-mmt-calendar table
	{
		color: #fff;
		background: #bcc5cc;
	}
	
	.module-mmt-calendar th,
	.module-mmt-calendar td
	{
		border-right: 1px solid #d0d0d0;
		padding: 2px;
		text-align: right;
		font-weight: normal;
	}
	
	.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
	{
		border-right: none;
	}
	
	.day-photo a
	{
		border: solid 1px #2ba100;
		padding: 1px;
		background: #fff;
	}
	
	.day-photo a:hover
	{
		border-color: #fff;
		background: #909fab;
	}


/* timeline tweaks */

	.layout-timeline #banner-header,
	.layout-timeline #banner-description
	{
		padding-right: 250px; /* make room for the timeline caption */
	}
	
	.layout-timeline #pagebody { background-position: 352px 0; }
	
	.layout-timeline #alpha { width: 332px; }
	.layout-timeline #beta { overflow: visible; width: 362px; }
	
	.layout-timeline #gamma,
	.layout-timeline #delta
	{
		width: 172px;
	}
	
	.layout-timeline .module-recent-photos .module-header
	{
		display: block;
		position: absolute;
		right: 36px;
		top: -1.25em;
		height: 1.25em;
		margin: 0;
		border: 0;
		padding: 0;
		color: #bcc5cc;
		background: transparent;
		font-size: 18px;
		font-weight: normal;
		text-align: right;
	}
	
	.layout-timeline .module-recent-photos .module-content { padding: 0 0 7px 7px; }
	.layout-timeline .module-recent-photos .module-list-item { margin: 7px 7px 0 0; }
	
#minitabs {
	margin: 0;
	padding: 0 0 20px 0;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-top: 10px;
	text-decoration: none;
	color: #ccc;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	padding-top: 10px;
	background: #fff;
	color: #666;
	background: url(/images/tab_pyram.gif) no-repeat top center;
	}

#minitabs a:hover {
	background: url(/images/tab_pyram_light.gif) no-repeat top center;
	}