/*- Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* table falta cellspacing="0" */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* typography & styling */
body {
	font: 12px/140% Arial, Helvetica, sans-serif;
	color:#333;
   background: #fff url(/img/IMG_0393-Edit.jpg) no-repeat center -24px;
}
body.imgPage {
   background: #fff url(/img/IMG_0393-Img.jpg) no-repeat center -24px;
}

/* transparency example
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
*/

a {
	text-decoration:none;
	color: #01357e;
}
a:hover {
	text-decoration:underline;
	color: #01357e;
}

#header {
   background: transparent url(/img/joyce-logo1.gif) no-repeat center center;
   height: 180px;
   margin-top: -36px;
}

#header h1 {
margin-left: -9999px;
}
#description {
margin: 24px 0 9px 0;
font-weight: bold;
font-size: 14px;
line-height: 150%;
}

.imgPage #description {
background-color: #fff;
width:400px;
margin: auto;
margin-top: 12px;
padding: 2px 4px 2px 4px;
font-weight: normal;
font-size: 12px;
line-height: 130%;
}

#footer {
margin-top: 40px;
}

.imgPage #footer {
text-align: center;
}

.pagelist ul {
  list-style: none;
}
.pagelist li {
  display: inline;
}
.disabled_nav, .disabledlink {
display: none;
}
h2.albumTitle {
}

.imgPage #breadcrumb {
width:400px;
display: inline;
}
.imgPage #breadcrumb a {
}
.imgPage #breadcrumb h3 {
text-align: center;
margin-top: 24px;
}

.imgPage #breadcrumb em {
font-size: 12px;
font-weight: normal;
}
.imgPage #breadcrumb h3 span {
margin: auto;
padding: 4px 9px 2px 9px;
background-color: #fff;
color:#666;
}


.imgPage #image {
width: 600px;
margin: auto;
text-align: center;
line-height: 1;
}
.imgPage #image img {
background-color: #fff;
padding: 10px;
}
.imgPage #image a {
}

/* image nav */
.imgnav {
width:300px;
margin: auto;
margin-top: 48px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.imgnav:hover  {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.imgnav .imgprevious {
float:left;
background-color: #fff;
padding: 1px 3px 0 3px;
}
.imgnav .imgnext {
float:right;
background-color: #fff;
padding: 1px 3px 0 3px;
}
.imgnav h3 {
display: inline;
width:250px;
margin: auto;
background-color: #000;
}


#caption {

}


/* page structure  */

#main {
   min-width:450px;
   min-height:600px;
   margin:0 auto;
   position: relative;
   padding-bottom: 12px;
   text-align:center;
}

#content {
  margin:0 auto;
  margin-top: 32px;
  text-align:left;
  width:672px;
}
#series #content {
  width:702px;
}

.imgPage #content {
margin-top:12px;
}


#albums {
  margin:0px -9px 0px -9px;
}
#albums .album {
  float:left;
  margin:9px;
  border:#fff solid 6px;
}

#images {
  margin:12px -9px 12px -9px;
}
#images .image {
  float:left;
  margin:9px;
  border:#fff solid 3px;
}

#commentwrap {
	padding:6px;
	background: transparent url(/img/bg-70.png) repeat 0px 0px;
	margin-top: 48px;
}
#commentwrap h3 {
font-size: 14px;
}
#commentcontent {
margin-bottom: 12px;
}
#commentwrap #comments {
margin:12px 0 18px 0;
}


#slideshowlink_0 {
float: right;
}




/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
*/

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

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

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





/* Admin Toolbox
----------------------------------------------- */
#admin, #admin_data{
	position:absolute;
	right:0;
	top:0;
	background: #666;
	width:120px;
    padding: 2px 0px 4px 4px;
}
#admin_data{
	top: 20px;
}
#admin_data a, #admin h3 a {
    color: #ccc;
}
#admin h3 {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ccc;
	margin:0;
	padding:0;
}
kquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* table falta cellspacing="0" */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* typography & styling */
body {
	font: 12px/140% Arial, Helvetica, sans-serif;
	color:#333;
   background: #fff url(/img/IMG_0393-Edit.jpg) no-repeat center -24px;
}
body.imgPage {
   background: #fff url(/img/IMG_0393-Img.jpg) no-repeat center -24px;
}

