/* Papergecko: Handbuilt Websites and Artist's Books */
/*@import url("/contact/gbcf_styles.css");*/

* {
margin: 0;
padding: 0;
border: 0;
}
img	{
border: 0;
}
.hid {
display: none;
}
.skip {
position: absolute;
left:-50em;
width: 50em;
}
ul {
list-style: none;
}
body {  
background: #F2F1F0 url(../px/head_bk.gif) 0 0 repeat-x;
font : normal 100%/1.625 "Lucida Grande", Verdana, Arial, sans-serif;
/*font : normal 69%/1.6 "Lucida Grande", Verdana, Arial, sans-serif;  */
} 
.clearl{clear:left;}
/*page layout*/
#page {
width: 750px;
margin: 0 auto;
}
#head {
height: 150px;
background: transparent url(../px/head_graphic.gif) top right no-repeat;
}
#headin{
width: 750px;
margin: 0 auto;
}
#headin img {
padding: 75px 0 0 0;
}
#main {
width: 750px;
margin: 0 auto;
clear: both;
/*min-height: 550px;
height: auto !important;
height: 550px;*/
margin-top: 13px;
overflow:hidden;
}
/*________________________
content page - with sidebar*/
#leftcol {
width: 487px;
border-right: 250px solid #F2F1F0;
margin-right:-250px;
float: left;
padding: 0 0 0 13px;
}
#rightcol {
width: 224px;
float:left;
padding: 0 0 26px 26px;
}

#lcol {
width: 365px;
border-right: 365px solid #fff;
margin-right:-365px;
float: left;
padding: 0 0 10px 10px;
}
#rcol {
width: 365px;
float:left;
padding: 0 0 10px 10px;
}
#rightcol h2{
color: #4c4c4c;
/*border-bottom: 2px solid #000;*/
}
#leftcol img{
border: 5px solid #fff;
}
#leftcol img.float{
float: left;
clear: left;
margin-right: 5px;
}
#leftcol img.floatnb{
float: left;
clear: left;
margin-right: 5px;
border: 0;
}
div.post {
border-bottom: 1px solid #757D89;
padding-bottom: 1em;
margin-bottom: 3em;
}
div.box {
background-color: #EBE9E8;
padding: 0 1.625em;
}
/*index page - 2 column*/

#lcol img, #rcol img {
padding-bottom: 30px;
border-bottom: 2px solid #e5e5e5;
margin-bottom: 10px;
}

#rcol ul li, #rightcol h2{
font: 18px geneva;
letter-spacing: 0.05em;
}
#rcol ul li a{
color: #4c4c4c;
padding: 0 0 8px 2px;
display: block;
text-transform: uppercase;
}
#rcol ul li a:hover{
background-color: #FAE8B9;
}
/*Books*/
div.books {
margin: 1.625em 0 ;
padding: 0 1.625em 1.625em;
background-color: #B3B7BC;
}
#leftcol div.books img {
float: left;
border: 0;
}
/*footer*/
#footer {
background-color: #861A1E;
margin-top: 20px;
padding-top: 20px;
clear: both;

}
#footin {
margin: 0 auto;
width: 750px;
background: transparent url(../px/foot.gif) 0 0 no-repeat;
min-height: 58px;
}
/*top nav*/
#nav {
float: right;
height: 20px;
text-align: right;
padding: 123px 0 0 0;
overflow: hidden;
font: 18px georgia, times, "Times New Roman";
text-transform: uppercase;

}
#nav li {
float: left;
}
#nav li a {
display: block; 
color: #fff;
padding: 0 5px 0 8px;
letter-spacing: 0.05em;
text-decoration: none; 
}
#nav li a.here, #nav li a:hover{
color: #861A1E /*#757D89*/;
}
#nav li.end{
background: 0;
margin-right: -12px;
}
/*Right Column Nav*/
#rightcol ul{
padding-bottom: 1.625em;
}
#rightcol ul li{
/*padding: 3px 10px ;*/
}
#rightcol ul li a{
display: block;
padding: 6px 5px 4px 2px;
color: #585D66;
}
#rightcol ul li a:hover{
background-color: #EBE9E8;
color: #861A1E;
}
#rightcol ul li h2 , #rightcol h2{
color: #757D89;
border-bottom: 1px solid #757D89;
font: 16px/1.625em georgia, serif ; /*18px*/
}
body #rightcol p{
font-size: 100%;
background-color: #EBE9E8;
color: #585D66;
padding: 6px 5px 4px 2px;
}


