/*
Theme Name: 1024px
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: A light and extremely simple theme with 2 columns. It is based on Andreas' <a href="http://andreasviklund.com/templates/1024px/">1024px CSS template</a>. Updated to support tags, category descriptions, gravatars and more. Validates as XHTML 1.0 Strict. Public domain.
Version: 2.7
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Tags: fixed width, two columns, white, blue, widgets, 1024px, andreas, valid CSS, valid XHTML
*/

/* Body */
body {background:#333 url(background.gif) top center repeat-y; color:#fff; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; padding:20px 0;}
*{margin:0; padding:0;}

/* Links */
a {color:#ff9900; font-weight:normal; text-decoration:none;}
a:hover {text-decoration:underline;color:#fff;}
a img {border:0;}

/* Main wrap */
#wrap {color:#fff; margin:0 auto; width:995px;}
#slogan {color:#fff; font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}
#toplinks {padding:5px 2px 2px 3px; text-align:right;}

/* Headers */
h1 {color:#ff9900; font-size:3.2em; line-height:.8em; letter-spacing:-2px; margin:10px 0 5px 25px;text-align:right;}
h1 a {color:#ff9900;}
h1 a:hover {text-decoration:none;}
h2, table#wp-calendar caption {border-bottom:1px solid #999; text-align:left; font-weight:normal; color:#ff9900; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h3 {border-bottom:1px solid #999; color:#ff9900; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}

/* Sidebar */
#sidebar {float:left; margin:0 0 5px; padding:0; width:220px;border-right:solid; border-color:#999;border-width:1px;}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:10px 10px 15px 10px;}
#sidebar li {list-style:none; margin:0 0 6px;}
#sidebar li a {font-size:1.2em; font-weight:normal; padding:2px;}
#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}

/* Content */
#content {float:right; line-height:1.5em; margin:-2px 0 10px; text-align:left; width:750px;background:transparent;color:#ffffff;}
#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
/*#content img {margin:20px;}*/
#content p {/*margin:0 0 15px 10px;*/
text-align:justify;width:90%;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-bottom:2px solid #999; line-height:1.8em;color:#999;}
#content p.postmeta a{color:#999;}
#content p.postmeta a:hover{color:#ff9900;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}
#content hr {margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;width:50%;}

.contenttext h1 { text-align:left; font-weight:normal; color:#fff; font-size:1.2em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;border-bottom:none;font-weight:normal; text-decoration:underline;}
.contenttext h2 { text-align:left; font-weight:normal; color:#fff; font-size:1.1em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;border-bottom:none;border-top:1px solid #999;font-weight:normal; text-decoration:none; }
.contenttext h3 { text-align:left; font-weight:normal; color:#fff; font-size:1.0em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;border-bottom:none;font-weight:normal; text-decoration:none;}

/* Footer */
#footer {border-top:1px solid #999;border-bottom:1px solid #999; clear:both; color:#808080; font-size:1.1em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right; font-weight:bold;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;color:#fff;}
#footer span, #footer span a {font-weight:normal;}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:700px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#333; color:#fff; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}



/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.post {margin:0 0 15px;}
.textright {/*text-align:right;*/}
.textcenter {/*text-align:center;*/}
.hide {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;margin-top:10px;margin-bottom:10px;}
.alignleft {float:left;margin-right:20px;margin-bottom:10px;}
.alignright {float:right;margin-left:20px;margin-bottom:10px;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#333; padding-top:4px; margin:10px; /*border-radius:3px;*/}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}


.toc {
  border: #ccc solid 1px;
  float: right;
  font-size: .9em;
  margin: 0 0 5px 12px;
  width: 200px;
}

.toc ol {
  margin: 5px;
  padding-left: 10px;
}

.codebox {
margin:4px;
padding:4px; 
border:1px inset; 
width:700px;
max-width:700px; 
max-height:450px; 
overflow:auto;
overflow-x:auto;
overflow-y:visible;
background:#CCC;
font-size:1.1em;
border:1px solid #ff9900;
color:#000;
}

.hubionmac_codebox {
	border: 1px solid rgb(255, 153, 0);
	margin: 4px;
	padding: 4px;
	background: rgb(204, 204, 204) none repeat scroll 0% 0%;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 700px;
	max-width: 700px;
	max-height: 450px;
	overflow-x: auto;
	overflow-y: visible;
	font-size: 1.1em;
	color: rgb(0, 0, 0);
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}

.hubionmac_spalte_normal {
	width: 45%;
	float: left;
	padding-right: 10pt;
	display: inline;
	text-align: justify;
	padding-top:0.5em;
}
.hubionmac_spalte_first {
	width: 45%;
	float: left;
	padding-right: 10pt;
	display: inline;
	text-align: justify;
}
.hubionmac_spalte_first:first-letter {
	color:rgb(255, 153, 0);
	font-size:2em;
}

.contenttext:first-letter {
	color:rgb(255, 153, 0);
	font-size:2em;
}