/* transparency example
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
*/

a {
	text-decoration:none;
	color: #01357e;
}
a:hover {
	text-decoration:underline;
	color: #01357e;
}

#header {
   background: transparent url(/img/joyce-logo1.gif) no-repeat center center;
   height: 180px;
   margin-top: -36px;
}

#header h1 {
margin-left: -9999px;
}
#description {
margin: 24px 0 9px 0;
font-weight: bold;
font-size: 14px;
line-height: 150%;
}

.imgPage #description {
background-color: #fff;
width:400px;
margin: auto;
margin-top: 12px;
padding: 2px 4px 2px 4px;
font-weight: normal;
font-size: 12px;
line-height: 130%;
}

#footer {
margin-top: 40px;
}

.imgPage #footer {
text-align: center;
}

.pagelist ul {
  list-style: none;
}
.pagelist li {
  display: inline;
}
.disabled_nav, .disabledlink {
display: none;
}
h2.albumTitle {
}

.imgPage #breadcrumb {
width:400px;
display: inline;
}
.imgPage #breadcrumb a {
}
.imgPage #breadcrumb h3 {
text-align: center;
margin-top: 24px;
}

.imgPage #breadcrumb em {
font-size: 12px;
font-weight: normal;
}
.imgPage #breadcrumb h3 span {
margin: auto;
padding: 4px 9px 2px 9px;
background-color: #fff;
color:#666;
}


.imgPage #image {
width: 600px;
margin: auto;
text-align: center;
line-height: 1;
}
.imgPage #image img {
background-color: #fff;
padding: 10px;
}
.imgPage #image a {
}

/* image nav */
.imgnav {
width:300px;
margin: auto;
margin-top: 48px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.imgnav:hover  {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.imgnav .imgprevious {
float:left;
background-color: #fff;
padding: 1px 3px 0 3px;
}
.imgnav .imgnext {
float:right;
background-color: #fff;
padding: 1px 3px 0 3px;
}
.imgnav h3 {
display: inline;
width:250px;
margin: auto;
background-color: #000;
}


#caption {

}


/* page structure  */

#main {
   min-width:450px;
   min-height:600px;
   margin:0 auto;
   position: relative;
   padding-bottom: 12px;
   text-align:center;
}

#content {
  margin:0 auto;
  margin-top: 32px;
  text-align:left;
  width:672px;
}
#series #content {
  width:702px;
}

.imgPage #content {
margin-top:12px;
}


#albums {
  margin:0px -9px 0px -9px;
}
#albums .album {
  float:left;
  margin:9px;
  border:#fff solid 6px;
}

#images {
  margin:12px -9px 12px -9px;
}
#images .image {
  float:left;
  margin:9px;
  border:#fff solid 3px;
}

#commentwrap {
	padding:6px;
	background: transparent url(/img/bg-70.png) repeat 0px 0px;
	margin-top: 48px;
}
#commentwrap h3 {
font-size: 14px;
}
#commentcontent {
margin-bottom: 12px;
}
#commentwrap #comments {
margin:12px 0 18px 0;
}


#slideshowlink_0 {
float: right;
}




/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
*/

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

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

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





/* Admin Toolbox
----------------------------------------------- */
#admin, #admin_data{
	position:absolute;
	right:0;
	top:0;
	background: #666;
	width:120px;
    padding: 2px 0px 4px 4px;
}
#admin_data{
	top: 20px;
}
#admin_data a, #admin h3 a {
    color: #ccc;
}
#admin h3 {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ccc;
	margin:0;
	padding:0;
}