/*Footer*/
#footer p {
margin-left: 50px;
}

#footer p, #footer p a{
color: #fff;
}
#footer p a:hover{
color: #1B293D;
}
/*vcard*/
.url {
display: none;
}
.locality, .region, .postal-code, .country-name{
display: block;
}
div.email{margin-top: 10px;}
.country-name{margin-bottom: 10px;}

/* Contact Form */
#form-div{
  padding: 10px 0 ;
  margin: 0 0 20px 0;
  font-size: 0.6875em;
  }
legend {font: normal 1.3em/1.5em georgia, times, serif;color: #4c4c4c; padding: 10px 10px 0 10px;}
fieldset.req-set,fieldset.opt-set{ border : 1px solid gray; padding: 5px;}
legend.main-legend {font-size: 1.5em;}
label.explain{font-style: italic;}
#results {font-size: 1.5em; padding: 5px 0;}
#results p{padding: 0;}
#results p.error, .reqd{color:#bb0000;}
/*Typo*/
#main p, #footer p, #leftcol ul, div.vcard, #main ol{
font-size: 0.6875em;
/*line-height: 1.5em;*/
padding: 0 10px 1.625em 0;
}
#main ol li{
margin-left: 4em;
}
#leftcol ul li ul{
font-size: 0.6875em;
padding: 0 10px 0 0;
}
#leftcol ul li{
padding: 0 0 0.40625em 0.8125em;
}
#rightcol {
font-size: 0.6875em;
}

ul.bull, ul.bull ul{
list-style: square inside;
}
#footer p{
padding: 0 0 0 6px;
}
#lcol h2 {
font-weight: bold;
font-size: .88em;
line-height: 1.5em;
float: left;
padding-bottom: 10px;
}
#leftcol h2, #leftcol h3{
font: normal 1.25em/1.5em georgia, times, serif; /*20px*/
letter-spacing: 0.01em;
padding-bottom: 0.2em;
color: #4c4c4c;
}
#leftcol h2.nofloat {
float: none;
padding-bottom: .5em;
}
#leftcol h3{
clear: left;
float: none;
font-size: 1.125em; /*18px*/
padding-top: 1.625em;
}
#leftcol h2.pagetitle {
float: none;
padding-bottom: 10px;
}
#leftcol h2.new {
padding-bottom: 0;
}
#leftcol div.box h3, #leftcol div.books h3 {
font: normal 16px/1.5em georgia, times, serif; 
color: #000;
padding: .8125em 0 0;
margin-bottom: .8125em;
border-bottom: 1px solid #000;
}
#leftcol div.books h3 {
color: #fff;
border-bottom: 1px solid #fff;
}
/*forms*/
input, textarea, select{
background-color: #fff;
	border: 1px solid #861A1E;
	color: #000;
	/*font-size: 100%;*/
	font : normal 100%/1.3 "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 2px;
}
input#s{width: 120px;}
textarea#comment, textarea#message{
width: 400px;
}
input#searchsubmit, input#submit, input.button {
background-color: #861A1E;
padding: 0 5px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 100%;
}
form#searchform {
padding: 5px 0 0 2px;
}
/*linklater*/
a {
color: #861A1E;
text-decoration: none;

}
#leftcol a, #lcol a {
font-weight: bold;
}
#leftcol  h2 a{
font-weight: normal;
}
#leftcol div.books a:hover{
color: #fff;
}
a:hover{
color: #585D66;
}