/*
    File:    bending.css
    Purpose: Cascading Style Sheet for www.aprilbending.com.
*/ 

/* Body Properties ---------------------------------------- */
body {
  font-family : Verdana, Geneva, Arial, sans-serif ;
  font-size   : small  ;
  font-weight : normal ;
}

/* Paragraph Properties ------------------------------------ */
p {
  color : black ;
}

p.main {
  text-align     : left ;
}

p.reference {
  font-size        : 75%   ;
}

p.copyright {
  font-size        : 75%   ;
}

/* Header Properties --------------------------------------- */
h1, h2, h3 {
  color       : #000000 ;
  font-weight : bold    ;
  line-height : 1px     ;
  margin-top  : 30px ;
}

h1 {
  font-size   : 300% ;
}

h2 {
  font-size     : 125% ;
}

h3 {
  font-size     : 110% ;
  margin-bottom :  7px ;
}

/* Block Quote Properties ------------------------------- */
blockquote {
  font-style : italic  ;
  color      : #000000 ;

  padding-top    : 0px ;
  padding-right  : 0px ;
  padding-bottom : 0px ;
  padding-left   : 0px ;

  margin-top     : 0px ;
  margin-right   : 0px ;
  margin-bottom  : 0px ;
  margin-left    : 0px ;
}

/* Anchor Properties ------------------------------- */
a {
  padding-top      : 0px         ;
  padding-right    : 1px         ;
  padding-bottom   : 0px         ;
  padding-left     : 1px         ;
  text-decoration  : none        ;
  display          : inline      ;
  color            : #0000FF     ;
  background-color : transparent ;
}

a:hover {
  color            : #FFFFFF ;
  background-color : #666666 ;
}

a.image {
  padding-top      : 0px         ;
  padding-right    : 0px         ;
  padding-bottom   : 0px         ;
  padding-left     : 0px         ;
  text-decoration  : none        ;
  display          : inline      ;
  color            : #FFFFFF     ;
  background-color : transparent ;
  border-bottom    : none        ;
}

a:hover.image {
  color            : #0000FF     ;
  background-color : transparent ;
  border-bottom    : none        ;
}


/* ---------------------------------------------------------------- */
/* Full Page div Properties --------------------------------------- */
/* ---------------------------------------------------------------- */
#fullpage {
  width          : 850px ;

  padding-top    :   0px ;
  padding-right  :   5px ;
  padding-bottom :   0px ;
  padding-left   :   5px ;
  
  margin-left  : auto ;
  margin-right : auto ;
}

/* ---------------------------------------------------------------- */
/* Header div Properties ------------------------------------------ */
/* ---------------------------------------------------------------- */
#header{
  text-align     : center ;

  padding-top    :  0px ;
  padding-right  : 50px ;
  padding-bottom :  0px ;
  padding-left   : 50px ;

  border-top-width    : 0px   ;
  border-right-width  : 0px   ;
  border-bottom-width : 1px   ;
  border-left-width   : 0px   ;
  border-style        : solid ;

  margin-top     : 0px ;
  margin-right   : 5px ;
  margin-bottom  : 0px ;
  margin-left    : 5px ;
}

/* ---------------------------------------------------------------- */
/* Menu Div Properties -------------------------------------------- */
/* ---------------------------------------------------------------- */
#menu{
  text-align     : left  ;

  width          : 150px ;
  float          : left  ;

  padding-top    : 0px ;
  padding-right  : 0px ;
  padding-bottom : 0px ;
  padding-left   : 0px ;

  margin-top     : 5px ;
  margin-right   : 5px ;
  margin-bottom  : 5px ;
  margin-left    : 5px ;
}

#menu ul {
  list-style : none ;
  margin     : 0px  ;
  padding    : 0px  ;
}
			
#menu li {
  margin           : 0px     ;
  padding          : 0px     ;
  list-style-type  : none    ;
  display          : block   ;
  color            : #0000FF ; 
  background-color : #FFFFFF ;
}

table.menu {
  table-layout  : auto ;
  
  margin-top    : 5px ;
  margin-right  : 0px ;
  margin-bottom : 5px ;
  margin-left   : 0px ;
}

td.menu {
  text-align     : center ;
  vertical-align : middle ;
  padding-top    : 1px ;
  padding-right  : 0px ;
  padding-bottom : 1px ;
  padding-left   : 0px ;
}

/* ---------------------------------------------------------------- */
/* Quote Area div Properties -------------------------------------- */
/* ---------------------------------------------------------------- */
#quotearea{
  text-align     : right ;

  width          : 150px ;
  float          : right ;

  padding-top    :10px ;
  padding-right  : 0px ;
  padding-bottom : 0px ;
  padding-left   : 0px ;

  margin-top     : 5px ;
  margin-right   : 5px ;
  margin-bottom  : 5px ;
  margin-left    : 5px ;
}


