/* copyright 2007 Eliot Harper */

/* core styles */

body {
	margin:0;
	padding:0;
	background:#6aacda;
	font-family:'Lucida Sans Unicode', 'Arial Unicode MS', 'Lucida Sans', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	font-size:9pt;
	font-weight:normal;
	line-height:160%;
	padding:10px;
	text-align:left;
	}

body a {
	text-decoration:none;
	}

#wrap { /* page wrapper */
	background:#fff;
	width:750px;
	margin:0 auto;
	}
	
#header {
	display:block;
	height:200px;
	background:url('images/banner.gif') 0 0 no-repeat;
	}

#header a {
	display:block;
	text-decoration:none;
	height:200px;
	background:url('images/banner.gif') 0 0 no-repeat; /* duplicate to stop IE6 rollover flicker */
	}

#footer {
	background:#fff;
	clear:both;
	height:28px; /* cross browser workaround for bottom margin */
	padding-top:50px;
	}

#footer p {
	color:#999;
	font-size:7pt;
	text-align:center;
	}

#analytics { /* bottom padding */
	background:#6aacda;
	height:70px;
	}

h1	{ display:none }

h3, h4 {
	color:#333;
	font-size:11pt;
	font-weight:normal;
	}

h3 { 
	border:1px solid #333;
	padding:7px;
	margin-top:50px;
	}

h4 { 
	margin-top:25px;
	}
	
input, textarea {
	color:#666;
	font-family:'Lucida Sans Unicode', 'Arial Unicode MS', 'Lucida Sans', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size:9pt;
	}

.submit { /* submit button */
	color:#333;
	}

/* content frame styles */

#main { /* index page content frame */
	float:right;
	width:490px;
	padding:0 40px 0 20px;
	}

#fullwidth { /* content frame on other pages */
	padding:0 40px;
	}

#main h2, #fullwidth h2 { 
	font-size:14pt;
	font-weight:bold;
	margin-top:5px; /* aligns with search icon */
	}

#main p.posted, #fullwidth p.posted, #subcontent p.posted {
	color:#999;
	font-size:8pt;
	border-bottom:1px dotted;
	padding-bottom:3px;
	}

#main p.posted, #fullwidth p.posted {
	margin-bottom:40px;
	}
	
#subcontent p.posted {
	margin-bottom:20px;
	}

#main a:link, #main a:visited, #main a:active,
#fullwidth a:link, #fullwidth a:visited, #fullwidth a:active {
	text-decoration:underline;
	}
	
#main p.posted a:link, #main p.posted a:visited, #main p.posted a:active,
#fullwidth p.posted a:link, #fullwidth p.posted a:visited, #fullwidth p.posted a:active {
	color:#999;
	}

#main a:link, #main a:visited, #main a:active {
	color:#000;
	}	
	
#main img, #fullwidth img { 
	border:none; 
	}
	
#main a img, #fullwidth a img {
	vertical-align: bottom;
	border: solid 1px #666;
}
#main a:hover img, #fullwidth a:hover img {
	border-color: #eabd00;
}

/* index page sidebar and more fullwidth styles */

#sidebar {
	background:#fff;
	float:left;
	width:200px;
	overflow:hidden;
	}

#sidebar h2 {
	margin:0 10px;
	font-size:14px; /* keeping as px for cross-browser uniformity */
	font-weight:bold;
	padding-left:35px;
	}

#sidebar li, #fullwidth li {
	color:#999;
	}

#sidebar input { 
	margin:0 45px;
	}
	
#sidebar h2.search {
	background-image:url('images/glass.gif');
	}

#sidebar h2.posts {
	background-image:url('images/pin.gif');
	}

#sidebar h2.follow {
	background-image:url('images/compass.gif');
	}

#sidebar h2.categories {
	background-image:url('images/folders.gif');
	}

#sidebar h2.archives {
	background-image:url('images/web.gif');
	}

#sidebar h2.links {
	background-image:url('images/globe.gif');
	}

