body#splash .col-one-third {
  margin: 0;
  padding: 0;
  width: 362px;
  float: right;	}

body#splash .col-two-thirds {
	margin: 0;
	padding: 0 30px 0 0;
	width: 508px; 
	min-height: 500px; 
	float: left;
	border-right: 0px;	}

body#splash #header {
 background: url('/media/images/backgrounds/splash_header.jpg') top left repeat-x #eeead9;
 height: 131px;	}

	body#splash #header .content {
		height: 131px;
		padding: 0px;
		
		background: url('/media/images/backgrounds/splash_login_bg.png') top right no-repeat;	}

		body#splash #header .content #branding h1 {
			margin-left: 20px;	}


/***************************************************************
	#login-box
	Used in many context, must stay here for overiding classes below
****************************************************************/
body#splash #header .content #utility {
	padding-top: 20px;
}
body#splash #header .content .login-box-container {
	background: #e4dec8;
	height: 120px;
	padding: 35px 10px;
}

body#splash #header .content form#login-box {
	margin: 12px 15px 0 67px;
	padding: 8px 5px;
	width: 310px;
	position: relative;
	color: #4e3022; 
}

body#splash #header .content form#login-box label.hidden{
	position: absolute;
	left: 5px;
	padding: 8px 0px 0px 15px;
	z-index: 2;	}
	
body#splash #header .content form#login-box label#label_password {
	left: 120px;
}
	
body#splash #header .content  form#login-box .form-item {
	padding: 0 0 10px 0;
	float: left;
}

body#splash #header .content  #login-box .form-item input.form-input {
	width: 100px;
	position: relative;
	float: left;
	left: 0;
	font-size: 1.1em;
	border: 1px solid #ddd7bc;
	margin-left: 10px;
	margin-top: 5px;
}

body#splash #header .content #login-box .form-item input#login-button {
	background: url("/media/images/buttons/blue-submit-bg.gif") center left no-repeat;
	font-size: 0.9em;
	padding: 3px 5px 5px 5px;
	position: relative;
	left: 0px;
	color: white;
	text-indent: 5px;
	border: none;
}

body#splash #header .content #login-box .call-to-actions a.primary,
body#splash #header .content #login-box .call-to-actions input.primary {
  background: url("/media/images/buttons/splash_login.png") center left no-repeat;
  padding: 0px;
  color: #242424;
	font-size: 0px;
  text-decoration: none;
	text-indent: -9999px;
  margin-left: 10px;
	width: 69px;
	height: 30px;
	float: left;
  cursor: pointer;                       
  position: relative;
  border: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;    
}

body#splash #header .content #login-box .call-to-actions {
	float: left;
	width: 60px;
	text-align: right;
	margin-right: 13px;
}  

body#splash #header .content #login-box .call-to-actions p {
	margin: 3px 0 0 0;
	padding: 0;
	position: relative;
}

body#splash #header .content #login-box #remember-me {
	float: left;
	margin-left: 10px;
}
	body#splash #header .content #login-box #remember-me p{
		float: left;
		margin: 0px 20px 0px 0px;
	}

body#splash #header .content #login-box #remember-me #id_remember_me {
	margin: 3px 0px;
	background: none;
	border: 0;
}
body#splash #header .content #login-box #remember-me #forget-passwd {
	margin-top: 5px;
	display: inline-block;}



body#splash #main .content .heading-block {
	margin: 0px 0px 15px 0px;
	background: url('/media/images/backgrounds/splash_heading_block.jpg') top left no-repeat;
	text-align: center;	}

	body#splash #main .content .heading-block h2{
		color: #685249;
		font-size: 1.29em;	}
		
		
