.container
{
	width: 550px;
}

h1
{ 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4c6fd9;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}


h2
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	color: #5881ff;
	
	border-width: 0px 0px 2px 0px;
	border-color: #dae6f2;
	border-style: solid;
}

h4 /* bread crumb */
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #999999;
	float: right;
}

h4 a
{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

h4 a:hover
{
	text-decoration: underline;
	color: #999999;
}


h3 /* image title */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: center;

}

/* LISTING STYLES */
/* when items are in a list */


.gallery_listitem
{
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #999999;
	padding: 5px 5px 10px 5px;
	margin: 5px; 
} 

.gallery_listimg
{
	float: left;
	margin: 5px 10px 5px 5px;
	
	background: #ffffff;
	padding: 5px;
	border: solid 1px #cccccc;
	
}

.gallery_listtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
	color: #000000;	
	font-weight: normal; 
}

.gallery_listtitle a:link, .gallery_listtitle a:visited, .gallery_listtitle a:active
{
	color: #3333CC;
	text-decoration: none;
	font-weight: normal;
} 

.gallery_listtitle a:hover
{
	color: #000000;
	text-decoration: underline;
} 

.gallery_listdesc
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px 0px 5px 0px;
	color: #000000;	
	line-height: 150%;
}



.gallery_listdata
{
	color: #666666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;

}

.gallery_listdate
{
	color: #aaaaaa;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	
}



/* ALBUM IMAGE STYLES */
/* when items are in a matrix */


.gallery_item
{
	float: left;
	width: 180px;
	height: 190px;
	padding: 0px;
	margin: 0px;
	text-align: center;		
}

.gallery_title
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin: 1px;
	padding: 2px;
	line-height: 140%;
}


.gallery_title a:link, .gallery_title a:visited
{
	color: #000000
}

.gallery_title a:active, .gallery_title a:hover
{
	color: #3333CC;
}

.gallery_caption
{
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.gallery_fullimg
{
	text-align: center;
}

.gallery_fullimg img
{
	border: 1px solid #cccccc;
}



.gallery_images
{

}

.gallery_albumdate
{
	color: #cccccc;
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.gallery_img
{
	border: 1px solid #cccccc;
	margin: 10px 0px 0px 0px;
	background: #ffffff;
	padding: 5px;
	border: solid 1px #cccccc;
}



.gallery_img:hover, .gallery_listimg:hover
{
	border: solid 1px #000000;
}


.album_new {
	
	border: 1px solid #ffe222;
	background: #fffbe2;
	padding: 1px 2px 1px 2px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #333333;	
	
}


.photo_new {
	
	border: 1px solid #ffe222;
	background: #fffbe2;
	padding: 1px 2px 1px 2px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;	
	font-weight: normal;
	
}




/* MISC STYLES */


.fineprint
{
	clear: both;
	color: #cccccc;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 20px 0px 5px 0px;
	
}



/* PAGENAVIGATION */

.pagenav
{
	border: 1px solid #cccccc;
	background: #ffffff;
	width: 100%;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	text-align: center;
	vertical-align: middle;
}


.pages {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none; 
	text-align: center; 
	padding: 5px 5px 5px 5px;
	display: block;
}



/* PAGE BUTTONS */


.pageleft_off
{
	border: solid 1px #cccccc; 
	text-align: center; 
	float: left;
	padding: 5px 5px 5px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 0.7em;
	background: #ffffff;
}

.pageleft
{
	border: solid 1px #3f3f3f; 
	text-align: center; 
	float: left;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	font-size: 0.7em;
}

.pageleft a:link, .pageleft a:visited {

	color: #ffffff;
	font-weight: normal;
	text-decoration: none; 
	padding: 5px 5px 5px 5px;

	border: solid 1px #000000;
	background: #020202 url('images/button_bg.gif') 0px -22px repeat-x;
	
	display: block;
}

.pageleft a:active, .pageleft a:hover {
	background: #020202 url('images/button_bg.gif') 0px -10px repeat-x;
}


.pageright_off
{
	border: solid 1px #cccccc; 
	text-align: center; 
	float: right;
	padding: 5px 5px 5px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 0.7em;
	background: #ffffff;
}


.pageright
{
	border: solid 1px #3f3f3f; 
	text-align: center; 
	float: right;
}

.pageright a:link, .pageright a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none; 
	padding: 5px 5px 5px 5px;
	
	border: solid 1px #000000;
	background: #020202 url('images/button_bg.gif') 0px -22px repeat-x;
	
	display: block;
}

.pageright a:active, .pageright a:hover {
	background: #020202 url('images/button_bg.gif') 0px -10px repeat-x;
}







/* FIXES */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}