img {
   behavior: url("http://www.viennacityflats.at/christkind/plugin/pngbehavior.htc");
}
.serendipity_comics {
	font-size: 15px;
	font-weight: bold;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    display: block;
}
/* templates/rubyx/style.css  */
/*
** RubyX
** Based on CrystalX by Nuvio (http://www.nuvio.cz/)
** Colorscheme by Ken Dahlin (http://www.kendahlin.com/)
** Serendipity Port by fwaggle (http://www.hungryhacker.com/)
*/

* {
        min-height: 1px;
}

body {
        border: 0;
        margin: 0;
        padding: 0;
        background: #fff1f3 url("templates/rubyx/img/bg.gif") 0 0 repeat-x;
        font: 70%/160% "verdana",sans-serif;
        color: #7f000b;
        text-align: center;
}

a {color:#7f000b;}
a:hover {color:#ff2740;}

p {border:0; margin:15px 0; padding:0;}

div {
        display: block;
        border: 0;
        margin: 0;
        padding: 0;
}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

/*
div#content table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #ffaec0; font-size:100%;}
div#content tr {display:table-row;}
div#content th, td {display: table-cell; border:1px solid #ffaec0; margin:0; padding:5px; vertical-align:top; text-align:left;}
div#content th {background:#ffe5e9; text-align:center; color:#7f000b; font-weight:bold;}
*/

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {
        text-decoration: line-through;
}

strong, .strong {
        font-weight: bold;
}

cite, em, q, var {
        font-style: italic;
}

code, kbd, samp {
        font-family: monospace;
        font-size: 110%;
}

div.clearer {
        clear: both;
}

div#container {
        width: 770px;
        margin: 50px auto 0 auto;
        text-align: left;
}

div#header {
        position: relative;
        width: 770px;
        height: 200px;
        margin: 0;
        padding: 0;
        background:  url("templates/rubyx/img/header.png") 0 0 no-repeat;
        color: #ffffff;
}

div#serendipity_banner h2 {
        font-size:200%; line-height:100%; font-family:Comic Sans MS; font-weight:normal;
        position: absolute;
        top: 145px;
        left: 135px;
        margin: 0;
}

div#serendipity_banner h1 {
        font-size:340%; line-height:100%; font-family:Ver; font-weight:bold;text-decoration:none;
        position: absolute;
        top: 85px;
        left: 135px;
        margin: 0;

}

div#serendipity_banner h1 a {
        color: #ffffff;
        text-decoration: none;
}

div#serendipity_banner h2 a {
        color: #ffffff;
        text-decoration: none;
        font-style:italic;
}

div#serendipity_banner h1 a:hover {
        text-decoration: underline;
}

div#search {
        position: absolute;
        top: 35px;
        right: 20px;
}

div#search form {
        position: relative;
}

span#QuickSearchTermFieldOut {
        position: absolute;
        top: 0;
        right: 45px;
        width: 155px;
        height: 28px;
        margin: 0;
        padding: 0;
        border:0; background:url("templates/rubyx/img/search_input.gif") 0 0 no-repeat;
        font: bold 90%/100% "verdana",sans-serif;
        color: #7f000b;
}

input#QuickSearchTermField {
        width: 140px;
        margin: 5px 8px;
        padding: 3px 0;
        border: 0;
        background: #ffffff;
        font: bold 100%/100% "verdana",sans-serif;
        color: #7f000b;
}

input#search-submit {
        position:absolute;
        top: 0;
        right: 0px;
}

div#search fieldset {
        margin: 0;
        padding: 0;
        border: 0;
        width: 200px;
}

div#search legend {
        display: none;
}

div#nav {
        background: #7f000b;
        margin: 0 5px;
        padding: 10px 0 0 0;
}

div#nav ul {
        margin: 0;
        margin-left: 10px;
        padding: 0;
        list-style: none;
}

div#nav li {
        margin: 0 5px 0 0;
        padding: 0;
        float: left;
}

div#nav a {
        display: block;
        position: relative;
        padding: 7px 15px;
        border: 0;
        background: url("templates/rubyx/img/tab_link.gif") 0 0 repeat-x;
        color: #FFD6E0;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
}

div#nav span.tab-l {
        position: absolute;
        top: 0; left:0; _left:-15px; width:8px; height:8px; background:url("templates/rubyx/img/tab_link_l.gif") 0 0 no-repeat;
}

