/* CSS 0wnz3d by gavjof (www.gavjof.com) */


body {
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-size: 84%;
	color: #525252;
	background-color: #aaa; /*c4c4c4*/
	vertical-align: middle;
	text-align: center;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;}

h1	{font-size: 130%;}
h2	{font-size: 120%;}
h3	{font-size: 106%;}
h4	{font-size: 90%;}
h5	{font-size: 80%;}
p	{font-size: 84%;}

li {}

caption {display: none;}
acronym, abbr {cursor: help;}
img {border: none;}

/*========================================*/
/* Begin CSS Hyperlink Formatting					*/
/*========================================*/

a {text-decoration: underline;}
a:link, a:visited {color: #0000FF;}
a:hover, a:active {color: #FF6600;}
a em {font-style: normal;font-weight: normal;text-decoration: underline;}

/*========================================*/
/* DIV Styles															*/
/*========================================*/

#boxMain {
	position:absolute; top:50%; left:50%;
	margin-top: -100px; margin-left: -8em;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	/* margin-top: 25%; old */
	width: 16em; 
	/* margin-left: auto;
	margin-right: auto; */
	height:220px;
	
}

.siteName h1 {font:Myriad,Verdana, Arial, Helvetica, sans-serif;font-size:2.4em;font-weight:bold;}
.siteName h1 a {text-decoration:none;}
.siteName a:link, .siteName a:visited, .siteName a:hover, .siteName a:active {color:#525252;}
.splashAbout {margin:10px;}
.splashAbout a {color:#333;}
.splashSlogan p {letter-spacing:2px;margin:0;}

/* Footer informations*/
#footer {
	position: absolute;	bottom: 10px; left: 10px;
	text-align: left;
	width: 30em;
	padding: 8px;
	border: 1px outset #aaa;
}

#footer a {text-decoration: none;}
#footer a:link, #footer a:visited {color:#333;}
#footer a:hover, #footer a:active {color:#06f;}

/* hover effects */
#footer:hover, #footer:focus {background:#eee;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Custom Styles
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.centre {text-align: center;}
.stealth {display:none;}
.autoheight {height: 2em;margin-top:auto; margin-bottom:auto;}

.return {font-family:Myriad,Verdana, Arial, Helvetica, sans-serif;font-size:2em;font-weight:bold;}
.return a:link, .return a:visited, .return a:hover, .return a:active {color:#525252;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Floating Boxes
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Gallery */
#boxGallery {position:absolute; left: 10px; top: 10px;}
#boxGallery a {text-decoration:none;}
#boxGallery a:link, #boxGallery a:visited {color:#666;}
#boxGallery a:active, #boxGallery a:hover {color:#06f;}

/* Upload */
#boxUpload {position:absolute; right: 10px; bottom: 10px;}
#boxUpload a {text-decoration:none;}
#boxUpload a:link, #boxUpload a:visited {color:#666;}
#boxUpload a:active, #boxUpload a:hover {color:#06f;}

/* Blog */
#boxBlog {position:absolute; right: 10px; top: 10px;}
#boxBlog a {text-decoration:none;}
#boxBlog a:link, #boxBlog a:visited {color:#666;}
#boxBlog a:active, #boxBlog a:hover {color:#06f;}
#boxBlog h2 {margin-bottom:0;}
#boxBlog p {margin:0}

/* Shared Elements */
#boxGallery, #boxBlog, #boxUpload {width: 11em; height: 11em; text-align:center; padding:2px;}
#boxGallery h2, #boxBlog h2, #boxUpload h2 {font:Myriad,Verdana, Arial, Helvetica, sans-serif;font-size:2.4em;padding-top: 0.9em;}
#boxBlog, #boxUpload, #boxGallery {border: 1px outset #aaa;}/*groove inset outset ridge*/

/* hover effects */
#boxGallery:hover, #boxBlog:hover, #boxUpload:hover,
#boxGallery:focus, #boxBlog:focus, #boxUpload:focus {background:#eee;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		used on about.php
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aboutContainer {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	top: 8%;
	position: relative;
}
.aboutImage {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.aboutLogo {
	margin: 0px;
	padding: 0px;
	vertical-align: top;

}
.aboutInfo {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		used on /gallery/index.php
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#gallery-page {margin:0;} /* applied to body tag */

#gallery-head-wrapper {background:#ddd;overflow:auto;}
#gallery-head {text-align:left;border-bottom:6px solid #555;}
#gallery-head .siteName, #gallery-head .splashSlogan {margin-left:30px;}
#gallery-page #gallery-head #siteName h1 {margin:0;}

#gallery-content {margin: 4em auto; width: 750px;}

.padding {padding: 10px;}
.comment-heading, #commentform {text-align:left;}
.photos-large:hover, .photos-large:active {background:#fff;}


#gallery-page a {text-decoration: underline;}
#gallery-page a:link, a:visited {color: #333;}
#gallery-page a:hover, a:active {color: #fff;}

#exif-table {border: 1px dashed #666;}
#exif-data {}