@charset "utf-8";

/* see if this visitor has registered any font preferences */
@import "http://woodblock.com/style/font.php";

body {
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	text-align: center; 
	font-style: normal; 
	line-height: 1.4em;  
	color: #000;
	}

/* temporary patch to cover for old pages in tables ... */
body table { font-size: 1em; }
	

/* basic stuff */
h1 { font-size: 2em; font-family: "Hoefler Text", "News Gothic MT", Tahoma, sans-serif;}
h2 { font-size: 1.5em; font-family: "Hoefler Text", "News Gothic MT", Tahoma, sans-serif;}
h3 { font-size: 1em; font-family: "Hoefler Text", "News Gothic MT", Tahoma, sans-serif;}


/* list styles */
ul.globe { list-style-image: url(http://woodblock.com/images/bubble.png); font-style: italic;}
ul.globe_body { list-style-image: url(http://woodblock.com/images/bubble.png);}
ul.footer_links {list-style-type: none;padding: 0;margin:0;}
ul.footer_links li {border-left: 1px solid #000;float: left;line-height: 1.1em;margin: 0 .5em 0 -.5em;padding: 0 .5em 0 .5em;}
ul.issho { font-style: italic; font-size: .9em; line-height: 1em; }

/* link styles */
a { text-decoration: none; }
a:link {color: #006699;}
a:visited {color: #006699;}
a:active {color: #8FABBE;}
a:hover {text-decoration: underline;}


/* some standard body backgrounds */
body.striped {background: url(http://woodblock.com/images/osx_background_darker.gif) ; }
body.beige {background: url(http://woodblock.com/images/gentle_beige.gif) ;  }
body.collection {background: url(http://woodblock.com/images/grey_texture.gif) ;  }
body.solitudes {background: url(http://woodblock.com/solitudes/images/paper.jpg) ;  }
body.grey {background-color: #dcdcdc; }
body.light_grey {background-color: #f7f7f7; }
body.tinted {background-color: #D2D1E0; }
body.surimono {
	background-color: #ededed; 
	background: url(http://woodblock.com/surimono/images/edge_darker.gif);
	background-repeat: repeat-y;
	}

/* standard divs */
div#main_page { position: relative; margin: 0 15px 0 15px; padding: 0 0 0 0;}
div#main_page_15 { position: relative; margin: 0 15px 0 15px; padding: 0 0 0 0;}
div#main_page_80 { position: relative; margin: 0 80px 0 80px; padding: 0 0 0 0;}

div#page_footer { position: relative; top: 0px ; left: 0px ; margin: 10px 0 20px 0; padding: 0px 0 0px 0;}
.diversion { border:solid 1px black;margin:10px 0 10px 0;padding:10px;background-color: #ffffe6;}

/* some standard classes for use all over the site */
.up_one_level { margin-top: 5px;  font-style: italic; font-size: 12px; line-height: 1em;  color: #000;  font-family: Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333;  text-align: center;  }

.grey_white_box {
	margin: 0 auto; 
	margin-top: 3em; 
	padding:10px;
	border:6px solid;
	border-color: #cccccc;
	background-color: #f7f7f7;
	}



/* general text styles */
.bodytext { margin: 0 0 0 0; font-size: 1em; padding: 10px 15px 10px 15px; text-align: left;  }
.bodytext img { display: block; margin:0 auto; text-align: center;}
.bodytext table { font-size: 1em; }

.bodytext img.left_boxed {float:left;border:solid 1px silver;padding:5px;margin-right:15px;}
.bodytext img.right_boxed {float:right;border:solid 1px silver;padding:5px;margin-left:15px;}
.bodytext img.center_boxed {border:solid 1px silver;padding:5px;}
.bodytext img.boxed {border:solid 1px silver;padding:5px;}

.bodytext img.left {float:left;padding:5px;margin-right:10px;}
.bodytext img.right {float:right;padding:5px;margin-left:10px;}

.left_box_caption {
	float:left; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
	background-color: #f7f7f7;
	}
.right_box_caption {
	float:right;
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	margin-left:10px;
	background-color: #f7f7f7;
	}
.center_box_caption {
	margin: 0 auto; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	background-color: #f7f7f7;
	}
.center_box_tomei {
	margin: 0 auto; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px black;
	padding:5px;
	}
.catalogue_main_box {
	margin: 0 auto;
	background-color: black;
	text-align: center;
	padding: 15px;
	}
.shadowed_box {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	padding:10px 30px 15px 30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.shadowed_photo_box {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.raised {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:20px;
}



.bodytitle { font-size:1.8em;  }
.storyhed { font-size:1.4em; }
.storytitle { font-size:1.2em; }

.footer_text { font-style: italic; font-size: 0.9em; line-height: 1.3em;  color: #000; color: #333;  text-align: center;  }

.byline { font-style: italic; font-size: 1em; line-height: 1.4em;  color: #000;  }
.byline_middle { display: block; text-align: center; margin: 0 auto; font-style: italic; font-size: 1em; line-height: 1.4em;  color: #000;  }

/* input, select, textarea { font: 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333; }*/

input, select, textarea { background-color: #ccccff; padding-left: 4px; }

.responsive_image_well {
	border: 0px;
    border-spacing: 0px;
    border-collapse: separate;
	padding: 0px;
	width: 90%;
	}

.responsive_image_well table tr td {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	}



@media only screen and (max-width: 600px) {

div#main_page_80 { position: relative; margin: 0 20px 0 20px; padding: 0 0 0 0;}


}