/* Link styling*/

a:link {color: #2964ad; text-decoration:none; border-bottom:1px solid #aed6f1;}
a:visited {text-decoration:none;color: #d88644;border-bottom:1px solid #f9dcbe;}
a:hover, a:focus {text-decoration:none;border-bottom:1px solid #276fa4; color: #204260; background:#eee;}
a:active {text-decoration:none;border-bottom:1px solid #4b7032; color: #444; background:#cff0fd;}

/* Generic */

form{display: inline;margin: 0;padding: 0;}
td{padding-right: 0;	padding-left: 0;border-style: none;	vertical-align: middle;}
sup{font-size:75%;}
ul{margin: 2px 50px 10px 10px; padding-left: 10px;list-style-type: square;}

/* Standard font */

p, .linkssection, li, .download, table, .ibox, .description, body{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#444;
}
b{color:#333;}


/* Stencil */

body {
	text-align:center;
	background-color:#3d3d3d;
	margin:0 0 10px 0;
	background-image: url('bg6.gif');
	background-repeat: repeat;
}

#wrapper{
	background: #ccc;
	margin: 0 auto 0 auto;
	width:725px;
}

#header{
	background: #2e64d3;
	background-image: url('hdb.gif');
	background-repeat: repeat;
	display:block;
}

#header h1{
	color:#fff;
	background:#377bf9;
	display:block;
	text-align:right;
	font-family: arial, 'gill sans', sans-serif;
	font-weight:normal;
	font-size:48px;
	line-height:48px;
	padding:103px 13px 21px 0;
	margin:0px;
	margin-left:7px; border-left:1px dotted #555; /**/
	margin-right:7px; border-right:1px dotted #555; /**/
}

#header h1 span{
	background:url('hdb.gif');
	padding:6px; border:1px solid #6c9bfa;
}

#main{
	background: #f3f3f3; 
	margin-right:7px; border-right:1px dotted #777; /**/
	margin-left:7px;
}

#content{
	border-left:1px dotted #777; /**/
	background: #fff;
	margin-right: 145px;
	padding: 20px 30px 40px 40px; 
	border-right: 1px solid #d1d1d1;
	text-align:left;
}
	
#links{
	width: 140px;
	float: right;
	padding: 10px 0px 0px 2px;
	margin:0;
	text-align:left;
	list-style-type: none;
	/*display:inline;*/    /* ie6 double margin bug */
}

#links li{padding:0;margin:0;}
	
#links a, #links a:visited{
	font-family: arial, 'gill sans', sans-serif;
	font-weight:bold;
	font-size: 15px;
	line-height: 23px;
	margin: 0 0 4px 8px;
	padding: 2px 2px 0px 0px;
	color: #b0352a;
	text-decoration: none;
	border-bottom:0px;
}
	
#links a:hover, #links a:focus {
	color: #444;
	text-decoration: none;
	border-bottom:1px solid #db3321;
	background:#fff;

	}

#links a:active {
	color: #777;
	text-decoration: none;
	border-bottom:1px solid #db3321;
	background:#fff;
	}

.clear{clear: both; margin: 0; padding: 0;}

#foot{
	clear:both;
	display:block;
	background:url('hdb.gif');
	padding-bottom:10px;
	border:0px solid #4b88f9; /**/

}


