/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#767662;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {
	height: 100%;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}

h1,h2,h3,h4 {
	margin-bottom: 15px;
}
ul,ol,p {
	margin-bottom: 10px;
}

.content ol li {
	list-style: decimal;
	margin-left: 20px;
}

.content ul li {
	list-style: disc;
	margin-left: 20px;
}
.content a {
	text-decoration: underline;
}

.content.sidebar {
	text-align: center;
}
	.content.sidebar a {
		text-decoration:none;
	}
	.content.sidebar table {
		width: 100%;
	}
		.content.sidebar table th,
		.content.sidebar table td {
			text-align: center;
		}

a {
	color: #767662;
	text-decoration:none;
}
a:hover {
	color: #C1CA00;
	text-decoration:none;
}

#page {
	text-align:left;
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	border: 1px solid #ccc;
	padding: 0px 10px;
}

	#header {
		padding: 20px 0px;
	}
	
	#menu {
		padding: 10px 0px;
		font-weight: bold;
	}
		#menu .lightbox-search {}
			#menu .lightbox-search ul {
				float:right;
			}
				#menu .lightbox-search ul li {
					float:left;
					margin-right: 0px;
					margin-left: 20px;
				}
					#menu .lightbox-search ul li a {
						text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px;
					}
		#menu .navigation {
		}
			#menu .navigation li {
				float:left;
				margin-right: 20px;
			}
				#menu .navigation li a {
					color: #767662;
					text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px;
				}
				#menu .navigation li a:hover,
				#menu .navigation li.active a {
					color: #C1CA00;
					text-decoration:none;
				}
	
	#content-wrapper {
		height: 385px;
	}
		#groups {}
			#groups li {
				position:relative;
				height: 125px;
				margin-bottom: 5px;
			}
			#groups li:last-child {
				margin-bottom: 0px;
			}
				#groups li a {
					color: #FFC;
				}
					#groups li a:hover {
						color: #433d25;
					}
				#groups li.active a {
					color: #433d25;
				}
					#groups li.active a:hover {
						color: #FFC;
					}
			
			#groups li ul {
				display:none;
				position:absolute;
				text-align:left;
				text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
				top: 40px;
				left: 20px;
			}
			#groups li.active ul {
				display: block;
			}
				#groups li li {
					position:relative;
					margin-bottom: 0px;
					height: auto;
				}
					#groups li.active a {
						color: #433d25;
					}
						
						#groups li.active a:hover,
						#groups li.active li.active a {
							color: #433d25;
							background-color: #e2e5d3;
						}
			
			/* BACKGROUND RELATED */
			#groups #menu-drenge,
			#groups #menu-piger,
			#groups #menu-young-division {
				background-image: url('/images/frontend/menubackground.jpg');
				background-repeat:no-repeat;
				padding: 20px;
				height: 85px;
				width: 180px;
				display:block;
				position:absolute;
				font-size: 14px;
				font-weight:bold;
				/*text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;*/
			}
				#groups #menu-piger {
					color: #433d25;
					background-position: 0px -125px;
				}
				#groups #menu-drenge {
					background-position: 0px -250px;
				}
				#groups #menu-young-division {
					background-position: 0px -375px;
				}
					#groups li.active #menu-drenge,
					#groups li.active #menu-piger,
					#groups li.active #menu-young-division,
					#groups #menu-drenge:hover,
					#groups #menu-piger:hover,
					#groups #menu-young-division:hover {
						background-position: 0px 0px;
					}
					
		#content {
			height: 385px;
		}
			#content .content-wrapper {
				height: 100%;
			}
				#content .content {
					height: 365px;
					overflow:auto;
					padding: 10px;
					border: 1px solid #ccc;
				}
	
	#footer {
		padding: 20px 0px;
	}
		#footer .print {
			text-align:right;
		}

.page,
.model {
	height: 100%;
}
	.page .page-content,
	.model .model-info {
		float:left;
		height: 100%;
		width: 380px;
		position:relative;
	}
	.page .page-content {
		width: 360px;
		padding-right: 20px;
	}
		.model .model-info .info-bottom {
			position:absolute;
			bottom: 0px;
			padding: 10px 0px;
			border-top: 1px solid #ddd;
			width: 100%;
		}
			.model .model-info .info-bottom .goback {
				float:left;
				width: 180px;
			}
			.model .model-info .info-bottom .lightbox-add {
				float:right;
				width: 120px;
				text-align:right;
				margin-right: 10px;
			}
		
		.model .model-info .info-name {
			font-size: 22px;
			font-weight: bold;
			text-shadow: rgba(0, 0, 0, 0.0976562) 1px 1px 2px;
			margin-bottom: 10px;
			padding: 10px 0px;
			border-bottom: 1px solid #ddd;
		}
		.model .model-info .info {
			line-height: 1.8em;
			font-size: 12px;
		}
			.model .model-info .info .title {
				display: inline-block;
				font-weight: bold;
				text-shadow: rgba(0, 0, 0, 0.0976562) 1px 1px 2px;
				width: 120px;
			}
	.page .page-pictures,
	.model .model-pictures {
		cursor: pointer;
		float:left;
		width: 320px;
		height: auto;
	}
		.page .page-pictures img,
		.model .model-pictures img {
			border: 1px solid #ddd;
			padding: 10px;
		}



#lightbox-tools {
	height: 15px;
	position:absolute;
	bottom: 0px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	width:100%;
	background-color: #fff;
}
	#lightbox-tools ul {}
		#lightbox-tools ul li {
			float:left;
			margin-right: 10px;
			padding-right: 10px;
			border-right: 1px solid #ddd;
		}
			#lightbox-tools ul li.last {
				border-right: none;
			}

#searchform {
	line-height: 2em;
}
	#searchform dt {
		float:left;
		width: 120px;
	}
	#searchform dd {}
		#searchform dd p.description {
			font-size: 10px;
			color: #aaa;
		}
		#searchform textarea {
			padding: 4px;
		}
		#searchform input,
		#searchform select {
			width: 150px;
		}

.grid {
	height: 385px;
	overflow:auto;
}
.grid.lightbox {
	height: 360px;
}
	.grid .row {
		display:inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #ddd;
		position:relative;
	}
		.grid .row a {
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			display:block;
		}
			.grid .row a .image img {
				width: 110px;
				margin: 5px;
			}
			.grid .row:hover .meta {
				display:block;
			}
			.grid .row .meta {
				display:none;
				background-color: black;
				position:absolute;
				width: 100%;
				bottom: 15px;
			}
				.grid .row .meta .meta-inner {
					padding: 5px;
				}
					.grid .row .meta .meta-inner .lightbox-remove {
						padding: 2px 4px;
						margin-top: 5px;
						font-size: 10px;
						color: #ff0000;
					}
					.grid .row .meta .meta-inner .lightbox-remove:hover {
						color: #fff;
						background-color: #ff0000;
					}