*
body {font-family:Tahoma; font-size:100%; line-height:1em; color:#484848;}

/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a {color:#14316b;
text-decoration:underline; font-weight:none;
}

a:hover {text-decoration:none;}

a:visited {color:#990033;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

p { margin:0; padding:0;}

.tall_top { background:url(images/tall_top.gif) left top repeat-x #f0f1f1;}
.tall_bottom { background:url(images/tall_bottom.gif) left bottom repeat-x;}

.form { height:35px;}
.form input {width:191px; height:17px; background:#fff; border:1px solid #404040; font-size:1em; color:#484848;}
textarea { width:201px; height:122px; background:#fff; overflow:auto; border:1px solid #404040; font-size:1em; color:#484848; font-family:tahoma;}

.input { width:142px; height:18px; border:1px solid #a5a092; font-size:1em;}


ul { list-style:none;}
.ul li a { line-height:1.81em;}

.title { margin:0 0 15px 0;}

.img_indent { margin:0 18px 0 0; float:left;}

.bx {padding-top:10px;}

.voirphoto {
	font-size:11px; color:#09C}


/*txt, links*/
h1 { background:url(images/logo.jpg) no-repeat left top;}
h2 { color:#14316b; font-size:1em; margin-bottom:0px; margin-top:0px;}
h3 { color:#719c00; font-size:1em; margin-bottom:0px; margin-top:0px;}
h4 {color:#6d6d6d; font-size:1.2em; margin-bottom:0px; margin-top:0px; float:left;}
h5 {color:#004197; font-size:1.2em; margin-bottom:0px; margin-top:0px;}
h6 {color:#0988bd; font-size:1.2em; margin-bottom:0px; margin-top:0px;}
h7{  font:20px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;}
h8{font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555;}
.link1 { color:#af2015;}
.link2 { background:url(images/marker.gif) no-repeat 0.3 1px; padding-left:7px; color:#004197;}
.link3 { color:#719c00;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x;}


/*headerok*/
#headerok .row_1 { height:231px; background:url(images/header_bgd.jpg) no-repeat left 0px;}
#headerok .row_1 .col_1 { width:221px;}
#headerok .row_1 .col_1 .indent { padding:16px 0 0 20px;}
#headerok .row_1 .col_2 { width:212px;}
#headerok .row_1 .col_2 img { margin:110px 0 0 0;}
#headerok .row_2 { height:48px;}
#headerok .row_2 .indent { padding:0 0 0 28px; }
#headerok .row_2 img { margin-right:2px;}

/*content*/
#content p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#content { font-size:0.69em; line-height:1.27em;}
#content .indent { padding:18px 0 24px 0;}

/*footerok*/
#footerok
{font-family:Tahoma; font-size:14px; line-height:1em; color:#484848;}
#footerok .indent { padding:0px 0 0 0px;}
#footerok .col_1 { color:#e1e2db; width:215px; padding:05px 0px 0px 0px;}
#footerok .col_1 a { color:#9e9e9e;}
#footerok .col_2 { color:#04a4e5; width:525px; padding:05px 0px 0px 0px;}
#footerok .col_2 ul a { color:#ffffff; text-decoration:none;}
#footerok .col_2 ul a:hover { text-decoration:underline;}
#footerok ul li { float:left;}
#footerok ul li a { color:#e1e2db; text-decoration:none; background:url(images/footer_marker.gif) no-repeat right 5px; padding-right:18px; margin-left:16px;}
#footerok ul li a:hover { text-decoration:underline;}



/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:0 64px 0 28px;}
#page1 #content .col_1 .row_1 { padding-bottom:19px;}
#page1 #content .col_1 .row_1 .title_block div { background:url(images/date_marker.gif) no-repeat 2px 3px;}
#page1 #content .col_1 .row_1 p { margin-bottom:17px;}
#page1 #content .col_1 .row_2 .title_block div { background:url(images/mail_marker.gif) no-repeat 2px 3px;}
#page1 #content .col_1 .row_2 .block { margin-bottom:16px;}
#page1 #content .col_1 .row_2 .block .ind { padding:15px 15px 17px 21px;}
#page1 #content .col_1 .row_2 p { margin-bottom:11px;}
#page1 #content .col_2 .row_1 { padding-bottom:43px;}
#page1 #content .col_2 .row_1 .title_block { margin-bottom:30px;}
#page1 #content .col_2 .row_1 .indent1 {padding:0 10px 0 4px;}
#page1 #content .col_2 .row_2 .indent1 { padding-left:2px;}
#page1 #content .col_2 .row_2 .title_block { margin-bottom:12px;}
#page1 #content .col_2 .row_2 .container { width:416px;}
#page1 #content .col_2 .row_2 .container .column1 { width:221px;}
#page1 #content .col_2 .row_2 .container .column2 { width:195px;}
#page1 #content .col_2 .row_2 p { margin:15px 0 17px 0;}

/*================== index-1.html ==================*/
#page2 #content .indent { padding-bottom:23px;}
#page2 #content .col_1 .indent { padding:0 60px 0 31px;}
#page2 #content .col_1 .title_block { margin-bottom:33px;}
#page2 #content .col_1 p { margin-top:9px;}
#page2 #content .col_1 .img_indent { margin:0 18px 24px 0;}
#page2 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page2 #content .col_2 p { margin-bottom:13px;}
#page2 #content .col_2 .block .ind { padding-bottom:28px;}

/*================== index-2.html ==================*/
#page3 #content .indent { padding-bottom:23px;}
#page3 #content .col_1 .indent { padding:0 60px 0 28px;}
#page3 #content .col_1 .block .ind { padding:22px 15px 31px 21px;}
#page3 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page3 #content .col_1 h4 { margin:17px 0 8px 0;}
#page3 #content .col_1 p { margin-bottom:13px;}
#page3 #content .col_1 .p1 { margin-bottom:19px;}
#page3 #content .col_1 ul { margin-bottom:14px;}
#page3 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page3 #content .col_2 .row_1 { padding-bottom:44px;}
#page3 #content .col_2 .row_1 .title_block { margin-bottom:33px;}
#page3 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page3 #content .col_2 .row_1 p {margin:10px 0 17px 0;}
#page3 #content .col_2 .block { width:410px;}
#page3 #content .col_2 .block .ind { padding:18px 15px 31px 21px;}
#page3 #content .col_2 .row_2 p { margin-bottom:16px;}
#page3 #content .col_2 .row_2 .p1 { margin:10px 0 16px 0;}

/*================== index-3.html ==================*/
#page4 #content .indent { padding-bottom:23px;}
#page4 #content .col_1 .indent { padding:0 60px 0 30px;}
#page4 #content .col_1 .title_block { margin-bottom:30px;}
#page4 #content .col_1 p { margin-bottom:18px;}
#page4 #content .col_1 .container { width:411px;}
#page4 #content .col_1 .container p { margin:8px 0 0 0;}
#page4 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page4 #content .col_1 .container .column1 { width:223px;}
#page4 #content .col_1 .container .column2 { width:188px;}
#page4 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page4 #content .col_2 p { margin-bottom:14px;}
#page4 #content .col_2 ul { margin-bottom:13px;}
#page4 #content .col_2 .block .ind { padding-bottom:27px;}

/*================== index-4.html ==================*/
#page5 #content .indent { padding-bottom:23px;}
#page5 #content .col_1 .indent { padding:0 60px 0 28px;}
#page5 #content .col_1 .block .ind { padding:18px 15px 31px 21px;}
#page5 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page5 #content .col_1 h4 { margin:0 0 8px 0;}
#page5 #content .col_1 p { margin-bottom:24px;}
#page5 #content .col_1 .p1 { margin-bottom:10px; padding-top:2px;}
#page5 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page5 #content .col_2 .row_1 { padding-bottom:47px;}
#page5 #content .col_2 .row_1 .title_block { margin-bottom:29px;}
#page5 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page5 #content .col_2 .row_1 p {margin:10px 0 19px 2px;}
#page5 #content .col_2 .block { width:410px;}
#page5 #content .col_2 .block .ind { padding:22px 15px 29px 21px;}
#page5 #content .col_2 p { margin:10px 0 14px 0;}
#page5 #content .col_2 .row_2 .img_indent { margin:0 18px 14px 0;}

/*================== index-5.html ==================*/
#page6 #content .indent { padding-bottom:23px;}
#page6 #content .col_1 .indent { padding:0 60px 0 30px;}
#page6 #content .col_1 .row_1 { padding-bottom:44px;}
#page6 #content .col_1 .title_block { margin-bottom:33px;}
#page6 #content .col_1 .img_indent { margin:0 18px 0 1px;}
#page6 #content .col_1 p { margin-bottom:18px;}
#page6 #content .col_1 .container { width:404px;}
#page6 #content .col_1 .container p { margin:8px 0 0 0;}
#page6 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page6 #content .col_1 .container .column1 { width:201px;}
#page6 #content .col_1 .container .column2 { width:203px;}
#page6 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page6 #content .col_2 p { margin-bottom:14px;}
#page6 #content .col_2 .block .ind { padding-bottom:36px;}
#page6 #content .col_2 h4 { margin-bottom:0px;}

/*================== index-6.html ==================*/
#page7 #content .title_block { margin-bottom:29px;}
#page7 #content .indent { padding:18px 33px 26px 30px;}
#page7 #content .indent p { margin-bottom:14px;}
#page7 #content .indent .p1 { margin-bottom:21px;}




/*==================list====================*/
.block { background:#e1e2db; width:235px; color:#383838;}
.block .r { background:url(images/r.gif) right top repeat-y;}
.block .b { background:url(images/b.gif) left bottom repeat-x;}
.block .l { background:url(images/l.gif) left top repeat-y;}
.block .t { background:url(images/t.gif) left top repeat-x;}
.block .l_t { background:url(images/l_t.gif) no-repeat left top;}
.block .r_t { background:url(images/r_t.gif) no-repeat right top;}
.block .r_b { background:url(images/r_b.gif) no-repeat right bottom;}
.block .l_b { background:url(images/l_b.gif) no-repeat left bottom;}
.block .ind { padding:20px 15px 23px 21px;}

.title_block { background:url(images/line1.gif) left bottom repeat-x; height:24px; margin-bottom:11px;}
.title_block div { background:url(images/title_marker.gif) no-repeat 3px 0px; padding-left:31px;}

/*==========================================*/
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}

/*------------------------------------------------body---------------------*/

/*------------------------------------------------body part start---------------------*/
#headerok{
	width:771px;
	padding:0;
	margin:0;
}
#headerok ul{
	width:771px;
	height:25px;
	padding:0px 0px 0 0px;
	margin:0 0px 0 0;
	float:left;
}
#headerok ul li{
	width:128px;
	padding:0;
	margin:0;
	float:left;
}
#headerok ul li a{
	margin:0 0.4px 0 0;
	width:126px;
	display:block;
	background:#e4e5df ; border-bottom:#d9d9d7 solid 2px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	padding:0 0px 0 0px;
	font:bold 10px/25px  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-align:center;
	text-decoration:none;
	color:#1695e1;
	text-transform:uppercase;
	float:left;
}
#headerok ul li a:hover{
	width:128px;
	background:#1695e1 ; border-bottom:#078cdb solid 2px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	padding:0 0px 0 0px;
	color:#fff;
	height:25px;
}
#headerok ul li.home{
	width:128px;
	margin:0;
	background:#1695e1 ; border-bottom:#078cdb solid 2px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	height:25px;
	padding:0 0px 0 0px;
	font:bold 10px/25px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	float:left;
}
#headerok img{
	margin:200px 0 0 0;
	float:left;
}

/*------------------------------------------------body part start---------------------*/
#header1{
	padding:0;
	margin:0;
	float: left;
}

#header1 .home{
	margin:0;
	background:#1695e1 ; border-bottom:#078cdb solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	padding:0 0px 0 0px;
	text-align:center;
	color:#fff;
	float:left;
}

#header img{
	margin:200px 0 0 0;
	float:left;
}
	
	/*------------------------------------------------body part start---------------------*/
	
}
#header11{
	padding:0;
	margin:0;

}

#header11 .home{
	margin:0;
	background:#1695e1 ; border-bottom:#078cdb solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	padding:0 0px 0 0px;
	text-align:center;
	color:#fff;
}

#header11 .home8{
	margin:0;
	background:#1695e1 ; border-bottom:#078cdb solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	padding:0 0px 0 0px;
	text-align:center;
	color:#fff;
}

#header11 .home1{
	margin:0;
	padding: 2px 0 0 2px;
	background:#1695e1;
	border-bottom:#078cdb solid 2px;
	border-right:#ffffff solid 0px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	text-align:center;
	color:#fff;
	float:left;
}

