/*  
 *  Theme Name: Arkanoid
 *  Theme URI: http://www.bimberstube.de/link-to-release-post
 *  Description: An homage to Arkanoid (<a href="http://en.wikipedia.org/wiki/Arkanoid">See the Arkanoid page at Wikipedia</a>).<br/>Please mind that the header image is created by hand, so you have to make one for yourself.
 *  Version: 1.0
 *  Author: Roland Kübert
 *  Author URI: Same link as theme URI
 *
 *  The CSS, XHTML and design is released under the BSD license:
 *  http://www.opensource.org/licenses/bsd-license.php
 */
body, html {
	margin:0;
	padding:0;
	background:black;
	color: #e6e6e6;
}
body {
	font-size: 62.5%;
	font-family: Verdana, Sans-Serif;
	min-width:750px;
	
}
#wrap {
	background: url('images/kubrickbg-ltr2.png') repeat-y;
	margin:0 auto;
	width:780px;
}
#header {
	margin:0 auto;
	width:780px;
	background: url('images/logo_small.png') no-repeat;
	height:200px;
}
#header h1 {
	padding:5px;
	margin:0;
	}
#nav {
	padding:5px;
}
	#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#nav li{
	display:inline;
	margin:0;
	padding:0;
}
#main {
	font-size: 1.2em;
	float:left;
	width:500px;
}
#main .post, #main .navigation {
	padding: 0 30px;
}
#main .postmetadata {
	font-size:small;
}
#main-single {
	font-size: 1.2em;
	float:left;
	width:700px;
}
#main-single .post, #main-single .navigation {
	padding: 0 30px;
}
#main-single .postmetadata {
	font-size:small;
}
#sidebar {
	float:right;
	width:240px;
	font: 1em;
	margin-right:10px;
}
#sidebar h2 {
	font-size:small;
}
#sidebar ul {
	margin-bottom:0;
	list-style-image:url('images/triangle.png');
}
#sidebar ul li ul {
	margin-left: 5px;
	padding-left: 5px;
	list-style-image:url('images/icecream.png');
}
#sidebar h3, #sidebar p {
	padding:0 10px 0 0;
}
#wrap_footer { /** Wrap footer is located beneath the main and sidebar colums and closes both. */
	margin-left:300px;
	padding:30px;
	clear:both;
}
#footer { /** Footer located all the way below the content, may span the whole page. */
	text-align:center;
	font-size:x-small;
}
#footer p {
	padding:5px;
	margin:0;
}
#box { /* Design element displaying a graphic on the top right. */
	position:absolute;
	position:absolute; top:200px; left:auto; right:100px; bottom:auto;
}


/**
 * Link decoration.
 */
a:link {
	color:#cc0000;
	text-decoration:none;
}
a:visited {
	color:#8b0000;
	text-decoration:none;
}
a:hover {
	color:#cc0000;text-decoration:underline;
}
/**
 * Form colors.
 */
textarea, input {
 	background-color:grey;
 	border-color: darkgrey;
}

/**
 * Images
 *
 */
img {
	border:none;
}

/**
 * Caption
 */
.wp-caption-text {
	font-style: italic;
}


/* start of ol code block style */

ol.code {
         margin: 2.5em 2em;
         padding: 0em;
         border: solid 1px #2b91af;
         font-family: "Courier New" , Courier, serif;
         font-weight: bold;
         color: #2b91af;
         background: #eee;
         line-height: 115%;
         overflow: auto; }

      ol.code pre {
         margin: 0em;
         padding: 0.3em 0.5em;
         border-left: solid 1px #2b91af;
         font-size: 115%;
         color: #000;
         background: #eee;
         width: auto; }

      ol.code li {
         margin: 0em 0em 0em 5em;
      /* end of ol code block style */
}

/** Blockquote **/
blockquote {
	margin:22px 40px;
	padding: 0 50px;
	background: transparent url("/blockquote.gif") no-repeat 0 0;
}