#sidebar h2.search, #sidebar h2.posts, #sidebar h2.follow,
#sidebar h2.categories, #sidebar h2.archives, #sidebar h2.links,
#fullwidth h2.search {
	background-repeat:no-repeat;
	line-height:30px;
	}
	
#sidebar ul {
	margin-top:0;
	margin-bottom:5px;
	}

#sidebar li, #fullwidth li {
	margin-top:10px;
	line-height:110%;
	list-style-type:none;
	padding-left:5px;
	}

#sidebar a:link, #sidebar a:visited, #sidebar a:active,
#fullwidth a:link, #fullwidth a:visited, #fullwidth a:active,
#fullwidth h2.search a:link, #fullwidth h2.search a:visited, #fullwidth h2.search a:active {
	color:#000;
	}

#sidebar a:hover, #main a:hover, #main p.posted a:hover,
#fullwidth p.posted a:hover, #fullwidth a:hover, #subcontent a:hover,
#fullwidth h2.search a:hover {
	color:#eabd00;
	}

div.sideline {
	background:url('images/sideline.gif') center center no-repeat;
	height:25px;
	width:170px;
	border:0;
	margin-left:20px;
	}

div.sideline hr {
	display:none; /* fixes IE border issue */
	}

/* site navigation icons */

#navicons {
	padding-left:600px;
	}

#navicons a {
	display:block;
	text-decoration:none;
	height:25px;
	}

#navicons td {
	width:30px;
	height:25px;
	}
	
.about td {
	background:url('images/person.gif') 0 0 no-repeat;
	}

.mail td {
	background:url('images/envelope.gif') 0 0 no-repeat;
	}

.home td {
	background:url('images/home.gif') 0 0 no-repeat;
	}
	
.rss td {
	background:url('images/rss.gif') 0 0 no-repeat;
	}

.about a {
	background:url('images/person.gif') 0 0 no-repeat; /* duplicate to stop IE6 rollover flicker */
	}

.mail a {
	background:url('images/envelope.gif') 0 0 no-repeat; /* duplicate to stop IE6 rollover flicker */
	}

.home a {
	background:url('images/home.gif') 0 0 no-repeat; /* duplicate to stop IE6 rollover flicker */
	}
	
.rss a {
	background:url('images/rss.gif') 0 0 no-repeat; /* duplicate to stop IE6 rollover flicker */
	}

.about a:hover, .mail a:hover, .home a:hover, .rss a:hover { /* rollover effect */
	background-position:0 -25px;
	}
	
/* linked-in */	

#fullwidth p.linkedin {
	padding-left:20px;
	background:url('images/linkedin.gif') 0 1px no-repeat;
	}

#fullwidth p.linkedin a:link, #fullwidth p.linkedin a:visited, #fullwidth p.linkedin a:active {
	color:#0783b6;
	text-decoration:none;
	}

#fullwidth p.linkedin a:hover {
	color:#eabd00;
	}

/* other pages */

#fullwidth p.category-info, #fullwidth p.search-options, #fullwidth p.feed-form {
	color:#666;
	}

#fullwidth p.category-info, #fullwidth p.search-result {
	margin-bottom:30px;
	}

#fullwidth h2.search {
	background-image:url('images/glass-alt.gif'); /* no whitespace version */
	font-size:14px; /* keeping as px for cross-browser uniformity */
	font-weight:bold;
	margin-bottom:0;
	padding-left:20px;
	}

#fullwidth h2.search a:link, #fullwidth h2.search a:visited, #fullwidth h2.search a:active {
	text-decoration:none;
	}

#fullwidth p.search-result {
	color:#333;
	margin-top:40px;
	}

#fullwidth .category-name {
	color:#000;
	}

#subcontent p {
	color:#333;
	}

#subcontent td {
	color:#333;
	}

#subcontent a:link, #subcontent a:visited, #subcontent a:active {
	color:#333;
	}