/*  
Theme Name: 1 Pixel Out
Description: 1 Pixel Out Theme.
Version: 1
Author: Martin Laine
*/

body {
	background:url(images/body-tile.gif);
	margin:0;
	padding:0 0 20px 0;
	border:0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:80%;
	text-align:center;
}

hr { display:none; }

#wrapper {
	position:relative;
	background:url(images/main-background.jpg) center top repeat-y;
	margin:0 auto;
	width:778px;
	text-align:left;
}

/* Header =================================================================== */

#header {
	z-index:2;
	position:absolute;
	top:8px;
	left:0;
	background:url(images/masthead.gif) top right no-repeat;
	height:94px;
	width:778px;
}

#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:right;
	width:274px;
	height:94px;
	text-decoration:none;
}

#tagline {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background:url(images/tagline-background.jpg) left top repeat-y;
	height:80px;
	width:778px;
}

#tagline p {
	margin:0;
	font-size:1em;
	padding:5px 15px;
	color:#A02B17;
	font-weight:bold;
}

/* Column layout ============================================================ */

#main {
	position:relative;
	padding-top:80px;
	width:778px;
}

#content {
	float:left;
	width:778px;
	margin-right:-274px;
}
#content-margin {
	background:#fff;
	margin-right:274px;
	margin-left:20px;
	padding:20px 20px 20px 0;
}

#sidebar {
	float:right;
	width:274px;
	margin-bottom:40px;
}

/* Sidebar ================================================================== */

#sidebar #info {
	margin:0;
	padding:27px 20px 19px 20px;
	background:url(images/sidebar-header-background.jpg) top left repeat-y;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #A02B17;
}
#sidebar #info p { margin:0; }
#sidebar #info a { color:#fefefe; }

#sidebar form {
	margin:0;
	padding:20px;
}
#sidebar form input { width:64px; }
#sidebar form input#s { width:160px; }

#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul ul {
	margin:10px 20px;
}
#sidebar ul ul li {
	padding-left:15px;
	margin:3px 0;
	background:url(images/bullet.gif) 0 5px no-repeat;
}
#sidebar ul ul a {
	text-decoration:none;
	color:#4365EF;
}
#sidebar ul ul a:hover {
	text-decoration:underline;
	color:#A02B17;
}

#sidebar ul ul ul {
	margin:0;
}

#sidebar li h2 {
	background:url(images/sidebar-header-background.jpg) top left repeat-y;
	color:#fff;
	font-size:1.2em;
	padding:4px 20px;
	margin:0;
	border-top:1px solid #A02B17;
	border-bottom:1px solid #A02B17;
}
#sidebar li h2 a {
	display:block;
	height:1%;
	color:#fff;
	text-decoration:none;
}
#sidebar li h2 a:hover { text-decoration:underline; }

#sidebar .feed {
	text-align:center;
	margin:20px 20px 10px 20px;
	padding:10px;
	border:1px solid #A02B17;
}

#sidebar #technorati {
	margin:20px 20px 10px 20px;
	background:#fff;
	padding:10px;
	border:1px solid #ddd;
}
#sidebar #technorati #te_p {
	border:2px solid #ddd;
	padding:0 !important;
	margin-right:10px;
}
#sidebar #technorati p { margin-top:0; }
#sidebar #technorati p#te_lo { margin:0; }
#sidebar #technorati a {
	text-decoration:none;
	color:#4365EF;
}
#sidebar #technorati a:hover {
	text-decoration:underline;
	color:#A02B17;
}

/* Content ================================================================== */

.alignleft { float:left; }
.alignright { float:right; }

img.alignleft { margin:0 5px 10px 0; }
img.alignright { margin:0 0 10px 5px; }

#content { color:#444; }

