/*  
Theme Name: Restless
Theme URI: http://sparepencil.com/about
Description: Clean, elegant and very extensive template. I got the name from <a href="http://www.last.fm/music/The+Crystal+Method/_/Restless">a song</a> by <a href="http://www.thecrystalmethod.com/">The Crystal Method</a>, which was some of the music I listened to while working on this theme (yes, often until midnight).
Version: 0.5
Author: Bas van Doren
Author URI: http://sparepencil.com/
*/

/*
	== Table of contents ==

	0.0 Generic definitions

	0.1 Top bar

	0.2 Site header

	0.3 Post entry (cover, single and postindex)
		0.3.1 Front page info box
		0.3.2 Single page info box
		0.3.3 Postindex elements
		0.3.4 Archives
		0.3.5 Downloadable

	0.4 Front page content area
		0.4.1 Single page comment area
		0.4.2 Front page sidebar
		0.4.3 Single page sidebar

	0.5 Footer

	(use the search function of your text editor or browser to quickly skip to a section)
*/

/*
	0.0 Generic definitions
*/

/* Reset browser defaults */
@import 'reset.css';

body {
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #16314E;
	background-image: url(images/bg_shade.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}

a {
	color: #679EF1;
	text-decoration: none;
}

a:hover {
	color: #0E4573;
	text-decoration: underline;
}

img {
	vertical-align: middle;
}

img.frame {
	padding: 5px;
	border: 1px solid #16314E;
}

.alignleft {
	text-align: left;
	float: left;
}

.alignright {
	text-align: right;
	float: right;
}

.center {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.caps {
	font-variant: small-caps;
}

.important {
	color: #8C0B0B;
	font-weight: bold;
}

.ppimg {
	margin: 15px 5px;
}

p {
	margin-bottom: 15px;
}

h1 {
	font-size: 230%;
	color: #8C0B0B;
	/*font-weight: bold;*/
}

h2 {
	font-size: 200%;
	color: #8C0B0B;
	/*font-weight: bold;*/
}

h3 {
	font-size: 138%;
	/*font-weight: bold;*/
}

h4 {
	font-size: 115%;
	font-weight: bold;
}

h5, h6 {
	font-size: 108%;
	font-weight: bold;
}

em, cite, q {
	font-style: italic;
}

strong {
	font-weight: bold;
}

del {
	color: #807A74;
	text-decoration: line-through;
}

ins {
	text-decoration: none;/*underline;*/
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

abbr, acronym {
	cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dotted; /* #16314E*/
}

blockquote {
	border: 1px solid #807A74;
	margin: 15px;
	padding: 15px 15px 15px 15px;
	background-image: url(images/quote.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

pre {
	border: 1px solid #807A74;
	margin: 15px;
	padding: 15px 15px 15px 15px;
	background-image: url(images/code.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	overflow: auto;
}

.comment blockquote {
	background-image: url(images/quote_comment.gif);
}

.comment pre {
	background-image: url(images/code_comment.gif);
}

blockquote p {
	margin-top: 15px;
	margin-bottom: 0;
}

ul, ol, dl {
	margin-bottom: 15px;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
	margin-left: 10px;
}

dd {
	margin-left: 20px;
}

li {
	margin-left: 2em;
}

ul li {
	list-style-type: square;
}

ul li li {
	list-style-type: disc;
}

ol li {
	list-style-type: decimal;
}

ol li li {
	list-style-type: lower-roman;
}

/*
	0.1 Top bar
*/

#header {
	width: 784px;
	height: 50px;
	margin: 0 auto;
	color: #fff5e8;
	background-color: #272727;
	font-family: Georgia, serif;
	font-size: 120%;
	position: relative;
}

#pages {
	margin-bottom: 0;
	display: block;
	height: 50px;
}

#pages li {
	list-style-type: none;
	margin: 0;
	display: inline;
	line-height: 50px;
}

#pages li a {
	padding: 5px 15px;
	border-left: 1px solid #16314E;
	text-decoration: none;
	color: #fff5e8;
}

#pages li a:hover {
	border-left: 1px solid #0E4573;
	text-decoration: underline;
	color: #fff5e8;
}

#pages li.first a, #pages li.first a:hover {
	border-left: none;
}

#search {
	display: block;
	height: 30px;
	width: 284px; /* extends, but doesn't matter */
	padding-top: 10px;
	position: absolute;
	top: 0;
	left: 550px;
	overflow: visible;
}

#search input {
	background-image: url(images/input_bg.gif);
	background-position: top right;
	border: 0 solid #000000;
	color: #000000;
	font-family: Georgia, serif;
	font-size: 120%;
	padding: 2.5px;
}

#search button {
	cursor: pointer;
	background: none;
	border: 0 solid #000000;
	color: #FFF5E8;
	font-family: Georgia, serif;
	font-size: 120%;
	padding: 2.5px;
}

/*
	0.2 Site header
*/

#title {
	clear: both;
	width: 784px;
	margin: 0 auto;
}

