/*
Theme Name: 2Krogh Bibles
Theme URI: http://2krogh.dk/
Description: 
Version: 0.1
Author: 2Krogh
Author URI: http://2krogh.dk/
Tags: 
*/

body {
	margin:0;
	padding:0;
	font-family:Helvetica,Arial,sans-serif;
	background-color:#FFF;
	color:#FFF;
	line-height:20px;
	overflow-x:hidden;
	background-image:url('img/bg.jpg');
	background-repeat:repeat-x;
	background-position:0 50px;
	border-top:5px solid #ebebeb;
}

#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	border-top:5px solid #AA0000;
	margin-top:-5px;
}

#content {
	width:960px;
}

	h1#title {
		margin:0;
		float:left;
		padding:5px 0 20px 0;
		width:210px;
		line-height:20px;
		font-size:12px;
		color:#000;
		font-weight:bold;
		text-transform:uppercase;
	}
	
		h1#title a:link, h1#title a:visited {
			z-index:10;
			position:relative;
			color:#000;
			text-decoration:none;
		}
		
			h1#title a:hover {
				color:#A00;
			}

	ul#menu {
		list-style:none;
		margin:0;
		float:left;
		padding:5px 0 20px 0;
		width:750px;
		line-height:20px;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
		ul#menu li {
			display:inline;
			margin:0 15px 0 0;
			display:block;
			float:left;
			color:#000;
			position:relative;
		}
		
			ul#menu li:hover {
				cursor:pointer;
			}
		
			ul#menu li a:link, ul#menu li a:visited {
				z-index:10;
				position:relative;
				color:#000;
				text-decoration:none;
			}
			
				ul#menu li a:hover {
					color:#A00;
				}
			
		
			ul#menu li ul {
				display:none;
				position:absolute;
				list-style:none;
				z-index:5;
				top:0;
				left:0;
				margin:0;
				padding:15px 0 0 0;
				width:750px;
			}
			
				ul#menu li ul a:link, ul#menu li ul a:visited {
					color:#999;
				}
				
	h1#logo {
		height:80px;
		text-indent:-9999px;
		margin:0;
		float:left;
		width:200px;
	}
	
		h1#logo a:link, h1#logo a:visited {
			background-image:url('img/logo.jpg');
			width:200px;
			height:80px;
			display:block;
		}

	#case {
		width:750px;
		float:right;
		position:relative;
	}
	
		#case .case_header {
			background-color:#000;
			height:80px;
			overflow:hidden;
			position:relative;
			margin:0 0 20px 0;
		}
	
			#case .case_header h3 {
				font-size:15px;
				line-height:15px;
				margin:10px 0 5px 10px;
			}
		
			#case .case_header h2 {
				font-size:30px;
				line-height:30px;
				margin:0 0 0 10px;
			}
				
			#case .case_header .left_arrow {
				height:80px;
				width:20px;
				/*border-right:10px solid #FFF;*/
				float:left;
				margin-right:10px;
				background-color:#AA0000;
			}
		
			#case .case_header .right_arrow {
				height:80px;
				width:20px;
				position:absolute;
				right:0;
				top:0;
				/*border-left:10px solid #FFF;*/
				background-color:#AA0000;
			}
		
				#case .case_header .left_arrow a:link,
				#case .case_header .left_arrow a:visited {
					display:block;
					width:20px;
					height:80px;
					overflow:hidden;
					text-indent:-9999px;
					background:url('img/l_arrow.png');
				}
		
				#case .case_header .right_arrow a:link,
				#case .case_header .right_arrow a:visited {
					display:block;
					width:20px;
					height:80px;
					overflow:hidden;
					text-indent:-9999px;
					background-image:url('img/r_arrow.png');
				}
			
				#case .case_header .left_arrow a:hover, #case .case_header .right_arrow a:hover {
					background-color:#333;
				}
	
		#case .case_text_page {
			padding:20px 20px 2px 20px;
			color:#FFF;
			margin-bottom:20px;
			background-color:#AA0000;
			text-shadow:#330000 0 1px 0;
			-webkit-text-shadow:#330000 0 1px 0;
			-moz-text-shadow:#330000 0 1px 0;
		}
		
			#case .case_text_page p {
				margin:0 0 20px 0;
			}
			
			#case .case_text_page ul,
			#case .case_text_page ol {
				margin:0 0 20px 0;
				padding:0 0 0 10px;
			}
			
				#case .case_text_page li {
					
				}
			
			#case .case_text_page a:link, #case .case_text_page a:visited {
				color:#EEAAAA;
				text-decoration:none;
			}
			
			#case .case_text_page a:hover {
				color:#FFF;
				text-shadow:#330000 0 1px 0;
				-webkit-text-shadow:#330000 0 1px 0;
				-moz-text-shadow:#330000 0 1px 0;
			}
			
			#case #random_bibles img {
				border:0;
				margin:0;
				padding:0;
			}
			
				#case #random_bibles img a {
					border:0;
				}
				
		#case .case_description {
			text-align:left;
			width:200px;
			position:absolute;
			margin:-4px 0 0 -210px;
			color:#000;
			font-size:12px;
			line-height:16px;
		}

			#case .case_description p {
				margin:0 0 10px 0;
			}
			
			#case .case_description a:link, #case .case_description a:visited {
				color:#AA0000;
				text-decoration:none;
			}
			
			#case .case_description a:hover {
				color:#000;
				text-decoration:underline;
			}
	
		#case .case_photos {
			position:relative;
			z-index:10;
		}
	
			#case .case_photos a:link,
			#case .case_photos a:visited {
				position:absolute;
				display:block;
				height:50%;
				width:750px;
				font-size:140px;
				text-transform:uppercase;
				font-weight:bold;
				text-decoration:none;
				color:#FFF;
			}
		
				#case .case_photos a span {
					display:block;
					position:absolute;
					top:50%;
					line-height:0;
					text-align:center;
					width:100%;
					opacity:0;
					filter:alpha(opacity=0); 
					-moz-opacity:0;
				}
			
				#case .case_photos a:hover span {
					opacity:0.5;
					filter:alpha(opacity=50); 
					-moz-opacity:0.5;
				}
		
				#case .case_photos a.prev {
					top:0;
				}
			
				#case .case_photos a.next {
					bottom:0;
				}
	
			#case .case_photos img {
				width:750px;
			}
			
		#case .image_text {
			text-align:right;
			width:200px;
			position:absolute;
			bottom:0;
			left:0;
			margin:0 0 0 -210px;
			color:#999;
			font-size:12px;
			line-height:16px;
		}
		
			#case .image_text p {
				margin:10px 0 0 0;
			}
			
			.clearfix:after {
			    content: "."; 
			    display: block; 
			    height: 0; 
			    clear: both; 
			    visibility: hidden;
			}

			.clearfix {display: inline-block;}

			/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
			/* End hide from IE-mac */