#content h2 {
	font-size:1.6em;
	letter-spacing:-1px;
	margin-top:0;
	color:#4365EF;
	border-bottom:1px solid #4365EF;
}
#content h2 a {
	text-decoration:none;
	color:#4365EF;
}
#content h3 {
	clear:left;
	color:#A02B17;
	background:#fafafa;
	font-size:1.3em;
	margin:0;
}
#content h3 a {
	text-decoration:none;
	background:#fff;
	display:block;
	height:1%;
}

#content a { color:#4365EF; }
#content a:hover { color:#A02B17; }

#content p.download { margin:2em 0; }
#content p.download a {
	padding:5px 5px 5px 30px;
	background:#f8f8f8 url(images/download-icon.gif) 7px 7px no-repeat;
	border:1px solid #ccc;
	text-decoration:none;
	font-weight:bold;
}
#content p.download a:hover {
	background-color:#eee;
}

#content p.important-notice {
	font-size:1.3em;
	padding:10px;
	border:2px solid #c30;
}

#content dl.codemeta {
	padding:5px;
	border:1px solid #ddd;
	background:#f8f8f8;
	margin:0 0 1em 0;
}

#content dl.codemeta dt {
	color:#999;
	font-weight:bold;
	clear:left;
	float:left;
} html>body #content dl.codemeta dt { margin-right:5px; }
#content dl.codemeta dd {
}

#content p {
	margin:1.5em 0;
	line-height:1.6em;
}

#content li { line-height:1.6em; }

form.paypaldonation {
	margin:0.5em 0 0 1em;
	float:right;
}

table {
	font-size:0.9em;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:1.5em;
}
table td, table th {
	text-align:left;
	padding:5px;
	border:1px solid #ddd;
	vertical-align:top;
}
table th {
	background:#f8f8f8;
}

#content img {
	padding:10px;
	border:1px solid #ddd;
}
#content img.noborder {
	padding:0;
	border:none;
}
#content img.wp-smiley {
	padding:0;
	border:none;
	display:inline;
}

.navigation {
	float:left;
	height:1%;
	font-size:0.9em;
	margin-bottom:10px;
}

.popular {
	border:1px solid #ddd;
	margin-bottom:1em;
}
.popular h2 {
	margin:0;
	background:#fff url(images/star.gif) center right no-repeat;
	padding:0.25em;
}
.popular ul {
	background:#f8f8f8;
	list-style-type:none;
	padding:0.5em;
	margin:0;
}
.popular ul li { margin:0.5em 0; }
.popular ul li a.title {
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}
.popular ul li p {
	margin:2px 0 0 5px !important;
	padding-left:5px;
	border-left:4px solid #ddd;
}
h2.starred {
	background:url(images/star-2.gif) bottom right no-repeat;
}

.postdate {
	float:right;
	padding:3px;
	display:block;
	margin-left:5px;
	color:#888;
	border:1px solid #ccc;
	background:#f8f8f8;
}
.shortdate {
	color:#888;
	font-family:"Lucida Grande", arial, helvetica, sans-serif;
	cursor:default;
	float:right;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	width:47px;
	margin:0 5px;
	padding-top:3px;
	background:url(images/date-top.gif) top left no-repeat;
} html>body .shortdate { text-indent:-2px; }
.shortdate .datemonth {
	display:block;
	width:47px;
	font-size:1.4em;
	margin-top:-2px;
	padding-bottom:2px;
	background:url(images/date-bottom.gif) bottom left no-repeat;
}

