/*--- styles for beckydobbins.com july 2005 ---*/

body {
background-color: #fff;
padding: 0px;
margin: 0px;
}

img {
border: 0px;
display: block;
}

.inline {
display: inline;
}

#container {
width: 895px;
background-color: #fff;
padding: 10px 0px 20px 20px;
margin: 0px 0px 50px 0px;
/*border: 1px solid red;*/
}

#box {
padding: 0px 20px 0px 0px;
margin: 0px;
}

#top_logo {
margin-top: -90px;
margin-left: 32px;
}

#top_box {
margin-bottom: 20px;
padding: 0px;
border-bottom: 5px solid #F37D21;
}

/* hack -- real style below, win ie above */
html>body #top_box {
margin: 0px;
padding: 0px;
border-bottom: 5px solid #F37D21;
}

body#main #top_box p, body#thanks #top_box p, body#mail #top_box p {
margin-bottom: 10px;
margin-left: 158px;
margin-top: 60px;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
}

/*body#main #top_box img, body#thanks #top_box img, body#mail #top_box img {
margin-top: 50px;
margin-left: 60px;
}*/



.horiz_box {
background: #fff;
margin: 47px 0px 0px 0px;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #F37D21;
border-bottom: 5px solid #F37D21;
/*letter-spacing: .3px;*/
}

.right {
float: right;
margin: 0px 0px 0px 0px;
}

table {
border-collapse: collapse; 
border-spacing: 0; 
}

table.thumbs {
width: 875px;
padding: 0px;
margin: 0px;
font-size: 11px;
text-align: center;
}

table.thumbs a {
color: #F37D21;
text-decoration: none;
}

table.thumbs a:hover {
color: #951E2B;
text-decoration: none;
}

table.thumbs tr td p {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
padding: 0px;
margin: 25px 0px 0px 0px;
text-align: left;
}


/*table.thumbs tr td p a:link, table.thumbs tr td p a:visited, table.thumbs tr td p a:active {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
text-decoration: none;
}

table.thumbs tr td p a:hover {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
text-decoration: underline;
}*/

td a:link img, td a:visited img, td a:active img {
text-decoration: none;
border: 4px solid #fff;
margin-top: 5px;
margin-left: 4px;
}

td a:hover img {
text-decoration: none;
border: 4px solid #F37D21;
margin-top: 5px;
margin-left: 4px;
}

.td54 {
width: 54px;
padding: 0px 0px 10px 0px;
}

#main_box {
margin: 0px 0px 10px 0px;
}

#main_box h1 {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 30px;
font-weight: bold;
color: #F37D21;
}

#main_box.error {
padding-bottom: 100px;
}

#main_box.error h1, #main_box.error p {
margin-left: 50px;
}

#text_box {
width: 330px;
}

#text_box.error {
width: 500px;
}

#text_box p {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
line-height: 24px;
/*letter-spacing: px;*/
}

#text_box p.note {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 10px;
font-weight: normal;
color: #F37D21;
line-height: 24px;
/*letter-spacing: px;*/
}

#text_box p a:link, #text_box p a:visited, #text_box p a:active {
color: #CC3300;
text-decoration: none;
}

#text_box p a:hover {
text-decoration: underline;
/*background: #FBD0AE;*/
}

#text_box p a:active {
color: #F37D21;
text-decoration: none;
}

#text_box.scrunch_leading p {
line-height: 22px;
}

#text_box .scrunch_leading p {
line-height: 22px;
}

#text_box h4 {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 18px;
font-weight: bold;
color: #CC3300;
line-height: 24px;
/*letter-spacing: px;*/
padding: 0px;
margin: 24px 0px 8px 0px;
}

/*
#back {
position: absolute;
width: 40px;
height: 40px;
top: 450px;
left: 670px;
border: 0px solid #F37D21;
}

#forward {
position: absolute;
width: 40px;
height: 40px;
top: 450px;
left: 725px;
border: 0px solid #F37D21;
margin: 0px;
padding: 0px;
}
*/

#dots {
/*position: absolute;
top: 495px;
height: 6px;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 35px 0px;
}

#dots ul {
display: inline;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#dots ul li {
display: inline;
margin: 0px 8px 0px 0px;
padding: 0px 0px 0px 0px;
}

#dots ul li.arrow a {
text-decoration: none;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F37D21;
border: 1px solid #F37D21;
padding: 0px 2px 1px 2px;
}

#dots ul li.arrow a:hover {
text-decoration: none;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 12px;
font-weight: bold;
color: #951E2B;
border: 1px solid #F37D21;
padding: 0px 2px 1px 2px;
}


#dots ul li img {
display: inline;
}

body#design #main_box #main_box_pic, body#garden #main_box #main_box_pic {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
height: 450px;
}

body#garden #main_box_pic img {
border: 1px solid #CC3300;
}

/*
body#writing #main_box #main_box_pic {
float: right;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
height: 600px;
border: 1px solid blue;
}
*/

