/****************
digii.css (c) 2008 Marijn Kampf See www.digii.eu
*****************/

/****** colours 
	color: #F09F20; // orange 
	color: #E9E628; // yellow 
	color: #B1D235; // light green 
	color: #47B649; // green 
	color: #CDE4F6; // light light blue 
	color: #2BA9E1; // light blue 
	color: #4D50A2; // blue 
	color: #8250A0; // purple 
	color: #E02D92; // pink 
******/

body {
	margin : 0;
  padding: 0;
	font: 90% Verdana, Arial, sans-serif;
	background-image: url(i.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.logo {
	background-color: #AEB284;
	border-bottom: 3px solid #E02D92;
	margin-bottom: 1em;
}	

.menus {
	margin-left : 1em;
}

.menu {
  list-style-type: none;
  list-style-image: none;
	margin : 0;
  padding: 0;
}

.menu a {
	color: #4D50A2;
}

.menu ul {	
  list-style-type: none;
  list-style-image: none;
	margin-left : 1em;
  padding: 0;
}

.menu li {
	margin-bottom : 0.5em;
}

.logo img {
	border-width:0;
}

.sidebar {
	position: absolute;
	top: 0px;
	left:0px;
	width : 200px;
	float:left;
	background-color: #E9E628;
	border-right: 3px solid #F09F20;
}	

.main, .editHeaders {
	padding-left: 203px;
}

.resize {
	text-align: center;
	width: 739px;
	margin-left: auto;
	margin-right:auto;
	background-color: white;
}

.resize .image {
	width: 739px;
	background-color: black;
}

.resize img {
	padding-top:1px;
	border: none;
}

.resize .info {
	text-align: left;
	background-color:white;
}

.resize .title {
	display:inline;
	padding-left: 1em;
	padding-right: 1em;
	text-align:left;
	background-color: #CDE4F7;
	font-weight: bold;
}

.resize .title a {
	text-decoration: none;
	color: black;
}

.exifcontainer {
	display:block;
	text-align: right;
} 

.resize .exif {
	display:inline;
	background-color: #CDE4F7;
	text-align: right;
}

.photonav {
	clear: both;
	text-align: center;
	background-color: #29A8E0;
	border-top: 3px solid #E02D92;
	border-bottom: 3px solid #E02D92;
	color: white;
	font-weight: bold;
	padding: .25em 0em .3em 0em;
}

.breadcrumb {
	padding-left: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 90%;
}

.breadcrumb a {
	color: #4D50A2;
}

.thumb img {
	border: 0;
	border-bottom: 1px solid gray;
	border-right: 1px solid black;
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #C4C4C4;
	background-color: white;
	padding:5px;
}

.folder img {
	margin-left:-30px;

}

.thumb .title {
	text-align: center;
}

.folder img {
	/*padding :10px;*/
	border-bottom: 2px solid gray;
	border-right: 2px solid black;
	border-left: 2px solid #E0E0E0;
	border-top: 2px solid #C4C4C4;
	background : #CDE4F7;
}


.thumb {
	float:left;
	height: 225px;
	width: 200px;
	text-align:center;
	font-size: 80%;
	padding: 5px;
}

.selected img {
	opacity:0.5;
}

.rss img {
	border: 0px;
}

.corner {
	position:absolute;
	right:0px;
	top:0px;
	width: 121px;
	height:121px;
	font-size:11px;
	line-height: 150%;
	background-image: url(corner.gif);
	text-align:right;
	padding-top:3px;
	padding-right:5px;
	color: #E9E628;
	font-weight: bold;
}

.corner a {
	color: #E9E628;
}

.corner .copyright a {
	text-decoration: none;
}

.footer {
	clear:both;
	text-align: center;
	font-size: 80%;
}

.content {
	margin: 1em;
}

h1, h2, h3, h4, h5 {
	line-height: 1em;
	margin : 1em 0 0 0;
	color: #47B649; /* green */
}

.imgRight {
	float: right;
	padding-left: 1em;
	padding-bottom: 1em;
}

.code {
	background-color: #CDE4F7;
	border: 1px dotted #000;
	font-family: Courier, Courier New, Verdana, Arial;
}

.output {
	background-color: #868687;
	color: white;
	border: 1px dotted #000;
	font-family: Courier, Courier New, Verdana, Arial;
}

.date a, .dateto a {
	text-decoration: none;
	color: black;
}

.dates {
	position:relative;
	top: 5px;
	/*background-color:green;*/
	float:left;
}

.date {
	text-decoration: none;
	position:relative;
	width: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.dateto {
	position:relative;
	display:inline;
	padding:15px 0px 0px 0px;
	font-style: italic;
	font-weight: bold;
}

.date .header {
	background-color: #ea76b8;
	color: white;
	font-size: 6pt;
}

.date .header a {
	text-decoration: none;
	color: white;
}

.date .middle a, .date .bottom a, .dateto a {
	text-decoration: none;
	color: black;
}

.date .middle {
	border-left: 2px solid #f5c06e;
	border-right: 2px solid #f5c06e;
	background-color: #f0ee73;
	font-size: 14pt;
}

.date .bottom {
	font-size: 6pt;
	border-left: 2px solid #f5c06e;
	border-right: 2px solid #f5c06e;
	border-bottom: 2px solid #f5c06e;
	background-color: #f0ee73;
}

.clock {
	float: right;
	margin: 5px 5px 0px 0px;
}

.dateBig {
	float: right;
	text-decoration: none;
	position:relative;
	text-align: center;
	padding: 0px;
	margin: 5px 5px;
	font-size: 8pt;
	font-weight: normal;
}

.dateBig .big, .dateBig .small, .dateBig .bottom {
	border-left: 2px solid #f5c06e;
	border-right: 2px solid #f5c06e;
	background-color: #f0ee73;
}

.dateBig .header {
	background-color: #ea76b8;
	color: white;
	font-size: 7pt;
}

.dateBig .big {
	font-size: 14pt;
}

.dateBig .bottom {
	border-bottom: 2px solid #f5c06e;
	font-size: 7pt;
	color:red;
}

.header, .middle, .bottom {
	display:block !important;
}

.spacer {
	width: 9px;
	height: 18px;
}

.toggle .selected {
	display: block;
}

.toggle {
	overflow : hidden;
	float: left;
	width: 9px;
	margin-top: 4px;
	line-height: 1em;
	margin-right: 2px;
	margin-left: -11px;
	
}

.notselected {
	display: none;
}

.toggle img {
	margin-left: -18px;
	border: none;
}

.deselect img {
	margin-left: -9px;
	border: none;
}

.selectedDiv {
	display: block;
}

.togglenone img {
	margin-left: 0px;
}

.selected {
	font-weight: bold;
}

/** SITEMAP **/

.sitemapContainer {
	margin-left : -25px;
}

.sitemap {
	margin-left: 25px;
	padding-right: 3px;
	clear : right;
}

.sitemap .name, .sitemap .title {
	display : inline;
}

.sitemapThumb {
	float : right;
	border: none;
	margin-left : 10px;
}

.nameAndTitle {
	overflow : visible;
}

.newsletter .title {
	font-size: 80%;
	font-weight: bold;
	color: #551a8b;
}

.newsletter .blurp {
	font-size: 66%;
	font-weight: normal;
}