.alt {
	padding:5px 10px;
	line-height:1.5em;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

small {
	font-size:0.9em;
	font-family:arial, helvetica, sans-serif;
}

blockquote {
	font-style:italic;
	margin: 1.5em 0;
	padding-left: 10px;
	border-left: 5px solid #ddd;
}

.important { color:#c30; }

code { font-size:1.1em; font-weight:bold; }
pre code { font-weight:normal; }
pre {
	border:1px solid #ddd;

	padding:10px;
	width:442px;
	font-size:1.1em;
	overflow:-moz-scrollbars-horizontal;
	overflow-x:scroll;
}

.postmetadata {
	font-size:0.9em;
	margin-bottom:2.5em !important;
}

.commentlist li {
	font-weight: bold;
	line-height:1.1em;
	margin:5px 0 !important;
}

.commentlist li img.gravatar {
	float:right;
	border:1px solid #eee !important;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist cite a { font-size:1em; }
.commentlist a { text-decoration:none; }

.commentlist .commentmetadata {
	font-weight:normal;
	font-size:0.8em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	text-align:left !important;
}
.commentlist img {
	border:none !important;
	padding:0 !important;
}
.commentlist {
	margin:auto 0;
	padding: 0;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

textarea, input {
	font:1em "Trebuchet MS", arial, helvetica, sans-serif;
}
#commentform input { padding:2px; }
#commentform textarea {
	font:1em "Trebuchet MS", arial, helvetica, sans-serif;
	width:456px;
	padding:2px;
}

dl.codemap { margin:1em 0; }
dl.codemap dt, dd { margin:0; padding:0; }
dl.codemap dt {
	font-size:1.1em;
	font-weight:bold;
}
dl.codemap ul {
	list-style-type:none;
	margin:0;
	padding-left:20px;
}
dl.codemap ul li {
	background:#f8f8f8;
	border:1px solid #ccc;
	margin:5px 0;
}
dl.codemap ul li div {
	background:#fff url(images/bullet.gif) 10px 11px no-repeat;
	border-bottom:1px solid #ccc;
}
dl.codemap ul li div a {
	padding:5px 5px 7px 25px;
	display:block;
	height:1%;
}
dl.codemap p {
	padding:10px;
	margin:0 !important;
	text-align:left !important;
}

/* Footer =================================================================== */

#footer {
	overflow:auto; /* alternative for float:left which breaks the layout */
	height:1%; /* IE6 bug: Prevents weird padding inherited from #main */
	clear:both;
	background:url(images/footer-background.jpg) bottom left no-repeat;
	color:#999;
}
#footer span {
	padding:10px 20px 0 20px;
	width:464px;
	display:block;
	float:left;
	margin-right:-274px;
	border-top:1px solid #ccc;
}
#footer span img {
	display:inline;
	padding-right:5px;
	vertical-align:middle;
}
#footer span a { color:#4365EF; }
#footer span a:hover { color:#A02B17; }

#footer div {
	border-top:1px solid #A02B17;
	float:right;
	color:#fff;
	background:url(images/doryphores-background.jpg) left top no-repeat;
	height:40px;
	width:224px;
	padding:5px 0 5px 50px;
}
#footer div a { color:#fff; }

/* Table of contents */

#toc-container {
	border:1px solid #ddd;
	margin-bottom:1em;
}
#toc-container h3 {
	font-size:1em;
	padding:0.5em;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #ddd;
}
#toc-container .toc {
	padding:0.5em;
	margin:0;
}
#toc {
	position:absolute;
	background:#fafafa;
	border:1px solid #ddd;
	border-width:2px 2px 1px 2px;
}
.toc ul {
	margin:0;
	list-style-type:none;
	padding:0;
}
#toc ul { width:180px; }
.toc ul li { display:inline; }
#toc ul li { float:none; }
.toc ul a { padding-right:5px; }
#toc ul a {
	float:none;
	border-bottom:1px solid #ddd;
	text-align:left !important;
	display:block;
	height:1%;
	padding:2px 4px;
	color:#4365EF;
	text-decoration:none;
}
#toc ul a:hover {
	background:#369;
	color:#fff;
}
.toc-anchor {
	position:relative;
	background-color:transparent !important;
	height:1%;
	display:block;
	float:right;
	padding:2px;
	font-weight:normal;
	font-size:0.8em;
}

#launch-flash-exp {
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:5px;
	cursor:pointer;
}

#flash-exp {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:80px;
	left:0;
}

div.ads {
	margin: 20px 20px 10px;
}