/* ---------------------------------------------------------------- */
/* Main div Properties for large format artwork-------------------- */
/* ---------------------------------------------------------------- */
#main{
  text-align     : center ;
  width          : 480px  ;

  padding-top    :10px ;
  padding-right  : 0px ;
  padding-bottom : 0px ;
  padding-left   : 0px ;

  margin-top     :   0px ;
  margin-right   : 210px ;
  margin-bottom  :   0px ;
  margin-left    : 160px ;
}

table.main {
  table-layout  : auto ;
  
  margin-top    : 5px  ;
  margin-right  : auto ;
  margin-bottom : 5px  ;
  margin-left   : auto ;
}

td.main {
  vertical-align : middle ;
  padding-top    :  5px ;
  padding-right  : 30px ;
  padding-bottom :  5px ;
  padding-left   : 30px ;
}

caption.main {
  padding-top    : 5px ;
  padding-right  : 5px ;
  padding-bottom : 5px ;
  padding-left   : 5px ;
}

#main ul {
  margin     : 0px  ;
  padding    : 0px  ;
  text-align : left ;
}
			
#main li {
  margin-left      : 15px    ;
  padding          :  0px    ;
  color            : #000000 ; 
  background-color : #FFFFFF ;
}


/* ---------------------------------------------------------------- */
/* Main div Properties for text tables ---------------------------- */
/* ---------------------------------------------------------------- */
#main_text{
  text-align     : center ;
  width          : 480px  ;

  padding-top    : 0px ;
  padding-right  : 0px ;
  padding-bottom : 0px ;
  padding-left   : 0px ;

  margin-top     :   0px ;
  margin-right   : 210px ;
  margin-bottom  :   0px ;
  margin-left    : 160px ;
}

table.main_text {
  table-layout    : auto ;
  border-collapse : collapse ;
  width           : 100% ;  

  margin-top    : 5px  ;
  margin-right  : auto ;
  margin-bottom : 5px  ;
  margin-left   : auto ;
}

td.main_text {
  text-align     : left ;
  vertical-align : top  ;

  padding-top    :  5px ;
  padding-right  :  5px ;
  padding-bottom :  5px ;
  padding-left   :  2px ;
/*
  border-top-width    : 1px   ;
  border-right-width  : 1px   ;
  border-bottom-width : 1px   ;
  border-left-width   : 1px   ;
  border-style        : solid ;
*/
}

caption.main_text {
  padding-top    : 5px ;
  padding-right  : 5px ;
  padding-bottom : 5px ;
  padding-left   : 5px ;
}

table#artDescription {
  width         :420px ;
  margin-top    :  0px ;
  margin-right  :  5px ;
  margin-bottom :  0px ;
  margin-left   :  5px ;
}

td#artDescriptionTitle {
  font-weight    : bold ;
  padding-top    : 0px ;
  padding-right  : 5px ;
  padding-bottom : 0px ;
  padding-left   : 5px ;
}

td#artDescriptionSizeInches {
  font-size      : 75%   ;
  padding-top    : 0px ;
  padding-right  : 5px ;
  padding-bottom : 0px ;
  padding-left   : 5px ;
}

td#artDescriptionSizeCm {
  font-size      : 75%   ;
  padding-top    : 0px ;
  padding-right  : 5px ;
  padding-bottom : 0px ;
  padding-left   : 5px ;
}

td#artDescriptionMedia {
  font-size      : 75%   ;
  padding-top    : 0px ;
  padding-right  : 5px ;
  padding-bottom : 0px ;
  padding-left   : 5px ;
}

td#artDescriptionSold {
  color          : #FF0000 ;
  font-weight    : bold ;
  padding-top    : 0px ;
  padding-right  : 5px ;
  padding-bottom : 0px ;
  padding-left   : 5px ;
}

/* ---------------------------------------------------------------- */
/* footer div Properties ------------------------------------------ */
/* ---------------------------------------------------------------- */
#footer{
  text-align     : center ;

  clear          : both   ;

  padding-top    :  0px ;
  padding-right  :  0px ;
  padding-bottom :  0px ;
  padding-left   :  0px ;

  border-top-width    : 1px   ;
  border-right-width  : 0px   ;
  border-bottom-width : 0px   ;
  border-left-width   : 0px   ;
  border-style        : solid ;

  margin-top     : 0px ;
  margin-right   : 5px ;
  margin-bottom  : 0px ;
  margin-left    : 5px ;
}