#header img{
	margin:200px 0 0 0;
	float:left;
}

/*------------------------------------------------body part start---------------------*/
	
	
}
#header10{
	padding:0;
	margin:0;
	float: right;
}

#header10 .home{
	margin:0;
	background:#ecede7 ; border-bottom:#d9d9d7 solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	padding:0 0px 0 0px;
	text-align:center;
	color:#fff;
	float:left;
}

#header10 .home1{
	margin:0;
	padding: 2px 0 0 2px;
	background:#ecede7;
	border-bottom:#d9d9d7 solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	text-align:center;
	color:#fff;
	float:right;
}

#header img{
	margin:200px 0 0 0;
	float:left;
}

/*------------------------------------------------body part start---------------------*/
	

/*------------------------------------------------body part start---------------------*/
	
#header3{
	
	padding:0;
	
}

#header3 .home{
	margin:0;
	background:#ecede7 ; border-bottom:#d9d9d7 solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#ffffff solid 2px;
	border-top:#ffffff solid 2px;
	border-bottom:#ffffff solid 2px;
	padding:0 0px 0 0px;
	font-family:Tahoma; font-size:115%; line-height:1.5em; color:#484848;
	text-align:center;
	float:left;
}
#header img{
	margin:0px 0 0 0;
	float:left;
}
/*------------------------------------------------ACCORDION---------------------*/
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul#menu li ul li a:visited {
  color:#990033
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/*------------------------------------------------mod_acmenu---------------------*/

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family:Tahoma;
	color:#1695e1;
	;
	height:20px;
	background: #e4e5df url(collapsed.gif) no-repeat scroll 4px 10px;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding:7px 0 0px 14px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu1 .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family:Tahoma; color:#1695e1;; 
	 
	height:20px;
