html, body {
height: 100%;
}

body {
font-family: arial, verdana, sans-serif;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
color: #ccc;
background: #333;
margin: 0;
padding: 0;
}

#wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
}

#head {
width: 100%;
height: 350px;
background: transparent url(../pics/bg_head.png) repeat-x;
margin: 0;
padding: 0;
}

#delta {
position: relative;
top: 0px;
width: 900px;
height: 300px;
margin-right: auto;
margin-left: auto;
padding: 0px 30px 0px 30px;
z-index: 2;
}

#schnauzer {
position: absolute;
right: 112px;
top: 211px;
padding: 0;
z-index: 3;
float: right;
width: auto;
height: auto;
}

#talking_parrot {
position: absolute;
top: 70px;
left: -5px;
width: 284px;
height: 52px;
background: transparent url(../pics/bg-talking-parrot-bubble.png) no-repeat top left;
}

#logo {
position: absolute;
top: 40px;
left: 30px;
float: left;
margin: 0;
padding: 0;
width: auto;
height: auto;
}

#deltacity {
position: absolute;
float: right;
right: 0px;
top: 50px;
height: 225px;
width: auto;
height: auto;
}

#subnavi {
z-index: 99;
position: relative;
top: 0px;
float: right;
text-align: center;
width: 400px;
height: 71px;
padding: 0;
background: url(../pics/bg_subnavi.png) no-repeat top;
}

#universe {
position: absolute;
top: 0px;
width: 100%;
height: 275px;
z-index: 1;
color: #00ccff;
background: url(../pics/stars.png) repeat-x;
}

#content_wrapper {
position: relative;
top: 0px;
float: left;
margin: 0px;
padding: 50px 0px 60px 0px;
width: 100%;
min-height: 300px;
background: url(../pics/bg_content.png) repeat-x;
}

#content,
#modules {
position: relative;
top: 0px;
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px;
}

#taskbar {
position: relative;
top: 0px;
width: 100%;
height: 30px;
line-height: 25px;
z-index: 5;
background: transparent url(../pics/bg_breadcrumb.png) repeat-x top;
}

#taskbarwrapper {
width: 960px;
line-height: 25px;
margin-right: auto;
margin-left: auto;
}

#breadcrumb {
width: 900px;
}

#rss {
z-index: 6;
position: absolute;
top: 360px;
right: 60px;
width: 60px;
}

#followmebutton {
z-index: 7;
position: absolute;
top: 360px;
right: 15px;
width: 44px;
}

#article_container {
position: relative;
top: 0px;
float: left;
width: 645px;
}

#articles,
#blogarticles {
position: relative;
top: 0px;
width: 645px;
float: left;
}


#articles .article,
#blogarticles .article {
position: relative;
top: 0px;
width: 100%;
float: left;
padding: 0px 0px 90px 40px;
background: transparent url(../pics/bg_articles.png) repeat-y 0px;
}

#articles .search {
float: left;
width: 100%;
height: 25px;
background: url(../pics/bg_articles_head.png) no-repeat top;
}

#articles .footer {
float: left;
width: 100%;
height: 45px;
background: url(../pics/bg_articles_footer.png) no-repeat bottom;
}

.long {
width: 570px;
height: auto;
}

.articleinfo li {
margin: 0px;
padding: 3px 0px 3px 0px;
display: block;
float: left;
width: auto;
height: auto;
}


#blogarticles .search {
float: left;
width: 100%;
height: 25px;
background: url(../pics/bg_articles_head.png) no-repeat top;
}

#blogarticles .headblogarticles {
float: left;
width: 100%;
height: 120px;
background: url(../pics/bg_blogarticles_head_adsense.png) no-repeat top;
}

#blogarticles .headadsense {
float: left;
width: 470px;
height: 60px;
padding: 34px 0px 0px 40px;
}

#blogarticles .footer {
float: left;
width: 100%;
height: 45px;
background: url(../pics/bg_articles_footer.png) no-repeat bottom;
}

.teaser,
.short {
}

