/* 
   Design215.com CSS/105 stylesheet, v12.11.05 

   for 2006 MOBILE design215.com site, v01.20.07 - 14746 bytes
   

   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/

body,table td,.counter,div.dropx a {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#555555;
}
p,dl,ul,pre.p2,.xword,.xtitle {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#555555;
}
h2,h3,div.obox h1,#footer a.w3,.xbig {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000;
}
h1 {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000099;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#006000;
}
#footer p,#footer p.xnav {
  font-family:arial,helvetica,sans-serif; font-size:10px; color:#666666;
}
.fbutton {
  font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold;
}

/* 
   Type Selectors
   ----------------------------------------------------------------------------- 
   Define the defaults for HTML elements in this section. 
*/

body {
  text-align:left; margin:0; padding:0;
  color:#000000; background:#eeeeee;
}

a:link,
a:visited {text-decoration:none; font-weight:bold; color:#0047EA;}
a:hover {text-decoration:underline; font-weight:bold; color:#000000;}

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000000; cursor:help; 
}
form {
  margin:0; padding:2px 0 0 0;
}
h1 {
  margin:4px 0 0 0; padding:0; letter-spacing:1px;
}
h2 {
  margin:2px 0 2px 0; padding:0; letter-spacing:1px;
}
h3 {
  position:relative; text-align:right;
  margin:-12px 4px 0 0; padding:0;
}
img {
  margin:0; padding:0; border:0;
}
p {
  margin:2px 0 2px 0; padding:0;
}
pre {
  width:300px; overflow:scroll;
  margin:0; padding:0;
}
table {
  margin:2px 0 2px 0; padding:0;
}

/* this tag is used to hide text that should be visible when no stylesheet is available */
tt {display:none;} 

ul {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#555555; line-height:100%;
  list-style:none;
}

/* 
   Class and ID Selectors
   ----------------------------------------------------------------------------- 
   Define styles for all elements except the layout containers 
*/

/* text menu links */
a.a1 {
  font-size:11px; margin:0; padding:0;
}
a.a1:link,
a.a1:visited {text-decoration:none; font-weight:bold; color:#0047EA;}  
a.a1:hover {text-decoration:underline; font-weight:bold; color:#000000;}

/* links with a folder icon */
a.f1 {
  font-size:11px; margin:0; padding:2px 0 2px 18px;
  background:transparent url(images/folder.gif) no-repeat;
}
a.f1:link,
a.f1:visited {text-decoration:none; font-weight:bold; color:#0047EA;}  
a.f1:hover {
  text-decoration:underline; font-weight:bold; color:#000000;
  background:transparent url(images/folder2.gif) no-repeat;
}

/* default stylesheet link icons */
a.style_normal,a.style_mobile,a.style_print,a.style_none {
  margin:0; padding:2px 0 2px 18px; line-height:16px;
  background:transparent url(images/style_normal.gif) no-repeat;
}
a.style_mobile {
  background:transparent url(images/style_mobile.gif) no-repeat;
}
a.style_print {
  background:transparent url(images/style_print.gif) no-repeat;
}
.navlinks2 a.style_print:hover {text-decoration:none;}

a.style_none {
  background:transparent url(images/style_none.gif) no-repeat;
}

br.clr {
  clear:both;
}
  
/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#888888;}
#footer a:hover {text-decoration:underline; color:#000000;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#aaaaaa;}
#footer a.w3:hover {text-decoration:none; color:#000000;}

code.bx {  /* outlined code like an input box */
  border:1px solid #999999; background:#eeeeee;
  padding:1px;
}
code.t2 {  /* indented block of example code */
  display:block;
  margin:4px 0 2px 8px; padding:0;
}     

/* Separators to clear column floats */
div.xclear {
  clear:right; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:300px; 
  margin:0; padding:0;
}
div.minheight {
  display:none;
}
div.xline { /* accent line */
  height:1px; line-height:1px;
  margin:3px; padding:0 0 3px 0;
  border-top:solid 1px #aaaaaa;
}
div.xbox1 { /* forms boxes */
  width:90%; padding:4px 8px 4px 8px; border:solid 1px #aaaaaa;
  background:#ffffff;
}
div.xbox2 { /* outline box */
  width:90%;
  margin:0 0 0 12px; padding:8px 2px 8px 2px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.gsearch { /* Google search box */
  display:none;
}

dl.alist {
  margin:0; padding:4px 0 0 0;
}
dl.alist dt {
  font-size:12px; color:#000099; line-height:normal;
  margin:0; padding:0 0 0 4px;
}
dl.alist dd {
  line-height:normal;
  margin:0; padding:0 0 16px 12px;
}
dl.t2 {  /* lists used inside table td's */
  margin:0; padding:0;
}
dl.t2 dt {margin:0; padding:0;}
dl.t2 dd {margin:0; padding:4px 0 2px 8px;}

dl.links {
  margin:0; padding:4px 0 0 0;
}
dl.links dt {
  line-height:150%;
  margin:0; padding:0 0 0 4px;
}
dl.links dd {
  line-height:120%;
  margin:0; padding:0 0 4px 12px;
}
h1.m1 {
  margin:2px 0 0 0; padding:0;
}
h1.translator {
  width:300px; height:35px; background:transparent url(images/translator_logo.gif) no-repeat;
}
#contenthead h1 span {display:none;} /* replace text with an image */
  
img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
}
img.xthumb {
  margin:2px; padding:0;
  border:solid 1px #888888;
}
img.xleft {  /* left aligned image */
  float:left; margin:2px 2px 2px 0;
}
img.bleft {  /* left aligned image, border */
  float:left; margin:2px 2px 2px 0;
  border:1px solid #666666;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 2px;
}
img.dleft {  /* left aligned image */
  border:1px solid #666666;
}

label.noshow {display:none;}
span.noshow {}

p.p1 {
  margin:2px 0 2px 0; padding:0;
}
p.p2 { /* large right margin for a narrow column of text in a wide container */
  line-height:normal;
  margin:4px 0 0 0; padding:0;
}
p.p3 { /* normal right margin */
  line-height:normal;
  margin:4px 0 0 0; padding:0;
}
p.n1 { /* justified column like a newspaper */
  margin:4px 0 0 0; padding:0; text-align:justify;
}
p.n2 { /* right column with vertical dashed line */
  margin:0; padding:4px 0 0 0;
}
p.r1 { /* used for the last updated date on links.php */
  text-align:right;
  font-size:10px; line-height:normal;
  margin:-10px 0 0 0; padding:0;
}
p.r2 {
  text-align:right;
  line-height:normal;
  margin:4px 0 4px 0; padding:0;
}
#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative; width:320px;
  text-align:center; margin:0 auto 0 auto; padding:0;
}
#footer p.xnav {
  position:relative; width:320px;
  text-align:center; margin:0 auto 0 auto; padding:12px 0 0 0;
  color:#aaaaaa;
}
pre.p2 {
  line-height:normal;
  margin:4px 0 0 0; padding:0;
}
table.t1 { /* no left margin */
  margin:2px 0 2px 0; padding:0;
}
table.gsearch { /* Google Search box */
  width:320px;
  border:0; margin:0; padding:0;
}
  
ul.alist {
  margin:4px 0 4px 2px; padding:0;
}
ul.alist li {
  margin:2px 0 2px 0; padding:1px 0 0 14px; width:90%;
  background:transparent url(images/bullet04.gif) no-repeat;
}

ul.blist {
  margin:4px 0 4px 2px; padding:0;
}
ul.blist li {
  margin:2px 0 2px 0; padding:1px 0 0 14px; width:98%;
  background:transparent url(images/bullet04.gif) 0 2px no-repeat;
}
  
/* left aligned image with bullet list on the right */
ul.dlist {
  margin:4px 0 0 0; padding:0;
}
ul.dlist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:250px;
  background:transparent url(images/bullet04.gif) 0 2px no-repeat;
}

#pagehead ul {display:none;}

/* Form fields */
.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
.boxBlur {
  border:1px solid #aaaaaa; color:#000000; background:#eeeeee;
  margin:0 0 2px 0; padding:1px;
}
.boxFocus {
  border:1px solid #aaaaaa; color:#000000; background:#ffffcc;
  margin:0 0 2px 0; padding:1px;
}
.fbutton {
  border:1px solid #666666; color:#0047EA; background:#eeeeee;
  margin:0; padding:0;
}
  
/* Misc Classes */

.border1 {  /* used for images instead of border="1" */
  border:1px solid #666666;
}

.counter {color:#aaaaaa;}

.dash2 {
  position:relative; display:block;
  margin:0 6px 4px 0; padding:0 0 2px 0;
  border-bottom:1px dashed #888888;
}
.dash3,
.dash4 {  /* p2 paragraph separator */
  position:relative; display:block; line-height:4px;
  margin:0 6px 4px 6px; padding:0;
  border-bottom:1px dashed #888888;
}

.sm {position:relative; top:-4px; font-size:9px; font-weight:normal;} /* service mark (sm) */
.super {position:relative; top:-4px; font-size:10px;} /* superscript */

.xbig {  
  font-size:18px; color:#000099;
}
.xdash {border:1px dashed #000000;} 

.xline {
  position:relative; display:block; line-height:4px;
  margin:0 2px 8px 12px; padding:0;
  border-bottom:1px solid #888888;
}
.xred {color:#ff0000;} /* form errors */
.xword {font-weight:bold; color:#dddddd;}

/* 
   Containers for this layout
   -----------------------------------------------------------------------------
   For this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/

#container {
  position:relative; width:320px;
  text-align:left; margin:0; padding:0;
  background:#ffffff;
}
  /* Page Header, full width of container */
  #pagehead {
    position:relative; height:80px;
    text-align:center; margin:0; padding:0;
  }
    #pagehead div.navbar {
      position:absolute; left:2px;
      text-align:left; margin:0; padding:0;
    }
  /* DIVs for navigation links */
  div.navlinks {
    display:none;
  }
  div.navlinks2 {
    position:absolute; left:2px; top:46px; width:100%;
    text-align:left; margin:0 0 0 2px; padding:0;
  }
    div.navlinks2 div {
      margin:0; padding:6px 0 0 0; color:#666666; 
    }
  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:left; margin:0; padding:0;
  }
    /* Titlebar, content above content box */
    #titlebar {
      display:none;
    }
    /* Outer content box, defines outer width of content (use width:??px ), NO MARGINS */
    #contentbg {
      position:relative; width:320px;
      text-align:left; margin:0; padding:0;
    }
      /* Inner content box for MARGINS and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        color:#555555; line-height:normal;
        text-align:left; margin:0 2px 0 2px; padding:0;
      }
        /* Content above columns */
        #contenthead {
          position:relative; margin:0; padding:0; font-size:0px;
        }

          /* ALL columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full,
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge {
            position:relative; margin:0; padding:0; width:316px;
          }
          
      /* Bottom of content box, no bottom margin */
      #endcap {
        position:relative; width:320px; height:20px;
        clear:both; margin:0;
      }
      
    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative;
      margin:0; padding:0; text-align:center; 
      background:#eeeeee url(images/footerbg.gif) top center no-repeat;
    }