div#nav span.tab-r {
        position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("templates/rubyx/img/tab_link_r.gif") 100% 0 no-repeat;
}

div#nav a:hover {background:url("templates/rubyx/img/tab_hover.gif") 0 0 repeat-x; color:#FFF;text-decoration:underline;}
div#nav a:hover span.tab-l {background:url("templates/rubyx/img/tab_hover_l.gif") 0 0 no-repeat;}
div#nav a:hover span.tab-r {background:url("templates/rubyx/img/tab_hover_r.gif") 100% 0 no-repeat;}

div#nav li#active a {background:#FFF; color:#FF0000;}
div#nav li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("templates/rubyx/img/tab_active_l.gif") 0 0 no-repeat;}
div#nav li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("templates/rubyx/img/tab_active_r.gif") 100% 0 no-repeat;}

div#main {
        position: relative;
        top: -1px;
        _top: 0;
        width: 770px;
        background: #ffffff url("templates/rubyx/img/bg_page.gif") 0 0 repeat-y;
        border: 0;
}

div#main_in {
        min-height: 1px;
        padding: 10px 0;
        background: url("templates/rubyx/img/bg_page_in.jpg") 0 0 no-repeat;
        _height:1px;
}

div#strip {
}

div#main_in:after, div#main:after, div#content:after, div#strip:after {
        content: ".";
        display: block;
        line-height: 0px;
        font-size: 0px;
        visibility: hidden;
        clear:both;
}

div#left {
        float: left;
        width: 530px;
        margin: 0;
        padding: 0 0 0 20px;
}

div#content {

}

.serendipity_Entry {
        clear: both;
        margin: 0;
        padding: 20px;
        background: url("templates/rubyx/img/content_article_bg.jpg") 0 0 no-repeat;
}

.serendipity_title {
        margin: 0 -20px;
        padding: 10px;
        background: #ffdce1 url("templates/rubyx/img/content_title_bg.gif") 0 0 repeat-y;
        color: #7f000b;
}

.serendipity_title span {
        background: url("templates/rubyx/img/ico_list.gif") 0 50% no-repeat;
        padding-left:25px;
}

.serendipity_Entry_info {
        border-bottom: solid 2px #eeeeee;
        padding-bottom: 5px;
}

.serendipity_Entry span.date, .serendipity_Entry span.cat, .serendipity_Entry span.user, .serendipity_Entry span.comments {
        padding-left:15px;
}

.serendipity_Entry span.date {background:url("templates/rubyx/img/ico_date.gif") 0 50% no-repeat;}
.serendipity_Entry span.cat {background:url("templates/rubyx/img/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
.serendipity_Entry span.user {background:url("templates/rubyx/img/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
.serendipity_Entry span.comments {background:url("templates/rubyx/img/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

.serendipity_Entry p.btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
.serendipity_Entry p.btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("templates/rubyx/img/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
.serendipity_Entry p.btn-more a:hover {background:url("templates/rubyx/img/btn_more.gif") -95px 0 no-repeat;}

div#right {
        float: left;
        width: 200px;
        margin: 0;
        margin-top: 1px;
        _margin-top: 0;
        padding: 0;
        background: #ffc8d4 url("templates/rubyx/img/col_bg.gif") 0 0 repeat-y;
}

div#right a {
        text-decoration: none;
}

div#right td a {
        text-decoration: underline;
}

div#right_in {
        padding: 20px 10px;
        background:url("templates/rubyx/img/col_top.gif") 0 0 no-repeat;
}

.serendipitySideBarTitle {
        padding: 13px 15px 14px 15px;
        margin: 0 -10px 15px -10px;
        background: #ff94ab url("templates/rubyx/img/col_title_bg.gif") 0 0 repeat-y;
        color: #7f000b;
}

div#footer {
        position: relative;
        clear: both;
        width: 770px;
        height: 60px;
        top: -30px;
        _top: 0;
        margin: 0;
        margin-bottom: 10px;
        padding: 0;
        padding-left: 25px;
        background: url("templates/rubyx/img/footer.jpg") 0 0 no-repeat;
        color: #ff3360;
}

div#footer p {
        line-height: 40px;
}

#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("templates/rubyx/img/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("templates/rubyx/img/ico_top.gif") -30px 0 no-repeat;}
/* plugin twitter */
#twitter_update_list {
    list-style: none;
    padding-left: 0;
}
a.twitter_update_time {
    display: block;
    padding-bottom: 5px;
}