.entry {
position: relative;
top: 0px;
width: 100%;
height: auto;
float: left;
padding: 0px 0px 90px 40px;
background: transparent url(../pics/bg_articles.png) repeat-y 0px;
}

#blogarticles .blogarticle {
position: relative;
top: 0px;
width: 100%;
float: left;
padding: 0px 0px 90px 40px;
background: transparent url(../pics/bg_articles.png) repeat-y 0px;
}

#subcontent {
right: 0px;
float: right;
width: 245px;
margin: 0px;
padding: 15px 0px 0px 0px;
}

.wanted {
position: relative;
top: 0px;
left: 0px;
width: 209px;
height: 190px;
float: left;
margin: 30px 0px 30px 0px;
padding: 0px;
background: url(../pics/bg_wanted.png) no-repeat top left;
}

.wanted h3 {
display: block;
top: 0px;
width: auto;
margin: 0px;
padding: 85px 0px 0px 0px;
font-family: georgia, times, sans-serif;
text-align: center;
font-weight: normal;
}

.wanted a {
color: #999;
}

.stickers {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px;
float: left;
}

.stickers li {
font-size: 13px;
margin: 0px;
padding: 0px;
}

.stickers a {
text-decoration: none;
margin: 0px;
padding: 0px;
}


.fav {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px;
float: left;
}

.fav li {
display: inline;
margin: 0px;
padding: 0px;
}

.fav a {
display: block;
float: left;
width: auto;
height: auto;
text-decoration: none;
margin: 0px;
background: #444;
padding: 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}


.links {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
float: left;
font-size: 13px;
}

.links li {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.links a {
text-decoration: none;
margin: 0px;
padding: 0px;
}

.buttons {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px;
float: left;
}

.buttons li {
float: left;
height: 20px;
width: auto;
display: inline;
margin: 0px;
padding: 6px 5px 1px 5px;
border-top: 1px solid #666;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #666;
background: #333;
}

.buttons a {
margin: 0px;
padding: 0px;
}


.ads {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 30px 0px;
}

.stats {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 30px 0px;
}


.price {
display: block;
float: left;
width: 80px;
height: 47px;
line-height: 47px;
font-size: 16px;
text-align: center;
margin: 15px 30px 0px 30px;
padding: 12px;
color: #fff;
background: url(../pics/price.gif) no-repeat center;
}

.price a {
color: #fff;
}

p.viabox {
float: left;
width: auto;
height: 20px;
margin: 9px;
padding: 0px;
}

p.viabox a {
color: #999;
}

p.viabox a:hover {
color: #ccc;
}

p.viabox span.via {
float: left;
font-size: 12px;
line-height: 20px;
height: 20px;
width: auto;
margin: 0px;
padding: 0px 3px 0px 3px;
color: #ccc;
background: #454545;
color: #999;
}

p.viabox span.left {
float: left;
height: 20px;
width: 10px;
margin: 0px;
padding: 0px;
background: url(../pics/bg_via_left.png) no-repeat top center;
}

p.viabox span.right {
float: left;
height: 20px;
width: 10px;
margin: 0px;
padding: 0px;
background: url(../pics/bg_via_right.png) no-repeat top center;
}

#footer {
position: relative;
top: 0px;
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
float: left;
font-size: 12px;
color: #999;
background:#2b2b2b url(../pics/bg_footer.gif) repeat top;
}

#footer-wrapper {
margin-left: auto;
margin-right: auto;
width: 960px;
padding: 0px;
}

#footer .top {
position: relative;
top: 0px;
width: auto;
height: 45px;
text-align: right;
background: url(../pics/bg_footer_shadow.png) repeat-x top;
}

#footer a.jumptotop {
display: block;
height: 54px;
width: 73px;
color: #ccff00;
position: relative;
top: -33px;
right: 12px;
float: right;
text-decoration: underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
background: url(../pics/top.png) no-repeat top;
}

hr {
margin: 0;
padding: 0;
width: 100%;
color: #333;
background: #666;
}


img {
border: none;
}

object {
background:transparent;
}

a {
color: #ccc;
}

h1,h3,h4,h5,h6 {
color: #ccc;
margin: 0;
padding: 0 0 0.75em 0;
}