.validate{	width:725px; text-align:right; margin: 10px auto;}
.validate span{margin:0px; padding:3px; background:#4a4a4a; color: #999; border: 1px solid #555;}
.validate a, .validate a:hover{border:0; background: transparent;}
.validate a, validate a:visited{color: #457ce4;text-decoration:none;}
.validate a:hover{color:#719efa; text-decoration: underline;}
#footer div.cac{float:left;}
#footer a:link, #footer a:visited{text-decoration:underline; border:0; color:#fbf9e2; font-size:130%; font-weight:bold; padding:3px;}
#footer a:hover {color: #eee;font-size:130%; text-decoration: none; border:1px solid #cbe5fd;background:#a72221;padding:2px;}
#footer a:active {color: #fff;font-size:130%; text-decoration: none; border:1px solid #fff;background:#912924;padding:2px;}

	
.ti{
	padding-left:12px;
	padding-bottom:9px;
	color:#000;
	display:inline;
	margin-left:20px;
}

.imgtag{
	padding:22px 90px 9px 0px;
	border-bottom:0px solid #d6d6d6;
	display: block;
	margin-left:-15px;
}





/* Text */
/*THE bigggest header is Zapfino 33px (size 36)*/

h1{
	font-family: georgia, serif;
	color: #000; 
	font-size: 30px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	margin-top: 0px;
	padding-top: 30px;
	margin-bottom: 27px;
	display:block;
	}


h2{
	/*text-transform: uppercase;*/
	font-family: georgia, serif;
	color: #222; 
	font-size: 23px;
	font-weight: normal;
/*	border-bottom:1px solid #ddd;
	padding: 30px 0 0px 22px;
	margin: 0px 40px 0 -25px;
	background: url('vign4.gif') no-repeat 2px bottom;*/


	border-bottom:1px solid #ccc;
	padding: 30px 0 0px 0px;
	margin: 0px 5px 0 -20px;
	background: url('vign4.gif') no-repeat right bottom;

}


h3{
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 14px;
	padding: 12px 12px 2px 0px;
	margin: 0px 40px 0 0px;
}

/* Page description */
.description {
	padding:0px 0 5px 0;
	font-family:georgia;
	font-weight:normal; 
	font-size:120%; 
	color:#aaa;	
}

.description h1{
	text-align:left;
	margin-left:0px;
	color:#2d529a;
	margin-bottom:8px;
	font-size:280%;

}


p, .linkssection{
	margin:  10px 10px 0 0px;
	padding: 0 0 7px 0;
}

textarea{white-space:normal;}


/* Elements */

.pm{text-align: center;}

.linkssection div{padding-top: 6px;}

.linkssection a, .linkssection a:visited{ 
	display:block;
	text-decoration:none;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	background:transparent;
	border-bottom:0px;
}

.linkssection a:hover{
	text-decoration:underline;
	background:transparent;
	border-bottom:0px;
}

.linkssection a:active{
	text-decoration:underline;
	background:transparent;
	border-bottom:0;
}

.linkssection li a, .linkssection li a:visited{
display:inline;
line-height:180%;
padding-right:4px;
}

.linkssection ol{
font-weight:bold;
padding:0 0 0 20px;
margin:0;
}

.linkssection ol span{
font-weight: normal;
font-style: normal;
color:#444;
}


.imgarea img{padding:0px; margin:2px; border: none;}
/*.imgarea img:hover{padding:0px; margin:0px; border: 2px solid #ccc;}
.imgarea img:active{padding:0px; margin:0px; border: 2px solid #777;}*/

.ibox{
	/* For installation guideline etc.*/
	background: #ececec;
	border: 1px solid #c0c0c0;
	padding: 10px;
	margin: 10px 0px 0 0px;
}




.download{margin: 20px 0;}
.download span a{margin-right:7px;font-weight:700;}
.download span{
	background:#ececec;
	color:#777;
	border:1px dashed #c0c0c0;
	margin:10px 10px 10px 0px;
	padding:12px;
}

.download span:hover{
	border:1px solid #c0c0c0;
	
}

.greytablefit, .bigstyledtable {
	border: 1px solid #808080;
	background: #ececec;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
}

.greytablefit td, .whitetable{
	border: 1px solid #c0c0c0;
	background: #fff;
	padding:7px;
	text-align: left;
	width: 100%;
}







/* Gallery */



div#overview a, div#overview  a:hover{
		background-position: 5px 50%; background-repeat: no-repeat;border-bottom:0;
	}

div#overview ul{padding: 0;	margin: 0;}
	
div#overview li {
	
		list-style-type: none;
		display:inline;
		float:left;
		width: 100%;
		margin:2px;
		padding:0;
	}
	
div#overview ul li a,  div#overview ul li div {
		color: #333;
		height: 147px;
		background-color: #fcfcfc;
		overflow: hidden;
		padding: 10px 10px 0 226px;
		border: 1px solid #dfdfdf;
		border-left:0px;
		border-right:0px;
		display:block;
}





div#overview ul li a:hover, div#overview ul li a:focus {
		text-decoration: none;
		color: #000;
		background-color: #eee;
		border: 1px solid #ccc;
		border-left:0px;
		border-right:0px;
}




div#overview  span.albumTitle{
		color: #000;
		font-weight: bold;
		font-family:georgia, sans-serif;
		font-size:120%;
		display:block;
		padding: 0 0 3px 0;
		

}
div#overview  span.imgDesc{
		color: #333;
		text-decoration:none;
		font-family:georgia, sans-serif;
		font-style: italic;
}

div#overview  span.number{
		color: #aaa;
		text-decoration:none;
		font-size:11px;
		display:block;
		margin: -1px 0 0 0;
}
