/*
--------------------------------------------------------------------------------------
01. RESET
--------------------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
        padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


/*
--------------------------------------------------------------------------------------
02. COMMON HTML ELEMENTS
--------------------------------------------------------------------------------------
*/

abbr { border-bottom: 1px dotted #737160;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 15px;}
p.bold {font-weight: bold;}
p.center {text-align: center;}
strong {font-weight: bold;}
strong.seo { font-weight: normal; }
sub {margin-right: -3px; font-size: .6em; font-weight: normal;}
.clear { clear: both; height: 20px; }
acronym { border-bottom: 1px dotted; }

a, a:link { color: #737160; }
a:visited { color: #9A9885; }
a.hover, a:hover { text-decoration: none;}

body {
	margin: 0; 
	padding: 0; 
	border: 0; 
	color: #000;
	font: .8em Arial, sans-serif; 
	line-height: 1.34em; 
	}



/*
--------------------------------------------------------------------------------------
03. START LAYOUT
--------------------------------------------------------------------------------------
*/

* {
	margin: 0;
	}

html, body {
	height: 100%;
	}


#wrapper {
	margin: 0 auto -104px;
	width: 900px;
background: url(images/header-top.jpg) no-repeat;
	min-height:100%;
	height: auto !important;
	height: 100%;
	}

#header h1 {
position: relative;
top: 40px;
}


#header h1 a {
margin: 0 auto;
	width: 362px;
	height: 239px;
	display: block;
	text-indent: -9999px;
background: url(images/title.jpg) no-repeat;
	}

#main-nav {
margin: 50px 0 0 0;
padding: 0 10px 15px 10px;
color: #fff;
text-align: center;
border-bottom: 2px solid #eae386;
}

#main-nav a {
margin-right: 5px;
color: #e9003c;
text-decoration: none;
font-size: 1.1em;
}

#main-nav a:hover {
color: #0091b9;
}

#gallery {
margin: 10px 0 0 0;
clear: both;
}

#gallery .push {
	height: 104px;
	}

#footer {
margin: 0 auto;
	position:relative;
	width: 900px;
	height: 104px;
	clear: both;
	}

.home-back {
padding-top: 55px;
width: 445px;
float: left;
}

.home-back ul li {
display: block;
float: left;
}

.home-back ul li a {
display: block;
float: left;
margin: 0 40px 0 20px;
color: #fb658f;
display: inline;
font-size: 1.1em;
text-decoration: none;
}

.home-back ul li a:hover {
color: #0091b9;
}

.back-to-top {
width: 205px;
height: 104px;
float: right;
background: url(images/back-to-top.jpg) no-repeat;
}

.back-to-top a {
position: relative;
top: 59px;
left: 64px;
color: #0089b1;
text-transform: uppercase;
text-decoration: none;
}

.back-to-top a:hover {
color: #e9003c;
}

.admin-menu {
margin: 20px auto 0 auto;
width: 850px;
}

.admin-menu ul li {
display: inline;
margin-right: 1px;
font-size: .9em;
text-transform: lowercase;
}

.admin-menu ul li a,
.admin-menu ul li a:visited {
color: #0087ae !important;
}

.admin-menu ul li a:hover {
color: #3caecf !important;
border-bottom: 1px solid #3caecf !important;
}

.user-menu {
margin: 20px auto 0 auto;
width: 730px;
}

.user-menu ul li {
display: inline;
margin-right: 10px;
}

.category-image {
margin: 0 10px 0 0;
width: 90px;
display: block;
float: left;
background: #fff;
-moz-border-radius: 0;
border: 0;
}

.category-image img {
-moz-border-radius: 0 !important;
border: 0 !important;
}

.category-title {
margin-bottom: 3px;
}

.category-title a {
padding: 5px 0 2px 0;
color: #fa4175;
font-size: 1.4em;
text-transform: lowercase;
text-decoration: none;
}

.category-title a:hover {
color: #b74404;
}

.category-title a:focus {
color: #000;
}

td.catrow .category-title {
font-size: .8em;
padding: 10px;
}

td.catrow td.album-count,
td.catrow td.pic-count {
}

.category-description {
color: #888888;
width: 370px;
font-size: 1.1em;
font-style: italic;
line-height: 1.3em;
}

td.tableh1 {
color: #888888;
font-style: italic;
text-transform: uppercase;
}

td.tableh1 b {
font-weight: normal;
font-size: 1.1em;
}

