* {margin: 0; padding: 0;}
html { overflow-y: scroll;}
html, body {height: 100%; }
body {
  font-size: 80%;
  font-family: Georgia, serif;
  color: #272727;
  background: url(images/body-bg.png) top center repeat-x white; /*-short for techblog*/
}

ul {/*list-style: square inside;*/ }
ol {list-style: decimal inside; }
a {outline: none; text-decoration: none; }
a img {border: none; }
img {vertical-align: middle;}
table {border-collapse: collapse; }

/* UTILITY */

.floatLeft { float: left;}
.floatRight { float: right;}
.alignRight { text-align: right;}
.aligncenter { text-align: center;}
.clear {clear: both;}
.button {
  border: 1px solid #272727;
  background: white;
  padding: 3px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #272727;
}
.button-hover {
  background: #990000;
  color: white;
}

/* STRUCTURE */

#page-wrap {
  width: 960px;
  margin:0px auto -250px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#push {
  height: 250px;
}

#main-col {
  width: 720px;
  float: left;
  margin-right: 20px;
}

#sidebar {
  width: 200px;
  float: right;
}

/* MAIN COL */

#main-col ul{
  /*list-style-type: none;*/
  /*padding-left: 20px;*/
}

.media-item{
  text-align: center;
  padding: 10px;
}

.media-item img{
  padding: 10px;
  margin: 10px;
  background-color: #efefef;
}

.blog-nav li{
  width: 300px;
  display: inline;
  font-size: 1.8em;
  font-weight: normal;
}

/* HEADER */

h1#logo {
  width: 250px; /*122 for techblog, 250 for cibulblog*/
  height: 125px; /*65 for techblog, 125 for cibulblog*/
  background: url(images/cibulon.png) top left no-repeat;
  text-indent: -9999px;
  margin: 15px 10px 8px 0; /*top 0 for techblog, top 15 for cibulblog*/
  /*float: left; /*set for techblog only*/
}

#top-bar {
  padding: 14px 0 30px 0;
  color: gray;
}

/* COMMENTS */

.comment {
  display: block;
  float: left;
  padding: 15px 0;
}

.gray-bg {
  background-color: #eaeaea;
}

.comment-left {
  display: inline;
  float: inherit;
  width: 80px;
  padding: 10px 30px;
}

.comment-right {
  display: inline;
  float: inherit;
  width: 540px;
  padding-right: 20px;
}

#commentform{
  /*padding: 20px;*/
}

#commentform textarea{
  width: 720px;
  margin: 20px 0;
}

#commentform .field-set input{
  padding: 2px;
  display: block;
}
#commentform .field-set label{
  display: block;
  margin-bottom: 5px;
}

#commentform .field-set{
  display: inline;
  float: left;
  padding-right: 20px;
}

#commentform #submit{
  color: #00B7EB;
  background-color: black;
  border-width: 0;
  padding: 10px 30px;
  float: right;
}

/* FOOTER */

#footer {
  height: 250px;
  background: #eaeaea;
  border-top: 20px solid white;
  padding-top: 20px;
}

#footer-inside {
  width: 960px;
  margin: 0 auto;
}

/* SIDEBAR */
#sidebar ul {
  list-style-type: none;
}

#sidebar p, #sidebar li {
 font-size: 1em;
 font-weight: normal;
}

#sidebar h2 {
  font-size: 1.4em;
  font-weight: normal;
}

/* SIDEBAR WIDGETS */

.widget {
  padding: 10px 0;
}

.widget_text p a{
  line-height: 2.8em;
}

.widget_categories{
  line-height: 2.8em;
}

.aktt_tweets ul li{
  line-height: 1.6em;
  padding: 10px 0;
}

/* TYPOGRAPHY */

p, li {
  font-size: 1.2em;
  line-height: 1.8em;
  margin: 0 0 10px 0;
}

.post-info {
  color: #00B7EB;
  font-style: italic;
  background-color: black;
  font-size: 0.9em;
  padding: 2px 5px;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}

.post {
  padding-bottom: 40px;
}

.post p {
  text-align: justify;
}

a {
  color: #00B7EB;
}

a:hover {
  color: black;
}

h1 {
  font-size: 3.2em;
  font-weight: normal;
}

h2 {
  font-size: 2.4em;
  font-weight: normal;
  padding-bottom: 0.2em;
}

h3 {
  font-size: 2.2em;
  font-weight: normal;
  margin: 1em 0 0.6em;
}

ul.sources li {
  color: #999999;
  margin: 0 0 0 20px;
  list-style-type: none;
}

.blockquote {
  background-color: #eaeaea;
  font-style: italic;
  padding: 10px 20px;
}