body#design #main_box #text_box, body#garden #main_box #text_box {
margin-left: 540px;
margin-top: 0px;
padding: 0px 0px 0px 0px;
}

body#writing #main_box #text_box {
float: left;
margin-top: 0px;
padding: 0px 0px 0px 0px;
}

#writing_sample {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 13px;
font-weight: normal;
color: #951E2B;
line-height: 24px;
border-left: 2px dotted #F37D21;
padding: 0px 20px 0px 15px;
overflow: scroll;
width: 500px;
height: 435px;
margin: 0px 0px 15px 0px;
float: right;
}

/* hack -- real style below, win ie above */
html>body #writing_sample {
margin: 0px 0px 46px 0px;
}

#footer {
clear: both;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
border-top: 5px solid #F37D21;
}

.center {
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.center p, .center p a:link, .center p a:visited, .center p a:active {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
text-decoration: none;
padding: 1px 2px 1px 2px;
}

.center p a:hover {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #951E2B;
/*text-decoration: underline;*/
padding: 1px 2px 1px 2px;
}

body#main #footer {
margin: 105px 0px 30px 0px;
}

body#main #footer p {
margin-top: 10px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% footer text styles */
body#design .center p a.design, body#writing .center p a.writing, body#garden .center p a.garden, body#contact .center p a.contact, body#home .center p a.home, body#mail .center p a.mail {
border-bottom: 1px solid #F37D21;
padding-bottom: 3px;
text-decoration: none;
font-weight: bold;
}

body#design .center p a.thanks {
padding-bottom: 3px;
text-decoration: none;
font-weight: normal;
}

body#design #footer, body#writing #footer, body#garden #footer {
border-top: 5px solid #F37D21;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
padding-top: 5px;
}

body#mail #footer {
padding-top: 15px;
}

/* hack -- real style below, win ie above */
html>body#mail #footer {
padding-top: 5px;
}


body#design #footer_pic, body#garden #footer_pic {
margin-left: 780px;
margin-top: -120px;
}

/* hack -- real style below, win ie above */
html>body#design #footer_pic, html>body#garden #footer_pic {
margin-left: 780px;
margin-top: -130px;
}

body#writing #footer_pic {
margin-left: 40px;
margin-top: -120px;
}

/* hack -- real style below, win ie above */
html>body#writing #footer_pic {
margin-left: 40px;
margin-top: -130px;
}

body#main #footer_pic, body#thanks #footer_pic, body#mail #footer_pic {
display: none;
}



body#main .menu {
display: none;
}




/*--------------- top thumbnail include styles --- */

body#design.d1 td.d1 img,
body#design.d2 td.d2 img,
body#design.d3 td.d3 img,
body#design.d4 td.d4 img,
body#design.d5 td.d5 img,
body#design.d6 td.d6 img,
body#design.d7 td.d7 img,

body#garden.g1 td.g1 img,
body#garden.g2 td.g2 img,
body#garden.g3 td.g3 img,
body#garden.g4 td.g4 img,
body#garden.g5 td.g5 img,
body#garden.g6 td.g6 img,
body#garden.g7 td.g7 img, 

body#writing.w1 td.w1 img,
body#writing.w2 td.w2 img,
body#writing.w3 td.w3 img,
body#writing.w4 td.w4 img,
body#writing.w5 td.w5 img,
body#writing.w6 td.w6 img,
body#writing.w7 td.w7 img {
border-top: 7px solid #CC3300;
border-left: 7px solid #CC3300;
border-right: 7px solid #CC3300;
border-bottom: 7px solid #CC3300;
}

/*-------------- end top thumbnail include styles ---*/





/*----------  sub include STYLES ---------------
>>>>>>>> #ds_include = design sub include
>>>>>>>> #gs_include = garden sub include
>>>>>>>> #ws_include = writing sub include
*/

/*table.sub_thumbs {
float: right;
padding: 0px;
}*/


/* PROBABLY CAN NIX THIS -- MAY WANT TO SPECIFY EXACT TABLE WIDTHS THOUGH? 
--------------------------SUB-TABLE THUMBS ARE ALWAYS 65PX X 65PX*/
table.sub_thumbs tr td.td54 {
/*border: 1px dotted #000;*/
width: 54px;
height: 54px;
padding: 0px 0px 0px 0px;
}

/*table.writing_list {
float: left;
padding: 0px;
}*/


#ds_include  {
position: absolute;
top: 450px;
left: 560px;
margin-bottom: 58px;
border: 0px solid red;
}

/* -------------------what is this for???
table.sub_thumbs tr td.d1, table.sub_thumbs tr td.d1a, 
table.sub_thumbs tr td.d1b, table.sub_thumbs tr td.d1c, 
table.sub_thumbs tr td.d1d, table.sub_thumbs tr td.d1e {
border: 0px;
}*/

