@import url(http://heyraena.com/css/screen.css);

body {
	margin: 0;
	padding: 0;
}

abbr { outline: none; text-decoration: none; border-width: 0px }

a {
	text-decoration: none;
}


a:link {
	color: #25b;
	border-bottom: 1px solid #79e;
}

a:visited {
	color: #b64;
	border-bottom: 1px solid #cba;
}

a:hover, a:focus {
	color: #3a1;
	border-bottom: 1px solid #3a1;
}

a:active {
	color: red;
}


div#header div.container {
	position: relative;
}

div#header h1 {
	padding-top: 25px;
	padding-bottom: 25px;
	height: 44px;
	font-size: 1.2em;
	background: #45362B url('http://heyraena.com//css/images/heyraena.gif') 25px 25px no-repeat;
	}

div#header h1 a { border-width: 0px; text-indent: -10000px; display: block; width: 300px; height: 44px } 


div.skip-link { font-weight: bold; position: absolute; bottom: 0; left: 0; width: 100%; height: 19px; }

div.skip-link a, div.skip-link a:link, div.skip-link a:visited { border-width: 0px; display: block; line-height: 16px; text-indent: -10000px; text-align: center; }

div.skip-link a:focus, div.skip-link a:hover { text-indent: 30px; color: #fff; }


div#menu {
	position: absolute;
	top: 0;
	right: 40px;
}

div#menu ul {
	margin: 0;
}



div#menu ul li {
	list-style-type: none;
	display: inline;
	margin-left: 24px;
	text-align: center;
}

div#menu ul li a {
	padding: 2px 8px;
	color: #f0eee1;
	text-decoration: none;
	border-bottom: none;
}


div#about {
	font-size: 1.3em;
	color: #555;
	padding: 20px 0;
}


div#about p {
	margin: 0;
	padding: 0 40px;
}


div#goodies, div#extras {
	padding-bottom: 40px;
}

div#footer {
	padding-bottom: 75px;
}

body {
	background: #b8db63;
	color: #111;
}

/* extras */

div#extras h2, div#extras h2 a {
	color: #fb7; border-bottom: none;
}

div#extras, div#header {
	background: #45362B;
	color: #f1f2d8;
}

div#extras form#searchform input#s {
	width: 6em;
}

div#extras a:link {
	color: #9de;
	border-bottom: 1px solid #8cd;
}




div#extras a:visited {
	color: #da6;
	border-bottom: 1px solid #b85;
}

div#extras a:hover, div#extras a:focus {
	color: #6d1;
	border-bottom: 1px solid #8f5;
}

div#extras h2 a:link, div#extras h2 a:visited, div#extras h2 a:active {
	color: #fb7; border-width: 0px;
}


p#me {
background: transparent url(http://heyraena.com/css/pola-small.png) top center no-repeat;
padding-top: 138px;
}

* html p#me {
/* i know, i know... */
background-image: none;
padding-top: 0px;
}



/* goodies */

div#goodies {
	background: #fff url('http://heyraena.com/css/images/patt1.gif') top left repeat-x scroll;
	color: #222;
}


div#goodies h2 {
	color: #f84;
}

div#goodies h2.entry-title {
	color: #8a5;
	font-size:2em;margin-top:0.75em;
}

div#goodies .entry-title a:link, div#goodies .entry-title a:visited {
	color: #8a5;
	text-decoration: none;
	border-bottom: none;
}

div#goodies .entry-title a:hover {
	border-bottom: 1px solid #8a5;
}

div#goodies a.more span { position: absolute;
top: -10000px; left: -10000px; }

div#goodies a:active {
	color: red;
}


/* about */

div#about {
	background: #d2ed8f;
	color: #45362B;
}



/* footer */

div#footer {
	text-align: center;
}


/* generically */

.meta-sep { padding: 9px 0; color: #920 }

.when { color: #555; }

#about .when,
#about .when a,
#about .comments-link a {
color: #897a6e;
border-width: 0px
}

#about a:hover {
	border-bottom: 1px solid #8a5;
}




div#about span.comments-link { visibility: hidden; font-size: 80%; }
div#about:hover span.comments-link { visibility: visible }


.when .abbr { border-width: 0px; outline: none; color: #555 }

#nav-above { display: none; }

#nav-below, .entry-meta { padding: 12px 0; font-size: 90%; }

#comments { clear: both; padding-top: 12px; }

.comment-meta { font-size: 90%; }


li.comment {
padding-bottom: 24px;
}



/* tags */

ul.tags { margin: 0;
padding: 0; font-size: 0.9em }

ul.tags li {
  list-style-type: none;
  display: inline;
  margin: 0 0.1em
}

.rank-1  { font-size: 1.75em; }
.rank-2  { font-size: 1.75em; }
.rank-3  { font-size: 1.625em; }
.rank-4  { font-size: 1.5em; }
.rank-5  { font-size: 1.375em; }
.rank-6  { font-size: 1.25em; }
.rank-7  { font-size: 1.125em; }
.rank-8  { font-size: 1em; }
.rank-9  { font-size: 0.95em; }
.rank-10 { font-size: 0.9em; }