body#splash #main .content #info-panel{
	min-height: 240px;
	background: url('/media/images/backgrounds/splash_bse_box_top.jpg') top left no-repeat;	}
	
	body#splash #main .content #info-panel .col-two-thirds {
		min-height: 212px;
		width: 487px;
		display: inline;
		padding: 0px;
		margin: 10px 20px 10px 20px;	}
		
		body#splash #main .content #left-heading,
		body#splash #main .content #right-heading {
			text-align: center;
			font-size: 22px;
			font-style: italic;
			font-weight: normal;
			padding-bottom: 15px;
			margin-bottom: 0px;	}
			
			body#splash.nano #main .content #left-heading h3{
				font-size: 26px;
			}

		body#splash #main .content #right-heading {
			font-style: normal;
			margin-top: 10px;
		}
			
		body#splash #main .content #info-panel .col-two-thirds p{
			margin-left: 15px;
			text-align: center;	}
						
		body#splash #main .content #info-panel .col-two-thirds p.snippet,
		body#splash #main .content #info-panel .col-one-third p.snippet {
			background: url('/media/images/general/splash_vertical_separator.png') bottom center no-repeat;
			min-height: 80px;
			font-size: 1.57em;
			text-align: center;
			padding: 0px 10px 10px 20px;
			margin-top: 0px;
			line-height: 1.12em;	}
			
		body#splash.nano #main .content #info-panel .col-two-thirds p.snippet{
			background-image: none;
			margin-bottom: 0px;
			min-height: 60px;
			padding-left: 10px;
			text-align: left;
		}
			body#splash.nano #main .content #info-panel .col-two-thirds ul{
				list-style-position: inside;
				margin-top: 10px;
				margin-left: 0px;
			}
		body#splash #main .content #info-panel .col-one-third p.snippet {
			background: url('/media/images/general/splash_vertical_seperator_small.png') bottom center no-repeat;
			font-size: 18px;
		}
		body#splash #main .content #info-panel .col-two-thirds d.random-from {
			padding-bottom: 15px;
			font-size: 0.79em;
			color: #ccc6bb;
			font-style: italic;		}
			
			body#splash #main .content #info-panel .col-two-thirds p.random-from a{
				color: #ccc6bb;			}
		
		body#splash #main .content #info-panel .col-one-third p.see-bitesize {
			margin-top: 30px;
			margin-bottom: 0px;		}	
			
			body#splash #main .content #info-panel .col-one-third p.see-bitesize span {
				margin: auto;
				display: block;
				text-align: center;
				font-size: 12px;
				color: #b4aa9b;
				padding-top: 5px;
			}
			
			body#splash #main .content #info-panel .col-two-thirds p.see-an-error a{
				display: block;
				text-indent: -9999px;
				background: url('/media/images/buttons/splash_sign_up.jpg') top left no-repeat;
				height: 58px;
				margin: 0px auto;
				width: 376px;	}
				
				.col-one-third p.see-an-error a{
					display: block;
					text-indent: -9999px;
					background: url('/media/images/buttons/splash_sign_up.jpg') top left no-repeat;
					height: 58px;
					margin: 0px auto;
					width: 376px;	}
					
					.col-one-third p.nano a{
						display: block;
						text-indent: -9999px;
						background: url('/media/images/misc/splash_sign_up_nano.jpg') top left no-repeat;
						height: 58px;
						margin: 0px auto;
						width: 300px;	}	
				
			body#splash #main .content #info-panel .col-one-third p.see-bitesize a {
				color: #92796a;
			}	
			body#splash #main .content #info-panel .col-one-third p.see-bitesize a.button{
				background: url('/media/images/buttons/splash_show_another_bg.jpg') no-repeat;
				color: rgb(159, 147, 128);
				display: block;
				font-size: 18px;
				text-align: center;
				font-style: italic;
				height: 41px;
				line-height: 41px;
				margin: auto;
				width: 257px;
			}
			
			
			body#splash #main .content #info-panel .col-one-third p.see-bitesize a:hover {
				background-position: bottom left; }

	body#splash #main .content #info-panel .col-one-third {
		min-height: 108px;
		display: inline;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		width: 343px;	}
		
		body#splash #main .content #info-panel .col-one-third img.bse-logo {
			margin: 30px 0px 0px 55px;	}
			
		body#splash #main .content #info-panel .col-one-third p.see-an-error{
			margin: 30px 0px 0px 37px;		}
					
			body#splash #main .content #info-panel .col-one-third p.see-an-error a:hover {
				background-position: bottom left;	}
		
	body#splash #main .content #info-panel #bite-size-bottom{
		height: 7px;
		clear: both;
		line-height: 7px;
		font-size: 0px;
		margin: 0px;
		padding: 0px;
		background: url('/media/images/backgrounds/splash_bse_box_bottom.jpg') top left no-repeat; }
		
		