#ds_include.d1 td.d1, #ds_include.d1a td.d1a, 
#ds_include.d1b td.d1b, #ds_include.d1c td.d1c, 
#ds_include.d1d td.d1d, #ds_include.d1e td.d1e,
#ds_include.d2 td.d2, #ds_include.d2a td.d2a, 
#ds_include.d2b td.d2b, #ds_include.d2c td.d2c, 
#ds_include.d2d td.d2d, #ds_include.d2e td.d2e,
#ds_include.d4 td.d4, #ds_include.d4a td.d4a, 
#ds_include.d4b td.d4b {
background-image: url('../i/pointer.png');
background-repeat: no-repeat;
}




#gs_include {
position: absolute;
top: 375px;
left: 560px;
margin-bottom: 58px;
border: 0px solid red;
}

/* ------------------------what is this for???
table.sub_thumbs tr td.g1, table.sub_thumbs tr td.g1a, 
table.sub_thumbs tr td.g1b, table.sub_thumbs tr td.g1c, 
table.sub_thumbs tr td.g1d, table.sub_thumbs tr td.g1e {
border: 0px;
}*/


#gs_include.g1  td.g1, 
#gs_include.g1a td.g1a, 
#gs_include.g1b td.g1b, 
#gs_include.g1c td.g1c, 
#gs_include.g1d td.g1d, 
#gs_include.g1e td.g1e,
#gs_include.g2  td.g2, 
#gs_include.g2a td.g2a, 
#gs_include.g3  td.g3, 
#gs_include.g3a td.g3a,
#gs_include.g3b td.g3b, 
#gs_include.g3c td.g3c, 
#gs_include.g3d td.g3d, 
#gs_include.g4  td.g4, 
#gs_include.g4a td.g4a,
#gs_include.g4b td.g4b,
#gs_include.g6  td.g6, 
#gs_include.g6a td.g6a,
#gs_include.g7  td.g7, 
#gs_include.g7a td.g7a, 
#gs_include.g7b td.g7b, 
#gs_include.g7c td.g7c, 
#gs_include.g7d td.g7d {
background-image: url(../i/pointer.png);
background-repeat: no-repeat;
width: 50px;
/*align: center;*/
border: 0px solid red;
}




#ws_include  {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 12px;
color: #951E2B;
font-weight: normal;
position: absolute;
top: 425px;
left: 0px;
margin-bottom: 58px;
border: 0px solid red; 
}

#ws_include  ul {
list-style-type: none;
margin-top: 10px;
}

#ws_include a:link, #ws_include a:visited, #ws_include a:active {
color: #951E2B;
text-decoration: none;
}

#ws_include a:hover {
text-decoration: underline;
/*background: #FBD0AE;*/
}

#ws_include.essay1 ul.writing_list li.essay1, 
#ws_include.essay2 ul.writing_list li.essay2, 
#ws_include.essay3 ul.writing_list li.essay3, 
#ws_include.essay4 ul.writing_list li.essay4, 
#ws_include.essay5 ul.writing_list li.essay5,
#ws_include.essay6 ul.writing_list li.essay6,
#ws_include.essay7 ul.writing_list li.essay7,
#ws_include.essay8 ul.writing_list li.essay8,
#ws_include.essay9 ul.writing_list li.essay9 {
list-style-type: square;
}


/*---------- end sub include STYLES ---------------*/








/*---------- CONTACT FORM STYLES ---------------*/

#contact {
width: 450px;
margin: 0px 100px 0px 300px;
padding: 100px 0px 20px 0px;
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
height: 315px;
}

/* hack -- real style below, win ie above */
html>body #contact {
height: 320px;
}

#contact p span {
color: #951E2B;
}

/* %%%%%%%%%%%%% OLD STYLES FOR CONTACT FORM %%%%%%%%%%%%%%%
#contact p, #contact dt {
margin: 6px 0px 0px 40px;
padding: 0px;
}

#contact input.button {
margin-left: 490px;
}

#contact a:link, #contact a:visited, #contact a:active {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
text-decoration: none;
}

#contact a:hover {
font-family: "Gil Sans", trebuchet, verdana, helvetica, arial, frutiger, sans-serif;
font-size: 14px;
font-weight: normal;
color: #F37D21;
text-decoration: underline;
}
*/

.wide {
width: 300px;
}

/*---------- END CONTACT FORM STYLES ---------------*/



/* -------------- cheaters ----------------*/
.cheat_up {
margin-top: 35px;
}

.thanks {
margin-top: 100px;
margin-bottom: 100px;
}
/* ----------- end cheaters ---------------*/


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

look at foss site -- how did I get image borders to work with a:hover? 

aha -- i dont think it does....


kerning = letter-spacing: 10px;
leading = line-height: 10px;

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */