/*
Theme Name: EricWillis.com Notes
Theme URI: http://ericwillis.com/notes
Description: It's my custom theme, yay!
Author: Eric Willis
Author URI: http://ericwillis.com
Version: 1.0
*/

body { font-family: "Myriad Pro", Calibri, Arial, Tahoma, Sans-Serif; font-weight: normal; font-size: 14px; line-height: 150%; }

.container { width: 90%; margin: 0px auto; overflow: auto; }

#header { font-size: 34px; margin-bottom: 24px; }
	#header img { height: 100px; width: 100px; border-style: none; float: left; margin-right: 16px;}
	#header .tagline { font-size: 20px; }

#footer { border-top: dashed 1px #666; margin-top: 24px; }

.columns { overflow: hidden; }
	.column {  }
		.left { width: 180px; float: left; }
		.right { width: 100%; float: right; margin-right: -200px; }
		.right .content { margin-right: 200px; padding: 4px; }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; }

a, a:link { color: #69c; text-decoration: none; }
a:hover, a:active { color: #369; text-decoration: underline; }
a:visited { color: #036; }

.navigation ul { margin: 0px; padding: 0px; list-style-type: none; }
	.navigation ul li { margin: 0px; padding: 2px 0px; }
	
.byline { font-size: 12px; }
.entry { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }

#sidebar { position: fixed; left: 0px; top: 0px; width: 16px; overflow: auto; }
	.quake { float: left; width: 100%; cursor: pointer; }
	#quakeDetails { position: fixed; left: -1000px; bottom: -1000px; cursor: pointer; }
		#quakeIcon { float: left; width: 75px; height: 75px; margin: 4px; background-color: #fff; border: 1px solid #999; }
		#quakeIcon img { width: 69px; height: 69px; margin: 3px; }
		#quakeText { float: left; height: 75px; width: 100px; padding: 3px; text-align: center; }
			#quakeLocatoin { font-size: 12px; }
			#quakeMagnitude { font-size: 28px; }