background: #e4e5df url(collapsed.gif) no-repeat scroll 4px 10px;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding:7px 0 0px 14px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:selected {
	background-image: url(expanded.gif); }

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 2px;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}


.arrowlistmenu ul li a{
	color: #000000;/*sous menu*/
	display: block;
	padding: 2px 0;
	padding:4px 0px 5px 10px;
	text-decoration:underline; font-weight:none;

	font-size:11px;/*taille sous menu*/
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background-color: #ffffff;
	text-decoration:none;
}

.arrowlistmenu ul li  a:visited {
  color:#990033
}

/*------------------------------------------------template_css---------------------*/

/*Conteneur du menu du gauche*/
#menu_gauche{
width:170px;
/*background-color:#2E629B;*/
font-family:Tahoma; font-size:12px; line-height:1em; color:#1695e1;
border:#ffffff solid 2px;
}
/* Style menu gauche   */
a.mainlevel{
width:156px;
height:20px;
color: #1695e1;
display:block;
text-decoration:none;
}
.mainlevel{
/*width:120px*/
height:50px;
background: #e4e5df url(collapsed.gif) no-repeat scroll 4px 10px;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding:7px 0 0px 14px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;

}
	#contenu_menu_gauche{
	border:0px solid blue;
	background-color:#FFFFFF;
	}


