body {width: 100%; margin: 0; padding: 0; text-align: center; font: 0.7em/1.7em Verdana, sans-serif; color: #333; background: #ffffff;}

#wrapper {width: 800px; margin: 0 auto; padding: 1.5em 0; background: #ffffff;}

#masthead {width: 790px; height: 150px; margin: 0 5px 20px 5px; padding: 0; background: #fefbf2;}
#wop {float: left; width: 150px; height: 80px; margin: 0; padding: 0;}
#big {width: 100%; margin: 0; padding: 0; font: bold 56px/50px Rockwell, Georgia, Times, serif; color: #ff00cc; letter-spacing: -4px; text-align: center; background: #FF2400;}/* background: #349AC4; geraniamlake: #E31230; orangrred: #FF2400. COLOR: #F7B3DA; WAS Bronze: #8c7853; Pink: #ff00cc; */


img {border: none; margin: 0;}

a {text-decoration: none;}
a:link, a:visited, a:active {color: #555533; text-decoration: none;}
a:hover {color: #000000;}

/*a, a:link, a:visited, a:hover, a:active + img {text-decoration: none !important; border: none !important;}*/


#content a,
#inner_wrapper a {text-decoration: none;}/*ALA:base*/
#content a:link,
#content a:visited,
#content a:active,
#inner_wrapper a:link,
#inner_wrapper a:visited,
#inner_wrapper a:active {color: #555; border-bottom: 1px solid #555;}/*ALA:base*/
#content a:hover,
#inner_wrapper a:hover {color: #000; background-color: #F4F2E4; border-bottom: 1px solid #9A8E51;}/*ALA:base*/

p {margin: 0 1.3em 1em 0; line-height: 1.8em; text-align: left;}

h1 {clear: both; width: 95%; margin: 0; padding: 0; font: bold 22px/30px Times, serif; font-variant: small-caps; text-align: right;}/* CONTEMPORARY DRAWINGS - color: #A49D93; */
h2 {width: 100%; margin: 0; padding: 0; font: bold 15px/30px Arial, sans-serif; color: #ff00cc; text-transform: uppercase; text-align: center; background: #FF2400;}/* WORKS ON PAPER - color: #CCFF00; background: #312235; */

h3 {margin: 0; font: 1.5em/2em Georgia, Times, serif; text-align: center;}/* SAME AS h4 */
#content h3 {margin: 0; font: 1.5em/2em Georgia, Times, serif; text-align: left;}
h4 {margin: 0 0 2em; font: 1.5em/2em Georgia, Times, serif; text-align: center;}/* SAME AS h4 = WAS: margin: 0.5em 0.2em 0; font: bold italic 1.3em Times, serif; FOR TREES: Married */

h5 {margin: 0.5em 0.2em 0; font: 1.2em/1.7em Georgia, Times, serif;}/* NOT USING for children */

h6 {margin: 0.5em 0.2em 1em; font: 1.2em Georgia, Times, serif;}/*Sidebar: Series List Title*/
h6>span {font-size: 75%;}/*Sidebar: Series List Title: (coming)*/
#searchwop {margin: 0.5em 0.2em 0; font: 1.3em Georgia, Times, serif; text-align: center;}/*Sidebar: Search WOP*/


#content .title {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em; text-transform: none; letter-spacing: 1px;}/*ALA:base*/
#content .title a:link, .title a:visited, .title a:active {color: #333;}/*ALA:base*/
#content .title a:hover {color: #000;}/*ALA:base*/
#secondary .title {margin-bottom: 0.25em;}/*ALA:base*/
/*.title {margin-bottom: 0; padding-bottom: 0.25em; border-bottom: none; text-align: center;} ALA:article */
/*.title {font-size: 1.66em;} ALA:sub */

.title2 {font: bold 1.3em Times, serif; color: #333; letter-spacing: 0.1em; margin: 1em 0 0.5em;}
.title2 a:link, .title2 a:visited, .title2 a:active {color: #333;}
.title2 a:hover {color: #000;}

.byline {font: italic 1.1em Times, serif; letter-spacing: 1px; margin: 0 0 1.3em;}/*ALA:base WAS margin: 0 0 1.5em;*/
.byline a:link, .byline a:visited, .byline a:active {font: bold 0.85em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-left: 0.25em;}/*ALA:base WAS letter-spacing: 2px;*/
/* #content .byline {padding: 0 0 1em; margin: 0; text-align: center; text-transform: none;} ALA:article*/
.byline a:hover {color: #000;}

.etc {font: 0.9em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 0.25em; text-align: left; border-bottom: 1px dashed #B2B2B2; margin: 1em 1em 0.5em 0; padding: 0 0 0.5em; }/* ALA:base .ishinfo:font: 0.9em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 0.33em; = ALA:article .ishinfo: JUST: text-align: center; border-bottom: 1px dashed #B2B2B2; padding-bottom: 1em; margin-bottom: 1.5em; */
.etc a {color: #333; border: none;}/* ALA:sub .ishinfo a */
.etc a:hover {color: #000;}/* ALA:sub .ishinfo a:hover */
.etc b {font: 1.2em Georgia, Times, serif; letter-spacing: 1px;}/* ALA:base .ishinfo b */


#content .parenthesis {font: 0.9em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 0.33em;}/* ALA:base .ishinfo */
#content .parenthesis b {font: 1.2em Georgia, Times, serif; letter-spacing: 1px;}/* ALA:base .ishinfo b */
#content .parenthesis {text-align: center; border-bottom: 1px dashed #B2B2B2; padding-bottom: 1em; margin-bottom: 1.5em;}/* ALA:article .ishinfo */
.parenthesis a {color: #333; border: none;}/* ALA:sub .ishinfo a */
.parenthesis a:hover {color: #000;}/* ALA:sub .ishinfo a:hover */


#content pre {font: 1.1em/1.5em Monaco, "Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New", monospace; text-align: left;}/*ALA:base*/


/*SINGLE IMAGE PAGES*/
#content, #inner_wrapper {float: left; width: 590px; margin: 0; padding: 0 10px 50px; border-right: 1px solid #333333;}
#content .image {float: right; margin: 0 10px 5px 30px; text-align: center;}/* ALA was illustration */

#content .image p {font: italic 95%/1.6em Georgia, serif; border-top: 1px dashed #ccc; margin: 1em 0 0; padding-top: 0.5em; text-align: right;}
#content .image img {display: block;}/* ALA has: margin-bottom: 5px; */
.otherway, .left {float: left; margin: 0 20px 5px 0;}
.full {float: none; margin: 0;}
#content .full p {margin-bottom: 20px;}

dl {display: inline; margin-bottom: 20px; text-align: left;}
dt {display: none !important;}/*same as h3; Drawing & Thumbpage series TITLES*/
dd {margin: 0 0 0.5em; font: italic 1.2em Times, serif; letter-spacing: 1px;}


#content .row {margin: 0 auto; padding: 0; width: 75%;}
#content .row div {float: left; margin: 0 10px 0 0; padding: 10px; background: #ffffff; border: 1px solid #000000;}
#content .row div.last {margin: 0;}
#content .row > div a {text-decoration: none; border: none; background-color: none;}


.treeback {background: url(http://www.drawingself.com/images/tree_500w457h_30t.gif) top center no-repeat; height: 457px; padding: 0;}

/*THUMBNAIL PAGES*/
#inner_wrapper #content {float: left; width: 430px; margin: 0 20px 0 0; padding: 10px; border: none;}
#inner_wrapper .thumbcol {float: left; width: 60px; margin: 0; padding: 0;}/*flamingos:width:85px*/
#inner_wrapper .thumbcol > div {float: left; margin: 5px;}/*hold flamingo images*/
#inner_wrapper .thumbcol > div a {text-decoration: none; border: none; background-color: none;}


#sidebar {float: left; width: 150px; margin: 0 0 0 15px; padding: 0 0 30px 0;}
#sidebar div {padding: 10px 0.5em; border-bottom: 1px dashed #B2B2B2;}
#sidebar div.first {padding-top: 0;}/* Search WOP form area */

/* Search WOP */
#search {margin: 0 auto; padding: 0; border: none !important;}
#myfield {vertical-align: top;}/* vertical-align: baseline or bottom */
#mysubmit {padding: 0 1px; margin: 0 0 2px 0; font: 0.9em Verdana, sans-serif; border: 1px solid #8c7853;}
/* Border: Bronze: #8c7853; */

#sidebar ul {list-style: none; margin: 0; padding: 0; text-align: left;}
#sidebar li {margin: 0 0 0.5em; line-height: 1.55em;}/* Mine WAS: padding: 0.5em 0 0.5em; */ 
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {color: #555; border-bottom: 1px solid #555;}/* Mine WAS: border-bottom-width: 0; - ALA: NO active link */
#sidebar li a:hover {color: #000; background-color: #f4f2e4; border-bottom: 1px solid #9A8E51;}

#footer {clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; border-top: 1px solid #000;}
#footer p {font-size: 90%; text-align: center;}
#footer p span {font-size: 90%;}
#footer .bib {font: 0.9em Verdana, sans-serif; text-align: left;}

div.spacer {clear: both;}
.here {background: #ae2f28; color: #ffffff; padding: 2px 1px;}

ul.vertical {list-style: none; margin: 0 auto; padding: 0;}
ul.vertical li {margin: 0 0 0.5em; line-height: 1.55em; text-align: left;}
ul.vertical li a:link, ul.vertical li a:visited, ul.vertical li a:active {color: #555; border-bottom: 1px solid #555;}/* SAME as sidebar */
ul.vertical li a:hover {color: #000; background-color: #f4f2e4; border-bottom: 1px solid #9A8E51;}

ul.pipe {display:inline;margin-left:0;padding-left:0;} 
ul.pipe li {display:inline;list-style:none;margin-left:0;padding:3px 10px;border-left:1px solid #000;}
ul.pipe li.first {display:inline;list-style:none;margin-left:0;border-left:none;}


.eight_fs {font-size: 8px;}
.nine_fs {font-size: 9px;}
.ten_fs {font-size: 10px;}
.eleven_fs {font-size: 11px;}
.twelve_fs {font-size: 12px;}
.seventyfive-pc_fs {font-size: 75%;}

.arial_font {font-family: arial; font-size: 12px;}
.georgia_font {font-family: georgia; font-size: 12px;}

.italic_fs {font-style: italic;}
.oblique_fs {font-style: oblique;}
.smallcaps_fv {font-variant: small-caps;}
.bold_fw {font-weight: bold;}
.uppercase_tt {text-transform: uppercase;}
.underline_td {text-decoration: underline;}

.left-text {text-align:left;}
.right-text {text-align: right;}
.center-text {text-align:center;}
.justify-text {text-align:justify;}

.border {border: 1px solid black; padding: 0px 1px;}
.border-left  {border-left: 1px solid black;}
.border-right  {border-right: 1px solid black;}
.border-none {border: none;}

.floatleft {float: left;}
.floatright {float: right;}
.eighty {width:80%;}
.lighter {font-weight:lighter;} 
.smaller {font-size:smaller;}