
* {
  padding:0;
  margin:0;
}

body {
  border:0;    
  width:100%;
  background:#fff;
  min-width:600px;  
  font-size:80%;
  font-family: arial,helvetica,clean,sans-serif;
  line-height:1.5em;
  color: #444;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1.15em; }

pre,code,kbd,samp,tt{
  font-family:monospace;
}

a {
  color:#7F7F7F; 
}

a:hover {
  color:#000; 
}

p {
  margin:0 0 1em 0;
}

li {
  list-style-type:none;
}


input, textarea, option {
  border: 1px solid #999;
}

img {
  border:0;
  margin:0;
  padding:0;
}

blockquote{ 
  margin-left:1em;
  padding-left:1em;
  border-left:2px solid #CCC;
}

pre{
  width:100%;
  padding:1em 0;
  overflow:auto;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}

hr {
  margin: 2em auto 2em auto;
  height: 1px;
  width:80%;
  border:none;
  border-top: #ccc 1px solid;
  color: #ccc;
  background: #ccc;
}

/* Classes */

.clearfix:after{ 
  content:"."; 
  display:block; 
  height:0; 
  clear: both; 
  visibility:hidden; 
} 
.clearfix { display: inline-block; } 
.clearfix { display: block; }
/* For MAC-IE \*//*/ 
.clearfix { overflow: hidden; } 
/* */

.borderdraw {
  line-height:0px;
  width:0px;
  height:0px;
  border-style:solid;
}

.error {
  font-weight: bold;
  color: #eee;
  background: #999;
  margin: 2em;
  padding:1em;
  width : 60%;
}

strong.wrong {
  color: #ff0000;
}

p.more {
  font-size: 1em;
  text-align: right;
  padding-right: 5em;
}

span.smallinfo {
  font-size: 0.75em;
  color: #ccc;
}

span.smallinfo a {
  text-decoration: none;
}

a.external {
  background-image: url(/static/images/default/icons/external.gif);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-right:15px;
}

p.note {
  padding: 1em;
  border :solid 1px #ccc;
  background: #f3f3f3;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

p.note span.title {
  margin-bottom: 1em;
  font-weight: bold;
  display: block;
  background-image: url(/static/images/default/icons/document.gif);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left:15px;
}

input.set-default, textarea.set-default {
  color: #ccc;
}

/* Pygments */
div.hightlight {
  margin: 1em;
  border: 1px solid #ccc;
  background: #f9f9f9;
}

div.hightlight span.lang {
  display : block;
  padding: 0.5em;
  text-align: right;
}

div.hightlight ol li,
div.hentry div.entry-content ul li div.hightlight ol li
{
  list-style-type:decimal;
  margin-left: 4em;
  font-family:monospace;
  white-space: pre-wrap;
}

div.hightlight ol li.odd,
div.hentry div.entry-content ul li div.hightlight ol li.odd
{
  color:#6A6A8B;
}

div.hightlight ol li.even,
div.hentry div.entry-content ul li div.hightlight ol li.even
{
  color:#16536A;
}

/* Header */
#header {
  padding:1em 0 1em 0;
}

#header h1,
#header h2 {
  border-right:1px solid #7F7F7F;
  font-size:2em;
  font-weight: normal;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.25em 0.5em;
  border-right:1px solid #808080;
  float:left;
  line-height:1.25em;
}

#header a {
  color : #444;
  text-decoration:none;
}

#header p {
  padding:1em 0em 0em 0em;
  margin:0em;
  line-height:1em;
  font-size: 1em;
}
/* 'widths' sub menu */
#layoutdims {
  clear:both;
  background:#eee;
  border-top:4px solid #444;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}

/* column container */
.container {
  background:#fff;  /* page background colour */
  position:relative;  /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;    /* width of whole page */
  overflow:hidden;  /* This chops off any overhanging divs */
}
.col1 {
  width:80%;    /* page width minus left and right padding */
  left:10%;    /* page left padding */
  float:left;
  position:relative;
  padding:1em;
  overflow:hidden;
}
/* Footer */
#footer {
  clear:both;
  float:left;
  text-align:right;
  width:80%;
  border-top:1px double #d3d3d3;
  background:#e3e3e3;
}

/* Other */
div.clear {
  clear: both;
}

/* Entry */

div.hentry h2 {
  border-bottom: 1px dotted #999;
  font-size: 1.5em;
  line-height: 2em;
  margin-bottom: 1em;
}