/*------------------------------------------------Galerie---------------------*/
img {
	/* img controls anything that all of the images have in common; in this case, we make sure no images have borders (we can add borders to specific images later) */
	border: 0;
}


#plog-wrapper {
	/* #wrapper contains the entire content of the page; this is where one would center the page content, and give it a definite width, this is also where one would put borders around the content of the page */ 
	margin: 0 auto 0;
	width: 500px; /* any change to this width requires changes to the widths of .collection and #footer as well */
	position: relative;
}

#header {
	/* #header contains the gallery name, the search box, and the breadcrumbs */
	width: 500px;
	margin: 2px auto 0px;
}

#header p {
	/* one can edit header.php, within the commented <p></p> tags, to add a few words below the breadcrumbs, in which case this controls that text */
	clear: both;
	margin: 6px 25px;
	text-align: center;
	font-size: 1.2em;
}

#gallery-name {
	/* #gallery-name controls the name of the gallery */
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	color: #01b4e2;
	font-size: 1.5em;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial, sans-serif;
}

#search-container {
	/* #search-container contains the seach box and the search button */
	float: right;
	white-space: nowrap;
	margin: 18px 0 0 0;
	height: 30px;
	
}

#search-container input {
	/* #search-container input is the search input box */
	border: 1px solid #4dc4e6;
	float: left;
	padding: 2px;
	vertical-align: top;
}