/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/

/* code box, used in toolbox/spellcheck.php */
div.xbox3 {
  width:100%;
  color:#000000; line-height:normal;
  border:1px solid #aaaaaa; background:#eeeeee;
  margin:0 0 0 12px; padding:4px; 
}
  /* spellcheck links (red) */
  span.sp,
  a.sp:link,
  a.sp:visited,
  a.sp:hover {text-decoration:underline; font-weight:normal; color:#ff0000;}

  /* spellcheck suggestions (green) */
  span.sg,  
  a.sg:link,
  a.sg:visited,
  a.sg:hover {text-decoration:none; font-weight:normal; color:#006600;}

/* philosophy.php */
div.mousebg {
  width:300px; 
  margin:0; padding:1px 0 1px 0;
  background:transparent;
}

/* bg for film sizes boxes in toolbox/filmsize.php */
.xblue1 {
  background:#888899; /* bg for film sizes boxes */
  border:1px solid #444444;
}

/* used in toolbox/ascii.php  */
.xtitle {  /* used in toolbox/ascii.php  */
  position:relative; text-align:center;
  font-size:20px; color:#999999; letter-spacing:2px;
} 
.formula {  /* used in toolbox/ascii.php  */
  font-size:16px; font-weight:bold; color:#000000; 
}

/* Tables used for charts */
.gray1 {background:#aaaaaa;}
table.gray1 td {background:#ffffff;}
table.gray1 td.ht1 {background:#eeeeee;}  /* td hightlight */
table.gray1 td.ht2 {background:#eeeeff;}  /* td hightlight */
table.gray1 h2 {margin:0;}

/* Design215 Guestbook */
.xguest {  /* outside table */
  width:520px;
}
.gbox {  /* remaining characters field */ 
  width:250px; text-align:right;
  border:0; color:#aaaaaa; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff8800; 
}

/* Design215 Drop Menu */
td.tt1,
td.tt2 {color:#000000; background:#ffffee;}
td.tt3 {font-weight:bold; color:#666666; cursor:pointer;}
.ttbg1 {background:#999999;}
.ttbg2 {background:#000000;}
.ttbg3 {background:#000000;}

#menu1 { /* photo */
  display:none;
}
  #menu1 h1 {display:none;} /* hide "Menu" */

#menu2 { /* web */
  display:none;
}
#menu3 { /* toolbox */
  display:none;
}
  div.dropx {
    text-align:left;
    background:#ffffff;
    border:1px solid #999999;
    margin:0; padding:0 0 6px 0;
  }
  div.dropx a {
    position:relative; display:block;
    font-weight:bold; color:#ffffff;
    margin:0; padding:4px; border:1px solid #ffffff;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#0047EA;}
  div.dropx a:hover {
    text-decoration:none; color:#000000; background:#dddddd;
    border:1px solid #999999;
  }
  div.dropx table {
    width:100%;
    margin:0; padding:0; border:0;
  }    

/* gallery page, images.php */
#xpic {  
  position:relative;
}

/* replace or resize images */

div.navbar span { /* replace design215 logo */
  position:absolute;
  width:100px; height:48px;
  background:transparent url(images/logo2006wap.gif) no-repeat;
}
div.navbar span b {display:none;}

.rp50 { /* small footer logo */
  position:absolute;
  width:50px; height:25px;
  background:transparent url(images/design215_50d2.gif) no-repeat;
}
.rp50 b {display:none;}