/*
Theme Name: MQTT.org
Theme URI: http://mqtt.org/
Description: The MQTT.org wordpress theme. Based on work by David Strugnell and Arthur Barr.
Version: 0.1
Author: Nicholas O'Leary
Author URI: http://knolleary.net


	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body {
	font-family: Verdana, Arial,sans-serif;
	font-size: 10pt;
	margin: auto;
	width:780px;
        line-height: 1.5;
}
h1,h2,h3,h4 {
   font-family: Helvetica;
   color: #333;
   margin:5px 0px 10px 0px;
   padding-top:5px;
}
h1 {
	font-size:30px;
	padding-top:0px;
}
h2 {
	font-weight:bold;
	font-size:18px;
}
h2 a {
   text-decoration: none;
}
h3 {
	font-weight:bold;
	font-size:16px;
}
h4 {
	font-weight:bold;
	font-size:14px;
}
img {
   border: none;
}
#container {
   background-image:url(images/bg.jpg);
   background-repeat:no-repeat;
   margin:auto;
   width: 780px;
}
li {
	margin:0px;
	padding-left:0px;
}
#logo {
	border:0px;
	padding-right:7px;
}
.navlinks {
   top: -10px;
   position: relative;
   margin-left: 5px;
}
.nav {
   margin-left: 13px;
   text-decoration: none;
   font-size: 15px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
}
a.nav:link{
	color:#660066;
}
a.nav:visited{
	color:#660066;
}
a.nav:hover{
	color:#333399;
}
a.nav:active{
	color:#660066;
}
#nav {
   padding-top: 44px;
   padding-left: 31px;
}
#intro {
	padding:90px 10px 10px 10px;
}
#content {
	width:720px;
	padding:0px 12px 5px 10px;
   margin-top: 120px;
	border-right: 0px solid #000000;
}

#content.narrowcolumn {
   margin-top: 120px;
   width: 500px;
   float: left;
  /* border: 1px solid #f00;*/
}

#content h2, 
#news h2 {
	border-bottom: solid 1px #cdcdee;
	margin-bottom: 10px;
}
#news {
	width:335px;
	padding:0px 15px 5px 10px;
	float:right;
}

#articles {
/*	width: 100%;*/
	padding:0px 15px 5px 10px;
}

#articles img {
	border: none;
}

#tags {
	width: 40%;
	float: right;
	padding: 10px;
	border: solid #9999cc 1px;
	margin: 10px;
   background: #fff;
}

#intro img {
	padding: 10px 10px 10px 10px;
	float: left;
}

#projects {
	width: 100%;
	padding:0px 15px 5px 10px;
}

#projects table {
	padding-top: 10px;
	padding-bottom: 15px;
}

tr.a td {
	background-color: #dedeff;
	color: black;
}

tr.b td {
	background-color: #eeeeff;
	color: black;
}

col.name {
	width: 160px;
}

col.desc {
	width: 540px;
}

#downloads table {
	margin: auto;
	padding-bottom: 15px;
}

#downloads col.version {
	width: 80px;
}

#downloads col.date {
	width: 100px;
}

td {
	padding: 3px;
}

a:link{
	color:#333399;
}
a:visited{
	color:#333399;
}
a:hover{
	color:#660066;
}
a:active{
	color:#333399;
}


#links {
	float: right;
	background-color: #eeeeff;
	margin: 10px;
	padding-right: 10px;
}

#links ul {
	text-align: left;
	padding: 10px;
	padding-left: 20px;
/*	padding: 5px 5px 5px 10px;*/
	margin: 5px 5px 5px 5px;
}

hr {
	display: none;
   clear: both;
}
   
.post-date {
   text-align: right;
   font-style: italic;
   float: right;
}

.post {
   padding-left: 20px;
   padding-right: 20px;
}

.post h2 {
   font-weight: normal;
}

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

div.commentlist {
   margin: auto;
   margin-top: 40px;
   margin-bottom: 40px;
   width: 650px;
}
div.commentlist div {
   padding: 5px;
}

div.commentlist div.alt {
   background: #eee;
}

h3#comments {
   color: #333;
}
div.commentlist p {
   margin-left: 20px;
}


.clear {
   clear: both;
}
#sidebar {
   width: 180px;
   float: right;
   position: relative;
   left: 140px;
   top: 150px;
   margin-left: -130px;
   margin-bottom: 200px;
   border-left: 1px solid #cdcdee;

}
#sidebar ul {
   list-style: none;
   margin: auto;
   padding: 5px;
}
#sidebar ul li {

}
.widgettitle {
   font-size: 10pt;
}

#searchform input {
   background: #fff;
   border: solid 1px #cdcdee;
}
#searchsubmit {
   background: #cdcdee;
}

#searchform input#s {
   width: 80px;
}
#searchform  label {
   display: none;
}

h2.pagetitle  {
   font-size: 16px;
   color: #cdcdee;
}

#addcomment {
   margin-top: 10px;
   background: #f6f6f6;
   border: solid 1px #cdcdee;
}
textarea#comment {
   width: 600px;
}
#commentform input, textarea#comment, #searchform #s {
   padding: 2px;
   background: #fff;
   border: solid 1px #cdcdee;
}
#commentform #submit {
   background: #fff;
   border: solid 1px #cdcdee;
}
#footer {
   background: #f0f0f0;
   border-top: solid 1px #cdcdee;
   margin-top: 150px;
   padding: 5px;
   font-size: 8pt;
}

blockquote {
	margin: 15px 10px 10px 30px;
	padding-left: 20px;
	padding-right: 0;
	border-left: 5px solid #ddd;
	border-right: none;
}
pre {
 margin: 10px;
 margin-left: 20px;
 background: #f3f3f3;
 padding: 10px;
}

/* added 04 Feb 2012 to support buttons for e.g. the sticker-o-matic */
/* andyp */

.clickbutton, .clickbutton:visited {
	background: #222 url(images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
.clickbutton:hover							{ background-color: #111; color: #fff; }
.clickbutton:active							{ top: 1px; }
.small.clickbutton, .small.clickbutton:visited 			{ font-size: 11px}
.clickbutton, .clickbutton:visited,
.medium.clickbutton, .medium.clickbutton:visited 		{ font-size: 13px; 
						  font-weight: bold; 
						  line-height: 1; 
						  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
						  }
												  
.large.clickbutton, .large.clickbutton:visited 			{ font-size: 14px; 
							  padding: 8px 14px 9px; }
													  
.super.clickbutton, .super.clickbutton:visited 			{ font-size: 34px; 
							  padding: 8px 14px 9px; }
	
.pink.clickbutton, .button.clickbutton:visited		{ background-color: #722688; }
.pink.clickbutton:hover							{ background-color: #A25FB6; }
.green.clickbutton, .green.clickbutton:visited		{ background-color: #91bd09; }
.green.clickbutton:hover						    { background-color: #749a02; }
.red.clickbutton, .red.clickbutton:visited			{ background-color: #e62727; }
.red.clickbutton:hover							{ background-color: #cf2525; }
.orange.clickbutton, .orange.clickbutton:visited		{ background-color: #ff5c00; }
.orange.clickbutton:hover						{ background-color: #d45500; }
.blue.clickbutton, .blue.clickbutton:visited		    { background-color: #2981e4; }
.blue.clickbutton:hover							{ background-color: #2575cf; }
.yellow.clickbutton, .yellow.clickbutton:visited		{ background-color: #ffb515; }
.yellow.clickbutton:hover						{ background-color: #fc9200; }