div.hentry h2 a {
  color: #000;
  text-decoration: none;
}

div.hentry h2 a:hover {
  color: #000;
  text-decoration: none;
}

div.hentry div.entry-content {
  border-bottom: 1px solid #999;
}

div.hentry div.entry-content h1,
div.hentry div.entry-content h2,
div.hentry div.entry-content h3,
div.hentry div.entry-content h4,
div.hentry div.entry-content h5,
div.hentry div.entry-content h6{
  color:#000; 
  background:url(/static/images/default/bg-slash-ccc.gif);
  border: none;
  padding: 0.5em 1em 0.5em;
  margin:1em 0 0.5em 0;
  font-weight : normal;
}

div.hentry div.entry-content ul{
  margin:0.5em 0 2em 0;
}

div.hentry div.entry-content ul ul{
  margin:0.5em 0 0.5em 0;
}

div.hentry div.entry-content ul ul ul{
  margin:0.5em 0 0.5em 0;
}

div.hentry div.entry-content ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

div.hentry abbr.updated
{
  display:none;
}


div.hentry dl.entry-metadata {
  float: right;
  font-size: 0.8em;
  margin: 0.5em 0em 2em 0em;
}

div.hentry dl.entry-metadata ul,
div.hentry dl.entry-metadata ul li
{
  float: left;
  margin-left:0em;
  padding-left: 0.5em;
}
div.hentry dl.entry-metadata dt {
  float: left;
  padding-left:0.5em;
}

div.hentry dl.entry-metadata dd{
  float: left;
  padding-right:0.5em;
  margin-left: 0em;
  padding-left: 0.5em;
  border-right: 1px solid #999;
}

div.hentry div.entry-related {
  clear: both;
}

div.hentry div.entry-related h4{
  background:none;
  padding: 0;
  margin:2em 0 0 0;
}

div.hentry div.entry-related ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
  font-size: 0.8em;
}

/* Comments */
#comments {
  border-top: 1px solid #ddd;
  background:#F3F3F3;
}

#comment_head h1 {
  float :left;
  margin-right: 1em;
}

#comment_head span.smallinfo {
  border-left: 1px solid #ccc;
  padding-left: 1em;
}

#comment_head ul.sbm-counter li {
  float :left;
}

#comment_head ul.sbm-counter li span {
  font-size: 0.9em;
  padding: 0 0.5em 0 0.25em;
}

#comment_form {
  clear: both;
  margin-top: 5em;
}

#comment_form h2 {
  font-size: 1.15em; 
}

#comment_form table {
  border: 0px;
}


#comment_form td {
  padding: 0.5em;
}

#comment_body li{
  list-style-type:none;
  margin:1em 0;
}

#comments cite{
  float:left;
  width:31%;
  font-style:normal;
  text-align:right;
}

#comments cite span{
  display: block;
}

#comments .content{
  float:left;
  width:60%;
  margin-left:1.9%;
  border-left:1px solid #868686;
  padding: 0 0 0 2%;
}

/* Widget */
#widgets {
  border-top: 1px solid #ccc;
  background:#e3e3e3;
}

div.widget-group {
  float: left;
  width: 28%;
  margin: 0em 3% 3% 2%;
  background:#e3e3e3;
}

div.widget {
  margin:0em 0.5em 3em 0em;
  background:#e3e3e3;
}

div.widget h3 {
  margin-top: 1em;
}

div.widget ul {
}

div.widget li {
  margin: 0em;
  padding: 0.5em;
  border-bottom :1px solid #a3a3a3;
}

/* Pagination */
#pagination {
  padding: 1px;
}

#pagination li{
  border:0; 
  padding:0;
  margin-right:2px;
  font-size:0.75em;
  list-style:none;
  float:left;
  display:inline;
}

#pagination a{
  border:solid 1px #ccc;
  display:block;
  margin: 1px;
}

#pagination .previous-off,
#pagination .next-off {
  color:#666;
  display:block;
  font-weight:bold;
  padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
  font-weight:bold;
  display:block;
  border:solid 1px #ccc;
}

#pagination .active{
  color:#333;
  font-weight:bold;
  padding:4px 6px 6px;
  display:block;
}

#pagination a:link,
#pagination a:visited {
  padding:3px 6px;
  display:block;
  text-decoration:none;
}

#pagination a:hover {
  display:block;
  border:solid 1px #666;
}
