@charset 'UTF-8';

body{
	font-size:small;
	font-family:arial, helvetica, sans-serif;
	
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	background-image:url(../images/red_bar.gif);
	background-repeat:repeat-y;
	
	background-position:-140px;
	padding-left:280px;
	
}
/*------------------------------------------------------------------
	General Layout
--------------------------------------------------------------------*/
.wrap{
	
}

header{
	margin-top:40px;
}
	header h2{
		
	}

	header h2 a:link,
	header h2 a:visited{
		
	}

nav{
	margin-bottom: 20px;
	border-bottom:1px solid #f6f6f6;
	padding-bottom: 10px;
}

	nav ul{
		list-style-type: none;
		padding: 0;
	}

		nav ul li{
			float: left;
			margin-right: 20px;
		}

.album_header_section{
	
}

p.num_images{
	
}
p.action_bar{
	text-align:right;
}

#login_details{
	
}

/*------------------------------------------------------------------
	Album lists
--------------------------------------------------------------------*/
ul.image_list {
	list-style-type: none;
	margin: 0;
	padding: 20px 0px;
	
}

	ul.image_list li{
		font-size:11px;
		float: left;
		width:250px;
		padding:5px 0;
		border:2px solid #e7e7e7;
		margin: 10px;

	  
	  background-color: #ffffff;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
	  background-image:    -moz-linear-gradient(top, #ffffff, #f7f7f7);
	  background-image:     -ms-linear-gradient(top, #ffffff, #f7f7f7);
	  background-image:      -o-linear-gradient(top, #ffffff, #f7f7f7);
	  background-image:         linear-gradient(to bottom, #ffffff, #f7f7f7);

	}

	ul.image_list li:hover{
		border:2px solid #8ec900;

	}

	ul.image_list li h3{
		font-size:14px;
		margin: 5px 10px;
		text-align: center;
	}

	ul.image_list li h4{
		font-size:11px;
		margin: 5px 10px;
		text-align: center;
	}

	ul.image_list li p{
		margin: 5px 10px;
		font-size:11px;
		text-align: center;
	}

	ul.image_list li p.image{
		height:150px;
		margin-top: 10px;
		text-align:center;
	}


	.no_caption{
		font-variant:italic;
		color: #b8b8b8;
	}

/*------------------------------------------------------------------
	Comments
--------------------------------------------------------------------*/

#comments{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

	#comments li p.comment{
		background:#ffeedb;
		padding: 40px 60px;
		border-radius:15px;
		margin-bottom:0px;
		font: 150% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		overflow: hidden;
		color: #7b5429;
	}

	.not_published{
	}

	
	#comments li.odd p.comment{
		background:#fff6ed;
	}


	#comments li p.author{
		background: url(../images/bg-comment.png) no-repeat;
		margin: 0 0 20px 0;
		padding: 25px 0 0 220px;
		font-size:14px;

	}

	#comments li.odd p.author{
		background: url(../images/bg-comment-odd.png) no-repeat 270px 0px;
		padding: 25px 320px 0 0;
	}

	strong{
		color:#8ec900;
	}

/*------------------------------------------------------------------
	Typography
--------------------------------------------------------------------*/

h1{
	font-size:30px;
	margin-bottom:20px;
	
	color: #f10000;
}

	h1 a{
		font-size:220%;
		margin-bottom:20px;
		text-decoration:none;	
		color: #f10000;
	}

h2{
	font-size:40px;
	color: #8ec900;
	margin-bottom:20px;
	
}

h3{
	font-size:130%;
	margin-bottom:15px;
}

h4{
	font-size:110%;
	margin-bottom:15px;
}

h5{
	font-size:105%;
	margin-bottom:15px;
}

h6{
	font-size:100%;
	margin-bottom:15px;
}

p{	
	font-size:90%;
	line-height:1.5;
	margin:20px 0;
	text-align:justify;
}

/*links*/

a.btn{
	text-decoration:none;
}

a.btn-primary,
a.btn-success,
a.btn-danger{
	color: #fff;
}


a{
	text-decoration:underline;

}

a:hover{
	text-decoration:none;
	
}

/*------------------------------------------------------------------
	Misc
--------------------------------------------------------------------*/
p.error{
	background:#ffe0e0 url(../images/ico_cross.png) no-repeat 5px 50%;
	border:1px solid red;
	color:#ff0000;
	margin:12px 0;
	padding:5px;
	padding-left:25px;
	display:block;
}

span.error{
	color:#ff0000;
	margin:10px 0;
	font-style:italic;
	display:block;
}

/*clear fix*/
.group:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*ie 6*/
* html .group{
	height:1%;
}

/*ie 7*/
*:first-child+html .group{
	min-height:1px;
}