h1 {
font-size: 21px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 15px;
}

h4, h5, h6 {
color: #999;
font-size: 15px;
}

p {
margin: 0;
padding: 0 0 1.2em 0;
}

strong {
color: #999;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

li {
margin: 0;
padding: 0;
}

.on {
color: #ff0066;
background: transparent;
}

.redmarker {
color: #ffccff;
background: #ff0033;
padding: 2px;
}

.greenmarker {
color: #ccff00;
background: #336600;
padding: 2px;
}

.marker {
color: #fff;
background: #444;
padding: 2px 3px 2px 3px;
margin: 0px 1px 0px 0px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

ul#ticker {
position: relative;
top: 11px;
left: 12px;
float: left;
width: 400px;
height: auto;
background: transparent !important;
}

ul#ticker li {
float: left;
display: inline;
height: 30px;
width: 400px;
background: none;
}

ul#ticker a {
font-size: 16px;
font-weight: bold;
color: #fff;
background: none;
text-decoration: none;
}

#categories h3,
#blognavi h3,
.fav h3,
.links h3,
.stickers h3,
.buttons h3 {
font-size: 13px;
line-height: 18px;
margin: 0px 0px 12px 0px;
padding: 0px 0px 3px 0px;
background: url(../pics/line.png) no-repeat bottom left;
}

#mainavi {
font-size: 14px;
position: relative;
top: 0px;
width: 100%;
float: left;
margin: 0px 0px 21px 0px;
padding: 0px;
}

#mainavi li {
line-height: 25px;
display: block;
width: 100%;
margin: 0px;
padding: 0px;
}

#mainavi a {
text-decoration: none;
position: relative;
top: 0px;
display: block;
height: 25px;
line-height: 25px;
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 30px;
}

#mainavi a.home_on:link,
#mainavi a.home_on:active,
#mainavi a.home_on:visited,
#mainavi a.home_on:hover {
color: #fff;
background: url(../pics/bu_home_on.png) no-repeat left center;
}
#mainavi a.home_off:link,
#mainavi a.home_off:active,
#mainavi a.home_off:visited {
background: url(../pics/bu_home_off.png) no-repeat left center;
}
#mainavi a.home_off:hover {
color: #fff;
background: url(../pics/bu_home_off_over.png) no-repeat left center;
}

#mainavi a.submit_on:link,
#mainavi a.submit_on:active,
#mainavi a.submit_on:visited,
#mainavi a.submit_on:hover {
color: #fff;
background: url(../pics/bu_submit_on.png) no-repeat left center;
}
#mainavi a.submit_off:link,
#mainavi a.submit_off:active,
#mainavi a.submit_off:visited {
background: url(../pics/bu_submit_off.png) no-repeat left center;
}
#mainavi a.submit_off:hover {
color: #fff;
background: url(../pics/bu_submit_off_over.png) no-repeat left center;
}

#mainavi a.lucky_on:link,
#mainavi a.lucky_on:active,
#mainavi a.lucky_on:visited,
#mainavi a.lucky_on:hover {
color: #fff;
background: url(../pics/bu_lucky_on.png) no-repeat left center;
}
#mainavi a.lucky_off:link,
#mainavi a.lucky_off:active,
#mainavi a.lucky_off:visited {
background: url(../pics/bu_lucky_off.png) no-repeat left center;
}
#mainavi a.lucky_off:hover {
color: #fff;
background: url(../pics/bu_lucky_over.png) no-repeat left center;
}


#categories {
font-size: 13px;
position: relative;
top: 0px;
width: 100%;
float: left;
margin: 0px 0px 18px 0px;
padding: 0px;
}

#categories li {
display: block;
width: 100%;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#categories a {
text-decoration: none;
position: relative;
top: 0px;
display: block;
float: left;
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 23px;
}

#categories a.on:link,
#categories a.on:active,
#categories a.on:visited {
color: #fff;
background: transparent url(../pics/bu_cat_on.png) no-repeat 0px 0px;
}
#categories a.on:hover {
color: #fff;
}

