sichtbare Artikel trennung

/*
Theme Name: Braille
Theme URI: martinhipp.com/braille
Description: Braille is a open source, 2 column <a href="themes.php?page=customize" title="Customize Braille">customizable</a> theme for WordPress.
Version: 0.7
Author: <a href="http://martinhipp.com" title="Martin Hipp">Martin Hipp</a> &amp; <a href="http://vernetzt.ws/" title="Ralph Inselsbacher">Ralph Inselsbacher</a>
Author URI:
*/


body {
    background: #eee;
    font-family: Verdana, sans-serif;
    font-size: small;
    margin: 0 0 30px 0;
    text-align: center;
    color: #333;
}


.clear {
    clear: both;
}


.alert {
    color: red;
}


/* Links */


a {
    color: #2277DD;
    text-decoration: none;
}


a:hover {
    text-decoration: underline;
}


/* Begin Headers */


h1, h2, h3 {
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-weight: bold;
}


h1 {
    font-size: 350%;
    padding-top: 35px;
    letter-spacing: -1px;
}


h1, #blog-description {
    text-align: center;
    margin: 0;
}


h1, h1 a, h1 a:hover, #blog-description {
    text-decoration: none;
    color: white;
}


h2 {
    margin: 0;
    font-size: 175%;
    clear: both;
}


h2, h2 a, h2 a:hover {
    color: #383838;
    text-decoration: none;
}


h3 {
    font-size: 140%;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 10px;
}


h3 a, h3 a:hover {
    color: #333;
    text-decoration: none;
}


/* Various Tags & Classes */


code {
    font: 1.1em 'Courier New', Courier, Fixed;
}


acronym, abbr {
    font-size: 0.9em;
    letter-spacing: .07em;
}


small {
    font-size: 90%;
    color: #bbb;
    letter-spacing: -1px;
}


small a {
    color: #777;
}


blockquote {
    font-family: Georgia, serif;
    font-size: 100%;
    color: #777;
    padding: 0 0 0 40px;
    margin: 0 10px;
    background: url('images/quote.gif') no-repeat 0 2px;
}


blockquote blockquote {
    padding: 0 0 0 15px;
    border-left: 5px solid #e8e8e8;
    background: none;
}


a img {
    border: none;
}


.hentry img[align=right] {
    margin: 0 0 0 15px;
}


.hentry img[align=left] {
    margin: 0 15px 0 0;
}


.attachment .hentry img {
    margin: 10px 0 0 0;
}


/* Structure */


#wrapper {
    background: #fff;
    margin: 0 auto;
    width: 760px;
    font-size: 95%;
    text-align: left;
    border: 1px solid #ddd;
    border-top: none;
}


#header {
    background: #3673B7 url('images/header.jpg');
    width: 760px;
    margin: 0;
}


#header #mast {
    height: 135px;
    width: 100%;
    color: #fff;
}


#nav {
    margin: 0;
}


#nav ul, #nav ul li {
    list-style: none;
}


#nav ul {
    padding: .75em 0;
    text-align: center;
    margin: 0;
}


#nav ul li {
    display: inline;
    margin-right: .1em;
}


#nav ul li a {
    background: url('images/opacity.png');
    color: #fff;
    padding: .75em 1em;
    text-decoration: none;
}


#nav ul li.current_page_item a, #nav ul li.current_page_parent a {
    background: #fff;
    color: #333;
}


/*\*//*/
#nav ul li a {
    display: inline-block;
    white-space: nowrap;
    width: 1px;
}


#nav ul {
    padding-bottom: 0;
    margin-bottom: -1px;
}
/**/


/*\*/
* html #nav ul li a {
    background: #333;
    background-image: none;
}
/**/


/* Content */


#main {
    padding: 25px;
}


#content {
    width: 490px;
    float: left;
    line-height: 140%;
}


.hentry {
    text-align: justify;
    margin: 0 0 35px;
}


.navigation {
    margin: 0;
    padding: 0;
}


.single .navigation {
    padding: 0 0 20px;
}


.nav-previous {
    float: left;
}


.nav-next{
    float: right;
}


/* Sidebar */


.sidebar {
    width: 190px;
    font-size: 90%;
    float: right;
}


.sidebar h3 {
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0;
}


.sidebar a {
    text-decoration: none;
}


.sidebar .about-text {
    line-height: 140%;
}


/* Footer */


#footer {
    text-align: center;
    font-size: 95%;
}


#footer small {
    color: #aaa;
}


#footer a {
    font-weight: bold;
    text-decoration: none;
}


/* Lists */


.sidebar ul ul li:before {
    content: "\00BB \0020 \0020";
}


.hentry ul {
    padding: 0 0 0 35px;
}


.hentry ol {
    padding: 0 0 0 40px;
}


.hentry ol li, .hentry ul li {
    margin: 0;
    padding: 0;
}


.sidebar ul, .sidebar ul ol {
    margin: 0;
    padding: 0;
}


.sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    letter-spacing: -1px;
}


.sidebar ul p, .sidebar ul select {
    margin: 5px 0 8px;
}


.sidebar ul ul, .sidebar ul ol {
    margin: 5px 0 0 10px;
}


.sidebar ul ul ul, .sidebar ul ol {
    margin: 0 0 0 10px;
}


ol li, .sidebar ul ol li {
    list-style: decimal outside;
}


.sidebar ul ul li, .sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
}


/* Comments */


ol.commentlist {
    margin:0 0 25px;
    padding:0;
    list-style: none;
}


ol.commentlist li {
    padding:10px 20px;
    overflow:hidden;
    clear:both;
    list-style: none;
}


ol.commentlist li .comment-author img {
    float: left;
    margin: 0 5px 0 0;
}


/*\*/
* html ol.commentlist li .comment-author img {
    float: left;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
}
/**/


ol.commentlist li.alt {
    background: #f8f8f8;
    list-style: none;
}


#comments li.bypostauthor {
    background: #F5FAFE;
    border: 1px solid #A7CCE6;
    border-width: 1px 0;
}


#comments li.bypostauthor small {
    color: #5D94C5;
}


ol.commentlist .comment-info {
    width:130px;
    float:left;
    display:block;
    margin:10px 0;
}


ol.commentlist .comment-info a {
    color: #333;
}


ol.commentlist .comment-info a:hover {
    text-decoration:underline;
}


ol.commentlist .comment-content {
    width:300px;
    float:right;
    display:block;
    text-align: justify;
    margin:0;
}


/*\*/
* html ol.commentlist .comment-content {
    margin:10px 0;
}


* html ol#pingbacks.commentlist li {
    padding: 20px;
    padding-bottom: 1px;
}
/**/


.commentlist ul, .commentlist ol, .commentlist ul li, .commentlist ol li {
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}


/* Comment Form */


#commentform p {
    margin: 5px 0;
}


#commentform label {
    margin: 0 0 0 5px;
}


.required {
    color: red;
}


#commentform p input[type="text"] {
    width: 50%;
}


textarea#comment {
    width: 99%;
}


.form-control {
    float: left;
}


.form-submit {
    float: right;
}

.sidebar ul, .sidebar ul ol {
        background-color: #EFEFEF
    margin: 0;
    padding: 0;
}


.sidebar ul li {
        background-color: #EFEFEF
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    letter-spacing: -1px;
}