/*
Theme Name: openSUSE - Bento Theme
Theme URI: http://www.opensuse.org
Description: The default WordPress theme of openSUSE.org.
Author: Robert Lihm
Author URI: http://www.opensuse.org
Tags: grey, fixed width, two columns, widgets, multiple sidebars
Version: 1.0

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

*/

/* openSUSE - Bento Theme Style on static.o.o */
@import url('//static.opensuse.org/themes/bento/css/style.css');

/* == local development: ================================================== */
/*@import url('css/style.css'); */
/* ======================================================================== */


/* Bento Theme Wordpress Styles */

.page-navigation {
  margin-bottom: 2em;
}

.post {
  margin-bottom: 4em;
  clear: both;
}

.post:first-child {
  border: none;
}

.post h2:first-child {
  margin-bottom: 3px;
}
.post h3:first-child {
  margin-bottom: 3px;
}
.post h3 a {
  color: #690;
}

#respond h3:first-child,
.entry > p:first-child,
.entry div > p:first-child,
.postmetadata,
#comments {
  border-top: 1px dotted #ccc;
  padding-top: 0.5em;
}
.postmetadata {
  font-size: 0.8em;
  padding-top: 0.2em;
  margin-left: 15px;
  margin-right: 15px;
}
  .postmetadata small {
    margin: 0;
  }

.postmetadata ul {
  margin: 0;
}

.post-navigation {
  overflow: hidden;
  margin-bottom: 2em;
}

.post-navigation a {
  display: inline;
  color: #690;
}

.post h2 a {
  color: #690;
}

#respond {
  
}
#respond h3 {
  margin-bottom: 0;
}
#respond textarea {
  width: 99%;
  border: 1px solid #999;
}
#respond textarea:focus {
  -webkit-box-shadow: 0 1px 3px #999;
  -moz-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999;
  border-color: #690;
}

.comment-meta {
  margin-bottom: 1em;
}

.commentlist {
  list-style-type: none;
  padding: 0;
}

.comment-author {
  float: left;
  font-size: 9px;
  margin-left: 15px;
  text-align: center;
  width: 75px;
}

.comment-author .comment-meta {
  margin-left: 0;
  margin-top: 0.5em;
}
.comment-author img {
  -webkit-box-shadow: 0 1px 3px #999;
  -moz-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999;
  border: 1px solid #690;
  
  margin: 0 auto 0.5em;
  display: block;
}
.comment-author cite {
  font-style: normal;
}
  .comment-author cite:hover {
    font-size: 12px;
  }
  
.comment-meta,
.commentlist p {
  margin-left: 100px;
  margin-top: 0;
}

.comment-meta {
  font-size: 10px;
}

.comment-author img.avatar {}
.cancel-comment-reply {}

.pagetitle {
  color: #666;
  text-shadow: 0 0 2px #999;
}

/* === Generall content spacing === */
.post-navigation,
.widget_tag_cloud div,
.textwidget,
.widget_categories select,
.page-navigation {
  margin-left: 15px;
  margin-right: 15px;
}

  .widget_tag_cloud a:hover,
  .post-navigation a:hover,
  .navigation #wp-calendar td a:hover,
	.page-navigation a:hover {
    background-image: none;
  }
  .widget_tag_cloud a:hover {
    text-shadow: 0 1px 2px #999;
  }

.box-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  margin-top: -15px;
  margin-bottom: 15px!important;
  border-bottom: 1px solid #ddd;
}

#header #searchform input  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  border: 1px solid #2e2e2e;
  color: #999;
  width: 150px;

  margin-top: 5px;
}
  #header #searchform input:focus {
    color: #330;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }

#header #searchform label {
  position: absolute;
  text-indent: 6px;
  font-size: 10px;
  color: #999;
  margin-top: 8px;
  
/*  display: none;*/
}

/* == Sidebar ============================================================= */

.aside ul {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.aside .widget:first-child {
  margin-top: 0;
}

.widget .box ul {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0;
}
.widget li {
  padding-left: 15px;
  padding-right: 15px;
}

.widget td {
  border: none !important;
}

.widget {
/*  margin-bottom: 2em;*/
/*  margin-top: 0.5em !important;*/
}

.widget h3 {
  margin-left: 0;
  margin-right: 0;
}

/*.widget:first-child .box-subheader {*/
.widget .box-subheader {
  /* settings from .box-header */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  -khtml-border-top-right-radius: 5px;
/*  margin-top: -22px;*/ /* place header at top */
  margin-bottom: 15px!important;
  border-bottom: 1px solid #ddd;
  border-top: 0;
}

/* === Calendar === */

table.ec3_schedule,
table.ec3_schedule th,
table.ec3_schedule td {
  border: none !important;
  padding-top: 0.5ex!important;
  padding-bottom: 0.5ex!important;
}

table.ec3_schedule {
  float: none !important;
  margin-left: 1em !important;
  width: 100%;
  border-top: 1px dotted #ccc !important;
  border-bottom: 1px dotted #ccc !important;
}


table.ec3_schedule td {
  color: #666 !important;
}
table.ec3_schedule td[colspan="3"] {
  font-weight: bold;
  text-align: center;
/*  background-color: #f3f3f3;*/
}
table.ec3_schedule td.ec3_start,
table.ec3_schedule td.ec3_end {
/*  font-weight: bold;*/
/*  color: #333!important;*/
}
table.ec3_schedule td.ec3_to {
  color: #999 !important;
}


.widget .box-subheader {
  text-indent: 15px;
}

.widget_calendar td {
  width: 2em;
}

#wp-calendar table {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#wp-calendar caption {
  font-weight: bold;
}

#wp-calendar a {
  color: #690 !important;
}
#wp-calendar a:hover {
   background-image: none;
}


/* ===== */
.entry div table.zeroBorder {
  width: 75% !important;
}

/* === Tag Clude === */

.widget_tag_cloud div {
  overflow: hidden;
}

.widget_tag_cloud a {
  float: left;
  background: none;
  display: inline;
  margin: 3px;
  color: #690;
}

/* === Text Widget === */


/* === Categories === */
.widget_categories {}
.widget_categories select {
  border: 1px solid #999;
  width: 85%;
}
.widget_categories option {}
.widget_categories option:nth-child(even) {background: #eee;}
.widget_categories option:first-child {color: #999;}

/* === Search Page === */


/* == Plugins == */

/* -- Post Highlights -- */

#posthighlights_container {
  /* Set the width to 700px in WP Backend */
  margin-top: -15px;
  margin-bottom: 2em;
  padding: 0!important;
  border-top-right: 5px;
  border-top: 21px solid #111;
  border-bottom: 10px solid #111;
  
  border-top-left: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left: 5px;
  -khtml-border-top-left: 5px;

  border-top-left: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right: 5px;
  -khtml-border-top-right: 5px;
  
}

#posthighlights_container .ph-canvas {}


#search-header {
  text-align: center;
  margin-bottom: 5em;
}

/* Comment Reply Button */
.reply {
  margin-left: 1em;
  clear: both;
  padding: 1em 0;
}

/* Share Links */
.share-links {
  margin: 0.5em 1em 0;
  clear: both;
}

  .share-link {
    float: left;
    margin-right: 0.5em;
  }


/* Playground */

#login-wrapper, #searchform, .share-links {
  display:none;
}