#title a {
	display: block;
	background-image: url(images/title.gif);
	width: 100%;
	height: 70px;
	line-height: 400px;
	overflow: hidden;
}

/*
	0.3 Post entry (cover and single)
*/

#cover, #single, #postindex {
	clear: both;
	width: 784px;
	margin: 0 auto;
	background-image: url(images/fakecol_light.gif);
}

#cover .entry, #single .entry, #postindex .entry {
	width: 510px;
	padding: 20px;
	float: left;
	background-color: #FFF5E8;
	font-size: 130%;
	overflow: hidden;
}

#single .entry {
	background-image: url(images/wp_mark.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.entry h1 {
	clear: both;
	font-size: 230%;
	font-weight: normal;
	color: #8C0B0B;
}

.entry h1 a, .entry h1 a:hover {
	color: #8C0B0B;
}

.entry img {
	max-width: 510px;
}

.entry img.frame {
	max-width: 498px;
}

.entry .post-meta {
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 5px;
}

.entry .more {
	margin-bottom: 15px;
	background: transparent url(images/more.gif) no-repeat 0 0;
	color: #16314E;
	display: inline;
	float: right;
	height: 24px;
	line-height: 24px;
}

.entry .more span {
	background: transparent url(images/more.gif) no-repeat 100% 0;
	color: #16314E;
	float: left;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}

.entry .more span {
	position: relative;
	right: -12px;
	padding-right: 28px;
}
.entry .more:hover {
	background-position: 0 -24px;
	text-decoration: none;
}
.entry .more:hover span {
	background-position: 100% -24px;
}

.entry .pagination {
	border: 1px solid #807A74;
	margin: 15px;
	padding: 5px;
}

/*
	0.3.1 Front page info box
*/
#info {
	width: 204px;
	padding: 0 15px 20px 15px;
	background-color: #679EF1;
	float: right;
	font-size: 130%;
}

#info .note {
	width: 200px;
	margin: 0 auto 12px auto;
	font-size: 85%;
	color: #16314E;
	background-image: url(images/notebox_slide.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#info .note .slide {
	width: 160px;
	padding: 20px 20px 15px 20px;
	background-image: url(images/notebox_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#info .note p {
	margin: 0;
}

#info a {
	color: #8C0B0B;
	text-decoration: none;
}

#info a:hover {
	color: #8C0B0B;
	text-decoration: underline;
}

#info ul.feeds {
	margin-bottom: 0;
	padding: 0 30px;
}

#info ul.feeds li {
	list-style-type: none;
	margin: 0;
}

#info a.feed {
	padding: 5px 5px 2px 5px;
	display: block;
	width: 134px;
	line-height: 29px;
	color: #16314E;
	text-decoration: none;
}

#info a.feed:hover {
	color: #131417;
	background-color: #1B83D8;
	text-decoration: none;
}

/*
	0.3.2 Single page info box
*/

#info.post-meta {
	padding-top: 20px;
}

#info.post-meta .date {
	font-weight: bold;
	font-size: 115%;
}

#info.post-meta ul.categories {
	margin: 15px 0;
}

#info.post-meta ul.categories li {
	list-style-type: none;
	margin: 0 0 0 20px;
}

/*
	0.3.3 Postindex elements
*/

.postlist li {
	list-style-type: none;
	margin-left: 0;
}

.entry .postnav {
	clear: both;
	text-align: center;
	color: #000000;
	font-weight: bold;
	border: 1px solid #807A74;
	margin: 15px;
	padding: 5px;
}

.post-meta .postnav {
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
}

.postnav a, #info .postnav a {
	color: #16314E;
	text-decoration: none;
}

.postnav a:hover, #info .postnav a:hover {
	color: #8C0B0B;
	text-decoration: none;
}

/*
	0.3.4 Archives
*/

ul.year-archive li {
	list-style-type: none;
	margin-left: 0;
	padding: 5px;
}

ul.year-archive li a, ul.year-archive li a:hover {
	text-decoration: none;
}

ul.year-archive li a strong, ul.year-archive li a:hover strong {
	color: #8C0B0B;
	text-decoration: none;
}

ul.year-archive li a:hover span {
	text-decoration: underline;
}

/*
	0.3.5 Downloadable
*/
.post-meta li.download {
	list-style-type: none;
	margin: 15px 5px;
	padding: 5px;
	border: 1px solid #1B83D8;
	color: #16314E;
	background-color: #8DB6F4;
}

/*
	0.4 Front page content area
*/

#content {
	clear: both;
	width: 784px;
	margin: 0 auto;
	background-image: url(images/fakecol_dark.gif);
	color: #FFF5E8;
}

#content .main {
	width: 510px;
	padding: 20px;
	float: left;
	background-color: #131417;
	font-size: 130%;
}

.column {
	width: 245px;
	float: left;
}

.column.left {
	padding: 0 10px 0 0;
}

.column.right {
	padding: 0 0 0 10px;
}

.main h3 {
	font-size: 138%;
	font-weight: normal;
	text-align: center;
	color: #16314E;
}

