/*
Theme Name: pehbehbeh Theme
Theme URI: http://pehbehbeh.de/
Description: The default pehbehbeh theme.
Version: 2.0
Author: pehbehbeh
Author URI: http://pehbehbeh.de/
*/

body {
    background: #fff;
}

p {
    margin-bottom: 12px;
}

table {
    margin: 0;
}

a {
    color: #00f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bolder;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

input, textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/** Header **/
#header {
    background: #fff;
    background: -moz-linear-gradient(top, #ddd, #fff 20px);
    background: -webkit-gradient(linear, 0 0, 0 20px, from(#ddd), to(#fff));
    border-top: 1px solid white;
}

#title {
    color: #000;
    font-size: 64px;
    font-family: "Reenie Beanie", serif;
    font-style: normal;
    font-weight: 700;
    text-shadow: 2px 2px 2px #aaa;
    letter-spacing: -0.05em;
    line-height: 1em;
}
#title:before {
    color: #99f;
    content: "<?";
    padding-right: 6px;
}
#title:after {
    color: #99f;
    content: ";?>";
}
.char {
    color: #00f;
}

#description {
    color: #00f;
    font-style: italic;
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    margin: -10px 0 12px 82px;
}

#socialme {
    float: right;
}
#socialme a {
    border: none;
    margin: 5px;
}


/** Topnav **/
#topnav {
    margin-bottom: 16px;
}
#topnav ul {
    margin: 8px 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}
#topnav li {
    float: left;
    margin-left: 18px;
}
#topnav a {
    display: block;
    padding: 2px 8px 2px 36px;
    border: none;
    font-size: 18px;
    font-weight: bolder;
}
#topnav a.active {
    text-decoration: underline;
}
#topnav a.home {
    background: url("http://pehbehbehde.appspot.com/img/home.png") left no-repeat;
}
#topnav a.blog {
    background: url('http://pehbehbehde.appspot.com/img/blog.png') left no-repeat;
}
#topnav a.projects {
    background: url('http://pehbehbehde.appspot.com/img/projects.png') left no-repeat;
}
#topnav a.contact {
    background: url('http://pehbehbehde.appspot.com/img/contact.png') left no-repeat;
}


/** Footer **/
#footer {
    padding: 12px 0;
    border-top: 1px solid #999;
    background: #fff;
    background: -moz-linear-gradient(top, #ddd, #fff 20px);
    background: -webkit-gradient(linear, 0 0, 0 20px, from(#ddd), to(#fff));
}

#footer h4 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bolder;
}

#footer ul {
    padding-left: 18px;
    list-style: none;
}

#footer a {
    border: none;
}


/** Content **/
#content {
    background: #fff;
    padding: 12px;
    margin-right: 24px;
}


/** Sidebar **/
#sidebar {
    color: #eee;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar ul li ul {
    list-style: none;
    margin: 8px;
}
#sidebar ul li ul li {
    margin: 0;
    padding: 0 4px;
    border-bottom: 1px solid #ccc;
}

#sidebar h4 {
    margin: 0;
    padding: 2px 18px 2px;
    font-size: 22px;
    text-align: right;
    border-bottom: 1px solid #999;
}

#sidebar a {
    font-size: 14px;
    display: block;
}

/** Widgets **/
.widget {
    margin: 0 0 24px 0;
    padding: 0;
    color: #333;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.widget_text {
    background: #fff url("http://pehbehbehde.appspot.com/img/me_big.png")     140px 10px no-repeat;
}
.widget_recent_entries {
    background: #fff url("http://pehbehbehde.appspot.com/img/latest_big.png") 140px 10px no-repeat;
}
.widget_wppp {
    background: #fff url("http://pehbehbehde.appspot.com/img/star_big.png")   140px 10px no-repeat;
}
.widget_linkcloud {
    background: #fff url("http://pehbehbehde.appspot.com/img/world_big.png")  140px 10px no-repeat;
}
.series-related {
    background: #fff url("http://pehbehbehde.appspot.com/img/clasp_big.png")  140px 10px no-repeat;
}

.widget_text h4 {
    background: url("http://pehbehbehde.appspot.com/img/me.png")     4px 0px no-repeat;
}
.widget_recent_entries h4 {
    background: url("http://pehbehbehde.appspot.com/img/latest.png") 4px 0px no-repeat;
}
.widget_wppp h4 {
    background: url("http://pehbehbehde.appspot.com/img/star.png")   4px 0px no-repeat;
}
.widget_linkcloud h4 {
    background: url("http://pehbehbehde.appspot.com/img/world.png")  4px 0px no-repeat;
}
.series-related h4 {
    background: url("http://pehbehbehde.appspot.com/img/clasp.png")  4px 0px no-repeat;
}

#sidebar .widget_linkcloud a {
    display: inline;
}


/** Searchform **/
#searchform {
    float: right;
}

#s {
    font-size: 14px;
    padding: 2px;
    border: 1px solid #999;
}

#s:focus {
    border-color: #000;
}

#searchsubmit {
    width: 32px;
    height: 32px;
    border: none;
    background: url("http://pehbehbehde.appspot.com/img/search.png") center center no-repeat;
    cursor: pointer;
}


/** wp-cation **/
.wp-caption {
    margin-bottom: 12px;
    padding: 10px 0 5px 10px;
    background: #ddd;
    border: 1px solid #aaa;
}
.wp-caption a {
    border: none;
}
.wp-caption-text {
    margin: 0;
}


/** Posts **/
.post {
    margin-bottom: 48px;
}

.single h2,
.single h3,
.single h4 {
    padding-top: 16px;
}

