/****************************************************************/
/****************************************************************/
/** kaple.dk - Stylesheet by Jakob Poulsen 					   **/
/****************************************************************/
/****************************************************************/

/****************************************************************/
/* Anchors														*/
/****************************************************************/
a { 
	text-decoration: 		underline;
}
a:link, a:visited, a:active { 
	color: 					#777777; 
}
a:hover { 
	text-decoration:		none;
}


a.menulink {
	text-decoration:		none;
}
a.menulink:link, a.menulink:visited, a.menulink:active {
	color:					#666666}
a.menulink:hover {
	text-decoration:		underline;	
}

div.credits a, div.credits a:visited, div.credits a:active {
 color: black;
}


/****************************************************************/
/* Bodies 														*/
/****************************************************************/
body {
  background-color: #AAAAAA;
	background-image:			url("gfx/bg.jpg");
	background-attachment:		fixed;
	background-repeat:			repeat;
	font-size:					11px;
	font-family:				tahoma, verdana, sans-serif;
	margin:						0;
	padding:					0;
	text-align:					center;
	min-width:					1010px;
} * html body {	/* IE Only :) */
	scrollbar-face-color:		#CCCCCC;
	scrollbar-track-color:		#CCCCCC;  
	scrollbar-highlight-color:	#CCCCCC;
	scrollbar-shadow-color:		#CCCCCC; 
	scrollbar-3dlight-color:	#777777; 
	scrollbar-darkshadow-color:	#777777;
	scrollbar-arrow-color:		#777777;
}

/****************************************************************/
/* Div's 														*/
/****************************************************************/
div {
	margin:					0;
	border:					0;
	border:					none;
	font-size: 				11px;
}


div.banner {
	position:				absolute;
	right:					765px;
	top:					15px;
	width:					233px;
	height:					580px;
	padding:				0px;
	border:					none;
	background-image:		url("gfx/banner.gif");
	background-repeat:		no-repeat;
	background-position:	center left;
}

div.comment {
	padding:				3px;
	background-color:		#DDDDDD;
	border:					1px solid #777777;
}

div.commentsearch {
	padding:				3px;
	background-color:		#CCCCCC;
	border:					1px solid #777777;
	margin-left:			6px;
}

div.commentsearch p {
	font-weight:			bold;
	margin-bottom:			3px;
	border-bottom:			1px solid #777777;
	padding-bottom:			1px;
}

div.content {
	position:				absolute;
	right:					240px;
	top:					15px;
	width:					500px;
	height:					570px;
	padding:				4px;
	overflow:				auto;
	background-color:		#CCCCCC;
	border:					1px solid #777777;
	color:					#777777;
} * html div.content { /* Box Model Hack for IE5 compatibility */
	width:					510px;
	w\idth:					500px;
	height:					580px;
	he\ight:				570px;
}


div.credits {
	position:				absolute;
	right:					240px;
	top:					595px;
	width:					510px;
	color:					black;
	font-family:			arial;
	font-size:				9px;
	font-weight:			400;
	text-align:				center;
	padding-top: 3px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: shadow(color=#888888, direction=135) alpha(opacity=75);
}


div.effect {
	position:				absolute;
	right:					0px;
	top:					0px;
	width:					400px;
	height:					585px;
	background-position:	center right;
	background-repeat:		no-repeat;
	background-image:		url("gfx/effect/broderick.gif");
}

div.gallerylist {
	background-color:		#DDDDDD;
	border:					1px solid #777777;
}


div.gallerythumb {
	background-color:		#DDDDDD;
	padding:				3px;
	border:					1px solid #777777;
	text-align:				center;
}

div.menu {
	position:				absolute;
	top:					15px;
	right:					15px;
	width:					120px;
	padding:				4px;	
	background-color:		#AAAAAA;
	border:					1px solid #666666;
	color:					#666666;
	font-size:				13px;
} * html div.menu { /* Box Model Hack for IE5 compatibility */
	width:					130px;
	w\idth:					120px;
}


div.newsitem {
	margin-bottom:			20px;
	padding:				4px;
	border:					1px solid #777777;
	background-color:		#DDDDDD;
	text-align:				justify;
	position:				relative;
}


div.randomimage {
	position:				absolute;
	right:					15px;
	bottom:					5px;
	padding:				4px;
	background-color:		#AAAAAA;
	border:					1px solid #666666;
	color:					#666666;
	text-align:				center;
}


div.tutorial {
	padding:				4px;
	border:					1px solid #777777;
	background-color:		#DDDDDD;
	text-align:				justify;
	position:				relative;
}


div.wrapper {
	margin:					0 auto;
	width:					1000px;
	height:					600px;
	text-align: 			left;
	position:				relative;
}


/****************************************************************/
/* Headings														*/
/****************************************************************/

h3,h4 {
	font-size: 13px;
	margin: 4px;
	margin-top: 0px;
	margin-left: 0px;
}

h4 {
	font-size: 11px;
	margin-top: 0px;
	margin-left: 4px;
}

/****************************************************************/
/* Images														*/
/****************************************************************/
img {
	border:					1px solid black;
}


img.avatar {
	margin-right:			4px;
	float:					left;
}


img.floatleft {
	margin-right:			6px;
	float:					left;
}


img.floatright {
	margin-left:			6px;
	float:					right;
}


/****************************************************************/
/* Input etc.													*/
/****************************************************************/
form {
	margin:						0;
	padding:					0;
}

fieldset.comment {
	width:	260px;
	text-align: center;
	padding: 5px;
	border: 2px groove #DDDDDD;
}

fieldset legend {
	color:						#777777;
}

fieldset.search {
	border: 2px groove #DDDDDD;
	padding: 10px;
}

input.searchradio {
	background-color:			transparent;
	border:						none;
}

input, textarea, select {
	font-family:				tahoma, verdana, sans-serif;
	font-size:					11px;
	background-color:			#DDDDDD;
	border:						1px solid #777777;
}


input.comment {
	margin:						1px;
	padding:					2px;
	width:						75px;
}


input.contact {
	margin-bottom:				3px;
	width:						250px;
}


textarea.comment {
	margin:						1px;
	width:						250px;
	height:						100px;
	overflow:					auto;
}


textarea.contact {
	width:						250px;
	height:						125px;
	overflow:					auto;
}

/****************************************************************/
/* Paragraphs													*/
/****************************************************************/
p {
	margin:					0;
	padding:				0;
}

p.comment {
	font-weight:			bold;
	border-bottom:			1px solid #777777;
	margin-bottom:			3px;
}

p.commentsheadline {
	font-size:				14px;
	margin-top:				5px;
	margin-bottom:			5px;
}

p.gallery {
	font-size:				14px;
	margin:					3px;	
}

p.galleryheadline {
	font-size:				16px;
	font-weight:			bolder;
}

p.gallerysort {
	font-size:				9px;
	margin-bottom:			10px;
}

p.headline {
	font-size:				16px;
	font-weight:			bolder;
	margin-bottom:			10px;
}

p.newsheadline {
	font-size:				13px;
	font-weight:			bold;
}

p.newsdate {
	font-size:				9px;
}

p.randomimage {
	margin-bottom:			4px;
}


/****************************************************************/
/* Tables														*/
/****************************************************************/

table.statistics td, table.top5 td {
	padding:					3px;
	vertical-align:				top;
}

table.statistics tr, table.top5 tr {
	background-color:			#CCCCCC;	
}

table.statistics {
	border-collapse:			collapse;
	width:						470px;
}

td.right {
	text-align: 				right;
}

table.statistics tr.odd, table.top5 tr.odd {
	background-color:			#DDDDDD;
}

table.top5 {
	border-collapse:			collapse;
	width: 						470px;
}
td.num {
	width:						15px;
}