/*  
Theme Name: WeMe09
Theme URI: 
Description: The latest from Wendell.Me 
Version: 1.5
Author: Wendell Wittler
Author URI: http://www.oneswellfoop.net/
*/

@font-face { font-family: 'EurostileBlackRegular'; src: url('http://www.oneswellfoop.net/fonts/eurostile-black-webfont.eot'); src: local('☺'), url('http://www.oneswellfoop.net/fonts/eurostile-black-webfont.woff') format('woff'), url('http://www.oneswellfoop.net/fonts/eurostile-black-webfont.ttf') format('truetype'), url('http://www.oneswellfoop.net/fonts/eurostile-black-webfont.svg#webfontuoKhRM1B') format('svg'); font-weight: normal; font-style: normal; }
 
h1 { font-family: "EurostileBlackRegular"; }


.container { width: 960px; margin: 0 auto; }

/* Everything-Defaults */
body { background: #0f0 url(./img/yellowstucco.gif) ; color: #333; font: 80%/110% Tahoma, Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin: 0 auto; padding: 0; }

/* boxes */
.box { background: url(./img/shadeback50p.png); margin: 0 5px 10px 5px; padding: 10px; }

/* header.php */
#header { background: transparent; height: 120px; }


ul.topnav { padding: 10px 0 0 10px; display: inline; float: right; background: transparent; max-width: 100%; height: 20px; }
ul.topnav li { cursor:pointer; float:left; text-align:center; list-style-type:none; font-weight:normal; margin: 0 5px; }
ul.topnav li a { display: block; float: left; background: transparent url('http://wendell.me/wp-content/themes/weme09/img/shadeback50p.png') repeat; height: 15px; border: 1px solid black; }
#header div { display: block; float: right; }

/* adbar.php sidebar.php */
#sidebar { margin-top: 10px; }
#adbar .box, #sidebar .box { padding: 5px 0; font-size: 80%; line-height: 110%; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
#adbar ul li, #sidebar ul li { padding: 5px 5px 10px 5px; } 
#adbar ul li ul li, #sidebar ul li ul li { padding: 5px 0 0 0; }
#adbar h2, #sidebar h2 { margin: 0; padding: 0; color: #333; line-height: 100%; font-size: 125%; font-weight: bold; }

/* timeline credits googlead */
#timeline, #credits, #googlead { font-weight: bold; text-transform: uppercase; text-align: center; }

/*searchbox*/
#sidebar #search-form { margin: 2px 0 0 0; }
#sidebar #search-text { width: 180px; font-size: 130%; border: 1px solid #333; background: #eee; }
#sidebar #search-submit { width: 120px; font-size: 90%; margin: 2px 30px; }


/* calendar */
.calendar-wrap { margin: 5px 0 0 0; padding: 0; border: solid 1px #000; }
table#wp-calendar caption { width: auto; background: #eee; border: #999; padding: 3px; margin: 0 auto; color: #333; }
table#wp-calendar { width: 100%; border-width: 0; border-spacing: 0; border-style: solid; border-color: #ccc; border-collapse: separate; background-color: white; margin: 0 auto; }
table#wp-calendar caption { font-weight: bold; }
table#wp-calendar th { border-width: 1px; padding: 1px; border-style: solid; border-color: #eee; background-color: white; text-align: center; font-size: 80%; }
table#wp-calendar td { border-width: 1px; padding: 1px; border-style: solid; border-color: #eee; background-color: white; text-align: center; }


/* friendfeed widget */
#friendfeed.widget { font-size: 8px !important; line-height: 1.1em !important; }


/* content.php */
#content .box { padding: 5px; }
h1#heading { margin: 0; padding: 0 0 0 5px; font-size: 150%; font-weight: bold; color: #036; text-decoration: none; }
#content h2 { margin: 0; padding: 5px 0; }
#content h2 a { font-size: 150%; font-weight: bold; color: #630; text-decoration: none; }
#content .entry, #content .toggle { font-size: 110%; line-height: 120%; padding: 5px; }
a.toggleLink { font-size: 90%; font-weight: bold; font-variant: small-caps; color: #030; } 

/* date graphic */
.thedate { float: left; margin: 0px 10px 20px 5px; }
.blank { font-size: 0; }
.year { font-size: 60%; width: 60px; height: 72px; background-image: url(./img/datepage.png); font-weight: bold; text-align: center; }
.month { font-size: 100%; font-weight: bold; text-transform: uppercase; text-align: center; margin: -55px 0px 0px 0px; line-height: 100%; }
.day { font-size: 125%; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px;  line-height: 100%; }
.year, .month, .day { color: #565; }

/* department */
.department { margin: 0 10px; height: 20px; }
.department span { float: left; background-image: url(./img/dep-back1.gif); background-repeat: repeat-x; }
.department span a { vertical-align: top; text-decoration: none; font-weight: bold; font-size: 80%;  }

.postmeta, .postmetadata { text-align: left; margin: 5px 0 0 10px; }
.postmeta .fineprint { float: right; margin: 0 -5px -2px 0; }

#comments { padding: 10px; }
#comments h2 { font-size: 150%; line-height: 120%; margin: 10px; text-align: left; }
#comments h3 { font-size: 125%; line-height: 120%; margin: 0px 20px 5px 20px; text-align: left; }
#comments li { border: 1px solid #000; padding: 5px; margin: 0 0 5px 0; }
#commentform p { margin: 0 5px 5px 0; }
#commentform p textarea { margin: 5px 25px 0 0; border: 2px solid #333; background: #eee; }

.postmeta, .postmetadata { font-size: 75%; line-height: 110%; font-variant: small-caps; font-weight: bold; }
#navigation { padding: 5px 10px 25px 10px; font-weight: bold; font-size: 100%; line-height: 100%; font-variant: small-caps; }
#navigation .alignleft, #navigation .alignright { display: block; }
#navigation a { padding: 2px 5px; color: #333; border: 2px solid #333; text-decoration: none; }
#navigation a:hover { border-color: #f90; }

/* contentad */
#contentad468 { margin: 0 76px; font-size: 75%; font-weight: bold; }


/* footer.php */
#footer .box { padding: 5px 7px; font-size: 100%; line-height: 110%; font-weight: bold; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; text-align: center; }
#footer .smaller { font-size: 75%; line-height: 100%; }
.wp-pagenavi { padding: 5px 0; margin: 0 0 5px 0; }


/* more-link */
#sidebar h2.more-link a {display: block; width: 100px; height: 20px; background: url(./img/clickhere1.png) no-repeat 0 0; }
#sidebar h2.more-link a:active { background-position: 0 -10px; }



/* anchors */
a { color: #006; font-weight:bold; text-decoration: none; }
a:hover { color:#600; }

/* headings */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a { font-weight:normal; }


/* paragraphs, quotes and lists */
p { margin-bottom: 1em; }
blockquote { font-family: 'Bookman Old Style', Bookman, Georgia, 'Times New Roman', serif; font-size:90%; padding-left:1em; border-left:4px solid #ccc; }
blockquote cite { font-size:.9em; }
ul, ol { padding-top:0; }


/* menus */
ul.menu { list-style:none; border-top:1px solid #bbb; }
ul.menu li { margin:0; }
ul.menu li a { display:block; padding:4px 10px; border-bottom:1px solid #bbb; }
ul.menu li a:hover { background:#eee; }
ul.menu li a:active { background:#fc6; }

/* submenus */
ul.menu ul { list-style:none; margin:0; }
ul.menu ul li a { padding-left:30px; }

/* section menus */
ul.section { border-top:0; margin-bottom:0; }
ul.section li { text-transform:uppercase; }
ul.section li a { background:#bbb; }
ul.section li a:hover { background:#aaa; }
ul.section li a:active { color:#fff; background:#666; }
ul.section li li a { background:#ddd; }
ul.section li li a:hover { background:#ccc; }
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section li.current a {
	background:#eee;
}
ul.section li.current a:hover {
	background:#ddd;
}
ul.section li.current a:active {
	background:#fff;
}
ul.section li.current > a {
	color:#fff;
	background:#666;
}
ul.section li.current > a:hover {
	background:#555;
}
ul.section li.current > a:active {
	background:#444;
}
ul.section li.current a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}