/*  
Theme Name: LTW Simple
Theme URI: http://www.leeterwal.com
Description: LTW Simple is designed to be as simple as pssible.
Author: Lee ter Wal
Author URI: http://www.leeterwal.com

*/

body { font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; margin:0; color:#000; }
#container { width:780px; margin:0px auto; padding:0; }
#logo { float:left; margin:0 58px 0 0; }

/* Column A (Naviagation lists) */
#colA { padding:0 58px 0 41px; width:181px; float:right; }
#event { margin: 18px 0 0 0;  line-height:14px; }
#event .pull { font-size:36px; font-weight:bold; line-height:30px; }
.navhead { background-color:#000; color:#ccc; margin:20px 0 0 0; padding:2px 10px; } 
.navlist { margin:0; padding:0 10px; }
.navlist li { list-style:none; line-height:14px; padding:5px 0; border-bottom:#ccc dotted 1px; }
.rsvpInput { width:174px; color:#999; border:1px dotted #999; padding:3px; margin:3px 0; }
#mc-embedded-subscribe { cursor: pointer; background: #999;	color: #fff; padding: 3px; margin: 3px 0; border:none }
#twitter { margin:50px 0 0 0; }

/* Column B */
#colB { width:500px; float:right; }
h3 { font-size:16px; line-height:24px; font-weight:normal; margin: 20px 0 0 0; padding:0; }
.dets { font-size:11px; font-style:italic; padding:0; margin:0; }
.homepic { width:120px; float:left; margin: 0 10px 0 0; }
.teaser { width:370px; float:left; padding:0; margin:0; }
.teaser p { padding:0; margin:0; }
.endpost { padding:15px 0 0 0; border-bottom:1px dotted #999; clear:both; }


/* Generic */
img {border: 0;}
.fltright { float:right; } 
.fltleft { float:left; }
.clrflt { clear:both; }
a:link, a:visited { text-decoration:none; color:#666; } 
a:hover, a:active{ text-decoration:none; color:#000; }
h4 {font-weight:normal; font-size:14px; }
hr { width: 500px; height:0; border-bottom:1px; }
textarea { color:#666; width:80%; border:1px solid #cbcbcb; margin-bottom:0.6em; margin-top:2px; padding:3px; } 

#footer { width:780px; clear:both; margin:30px auto; padding:0; border-top: dotted #000 1px; }
input#url,input#author,input#email { color:#666; width:50%; border:1px solid #cbcbcb; margin-bottom:0.6em; margin-top:2px; padding:3px; }
.commentlist { background:#eee; padding:40px; }


/* Navigation */
#nav { height:26px; line-height:26px; margin:0; width:500px; padding:0; border-bottom:#000 solid 1px; }
ul.nav { height:22px; line-height:22px; float:right; list-style:none; font-size:11px; font-weight:bold; text-transform:lowercase; margin:0; padding:3px 0 0; }
ul.nav li { float:left !important; list-style-type:none; margin:0; padding:0; }
ul.nav li a,ul.nav li a:link,ul.nav li a:visited { border:1px solid #fff; border-bottom:0; border-left:0; background:#fff; color:#666; float:left; display:block; padding:0 10px; }
ul.nav li a:hover,ul.nav li a:active { background:#fff; color:#666; text-decoration:none; }
ul.nav li.first a { border-left:1px solid #fff; }
ul.nav li.current_page_item a { text-decoration:none; color:#ccc; background:#000; }
ul.nav li ul { float:left; margin:0; padding:0; }


/* Banner */
#container { position:relative; }
#slideshow { position:relative; height:60px; width:468px; float:left; }
#slideshow a { position:absolute; z-index:8; opacity:0.0; }
#slideshow a.active { z-index:10; opacity:1.0; }
#slideshow a.last-active { z-index:9; }
#rapper { height:60px; width:500px; float:left; margin:96px 0 0 0; }

/* Contextual */
.authorspic { margin:0 10px 10px 0; float:left; }
.authorbio { width:300px; float:left; padding: 0 0 20px 0; }