#categories a.off:link,
#categories a.off:active,
#categories a.off:visited {
background: transparent url(../pics/bu_cat_off.png) no-repeat 0px 0px;
}
#categories a.off:hover {
color: #fff;
background: transparent url(../pics/bu_cat_on.png) no-repeat 0px 0px;
}

#categories .counter {
display: block;
height: 14px;
width: auto;
float: left;
font-size: 12px;
line-height: 14px;
margin: 3px 0px 0px 0px;
padding: 1px 5px 0px 5px;
color: #999;
background: #555;
}

#categories .counterleft {
display: block;
height: 19px;
width: auto;
float: left;
margin: 3px 0px 0px 21px;
padding: 0px 0px 0px 3px;
background: url(../pics/bg_counter_left.png) no-repeat 0px 0px;
}

#categories .counteright {
display: block;
height: 19px;
width: auto;
float: left;
margin: 3px 5px 0px 0px;
padding: 0px 4px 0px 0px;
background: url(../pics/bg_counter_right.png) no-repeat 0px 0px;
}

#navi ul {
float: left;
height: auto;
width: auto;
}

#navi li {
display: inline;
margin: 0;
padding: 0;
}

#subnavi ul {
z-index: 100;
position: relative;
top: 3px;
width: 100%;
height: 70px;
line-height: 17px;
}

#subnavi li {
text-align: center;
font-size: 13px;
display: inline;
margin: 0px;
padding: 0px;
}

#subnavi a {
line-height: 17px;
text-align: center;
color: #ccffff;
margin: 0px;
padding: 0px 5px 0px 5px;
text-decoration: none;
border-right: 1px dotted #ccffff;
}

#subnavi a.last {
position: relative;
text-align: center;
color: #ccffff;
margin: 0px;
padding: 0px 5px 0px 0px;
text-decoration: none;
border-right: none;
}

#breadcrumb ul {
position: relative;
top: 5px;
left: 0px;
height: auto;
width: auto;
width: 800px;
padding: 0px 30px 0px 30px;
float: left;
}

#breadcrumb li {
margin: 0px;
padding: 0px;
display: inline;
}

#breadcrumb a {
display: block;
height: 20px;
width: auto;
float: left;
font-size: 12px;
line-height: 20px;
text-decoration: none;
}

#breadcrumb a:hover {
text-decoration: underline;
}

#breadcrumb a.home {
width: 107px;
padding: 0px 3px 0px 6px;
color: #fff;
background: #333 url(../pics/bg_breadcrumb_home.png) no-repeat center;
}


#breadcrumb a.level {
padding: 0px 9px 0px 9px;
color: #ccc;
background: #333 url(../pics/bg_breadcrumb_level.png) repeat-x;
border-right: 1px solid #000;
}


#pager {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 22px;
width: auto;
height: auto;
}

#pager li {
font-size: 13px;
margin: 0px;
padding: 0px;
display: inline;
}

#pager a {
display: block;
margin: 0px;
padding: 0px;
}

#pager .begin {
float: left;
width: auto;
height: auto;
padding: 3px 5px 3px 5px;
margin: 0px;
}

#pager .prev {
float: left;
width: auto;
height: 29px;
line-height: 26px;
padding: 3px 5px 3px 5px;
margin: 0px;
background: url(../pics/bg_pager.png) repeat-x center;
}

#pager .current {
float: left;
width: auto;
height: 29px;
line-height: 26px;
padding: 3px 5px 3px 5px;
margin: 0px;
background: url(../pics/bg_pager.png) repeat-x center;
}

#pager .nextpage {
float: left;
width: auto;
height: 29px;
line-height: 26px;
padding: 3px 5px 3px 5px;
margin: 0px;
background: url(../pics/bg_pager.png) repeat-x center;
}

#pager .next {
float: left;
width: auto;
height: 29px;
line-height: 26px;
padding: 3px 5px 3px 5px;
margin: 0px;
background: url(../pics/bg_pager.png) repeat-x center;
}

#pager .end {
float: left;
width: auto;
height: 29px;
margin: 0px;
padding: 3px 5px 3px 5px;
}


