/* CSS For Evan Izer: Sketchbook Website */
/* (c)2010 Evan Izer */


/* ΡΡΡΡΡΡΡΡΡΡΡΡ>General<ΡΡΡΡΡΡΡΡΡΡΡΡ */


body     { background: #ffffff }

.container    { font-family: Georgia, serif; color: #999999; text-align: center; margin-right: auto; margin-left: auto; text-decoration: none;  }

#fineprint    { font-family: Tahoma, sans-serif; font-size: 10px; color: #cccccc; }

.footer    { font-family: Tahoma, sans-serif; text-align: center; font-size: 10px; color: #cccccc; letter-spacing: 1px; padding: 30px; }

#headline  { font-size: 24px; color: #999999; letter-spacing: 5px; margin-top: 30px; margin-bottom: 5px; }

#date  { font-size: 20px; color: #999999; letter-spacing: 3px; margin-top: 30px; margin-bottom:15px; }

.image-menu      { font-size: 14px; letter-spacing: 2px; margin: 40px auto; border: none; }

img.left   { float:left; width:398px; padding: 0px 25px 50px; }

img.site-title    { margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 2px; display: block; border: none; }

#med-date    { font-size: 14px; color: #99999; text-align: center;  margin-top: 15px; margin-bottom: 0px; margin-right: auto; margin-left: auto; }

#instructional    { font-size: 12px; color: #b5b5b5; font-style: italic; text-align: center;  margin-top: 15px; margin-bottom: 8px; margin-right: auto; margin-left: auto; }

#midsize    { font-size: 15px; color: #999999; font-weight: 600; letter-spacing: 1px; }

.navigation    { font-size: 16px; letter-spacing: 3px; word-spacing: 7px; padding-top: 10px; padding-bottom: 5px; clear:both; }

.pages    { padding-top: 20px; color: #a9a9a9; font-size: 14px;  font-weight: normal; text-align: left; margin: 0 auto; width: 70%; }

.text       { font-size: 16px; color: #999999; text-align: justify; line-height: 22px; width: 800px; margin-right: auto; margin-left: auto; margin-top: 40px; }

#centered-text       { font-size: 16px; color: #999999; text-align: center; }

#title    { font-size: 22px; color: #666666; letter-spacing: 2px; margin-top: 15px; margin-bottom: 25px; }

.toc-navigation    { font-size: 16px; letter-spacing: 3px; word-spacing: 7px; margin-top: 40px; margin-bottom: 10px; }

#topdate    { font-size: 18px; color: #999999; letter-spacing: 2px; margin-top: 20px; margin-bottom: 0px; }

.archive_active_page_number		{ font-weight: 900; color: #666666; }


/* ΡΡΡΡΡΡΡΡΡΡΡΡ> Link-related <ΡΡΡΡΡΡΡΡΡΡΡΡ */


A     { color: #7296BA; font-weight: normal; text-decoration: none; }

A:link     { color: #7296BA; font-weight: normal; text-decoration: none; }

A:visited     { color: #7296BA; font-weight: normal; text-decoration: none; }

A:active     { color: #7296BA; font-weight: normal; text-decoration: none; }

A:hover     { color: #9FB9D2; font-weight: normal; text-decoration: none; }

A.imgmenu     { color: #666666; font-weight: normal; word-spacing: 12px; padding: 10px; text-decoration: none; }

A.imgmenu:link     { color: #666666; font-weight: normal; word-spacing: 12px; padding: 10px; text-decoration: none; }

A.imgmenu:visited     { color: #666666; font-weight: normal; word-spacing: 12px; padding: 10px; text-decoration: none; }

A.imgmenu:active     { color: #666666; font-weight: normal; word-spacing: 12px; padding: 10px; text-decoration: none; }

A.imgmenu:hover     { color: #cccccc; font-weight: normal; word-spacing: 12px; padding: 10px; text-decoration: none; }

A.imgmenu2     { color: #666666; font-weight: normal; padding: 10px; text-decoration: none; }

A.imgmenu2:link     { color: #666666; font-weight: normal; padding: 10px; text-decoration: none; }

A.imgmenu2:visited     { color: #666666; font-weight: normal; padding: 10px; text-decoration: none; }

A.imgmenu2:active     { color: #666666; font-weight: normal; padding: 10px; text-decoration: none; }

A.imgmenu2:hover     { color: #cccccc; font-weight: normal; padding: 10px; text-decoration: none; }

img.hands    { display: inline-block; vertical-align: text-top; border:none; }


/* ΡΡΡΡΡΡΡΡΡΡΡΡ> Entry <ΡΡΡΡΡΡΡΡΡΡΡΡ */


.entrycat    { padding-top: 5px; text-align: center; margin: 0 auto; width: 70%; }

.entrycat img    { margin: 5px 6px 5px 6px; border:1px solid #cccccc; }



/* ΡΡΡΡΡΡΡΡΡΡΡΡ> Comments <ΡΡΡΡΡΡΡΡΡΡΡΡ */


.commentscontainer    { margin-top: 100px; width: 450px; margin: 0px auto; text-align: left; color: #999999; font-family: Georgia, serif; background-color: #ffffff; padding: 20px; }

.comments ul   { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; color: #999999; font-size: 12px; font-weight: normal; line-height: 16px; text-align: justify; width: 420px; list-style-type: none; padding: 12px 12px 12px 0; }

ul#comments    { list-style: none; margin: 15px 0 0; padding: 0; }

.comments-popup    { margin-top: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 2px; padding: 12px; color: #8C8C8C; font-size: 12px; font-weight: normal; line-height: 16px; text-align: justify; }

.comments li, .commentsbody    { border-bottom: 1px solid #999999; text-align: justify; margin-bottom: 10px; padding: 10px; font-size: 12px; color: #8C8C8C; border: 1px solid #999999; background: #f6f6f6 }