.statistics {
margin: 20px auto;
padding: 8px 10px;
width: 555px;
color: #0087ae;
background: #f7f094;
text-transform: lowercase;
letter-spacing: .03em;
-moz-border-radius: 10px;
text-align: center;
}

.statistics b {
color: #ef406d;
}

td.album-count,
td.pic-count {
color: #00a6d3;
font-size: 1.2em;
vertical-align: middle;
text-indent: 25px;
border-bottom: 1px solid #c0c0c0;
}

a img.image {
padding: 2px;
border: 7px solid #f7f094;
margin-bottom: 5px;
-moz-border-radius: 5px;
}

a:hover img.image {
border: 7px solid #e2da71;
}

td.thumbnails {
padding-bottom: 30px;
text-align: center;
}

td.thumbnails img {
margin: 0 auto;
display: block;
}

.thumb_title,
.thumb_caption {
color: #6c6565;
font-size: .9em;
font-style: italic;
display: block;
text-align: center;
line-height: 1.3em;
}

.thumb_title {
margin-top: -9px;
}

.footer {
font-style: italic;
color: #eaeaea;
}

.footer a {
color: #eaeaea;
}

td.navmenu {
padding-bottom: 20px;
}

td.navmenu img {
position: relative;
top: 5px;
}


/* breadcrumb area */
.tableh1 {
margin-bottom: 5px;
font-weight: normal;
text-transform: uppercase;
padding: 3px 10px 3px 10px;
border-bottom: 10px solid #fff;
background: #fdfcec;
}

.breadcrumbs {
padding: 3px;
color: #61bcd6;
}

.tableh1 a {
color: #008cb3 !important;
}


/* %albums on %pages */
.tableh1_compact {
font-weight: normal;
text-transform: lowercase;
font-style: italic;
color: #666;
vertical-align: middle;
padding: 5px 10px;
background: #f5f2c4;
border-bottom: 10px solid #fff;
}

.tableh1_compact b {
font-weight: normal;
}

/* area for album title */
.tableh2 a {
font-size: 1.2em;
display: block;
margin: 0 10px 10px 0;
font-weight: normal;
line-height: 1.3em;
background: #f35c83;
color : #fff;
text-decoration: none;
padding: 6px 10px;
-moz-border-radius: 5px;
}

.tableh2 a:hover {
color: #faf8ce;
}

.tableh2 b {
font-weight: normal;
}

/* used for rate this file */
.tableh2_compact {
font-weight: normal;
font-size: 1.1em;
border-top: 30px solid #fff;
height: 22px;
color: #666;
}

.tableb {
background: #fff;
padding-top: 15px;
}

.tableb a {
margin-right: 4px;
}

table.imageborder tr td {
text-align: center;
margin: 0 auto;
display: block;
}

table.imageborder img.image {
border: 7px solid #f7f094;
}

/* background of albums */
.tableb_compact {
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tablef {
padding: 30px 0;
text-align: center;
}

.catrow_noalb {
padding: 10px 20px 30px 10px;
font-size: .8em;
}

.catrow_noalb .category-description {
font-size: 1.2em;
}

.catrow .category-description {
font-size: 1em;
padding-left: 10px;
}

.album_stat {
font-size: 85%;
margin: 5px 0;
}

.thumb_filename {
font-size: 80%;
display: block;}

table.imageborder tr td {
padding: 30px 0;
width: 900px;
text-align: center;
}

table td input,
table td textarea {
padding: 4px;
font: 1em Arial, sans-serif;
border: 2px solid #c0c0c0 !important;
}

table td input:focus,
table td textarea:focus {
border: 2px solid #d5ce34 !important;
}

table td .button {
margin-right: 10px;
padding: 5px 10px;
color: #e9003c;
font-size: 1.4em;
background: #fff;
border: 2px solid #c0c0c0;
cursor: pointer;
}

table td .button:hover {
color: #2abbf5;
}

.navmenu a {
position: relative;
display: block;
float: left;
padding: 5px 8px;
text-decoration: none;
color: #e9003c;
}

td.tableb_compact b {
position: relative;
display: block;
float: left;
padding: 5px;
text-decoration: none;
color: #000;
}

.navmenu a:hover {
text-decoration: none;
color: #0091b9;
}

td.tableh2 {
padding: 20px 0 0 0;
}

td.tableh2 span b {
font-size: 1.3em !important;
}

td.search {
}

td.search .button {
border: 0 !important;
}