/*

Theme Name: Crisp Gallery Pro

Theme URI: http://www.ethemes.elliotcondon.com/

Description: A simple and clean protfolio gallery with easy to use features.

Version: 2.1

Author: Elliot Condon

Author URI: http://www.elliotcondon.com/

Tags: portfolio, gallery, art, clean, horizontal

*/



/* Global

-----------------------------*/

body

{

	background:#FFF;

	color:#1c1c1c;

	font-family:Arial, Helvetica, sans-serif; 

	overflow:hidden;

}





.container

{

	height:400px;

	width:100%;

	position:absolute;

	top:50%;

	left:0%;

	margin-top:-250px;



}







/* Typography

-----------------------------*/



a

{

	text-decoration:none;	

}



a:hover

{

	text-decoration:underline;	

}



h1

{

	margin-bottom:20px;	

}



p

{

	font-size:12px;

	line-height:18px;

	margin:5px 0px 10px;

}









/* Nav

-----------------------------*/

.container .nav

{

	width:190px;

	position:absolute;

	top:0px;

	left:0px;

	z-index:2;

	background:#1c1c1c;

	height:400px;

}



.container .nav h2 a

{

	color:#FFF;

	font-size:24px;

	display:block;

	padding:30px 0px 30px 25px;

	border:none;

}



.container .nav h2.active a

{

	/*border-left:#FFF solid 8px;

	padding-left:17px;*/

}



.container .nav ul

{



	padding:0px;

	margin:0px;

	padding-left:0px;

	border-bottom:#1c1c1c solid 1px;

}



.container .nav ul li

{

	border-top:#1c1c1c solid 1px;

}



.container .nav ul li ul

{

	display:none;

}



.container .nav ul li a

{

	color:#FFF;

	font-size:14px;

	display:block;

	padding:10px 0px 10px 25px;

	border:none;

}



.container .nav ul li a:hover

{

	background-color:#0000;

	text-decoration:none;

}



.container .nav ul li.current_page_item a

{

	border-left:#FFF solid 8px;

	padding-left:17px;

}



.container .nav ul li.current_page_ancestor a

{

	border-left:#FFF solid 8px;

	padding-left:17px;

}







.container .nav ul li.current_page_ancestor ul, .container .nav ul li.current_page_item ul

{

	display:block;

	padding:0px;

	border-left:#FFF solid 8px;

	border-bottom:none;

}



.container .nav ul li.current_page_ancestor ul li, .container .nav ul li.current_page_item ul li

{

	border:none;

	font-size:12px;



}



.container .nav ul li.current_page_ancestor ul li a, .container .nav ul li.current_page_item ul li a

{

	border:none;

	font-size:12px;

	padding:8px 0px 8px 30px;

}



.container .nav ul li.current_page_ancestor ul li.current_page_item a

{

	color:#FFF;

}







/* Home

-----------------------------*/

.home

{

	padding-left:190px;	

}



/* Main

-----------------------------*/

.container .main

{

	height:400px;

	overflow:visible;

	padding-left:190px;

	display:inline-block;

}



.container .main .content

{

	background:#F8F8F8;

	height:320px;

	padding:40px;

}











/* gallery

-----------------------------*/

.gallery

{

	position:absolute;

	height:400px;

	width:100%;

	font-size:12px;	



}

.gallery .mask

{

	position:absolute;

	height:400px;

	width:100%;

	font-size:12px;	

	overflow:hidden;

}



.gallery ul.images

{

	line-height:0px;

	width:9999px;

}



.gallery ul

{

	padding-left:190px;

	margin:0px;

	display:block;

	list-style:none;

}



.gallery ul li

{

	padding:0px;

	margin:0px;

	float:left;

	margin-right:0px;

	border-left:none;

	background-color:#1c1c1c;

}



.gallery ul.thumb

{

	position:relative;

	padding-top:15px;

}



.gallery ul.thumb li

{

	float:left;

	margin-right:3px;

	background:none;

}



.gallery ul.thumb li a

{

	display:block;

	width:12px;

	height:12px;

	background-color:#666;

	cursor:pointer;

}



.gallery ul.thumb li p

{

	position:absolute;

	top:0px;

	left:0px;

	display:block;

	width:300px;

	margin:0px;

	padding:0px;

	font-size:12px;

	line-height:12px;

	padding-left:5px;

	font-style:italic;

}



.gallery img

{

	padding:0px;

	margin:0px;

	height:400px;

	line-height:0px;

	cursor:pointer;
}

.gallery .loading
{
	width:16px;
    height:16px;
    background:#000000 url(images/ajax-loader.gif) 50% 50% no-repeat;
    position:absolute;
    z-index:99;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-8px;
}

.gallery .loadable-image
{
	height:400px;
	width:400px;
	background:#000000 url(images/ajax-loader.gif) 50% 50% no-repeat;
}








1c1c1c


/* Main

-----------------------------*/



div#rotator {

	position:relative;

	padding-left:190px;

}



div#rotator ul{

	margin:0px;

	padding:0px;

	position:relative;

}



div#rotator ul li {

	position:absolute;

	top:0px;

	left:0px;

	list-style: none;

}



div#rotator ul li img {

	max-height:400px;

}



div#rotator ul li.show {

	

}





p.credits

{

	position:absolute;

	bottom:10px;

	right:10px;

	margin:0px;

	padding:0px;

}



p.credits a

{

	color:#CCC;

}



p.credits a:hover

{

	color:#1c1c1c;

}



ul.columns

{

	padding:0px;

	margin:0px; 

	list-style:none;

}



ul.columns li

{

	float:left;

	max-width:250px;

	padding-right:50px;

}



.content-column

{

	font-size:12px;

	line-height:18px;

}



.content-column p

{

	margin-bottom:14px;

}



.content-column h2

{

	line-height:32px;

}



.content-column ul, .content-column ol

{

	padding-bottom:20px;

}



.content-column ul li, .content-column ol li{

	float:none;

	font-size:12px;

	line-height:18px;

}
