/* ==========================================================================
   CloudJournals landing page
   ========================================================================== */
html
{
	width: 100%;
	height: 100%;	
} 

body
{
	width: 100%;
	height: 100%;	
	background: url(../img/login_bg_repeat.jpg) top repeat-x;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
}

h2
{
	margin-bottom: 20px;
}

hr
{
	border-top: 1px solid #e8e8e8;
	margin-top: 25px;
	margin-bottom: 25px;
}

p
{
	margin-bottom: 14px;
}

a:hover
{
	text-decoration: none;
}
   
#main-bg
{
	width: 100%;
	height: 100%;
	background: url(../img/login_book_bg.jpg) top center no-repeat;
}

#main-container
{
	height: 100%;
	background: url(../img/l_wbg75.png) repeat;
}

#main-row
{
	height: 100%;
}

#left-column
{
	height: 100%;
	background-color: #f2f2f2;
	text-align: center;
	padding: 15px 20px 20px;
	border-right: 1px solid #e8e8e8;
}

#left-column > img,
#left-column .logo
{
	width: 100%;
	max-width: 360px;
	margin: 10px 0px;
}

#left-column .logo .lb
{
	color: #65a7d6;
}

#right-column
{
	height: 100%;
	padding: 25px 20px 40px;
	color: #666;
}

#right-column h2
{
	font-size: 24px;
	color: #4083d7; /*#0076a8;*/
}

#right-column .detail
{
	color: #888;
}

#left-column footer
{
	position:absolute;
	bottom: 0px;
	left: 15px;
	right: 15px;
	height: auto;
	text-align: center;
	color: #AAA;
}

#cj-login
{
	margin: 15px auto 10px;
	padding: 15px 30px;
	border-radius: 4px;
	font-size: 16px;
}

#main-row > footer
{
	text-align: center;
	color: #AAA;
}

@media(max-width:991px)
{
	#left-column
	{
		height: auto;
		text-align: left;
		float: left;
		border-right: none;
		border-bottom: 1px solid #e8e8e8;
	}
	
	#left-column > img,
	#left-column .logo
	{
		float: left;
		margin-right: 15px;
	}
	
	#right-column
	{
		height: auto;
		float: left;
		padding-top: 15px;
	}
	
	#right-column h2
	{
		margin-top: 15px;
	}
	
	#cj-login
	{
		float: right;
		margin: 14px auto 0px;
	}
}