/*
Theme Name: PopLog
Theme URI: http://hirnstrom.de/
Description: Custom Theme for pop10live.de/blog
Version: 1.0
Author: Christoph Schuessler
Tags: custom, three columns, widgets
*/


/*//////////////////////////////////////////////////////////////////////////////
// 
// author:  Christoph Schuessler (cs@hirnstrom.de)
//
// Content:
// 
// 2    typography
// 3.1  layout - container
// 3.2  layout - boxes
// 3.3  layout - headings
// 3.4  layout - lists
// 3.5  layout - tables
// 3.6  layout - flash overlay
// 3.7  layout - buttons
// 3.8  layout - elements & classes
// 3.9  layout - forms
// 4    navigation
//  
//////////////////////////////////////////////////////////////////////////////*/


/* 2    typography
------------------------------------------------------------------------------*/


/* 3.1    layout - container
------------------------------------------------------------------------------*/
#header {
    background:     url(http://pop10live.de/assets/gfx/bg-header-ex.png) no-repeat;
    height:         61px;
    position:       relative;
}
#content-blog #sidebar {
    background:     url(http://pop10live.de/assets/gfx/bg-content-base.png) no-repeat right top;
}
#content-blog {
    background:     #fff url(http://pop10live.de/assets/gfx/bg-content-team.png) repeat-y;
}
#content-blog .content-bottom {
    background:     url(http://pop10live.de/assets/gfx/bg-bottom-team.png) no-repeat left bottom;
}
.content-blog {
    padding:        20px;
}
.overlay-heading h2,
.content-small h3,
.content-small p,
.content-small ul {
    margin:         0 0 10px 0;
}
.blog-list-item {
    margin:         0 0 40px 0;
}
.blog-head {
    border:         1px solid #ccc;
    padding:        20px;
    margin:         0 0 20px 0;
    position:       relative;
}
.blog-head p {
    margin:         10px 0 0 0 !important;
    color:          #ccc;      
}
.blog-box {
    background:     url(http://pop10live.de/assets/gfx/bg-dotted.png);
    padding:        20px;
    margin:         0 0 20px 0;
    position:       relative;
}
.blog-box-hover {
    background:     url(http://pop10live.de/assets/gfx/bg-striped.png);
}
.post-date {
    background:     #fff;
    position:       absolute;
    right:          0;
    bottom:         0;
    padding:        2px 10px;
    color:          #696969;
    font-size:      90%;  
}
.blog-tags {
    background:     url(http://pop10live.de/assets/gfx/bg-striped.png);
    padding:        20px;
    margin:         20px 0;
}
.blog-nav {
    background:     url(http://pop10live.de/assets/gfx/bg-striped.png);
    overflow:       hidden;
    width:          100%;
}
.blog-meta {
    font-size:      0.9em;
    color:          #aaa;
}
.blog-meta a {
    color:          #aaa;
    text-decoration: none;
}
.blog-meta a:hover {
    text-decoration: underline;
}
.blog-comments {
    background:     url(http://pop10live.de/assets/gfx/blog-comments.png) no-repeat;
    padding:        20px;
    height:         26px;
    margin:         20px 0;
}
.blog-entry,
.comment {
    font-size:      110%;
}
#comment-list{
    position:       relative;
    margin:         0 0 20px 0;
}
.comment {
    position:       relative;
    left:           -20px;
    margin-right:   -260px;  
    overflow:       hidden;  
    background:     #990000;
}
.comment-content {
    overflow:       hidden;
    margin:         10px;
    background:     #990000 url(http://pop10live.de/assets/gfx/bg-comment.png) repeat-y;
    position:       relative;
}
.comment-body {
    background:     #f8f8f8;
    padding:        10px;
    width:          450px;
    float:          left;
}
.comment-meta {
    padding:        10px;
    width:          170px;
    float:          left;
    margin:         0 0 0 30px;
    color:          #fff;
}
.comment-author,
.comment-author a {
    color:          #fff;
    font-weight:    bold;
}
.comment-count {
    display:        block;
    background:     #990000;
    position:       absolute;
    right:          0;
    top:            0;
    padding:        15px;
    color:          #000;
    font-size:      250%;
    font-weight:    bold;
}
.reveal {
    background:     #fff;
    padding:        4px;
}
.post-author {
    padding:        20px 0 0 0;
}
.author-meta {
    float:          left;
    width:          100px;
    text-align:     right;
    padding:        20px 0 0 0;
    margin:         0 0 10px 0;
}
.author-img {
    padding:        0 0 0 20px;
    float:          right;
    margin:         0 0 10px 0;
}
.author-descr {
    clear:          both;
    line-height:    1.2em;
    padding:        4px 10px;
    background:     #fff;
}
#sidebar .item {
    clear:          both;
    margin-bottom:  50px;
}
.widget_archive .widget-content,
.widget_categories .widget-content {
    padding:        10px;
    background:     #fff;
}
.widget-content ul li a {
    display:        block;
    background:     #fff;
    padding:        5px;
    font-weight:    bold;
    line-height:    1.2em;
    font-size:      110%;
    text-decoration:none;
}
.widget-content ul li a:hover {
    background:     none;
}
.widget-content ul li {
    margin:         0 0 5px 0;
}
.widget_tag_cloud h4 {
    display:        none;
}
.widget-content ul li a.commentlink {
    display:        block;
    background:     none;
    padding:        5px;
    font-weight:    normal;
    font-size:      100%;
    margin:         0 0 15px 0;
}
.widget-content ul li a.commentlink:hover {
    background:     #fff;
}
.widget_tag_cloud a {
    text-decoration:none;
    font-weight:    bold;
    color:          #aaa;
}
.widget_tag_cloud a:hover {
    color:          #000;
}
.quote {
    float:          left;
}
.wp-caption {
    width:          450px !important;
    margin:         0 0 10px 0;
}
.wp-caption-text {
    position:       relative;
    font-size:      90%;
    color:          #999;
    margin:         -5px 0 0 0 !important;
}

/* 3.3    layout - headings
------------------------------------------------------------------------------*/
#h1-blog-1 {
    background:     url(http://pop10live.de/assets/gfx/h1-blog-1.png) no-repeat;
}
.blog-box h2,
.blog-box h3 {
    line-height:    1.4em;
    font-size:      1.6em;
    font-weight:    bold;
}
.blog-box h2 a,
.blog-box h3 a {
    font-weight:    bold;
    text-decoration:none;
    color:          #000;    
}
.blog-box h2 a:hover,
.blog-box h3 a:hover {
    color:          #990000;
    text-decoration:underline   
}
h2#postcomment {
    margin:         0 0 10px 0;
}
h4 {
    margin:         0;
}
h4.widget-title {
    background:     url(http://pop10live.de/assets/gfx/bg-dotted.png);
    padding:        20px 20px 10px 20px;
    margin:         0 0 10px 0;
    
}

/* 3.4    layout - lists
------------------------------------------------------------------------------*/

.content-blog ul,
.content-blog ol {
    margin:         0 0 20px 20px;
    color:          #444;
}
.content-blog ul {
    list-style:     circle;
}
.content-blog ol {
    list-style:     decimal;
}

/* 3.8    layout - elements & classes
------------------------------------------------------------------------------*/
.content-blog p,
.content-blog table {
    margin:         0 0 20px 0;
}
.content-blog strong {
    font-weight:    bold;
}
.content-blog em {
    color:          #444;
    font-style:     italic;
}
.caps {
    text-transform: uppercase;
    color:          #b2b2b2;
}
.important {
    color:          #000;
    font-size:      134%;
    font-weight:    bold;
}
.content-blog blockquote p {
    margin:         0 0 10px 0;
    font-style:     italic;
    color:          #000;
}
.content-blog blockquote {
    width:          200px;
    float:          right;
    font-size:      110%;
    background:     url(http://pop10live.de/assets/gfx/bg-striped.png);
    padding:        10px 10px 0 10px;
    margin:         0 0 10px 10px;
}
.blog-head .dimmed {
    color:          #ccc;
    font-weight:    bold;
}

/* 3.9    layout - forms
------------------------------------------------------------------------------*/
#commentform textarea,
#commentform input.input {
    width:          400px;
    border:         0;
    padding:        5px;
}
#commentform textarea {
    width:          400px;
}
.widget select {
    padding:        5px;
    width:          178px;
    font-weight:    bold;
    font-size:      110%;
    color:          #444;
    border:         1px solid #ccc;
}


/* 4    navigation
------------------------------------------------------------------------------*/

#nav-main li {
    float:          left;
    background:     url(http://pop10live.de/assets/gfx/bg-nav-main-ex.png) no-repeat;
    margin:         10px 10px 0 0;
    overflow:       hidden;
}
#nav-main li a {
    width:          115px;
    padding:        71px 0 0 0;
}
#nav-main li a#nav-shows {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-shows-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-videos {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-videos-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-team {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-team-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-blog {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-blog-ex.png) no-repeat center 34px;
}
.blog-nav a span {
    display:        block;
    padding:        10px;
    margin:         10px;
}
.blog-nav a:hover span {
    background:     #fff;
}
.blog-nav a span#prev {
    float:          left;
}
.blog-nav a span#next {
    float:          right;
}

/* 4    object - eyelid
------------------------------------------------------------------------------*/
.eyelid {
    position:       relative;
    cursor:         pointer;
}
.eyelid-wrap {
    margin:         20px 0 0 0;
    padding:        0 0 10px 0;
    background:     url(http://pop10live.de/assets/gfx/bg-postit-box.png) no-repeat right bottom;
}
.eyelid-button {
    display:        block;
    position:       absolute;
    right:          0;
    bottom:         0;
    width:          26px;
    height:         26px;
    text-indent:    99em;
    background:     url(http://pop10live.de/assets/gfx/eyelid-expand.png) no-repeat left top;
}
.eyelid:hover .eyelid-button {
    background:     url(http://pop10live.de/assets/gfx/eyelid-expand.png) no-repeat right top;
}
.eyelid-shrink {
    background:     url(http://pop10live.de/assets/gfx/eyelid-expand.png) no-repeat left bottom;
}
.eyelid:hover .eyelid-shrink {
    background:     url(http://pop10live.de/assets/gfx/eyelid-expand.png) no-repeat right bottom;
}

/* hide original image */
img.size-full {
    visibility:     hidden;
    position:       absolute;
}