.main h3 .item {
	color: #679EF1;
}

.recent-posts {
	margin-bottom: 0;
}

.recent-posts li {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #16314E;
}

.recent-posts li.more, .recent-posts li.more:hover {
	padding: 10px 0 0 20px;
	border-bottom: none;
}

.recent-posts .title {
	display: block;
	padding-left: 20px;
	font-size: 120%;
	font-weight: bold;
}

.recent-posts li:hover {
	border-bottom: 1px solid #0E4573;
}

.recent-comments {
	margin-bottom: 20px;
}

.recent-comments li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

.blogs {
	margin-bottom: 0;
}

.blogs li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

/*
	0.4.1 Single page comment area
*/

.commentpush {
	text-align: center;
	margin-bottom: 15px;
}

.commentpush a {
	color: #FFF5E8;
	text-decoration: underline;
}

.commentpush a:hover {
	color: #679EF1;
	text-decoration: none;
}

#commentlist {
	width: 450px;
	margin: 0 auto 15px auto;
	padding-top: 10px;
	border-top: 1px solid #16314E;
}

#commentlist:hover {
	border-top: 1px solid #0E4573;
}

#commentlist li {
	list-style-type: none;
	margin: 0 0 15px 0;
}

.comment h4.meta {
	color: #000000;
	background-color: #FFAC41;
	padding: 5px;
	font-weight: normal;
	text-align: right;
}

.comment.alt h4.meta {
	background-color: #FFC77F;
}

.comment.alt.highlight h4.meta, .comment.highlight h4.meta {
	background-color: #679EF1;
}

.comment h4.meta cite.author {
	color: #8C0B0B;
	font-size: 115%;
	font-style: normal;
	font-weight: bold;
	float: left;
}

.comment h4.meta cite.author a {
	color: #8C0B0B;
	text-decoration: underline;
}

.comment h4.meta cite.author a:hover {
	color: #8C0B0B;
	text-decoration: none;
}

.comment h4.meta .date, .comment h4.meta .time {
	font-weight: bold;
}

.comment .message {
	padding: 5px;
}

#commentform {
	width: 450px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 1px solid #16314E;
}

#commentform:hover {
	border-top: 1px solid #0E4573;
}

#commentform input, #commentform textarea{
	width: 445px;
	background-image: url(images/input_bg.gif);
	background-position: top right;
	border: 0 solid #000;
	color: #000;
	font-family: Georgia, serif;
	font-size: 120%;
	padding: 2.5px;
}

#commentform .submit {
	text-align: center;
}

#commentform button {
	cursor: pointer;
	background: none;
	border: 0 solid #000;
	color: #fff5e8;
	font-family: Georgia, serif;
	font-size: 120%;
	padding: 2.5px;
}

#commentform div {
	margin-bottom: 15px;
}

#commentform label em {
	color: #807A74;
}

/*
	0.4.2 Front page sidebar
*/
#sidebar {
	width: 204px;
	padding: 20px 15px;
	background-color: #000000;
	float: left;
	font-size: 130%;
}

#sidebar h3 {
	font-size: 138%;
	text-align: center;
	font-weight: normal;
}

.sidenotes {
	margin-bottom: 20px;
}

.sidenotes li {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #16314E;
}

.sidenotes li:hover {
	border-bottom: 1px solid #0E4573;
}

.sidenotes li.more, .sidenotes li.more:hover {
	border: none;
}

.sidenotes a.note {
	text-decoration: none;
	color: #FFF5E8;
}

.sidenotes a.title {
	color: #679EF1;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	font-size: 120%;
	font-weight: bold;
	margin-top: -1.2em;
}

.sidenotes a.title:hover {
	color: #0E4573;
	text-decoration: underline;
}

.sidenotes .date {
	font-weight: bold;
}

.links {
	margin-bottom: 0;
}

.links li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

/*
	0.4.3 Single page sidebar
*/

.linkbacks {
	margin-bottom: 20px;
}

.linkbacks li {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #16314E;
}

.linkbacks li:hover {
	border-bottom: 1px solid #0E4573;
}

.linkbacks .date {
	display: block;
	font-weight: bold;
}

/*
	0.5 Footer
*/

#footer {
	clear: both;
	width: 784px;
	height: 90px;
	margin: 0 auto;
	background-image: url(images/footer_shade.gif);
	color: #FFF5E8;
	position: relative;
}

#footer .notice {
	width: 550px;
	padding: 5px 0;
	text-align: center;
}

#footer .icons {
	width: 200px;
	position: absolute;
	top: 0;
	right: 17px;
}

#footer a.valid.xhtml {
	background-image: url(icons/xhtml_valid_hover.gif);
}

#footer a.valid.css {
	background-image: url(icons/css_valid_hover.gif);
}

#footer a.valid span {
	display: none;
}

#footer a.valid {
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px 5px;
	float: left;
	background-position: top left;
}

#footer a.valid:hover {
	background-position: bottom left;
}