#search-container input.submit {
	/* #search-container input.submit is the search button */
	width: 64px;
	height: 23px;
	cursor: pointer;
	background: #fff url("images/search-btn.png");
	margin: 0 0 0 4px;
	padding: 0 0 4px 0;
	border: none;
}

#breadcrumbs {
	/* #breadcrumbs contains the breadcrumbs */
	clear: both;
	margin: 0;
	font-size: 1em;
	min-height: 24px;
	border: 1px solid #039acb;
	background: #01b4e2 url("images/blue-gradient.gif") repeat-x;
	padding: 0px 0 2px 0px;
	color: #fff;
	width: 500px
}

#breadcrumb-links {
	/* #breadcrumb_links controls the breadcrumbs text that isn't a link */
	float: left;
	display: inline;
	padding: 0px 0 0 25px;
}

#breadcrumb-links a {
	/* #breadcrumb_links a controls the breadcrumbs text that is a link */
	color: #fff;
	text-decoration: underline;
}

#breadcrumb-links a:hover, #slideshow a:hover {
	/* #breadcrumb_links a:hover, #slideshow a:hover a controls hover behavior of the breadcrumbs text that is a link */
	color: #fff;
	text-decoration: none;
}

#slideshow a {
	/* #slideshow a controls the text of the View as Slideshow link */
	float: right;
	display: inline;
	padding: 0px 25px 0 0;
	color: #fff;
	text-decoration: underline;
}

#no-pictures-msg {
	/* #no-pictures-msg controls the "no collections", "no albums", and "no picture" messages displayed when a visitor goes to a page without collections, albums, or a picture */
	margin: 50px;
	text-align: justify;
}

#error-404 {
	/* error-404 controls the "not found" message received when going to a non-existent URL */
	margin: 50px;
	text-align: justify;
}

.checkbox {
	/* .checkbox controls the appearance of the checkbox on all pages */
	clear: both;
	margin: 4px auto 0;
	padding: 0;
	width: 400px
}

/* Begin collection and album page styles */

#thumbnail-container {
	/* #thumbnail-container contains the entire list of all collections or the entire list of all albums, as appropriate */
	margin: 0;
	padding: 0;
}

#collections {
	/* #collections contains the entire list of all collections or the entire list of all albums, as appropriate (yes, it's redundant to #thumbnail-container) */
}

.collection {
	/* .collection contains each individual collection or album in the list, as appropriate */
	margin: 10px 0 0 0;
	padding: 10px 0;
	float: left;
	text-align: left;
	border: 1px solid #bed2d2;
	width: 500px; /* set this width to be 2px less than the width of #wrapper to account for borders */
}

