/* CSS voor Ciki-template default */
/*
User colors:

#EFE - main background
#CDC - border color
#000 - main text
#066 - title text

#DFD - title background
#ACA - menu background
#DED - menu button background

#004 - link
#404 - visited link

*/
/* Generieke styles */
body {
	background-color: #444;
	color: #000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px; 
	height: 100%;
}
/* Headers, Blocks */
h1,h2,h3,h4 {
	margin-top: 5px;
	margin-bottom: 3px;
	color: #BD0649; /*#006;*/
}
h1,h2 {
	margin-top: .8em;
	border-bottom: 1px solid #DCC;
	padding-left: 4px;
	font-family: serif, cursive;
	letter-spacing: .1em;
}
h3, h4 {
	margin-top: .6em;
	padding-left: 4px;
	font-family: serif, cursive;
	letter-spacing: .1em;
}
hr {
}

p, div { /* div apart? */ 
	margin-top: 0px;
}
blockquote {
	font-family: monospace;
}
/* codevoorbeeld... eerder een class? */
pre {
	clear: both;
	margin: 15px;
	border: 1px dashed #666;
	padding: 10px;
	background-color: #DDD;
	color: #080;
	font-family: monospace;
	overflow: auto;
}

/* Lists */
ul, ol {

}


/* Inline: hyperlinks */
a {
	/*font-family: sans-serif; /*Minya, */
}
a:link {
	color:  black; /*#004;*/
}
a:visited {
	color: black; /*#404;*/
}

/* Inline: .... */




/* Vaste pagina-onderdelen */
#logo {
	border-width: 1px 1px 0px 1px;
	
	border-color: #666;
	border-style: solid;
	background-color: #CCC;
	text-align: center;
}
#logo h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	border: none;
	padding: .4em 3em .4em 3em;
	
	color: #BD0649; /* #C30 / #F93;*/
	text-align: left;
	/*font-family: Verdana, Arial, sans-serif; /*Georgia, Times, serif; */
	font-family:  Georgia, Times, serif; 
	font-weight: bold;
	font-style: normal; /*italic;*/
	font-size: 145%;
	letter-spacing: .4em;
	line-height: 1.8em;
}
#logo h1 {
	/*content: 'Carla Schoo Foto-grafie';*/
}
#menu {
	clear: right;
	float: right;
	width: 15%;
	
	margin: -1em -1em 2em 2em;
	border-width: 0px 0px 1px 1px;
	padding: .5em .5em .5em .5em;
	
	border-color: #666;
	border-style: solid;
	background-color: #FFE; /*#FEC;*/
	color: black;
}
#menu ul {
	display: block;
	margin: 4px;
	padding: 0em;
	list-style-type: none;
	text-align: left;
}

#menu ul li {
	margin: 8px;
	border-width: 2px;
	padding: .1em 1.2em .1em 1.2em;
	
	border-color: #FFE;
	border-style: outset;
	background-color: #FFE ; /*#FFEED8;*/
	list-style-type: none;
	font-weight: bold;

}
#menu ul li:hover {
	border-style: inset;
}
#menu ul li a {
	text-decoration: none;
}

#content {
	/*overflow: auto;*/
	margin: 0px;
	border-width: 1px 1px 1px 1px;
	padding: 1em;
	
	border-color: #666;
	border-style: solid;
	background-color: #FFF;
	color: #000;
}
#content p {
	color: #000;
	background-color: #FFF;
}
.content {
	float: left;
	width: 80%;
	color: #000;
}

#notice {
	clear: both;
	float: right;
	width: 100%;
	
	margin-top: 0;
	border-width: 0 0 0 0;
	padding-top: 3em;
	
	border-color: #666;
	border-style: solid;
	color: black;
	text-align: right;

}

/* Algemene classes */
.error {
	color: #900;
}
.notice {
	font-family: Domestic Manners, italic;
}

/* workaround classes */
.float_r {
	float: right;
	width: auto;
}
.float_r + *{
	clear: both;
}

/* classes in Album (but maybe others) */

.box {
	/*overflow: auto;*/
	margin-left: 0;
	margin-right: 0;
}


/* Family BUTTONBAR */
ul.buttonbar {
	margin: .5em 0 .5em 0;
	text-align: center;
	list-style-type: none;
}
ul.buttonbar li {
	display: block;
	float: left;
	width: 24%;
	text-align: center;
	border: 2px outset #EEE; /* #ACA ; #DED */
	background-color: #EEE;
}
ul.buttonbar li:hover {
	border: 2px inset #EEE;
}
ul.buttonbar li a {
	display: block;
	text-decoration: none;
}
ul.buttonbar:after {
	display: block;
	clear: both;
	content: ' ';
}

.prev {
	float: left;
	margin-left: 1em;
}
.next {
	float: right;
	margin-right: 1em;
}


/* Module ALBUM */
h4.album-title {
	/*float: left;*/
	xbackground: #FEE;
}

div.album-foto {
	xwidth: 75%;
	height: 350px;
	margin: 0px auto 0px auto;
	
	xbackground: #FFE;
	text-align: center;
	xvertical-align: middle;

}
/*img.album-foto */
div.album-foto img {
	height: 340px;
	border-width: 3px;
	
	border-color: #888;
	border-style: double;
}

div.album-fotodesc {
	text-align: center;
}


div.album-strip {
	overflow: visible; /*visible|hidden|scoll|auto*/ 
	xwidth: 80%;
	height: 82px;
	margin-top: .5em;
	/*border: 3px double #090;*/
	padding: 1em;
	
	text-align: center;
	vertical-align: middle;

}
/*img.album-thumb */
div.album-strip img {
	height: 80px;
	margin-left: 3em;
	margin-right: 3em;
	border-width: 3px;
	
	border-color: #101010;
	border-style: double;

}