/*	CSS Properties for jenmyers.net	*/

body {
 background: #fff;
 color: #333;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.8em;
 line-height: 150%;
 margin: 0;
 padding: 0;
 text-align: center;
}
  
#container { margin: 20px auto 0px auto; text-align: left; width: 800px; }
 
#left { float: left; text-align: right; width: 300px; }
  
#right { background: #fff url('http://www.jenmyers.net/images/bg-jm.gif') top right no-repeat; float: right; margin: 40px 0px 40px 40px; min-height: 400px; padding-top: 40px; width: 460px; }

#right img { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0px 10px 0px; }

h1 { font-size: 2.2em; font-weight: 100; line-height: 100%; }

em.h1 { color: #0099CC; font-style: normal; }
  
h2 { color: #333; font-size: 0.8em; text-transform: uppercase; }

h3 { background: #eee; color: #666; font-weight: 100; padding: 5px; text-align: right; }

h4 { color: #666; font-size: 12px; font-weight: 400; padding-top: 40px; text-align: right; text-transform: uppercase; }

ul { margin: 0; padding: 0; }

li { font-size: 1.2em; line-height: 200%; list-style-type: none; }

#left li { display: inline; font-size: 0.85em; line-height: 120%; text-transform: uppercase; }

p a { color: #333; text-decoration: none; }
p a:hover { color: #0099CC; text-decoration: none; }

h1 a { color: #0099CC; padding: 0px; text-decoration: none; }
h1 a:hover { color: #0099CC; text-decoration: none; }

h3 a { color: #666; padding: 0px; text-decoration: none; }
h3 a:hover { color: #0099CC; text-decoration: none; }

h4 a { color: #0099CC; padding: 0px; text-decoration: none; }
h4 a:hover { color: #333; text-decoration: none; }

.post p a { border-bottom: 1px solid #ccc; color: #666; padding: 2px; text-decoration: none; }
.post p a:hover { border-bottom: 1px solid #0099CC; color: #333; text-decoration: none; }

#right li a { background: #eee; color: #333; padding: 5px; text-decoration: none; }
#right li a:hover { background: #0099CC; color: #fff; text-decoration: none; }

#left p a { border-bottom: 1px solid #ccc; color: #666; padding: 2px; text-decoration: none; }
#left p a:hover { border-bottom: 1px solid #0099CC; color: #000; text-decoration: none; }

#left li a { background: #fff; border-bottom: none; color: #666; text-decoration: none; }
#left li a:hover { background: #ededed; border-bottom: none; color: #333; text-decoration: none; }