/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
File:    base.php
URL:     charliecorp.com/c/base.php
License: Copyright 2008
         Charlie Gorichanaz
         431 W. Gorham St., Apt. 302
         Madison, WI 53703
         All rights reserved.

Desc:    Main underlying styles for entire site.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* { margin: 0; padding: 0; }
body {margin: 0; padding: 0; background-image: url("/i/stripe_65fc8615998fa6bc05c9ca5502e7769f2.png");
  font-family: Helvetica, Arial, Verdana, 'Times New Roman', sans-serif; font-size: 62.5%; }
#header-container {height: 110px; background-image: url("/i/header_background.png"); background-repeat: repeat-x;}
#header { text-align: center; }
#nav {position: relative; top: 3px; margin: auto; height: 30px; width: 920px; }
#nav ul { margin-left: 1em; display: inline;}
#nav ul li { margin: 0 1em; display: inline; }
#nav a:link { text-decoration: none; color: #000000; font-size: 20px; font-weight: 900;}
#nav a:visited { text-decoration: none; color: #000000; font-size: 20px; font-weight: 900;}
#nav a:active { text-decoration: none; color: #000000; font-size: 20px; font-weight: 900;}
#nav a:hover { text-decoration: none; color: #000000; font-size: 20px; font-weight: 900; text-decoration: underline; }
#main { margin: 0 auto; padding: 0; width: 900px; background-image: url("/i/main_slice.png"); }
#main-top { margin: 0 auto; padding: 0; width: 900px; height: 10px; background-image: url("/i/median_slice.png");}
#content { margin: 0 10px; }
#mainbox { float: left; margin: 0; padding: 0; width: 608px; background-image: url("/i/mainbox-bg.png");}
#mainbox-top { height: 20px; margin: 0 0 -10px 0; padding: 0; width: 608px; background-image: url("/i/mainbox-top.png");}
#content-main { margin: 0 10px; }
#mainbox-bottom { height: 27px; width: 608px; background-image: url("/i/mainbox-bottom.png");}
.side { float: right; margin: 0; padding: 0; width: 268px; background-image: url("/i/side-slice.png");}
.side-top { height: 20px; margin: 0 0 -10px 0; padding: 0; width: 268px; background-image: url("/i/side-top.png");}
.content-side { margin: 0 12px; padding: 9px;}
.side-bottom { height: 30px; width: 268px; background-image: url("/i/side-bottom.png");}
.side ul li { list-style: none; padding-left: 1em; font-size: 1.5em;}
a:link {color:#cc0099; font-weight: 700;}
a:active {color:#cc0099; font-weight: 700;}
a:visited {color:#cc0099; font-weight: 700;}
a:hover {color:#330099; font-weight: 700;}
p { font-size: 1.7em; color: #444444; text-align: left; margin: 0.5em 0.2em 0.5em 0.2em; line-height: 1.2em;}
img {margin: 0; padding: 0; border: 0}
a { text-decoration: none; }
.clear { clear: both; }
#foot { color: #666666; font-size: 1.5em; text-align: center; padding: 1em 0;}

ul { margin-left: 2em; margin-bottom:2em; }
li { margin-left: 1em; font-size: 1.5em; color: #444444; text-align: left; margin: 0 0.2em 0 0.2em; line-height: 1.2em; }

h1 { text-indent: 0.5em; }


#resume h2 { font-size: 1.9em; text-indent: 0.25em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; background: #fafafa; border-top: solid 2px #444; border-bottom: 1px solid #444; margin-bottom: 0.5em; margin-top: 0.5em; }
#resume h3 { font-size: 1.6em; text-indent: 0.5em; font-family: Helvetica, Arial, sans-serif; line-height: auto; margin-bottom: 0.2em; margin-top: 0.5em; }
#resume h4 { font-size: 1.4em; text-indent: 1.5em; font-family: Helvetica, Arial, sans-serif; font-style: italic; line-height: auto; margin-bottom: 0.4em; margin-top: 0.4em; }

#resume .date { font-weight: 700; font-size: 1.1em; position: relative; text-indent: 450px; top: -0.7em; line-height: 0; }
#resume ul { list-style: none; }
#resume li { font-size: 1.4em; color: #444; text-indent: 2em; }
#resume table { text-indent: 2em; }

#resume a:link {color:#11f; font-weight: 700;}
#resume a:active {color:#11f; font-weight: 700;}
#resume a:visited {color:#11f; font-weight: 700;}
#resume a:hover {color:#000; font-weight: 700;}

#archives #content-main ul {list-style:none;font-size:1.5em;}
#entry #content-main h2 { text-indent: 1.5em;font-weight:400;margin-bottom:2em;}
.entry-title {font-size:2.5em; margin-top:1em;}
.tags {display:inline; font-size:1.5em;}
#main #content .tags+ul {display:inline; list-style:none; font-size:1.5em; }
#main #content .tags+ul li {display:inline;}
#bloghome #content-main h1 {text-align:center;}

.fig { background: #eee; padding-top: 0px; border: 1px solid #ccc;}
.fig .imgcredit { line-height: 0; text-align: right; font-weight: 900; color: #fff; position: relative; top: -20px; left: -6px; }
.fig img { border: 1px solid #999; }
.fig p { font-size: 1.2em; text-align: center; } 

.tweet { font-weight:900; margin: 0.5em 0.2em 0.5em 0; }
.tweet img { float:left; margin-right: 0.2em; }
.tweet-date { font-size: 1.2em; margin: 0.5em 0.2em 2.5em 4.4em; }


.entry-comments { padding: 0.5em; background:#e3e3e3; border-top:3px solid #ddd; border-bottom:3px solid #ddd; }
.comments-header { font-weight:800; text-indent:2em; }
.comments-open-header { font-weight:800; text-indent:2em; }
.comment-header { height: 45px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}
.comment .inner { background:#f3f3f3; padding:0.5em; margin:1em 0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
.separator { margin:0 0.5em; }
.comment-indent {margin-left: 2.0em;}
.auth-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}
.comments-open-content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; text-align:left; padding:0 25px; } 
.comments-open-content label { line-height: 2em;} 
#comment-form-name, #comment-form-email, #comment-form-url { margin:0.5em 0; }
#comment-form-name input, #comment-form-email input, #comment-form-url input { margin-left: 120px; padding:0.3em; border:1px solid #bbb; border-left:0; border-right:0; color:#666; width:290px; background:#f3f3f3; }
#comment-form-name label, #comment-form-email label, #comment-form-url label { width: 100px; position: absolute; text-align:right; line-height: 2em; }
#comments-open-text textarea { margin:0.5em 0; padding:0.3em; border:1px solid #bbb; border-left:0; border-right:0; color:#666; width:530px;  background:#f3f3f3;  }
#comments-open-data p { font-size:1.2em; }