.commentcount {
    float: right;
    width: 48px;
    height: 48px;
    text-align: center;
    background: url("http://pehbehbehde.appspot.com/img/comment.png") no-repeat;
}
.commentcount a {
    display: block;
    height: 48px;
    color: Black;
    font-size: 18px;
    border: none;
    padding-top: 4px;
}

.entry {
    margin-bottom: 22px;
}

.entry p {
    margin-left: 8px;
    margin-right: 8px;
}

.postmetadata {
    margin-bottom: 16px;
}
.postmetadata span {
    font-size: 14px;
    margin-right: 12px;
    padding: 6px 8px 6px 28px;
}
.postmetadata span.time {
    background: url("http://pehbehbehde.appspot.com/img/time.png") left center no-repeat;
}
.postmetadata span.categories {
    background: url("http://pehbehbehde.appspot.com/img/category.png") left center no-repeat;
}

.attachment-post-thumbnail {
    float: left;
    padding: 6px;
    margin: 0 6px 6px 0;
    border: 6px solid #eee;
}

#social {
    height: 80px;
}
#social p {
    padding-top: 8px;
}



/** Comments **/
h3#comments, h3#pings {
    padding: 0 0 4px 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #666;
}

.commentlist {
    padding: 8px;
    list-style: none;
}

.commentlist li {
    margin-bottom: 8px;
}

.commentlist li.alt {
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    background: #eee;
}

.comment-author {
    float: left;
    padding: 6px 2px 2px 8px;
    font-size: 16px;
    font-weight: bolder;
}

.says {
    font-size: 14px;
}

.comment-meta {
    float: right;
    padding: 6px 8px 2px 4px;
    border-bottom: 1px solid #ccc;
}

.comment-edit-link {
    display: none;
}

.comment-meta a {
    color: #aaa;
    border: none;
}

.comment-body {
    padding-bottom: 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.comment-body p {
    clear: both;
    margin: 0;
    padding: 4px 2px 2px 8px;
}

#goto-respond {
    float: right;
    padding: 4px 6px 0 0;
}
#goto-respond a {
    border: none;
}

.nocomments {
    color: #666;
    font-style: italic;
    text-align: center;
}


/** Ping-/Trackbacks **/
li.pingback {
    position: relative;
    padding: 0;
    margin: 0;
}

.pingback .comment-body {
    padding: 0;
    border: none;
    background: none;
}

.pingback .comment-author {
    padding: 0;
    margin-left: 160px;
    font-size: 100%;
}

.pingback .says, .pingback p {
    display: none;
}

.pingback .comment-meta {
    position: absolute;
    padding: 0;
    border: none;
}


/** Commentform **/
#respond {
    margin-top: 28px;
    margin-bottom: 28px;
}
#respond h3 {
    padding: 0 0 4px 8px;
    border-bottom: 1px solid #666;
}

#commentform p {
    margin: 0 0 0 18px;
}
#commentform label {
    float: left;
    width: 100px;
    display: block;
    padding: 6px 0 0 10px;
    font-size: 14px;
}
#commentform input {
    padding: 3px;
    font-size: 14px;
}

#content #commentform .subscribe-to-doi-comments label {
    float: inherit;
    width: inherit;
    padding: inherit;
    font-size: inherit;
    display: inline;
}


/** Paging **/
#paging {
    padding: 0;
    margin: 0 0 20px 0;
    width: 550px;
    height: 30px;
    list-style: none;
}
#paging li {
    float: left;
    height: 30px;
    text-align: center;
}
#paging li.prev, #paging li.next {
    width: 120px;
}
#paging li.pages {
    width: 270px;
    margin: 0 20px;
}
#paging li a {
    display: inline-block;
    margin: 0 5px;
    padding: 4px 12px;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#paging li a:hover {
    padding: 3px 11px;
    background: #fff;
    border: 1px solid #333;
}
#paging li.pages a.active {
    padding: 3px 11px;
    background: #fff;
    border: 1px solid #ccc;
}


/** Plugin: Pimp my Snippet **/
.pms {
    margin: 12px 0;
    overflow: auto;
    background: #eee;
    border: 1px solid #ccc;
}
.pms td {
    padding: 0;
}
.pms .ln {
    min-width: 22px;
    color: #666;
    background: #ccc;
}
.pms pre {
  margin: 0;
  padding: 4px 6px;
}


/** Misc **/
.center {
    text-align: center;
}

h1.pagetitle {
    padding-bottom: 18px;
}

img.wp-smiley {
    margin-bottom: -3px;
}

.widget_linkcloud {
    text-align: center;
}


/** Home Page **/
.home h3 {
    border-bottom: 1px dashed #ccc;
}
.home ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home .blogmeta {
    color: #333;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 24px;
}

.home .latest  {
    margin-bottom: 24px;
}
.home .time {
    color: #999;
}
.home .comments {
    float: right;
    text-align: right;
    padding-right: 20px;
    background: url("http://pehbehbehde.appspot.com/img/comment_small.png") right center no-repeat;
}

.popular .views {
    float: right;
    text-align: right;
    padding-right: 20px;
    background: url("http://pehbehbehde.appspot.com/img/views_small.png") right center no-repeat;
}

#twitter {
    padding: 8px;
}
#twitter h4 {
    font-size: 16px;
    padding: 0 12px 6px 0;
    margin: 4px -8px 18px -8px;
    text-align: right;
    border-bottom: 1px solid #999;
}
#twitter li {
    margin-bottom: 8px;
    border-bottom: 1px solid #ccc;
}
#twitter .tweetmeta {
    display: block;
    color: #999;
    font-style: italic;
    text-align: right;
}
#twitter .info {
    margin: 6px;
    padding: 6px 0;
    background: #ccf;
    border: 2px solid #aaf;
}