.bubble {
width: 59px;
height: 55px;
float: left;
font-size: 12px;
color: #fff;
background: transparent url(../pics/bg_bubble.png) no-repeat center;
margin: 0px 18px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.bubble li {
text-align: center;
line-height: 23px;
margin: 0px;
padding: 0px;
}

ul.bubble li.day {
padding: 2px 0px 0px 0px;
}

ul.bubble li.month {
padding: 5px 0px 0px 0px;
}

.blogarticle .head {
font-size: 18px;
line-height: 23px;
padding: 13px 0px 0px 0px;
}

.blogarticle .long {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 570px;
height: auto;
}

.blogarticle .info {
width: 570px;
height: 21px;
float: left;
margin: 30px 0px 12px 0px;
font-size: 12px;
color: #999;
background: #222 url(../pics/bg_info.gif) repeat-x;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.blogarticle .info li {
height: 21px;
line-height: 21px;
padding: 0px 5px 0px 5px;
border-right: 1px solid #666;
display: inline;
}

.blogarticle .info a {
color: #999;
}

.blogarticle h1 {
font-size: 18px;
line-height: 21px;
padding: 3px 0px 0px 0px;
text-decoration: none;
border-bottom: none;
}

.blogarticle h1 a {
text-decoration: none;
border-bottom: none;
}

.blogarticle h1 a:hover {
text-decoration: underline;
}

.teaser_pic {
width: auto;
height: auto;
float: left;
margin: 5px 15px 15px 0px;
padding: 0;
}

.instant {
border: 6px solid #fff;
margin: 0;
padding: 0;
}

.long_text {
height: auto;
width: auto;
margin: 0;
padding: 0;
color: #999;
}


#comments {
float: right;
width: 550px;
margin: 0px 30px 30px 0px;
padding: 0px 0px 0px 0px;
}

.avatar {
width: 90px;
height: 90px;
border: 1px solid #555;
background: #333;
}

.comment {
background: #444;
}

#footer .posts {
padding: 30px 25px 0px 25px;
width: 180px;
float: left;
}

#footer .comments {
padding: 30px 0px 0px 25px;
width: 450px;
height: 200px;
float: left;
}

#footer .about {
position: relative;
top: 0px;
right: 0px;
margin: 0px;
padding: 30px 0px 0px 0px;
width: 250px;
height: 250px;
float: left;
background: url(../pics/illu_snapshot_berta.png) no-repeat top;
}

#footer .about h4, h5 {
color: #999;
font-size: 12px;
margin: 0px;
padding: 0px;
}

#footer ul {
font-size: 12px;
margin: 0px;
padding: 0px;
}

#footer li {
margin: 0px;
padding: 0px;
}

form {
float: left;
width: 100%;
height: auto;
}

legend {
}

fieldset {
border: none;
}

label {
float: left;
width: 100%;
height: auto;
margin: 12px 0px 0px 0px;
padding: 0px;
}

input {
float: left;
width: 100%;
font-size: 13px;
height: 21px;
border: 1px solid #999;
color: #fff;
background: #666;
margin: 0px;
padding: 0px;
}

textarea {
float: left;
width: 100%;
height: auto;
font-size: 13px;
border: 1px solid #999;
color: #fff;
background: #666;
margin: 0px;
padding: 0px;
}

#commentform {
float: right;
width: 500px;
background: #444;
margin: 0px 30px 0px 0px;
padding: 12px;
}

#commentform fieldset {
margin: 0px;
padding: 12px;
}

#commentuserinfo {
font-size: 15px;
color: #fff;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#commentform legend {
font-size: 15px;
font-weight: bold;
}

#commentform label {
height: 21px;
margin: 6px 0px 0px 0px;
padding: 0px;
}

#commentform input {
margin: 3px 0px 9px 0px;
padding: 0px;
}

.send {
float: left !important;
border: solid #fff 2px;
font-weight: bold;
color: #fff;
background: #ff0066;
width: 75px !important;
line-height: 21px;
height: 25px;
margin: 0px;
padding: 0px;
}


#newcommentmessage {
float: left;
width: 100%;
color: #fff;
background: fuchsia;
}