body#splash #main .content #about-bookoven{
	width: 518px;
	margin-top: 20px;
	padding: 0px;
	height: 341px;
	min-height: 0px;
	background: url('/media/images/backgrounds/splash_left_col_bg.jpg') top left no-repeat;	}
	
	body#splash #main .content #about-bookoven p.heading {
		text-align: left;
		font-size: 16px;
		color: #7b6d60;
		margin: 30px 20px 30px 10px;
		padding-bottom: 5px;
		padding-left: 120px;
		background: url('/media/images/misc/splash_book_icon.jpg') top left no-repeat;	}

	body#splash #main .content #about-bookoven p {
		font-size: 1.29em;
		margin-left: 20px;
		color: #978c7e;	}	
		
	body#splash #main .content #about-bookoven ul {
		padding-top: 20px;
		background: url('/media/images/general/splash_vertical_separator.png') top center no-repeat;
		list-style: none outside;
		font-size: 1.29em;
		margin-left: 20px;
		color: #978c7e;	}
		
		body#splash #main .content #about-bookoven ul li {
			margin: 0px 20px 20px 10px;	}
			
			body#splash #main .content #about-bookoven ul li a {
				color: #4e3022;	}

body#splash #main .content #whats-happening{
	min-height: 200px;
	padding-top: 30px;	}

	body#splash #main .content #whats-happening h3{
		text-align: center;
		font-size: 1.57em;
		color: #7b6d60;
		margin: 30px auto;	}
	
	body#splash #main .content #whats-happening ul{
		padding: 0px;
		width: 362px;
		list-style: none outside;	}
		
		body#splash #main .content #whats-happening ul li {
			background: url('/media/images/backgrounds/splash_whats_happening_top.jpg') top left no-repeat;
			width: 362px;
			padding: 15px 0px 0px 0px;	}	
			
			body#splash #main .content #whats-happening ul li img.book-cover {
				margin: 0px 15px 10px 15px;
				height: 72px;
				float: left;	}
			
			body#splash #main .content #whats-happening ul li p{
        color: #978c7e;
				margin: 0px;	}
				
			body#splash #main .content #whats-happening ul li p.cover_image{
				float: left;
				width: 80px;
			}
			body#splash #main .content #whats-happening ul li p.name,
			body#splash #main .content #whats-happening ul li p.updated_at	{
				font-style: italic;
				float: left;
				width: 280px;
				margin: 5px 0px 0px 0px;	}
				
				body#splash #main .content #whats-happening ul li p a{
					font-size: 1.29em;
					color: #4e3022;	
					margin-bottom: 10px;	}
					
					body#splash #main .content #whats-happening ul li p.bse-link{
						margin-top: 5px;
						float: left;
					}
					
					body#splash #main .content #whats-happening ul li p.bse-link a{
						font-size: 12px;
						display: block;
						margin-top: 4px;
					}
					
			body#splash #main .content #whats-happening ul li p.bottom {
				line-height: 0px;
				height: 5px;
				clear: both;
				margin: 0px;
				padding: 0px;
				font-size: 0px;
				background: url('/media/images/backgrounds/splash_whats_happening_bottom.jpg') top left no-repeat;	}
				
body#splash #footer {
  	height: 100px;
  	overflow: hidden;
	color: #ccc6bb;
	border-top: 1px solid #e9e5d4;
	background-image: none;
	background-color: #f1eee3;	}

	body#splash #footer .content {
		background-image: none;
		color: #ccc6bb;
	}
	body#splash #footer p {
	  padding: 20px 0;
	}

	body#splash #footer a {
		color: #4e3022;;	}
		
		body#splash #footer p a {
			color: #4e3022;
		  margin: 0;
		  padding: 0;
		}