/*
spidertools.css
*/

a {
   color: #000333;
   text-decoration: underline;
}

abbr {
   border-bottom: 1px dashed;
   cursor: help;
}

body {
   background: #FFF url( '../images/header-bg.gif' ) repeat-x top left;
   color: #333;
   text-align: center;
}

em {
   color: #556B2F;
   font-style: oblique;
}   

h3 {
   font-family: Georgia, serif;
   font-size: 1.2em;
   font-style: oblique;
}

ul {
   list-style: square outside url( '../images/list-marker.gif' );
}

#box {
   margin: 30px auto;
   padding: 10px;
   text-align: left;
   width: 800px;
}

#left {
   background: transparent url( '../images/spidertools-400x300.gif' ) no-repeat left top;
   border-style: solid;
   border-width: 1px;
   border-color: #EFEFEF #CDCDCD #CDCDCD #EFEFEF;
   float: left;
   padding: 300px 5px 10px;
   width: 390px;
}

#right {
   background: transparent url( '../images/right-bg.gif' ) repeat-y top left;
   border-style: solid;
   border-width: 1px;
   border-color: #EFEFEF #CDCDCD #CDCDCD #EFEFEF;
   position: relative;
   top: 90px;
   float: left;
   margin-left: 10px;
   font-size: normal;
   padding: 5px 10px;
   width: 365px;
}

#footer {
   background: transparent;
   color: #24475A;
   font-family: 'Lucida Console', Sans-serif;
   font-size: 0.8em;
   margin: 1em 0;
}
#footer img {
   vertical-align: bottom;
}

#box code {
   margin: 0;
   padding: 0.5em;
}

.clear {
   clear: both;
   font-size: 1px;
   height: 1px;   
}

.color_red {
   color: #EB4545;
}
.color_blue { 
   color: #BBD8FB;
}
.color_green {
   color: #DFF2BF;
}
.color_yellow {
   color: #EEE8AA;
}

.spidertools {
   color: #778899;
   font-style: oblique;
}