.collection-image-link {
	margin: 0 0 0 25px;
	border: 1px solid #01b4e2;
	display: block;
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.collection-image-link:hover {
	border: 1px solid #f60;
}

.photos {
	/* .photos controls the thumbnail picture on the collection(s) and album pages */
	vertical-align: bottom; /* firefox hack to remove the gap below images surrounded by an anchor */
}

.collection p {
	/* .collection p controls the collection or album description */
	margin: 4px 0 0 0;
	line-height: 1.5em;
}

.collection h2 {
	/* .collection h2 controls the collection or album title */
	margin: 5px 0;
	padding: 0;
	font-size: 1.1em;
}

.collection h2 a {
	/* .collection h2 controls the link behavior of the collection or album title */
	color: #01b4e2;
}

.collection h2 a:hover {
	/* .collection h2:hover controls the hover behavior of the collection or album title */
	color: #f60;
}

.meta-header {
	/* .meta-header controls the "Contains X Albums" or "Contains X Pictures" text */
	margin: 0;
	padding: 0;
	color: #404040;
	font-size: 90%;
}

.thumbnail p {
	/* .thumbnail p controls the description of the Collection or Album, as appropriate */
	/* width is equal to the width of the thumbnail image, set inline in album.php */
	padding: 0 6px;
	margin: 4px 0 0 0;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
}

/* Begin album page styles */

ul.slides {
	/* ul.slides controls the unordered list of the thumbnails of images within an album */
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #bed2d2;
	width: 500px;
}

ul.slides li {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 0 0 0 13px;
	padding: 10px;
	display: inline;
	text-align: center;
}

ul.slides li img {
	/* ul.slides li img controls the thumbnail image itself */
	border: 1px solid #01b4e2;
	background: #fff;
	padding: 3px;
}

ul.slides li a {
	/* ul.slides li a controls the thumbnail image link behavior */
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}

ul.slides li img:hover {
	/* ul.slides li img:hover controls the thumbnail image hover behavior */
	background: #eaeae0;
	border: 1px solid #f60;
}

/* Begin "picture" page styles */

#big-picture-container {
	/* #big-picture-container contains the picture, the prev/next buttons, the camera details and the thumbnail nav (if enabled) */
	border: 1px solid #bed2d2;
	margin: 10px 0 10px 0;
	padding: 10px 0 20px 0;
}

.picture-title {
	/* .picture-title controls the picture title */
	width: 70%;
	margin: 15px auto 0px;
	text-align: center;
	font-size: 0.9em;
	color: #4b4c57;
}

.date {
	/* .date controls the picture date */
	width: 70%;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 0.9em;
	color: #8689a2;
	letter-spacing: 1px;
}

#nav-link-img-prev, #nav-link-img-next {
	/* #nav-link-img-prev, #nav-link-img-next control those elements that both the prev and next buttons have in common */
	margin: 10px 0px 0;
	padding: 6px 5px;
	font-size: 0.9em;
}

#nav-link-img-prev {
	/* #nav-link-img-prev controls the prev button */
	float: left;
	display: inline;
}

#nav-link-img-next {
	/* #nav-link-img-next controls the next button */
	float: right;
	display: inline;
}

#nav-link-img-prev a {
	/* #nav-link-img-prev a controls the text of the prev button */
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #01b4e2;
}

#nav-link-img-next a {
	/* #nav-link-img-next a controls the text of the next button */
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #01b4e2;
}

#nav-link-img-prev a:hover, #nav-link-img-next a:hover {
	/* #nav-link-img-prev a:hover, #nav-link-img-next a:hover controls the common link behavior of the prev/next buttons  */
	border: 1px solid #039acb;
	background: #01b4e2 url("images/blue-gradient.gif") repeat-x;
	color: #fff;
}

#picture-holder {
	/* #picture-holder contains the picture */
	clear: both;
	margin: 10px 0 0 0;
}

.photos-large {
	/* .photos-large controls the picture itself */
	margin: 10px 0 20px 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #dfded6;
}

#picture-holder a:hover {
	/* #picture-holder a:hover controls the hover behavior of the picture itself */
	white-space: normal;
}

#picture-description {
	/* #picture-description controls the picture's description */
	width: 80%;
	margin: 6px auto 6px;
	text-align: center;
	font-size: 1.1em;
}

/* Exif stuff is for the 'camera details' table */

#exif-toggle {
	margin: 0 0 20px 0;
	padding: 0;
}

#exif-toggle-container {
}

#exif-table {
}

#exif-data {
	margin: 0 auto 0;
	text-align: left;
}

#exif-data td.exif-label {
	text-align: right;
	padding-right: 10px;
	width: 50%;
}

#exif-data td.exif-info {
	text-align: left;
	padding-right: 10px;
	width: 50%;
}

/* Begin thumbnail navigation styles */

#thumb-nav {
	/* #thumb-nav controls the unordered list that comprises the thumbnail navigation */
	list-style-type: none;
	margin: 25px;
}

#thumb-nav li {
	/* #thumb-nav li controls each unordered list item that comprises the thumbnail navigation button */
	float: left;
	margin: 0 10px 0 0;
}

#thumb-nav li img {
	/* #thumb-nav li img controls the image within each unordered list item that comprises the thumbnail navigation button */
	border: 1px solid #01b4e2;
	padding: 3px;
	display: inline;
	background: #fff;
}

#thumb-nav li img:hover {
	/* #thumb-nav li img:hover controls the hover behavior of the image within each unordered list item that comprises the thumbnail navigation button, wheee! */
	background: #eaeae0;
	border: 1px solid #f60;
}

#thumb-nav li.current img, #thumb-nav li.current img:hover {
	background: #01b4e2;
}

/* Begin comment styles */

#comment-section {
	/* #comment-section contains the comments, the "post a comment" input fields, and the submit button */
	margin: 10px 25px 10px 25px;
	clear: both;
	text-align: left;
}

.comment-heading {
	/* .comment-heading controls the "Comments:" and "Post a comment:" headings */
	margin: 12px 0 0 0;
	font-size: 1.4em;
}

#comment-section form p {
	/* #comment-section form p contains the "post a comment" input fields */
	margin: 6px 0;
}

.comment, .comment-alt {
	/* .comment, .comment_alt control those elements that all comments have in common */
	border-top: 1px solid #dfded6;
	margin: 0;
	padding: 15px;
	list-style: none inside;
}

.comment-alt {
	/* .comment_alt controls those elements that every other comment has in common, eg: a different colored background */
	background: #effbfb;
}

.comments p {
	/* .comments p controls paragraphs within each comment */
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 0 15px;
}

.comments cite {
	/* .comments cite controls the "Comment by So-and-so - Posted on DATE" text */
	margin-top: 8px;
	padding: 5px 5px 5px 23px;
	color: #000;
	background: url("images/com-bubble.gif") no-repeat 0 5px ;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 28px;
}

.comments-closed {
	/* .comments-closed controls the "Comments closed." message if comments are disabled */
	text-align: left;
	margin-top: 25px;
	font-size: 1.1em;
}

.comment-input-button input {
	/* .comment-input-button input controls the "Post Comment" submit button */
	padding: 2px 6px;
}

.actions {
	/* .actions controls the moderation message when a comment is submitted, if moderation is enabled */
	width: 400px;
	margin: 15px 0 15px 0;
	padding: 8px 8px 8px 30px;
	border: 1px solid #bb0;
	font-size: 1.1em;
	color: #000;
	background: #ffffe0 url("images/alert.gif") no-repeat 5px 8px;
}

.errors {
	/* .errors controls the error message when there is a problem with a comment */
	width: 500px;
	margin: 15px 0 15px 0;
	padding: 8px 8px 8px 30px;
	border: 1px solid maroon;
	font-size: 1.1em;
	color: #000;
	background: #f5a7ab url("images/null.gif") no-repeat 5px 5px;
}

.field-error {
	/* .field-error highlights field where error needs to be corrected when there is a problem with a comment */
	border: 1px solid maroon;
	background-color: #f5a7ab;
}

/* Begin slideshow page styles */

.large-thumb-toolbar {
	/* .large-thumb-toolbar controls the "Stop", "Rewind", "Fast-forward", etc. buttons on the slideshow page */
	padding: 15px 0;
	text-align: center;
	margin: auto;
}

.large-thumb-toolbar a {
	/* .large-thumb-toolbar a controls the link behavior of the "Stop", "Rewind", "Fast-forward", etc. buttons on the slideshow page */
	padding: 0 4px;
}

/* Begin Footer Section */

#footer {
	/* #footer contains the entire footer */
	clear: both;
	padding: 10px 25px ;
	margin: 10px auto 20px;
	border: 1px solid #bed2d2;
	background: url("images/bg-field.png") repeat-x ;
	width: 450px; /* width must be 52 pixels less than the width of #wrapper */
}

#pagination {
	/* #pagination contains the pagination */
	float: left;
	width: 40%;
	text-align: left;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	height: 23px;
	clear: left;
}

.page-link, .page-link-current {
	/* .page_link controls the page numbers (link and non-link) */
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

a.pagPrev, a.pagNext {
	text-decoration: none;
	margin: 0 3px;
}

#pagination a {
	/* #pagination a controls the link behavior of the page numbers */
	text-decoration: none;
	color: #4dc4e6;
}

#pagination a:hover {
	/* #pagination a:hover controls the link hover behavior of the page numbers */
	text-decoration: none;
	color: #f60;
}

#download-selected {
	/* #download-selected contains the "Download Selected" button */
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	display: inline;
	width: 168px;
	text-align: right;
	clear: right;
}

#download-selected input.submit {
	/* #download-selected input.submit controls the "Download Selected" button itself */
	margin: 0;
	padding: 0 0 0 26px;
	float: right;
	display: inline;
	cursor: pointer;
	background: #fff url("images/carrot_sel3.png") no-repeat 0 50%;
	border: none;
	font-weight: bold;
	color: #4dc4e6;
	width: 168px;
	height: 23px;
}

#navigation-container {
	/* #navigation-container contains the "Jump to..." navigation drop down menu */
	float: left;
	width: 40%;
	text-align: left;
	margin: 0 0 0px 0;
	white-space: nowrap;
	clear: left;
}

#sort-control {
	/* #sort-control contains the "Sort by:" drop down menu */
	float: right;
	text-align: right;
	margin: 0 -10px 10px 0;
	display: inline;
	clear: right;
	width: 47%;
}

option {
	/* option controls each item within the "Sort by:" drop down menu */
	padding: 0 4px;
}

#sort-control span {
	/* #sort-control span contains the ["Sort by:" text and 'by which criteria' menu] and [ascending/descending menu] */
	float: left;
	margin: 0 0 0 8px;
	display: inline;
	font-size: 1.2em;
}

#change_sortby {
	/* #change_sortby controls the 'by which criteria' menu */
	margin-left: 5px;
}

#rss-tag-container {
	/* #rss-tag-container contains the rss image and link */
	float: right;
	width: 40%;
	text-align: right;
	clear: right;
}

#rss-image {
	/* #rss-image controls the rss image */
	margin: 0;
	padding: 0;
	display: inline;
}

#link-back {
	/* #link-back controls the "Powered by Plogger" text */
	clear: both;
	font-size: 90%;
	text-align: center;
}

#link-back a {
	/* #link-back a controls the link behavior of the "Powered by Plogger" text */
	color: #01b4e2;
}

.credit {
	/* .credit controls the "Design by ardamis.com" text */
	font-size: 90%;
	padding: 0 0 10px 0;
	text-align: center;
}

.credit a {
	/* .credit a controls the link behavior of the "Design by ardamis.com" text */
	color: #01b4e2;
}

.credit a:hover {
	/* .credit a:hover controls the hover behavior of the "Design by ardamis.com" link text */
	color: #01b4e2;
}

/* Begin div clearing code */

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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/*ok*/
#ok
{margin: 0;
	padding: 0 0 25px 0;
	color: #404040;
	font: 75% "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	width: 500px}
	
.header{
	background-image:url(images/indexok.jpg);
	width:779;
	height:143;
	}

#col_3 { padding:0px 0px 0px 3px;}