/*
    
	www.hell-hotel.com
	  
*/

/* L A Y O U T */


* { padding: 0; margin: 0; border: none; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 /* background: url(gfx/back_body.png) repeat-x #000;  bardzo stare tło */
 margin-bottom:30px;
 color: #828587;
 background: url(gfx/back_body2.jpg) no-repeat 50% 0% #000;  

}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 overflow: hidden;
}
#header {
 width: 800px;
 float: left;
 padding: 0px;
 border: none;
 height: 165px;
 margin: 0px 0px 0px 0px;
 background: url(gfx/back_top2.png);
}
#header_bottom {
 width: 800px;
 float: left;
 padding: 0px;
 border: none;
 height: 24px;
 margin: 0px 0px 0px 0px;
 background: url(gfx/back_top.png);
}

#strip {
width: 765px;
float: left;
padding-left:5px;
margin-left:9px;
background: #0f1618;
}
#leftcolumn { 
 border: none;
 background: #0f1618;
 margin: 0px 0px 0px 9px;
 padding: 25px 0px 0px 20px;
 width: 120px;
 float: left;
 
}
#content { 
 float: left;
 border: none;
 background: #0f1618;
 margin: 0px 0px 0px 0px;
 padding: 25px 0px 0px 20px;
 width: 465px;
 display: inline;
}
#rightcolumn { 
 border: none;
 background: #0f1618;
 margin: 0px 0px 0px 0px;
 width: 140px;
 float: left;
 padding:25px 0px 0px 5px;
}

#leftcolumn, #content, #rightcolumn {
margin-bottom: -3000px; padding-bottom: 3000px;
}

#footer { 
 width: 800px;
 height: 67px;
 clear: both;
 border: none;
 background: #0f1618 url(gfx/back_footer.png) 0px -10px no-repeat ;
 margin: 0px 0px 0px -6px;
 padding-top:22px;
 text-align:center;
}

/* E L E M E N T Y  S T R O N Y */

#logo {
margin:37px 0px 0px 3px;
}

#menu {
clear:both;
}

a#menu_o-komiksie {
float:left;
width:90px;
height:40px;
margin-top:13px;
background:url('gfx/menu_o-komiksie.png') no-repeat;
}
a#menu_o-komiksie:hover {
background-position: 0px -40px;
}

a#menu_about {
float:left;
width:60px;
height:40px;
margin:15px 8px 0px 7px;
background:url('gfx/menu_about.png') no-repeat;
}
a#menu_about:hover {
background-position: 0px -40px;
}

a#menu_archiwum {
float:left;
width:83px;
height:42px;
margin-top:13px;
background:url('gfx/menu_archiwum.png') no-repeat;
}
a#menu_archiwum:hover {
background-position: 0px -42px;
}

a#menu_archive {
float:left;
width:70px;
height:42px;
margin:13px 5px 0px 0px;
background:url('gfx/menu_archive.png') no-repeat;
}
a#menu_archive:hover {
background-position: 0px -42px;
}


a#menu_forum {
float:left;
width:72px;
height:38px;
margin-top:10px;
background:url('gfx/menu_forum2.png') no-repeat;
}
a#menu_forum:hover {
background-position: 0px -38px;
}

a#menu_forum_en {
float:left;
width:66px;
height:40px;
margin:9px 5px 0px 0px;
background:url('gfx/menu_forum2.png') no-repeat;
}
a#menu_forum_en:hover {
background-position: 0px -40px;
}

a#menu_kontakt {
float:left;
width:70px;
height:34px;
margin-top:11px;
background:url('gfx/menu_kontakt.png') no-repeat;
}
a#menu_kontakt:hover {
background-position: 0px -34px;
}

a#menu_contact {
float:left;
width:70px;
height:36px;
margin-top:11px;
background:url('gfx/menu_contact.png') no-repeat;
}
a#menu_contact:hover {
background-position: 0px -36px;
}

a#menu_exit {
float:left;
width:49px;
height:34px;
margin:16px 0px 0px 17px;
background:url('gfx/menu_exit.png') no-repeat;
}
a#menu_exit:hover {
background-position: 0px -34px;
}

a#lang_en {
float:left;
width:35px;
height:30px;
margin:0px 1px 0px 10px;
background:url('gfx/lang_en.png') no-repeat;
}
a#lang_en:hover {
background-position: 0px -30px;
}

a#lang_pl {
float:left;
width:35px;
height:30px;
margin-top:0px;
background:url('gfx/lang_pl.png') no-repeat;
}
a#lang_pl:hover {
background-position: 0px -30px;
}


#navi {
margin:10px 0px 0px 10px;
}

#navi div {
float:left;
height:22px;
}

#navi #first_en {
width:48px;
background: url(gfx/navi_1_en.png);
}

#navi #prev_en {
width:85px;
background: url(gfx/navi_2_en.png);
}

#navi #next_en {
width:48px;
background: url(gfx/navi_3_en.png);
}

#navi #last_en {
width:63px;
background: url(gfx/navi_4_en.png);
}

#navi #first {
width:81px;
background: url(gfx/navi_1.png);
margin:0px 4px 0px 4px;
}

#navi #prev {
width:88px;
background: url(gfx/navi_2.png);
margin:0px 4px 0px 0px;
}

#navi #next {
width:79px;
background: url(gfx/navi_3.png);
margin:0px 4px 0px 0px;
}

#navi #last {
width:98px;
background: url(gfx/navi_4.png);
}

#share {
float:right;
margin: 2px 20px 0px 0px;
}

#share a, form, a#myspace {
float:left;
}

#jebany_myspace {
float: left;
}

#share a:link {
margin-left:5px;
color: #828587;
}

#share a:visited {
margin-left:5px;
color: #828587;
}

#share a:hover {
margin-left:5px;
color: #ff5b01;
text-decoration:underline;
}

a#wykop {
width:16px;
height:16px;
background:url('gfx/share_wykop.png') no-repeat left -18px;

}

a#wykop:hover {
background-position: left -1px;
}


a#rss {
width:16px;
height:16px;
background:url('gfx/share_rss.png') no-repeat left -16px;
}

a#rss:hover {
background-position: left 0px;
}

a#digg {
width:16px;
height:16px;
background:url('gfx/share_digg.png') no-repeat left -16px;
}

a#digg:hover {
background-position: left 0px;
}

a#delicious {
width:16px;
height:16px;
background:url('gfx/share_delicious.png') no-repeat left -16px;
}

a#delicious:hover {
background-position: left 0px;
}

a#stumble {
width:16px;
height:16px;
background:url('gfx/share_stumble.png') no-repeat left -16px;
}

a#stumble:hover {
background-position: left 0px;
}

a#myspace {
width:16px;
height:16px;
background:url('gfx/share_myspace.png') no-repeat left -16px;
}

a#myspace:hover {
background-position: left 0px;
}

a#twitter {
width:16px;
height:16px;
background:url('gfx/share_twitter.png') no-repeat left -16px;
}

a#twitter:hover {
background-position: left 0px;
}

a#facebook {
width:16px;
height:16px;
background:url('gfx/share_facebook.png') no-repeat left -16px;
}

a#facebook:hover {
background-position: left 0px;
}


/* NOWE GUZIKI */

#leftcolumn a, #fb-fanbox a   {
text-decoration:none !important;
}

.separator {
width:120px;
height:2px;
background:url('gfx/separator.png') no-repeat 0% 50%;
}


#opis {
visibility:hidden;
padding-top:27px;
font-family:Trebuchet MS;
color:#4c4f51;
font-size:7pt;
text-transform:uppercase;
letter-spacing:2pt;
text-align:center;
text-decoration:none;
}

#shell-hotel #opis {
padding-top: 39px;
}
#bugcity #opis {
padding-top: 65px;
}
#bartek #opis {
padding-top: 73px;
}
#glosuj #opis {
padding-top: 46px;
}
#vote #opis {
padding-top: 50px;
}
#grono #opis {
padding-left:8px;
}
#karton #opis {
padding-top:120px;
}
#maciek #opis {
padding-top:77px;
}

#glosuj:hover #opis, #vote:hover #opis, #facebook-leftbar:hover #opis, #grono:hover #opis, #shell-hotel:hover #opis, #twitter-leftbar:hover #opis, #bugcity:hover #opis, #bartek:hover #opis, #fb-fanbox:hover #opis, #karton:hover #opis, #maciek:hover #opis {
visibility:visible;
text-decoration:none;
}

a:link #opis, a:visited #opis, a:hover #opis {
text-decoration:none;
}

#glosuj {
width:120px;
height:60px;

background:url('gfx/glosuj.png') no-repeat 0px 3px;
}

#vote {
width:120px;
height:64px;

background:url('gfx/vote.png') no-repeat 0px 3px;
}

#facebook-leftbar {
width:119px;
height:328px;
margin-top:20px;
background:url('gfx/facebook.png') no-repeat ;
text-decoration:none;
}

#facebook-leftbar:hover, #fb-fanbox:hover {

background-position:0px -380px;
text-decoration:none;
}

#karton {
width:120px;
height:120px;
margin-top:15px;
margin-bottom:15px;
background:url('gfx/karton.png') no-repeat 0px 0px;
}

#karton:hover {
background-position:0px -122px;
}

#maciek {
width:120px;
height:77px;
margin-top:10px;
margin-bottom:15px;
background:url('gfx/maciek.png') no-repeat 0px 0px;
}

#maciek:hover {
background-position:0px -77px;
}

#grono {
width:120px;
height:43px;
margin-top:15px;

background:url('gfx/grono.png') no-repeat 0px 3px;
}

#grono:hover {
background-position:0px -47px;
}

#shell-hotel {
width:120px;
height:60px;
margin-top:20px;
margin-bottom:-7px;
background:url('gfx/shell-hotel.png') no-repeat 0px -1px;
}

#shell-hotel:hover {
background-position:0px -61px;
}

#twitter-leftbar {
width:120px;
height:43px;
margin-top:20px;

background:url('gfx/twitter.png') no-repeat ;
}

#twitter-leftbar:hover {
background-position:0px -50px;
}

#bugcity {
width:120px;
height:80px;
margin-top:14px;

background:url('gfx/bugcity.png') no-repeat ;
}

#bugcity:hover {
background-position:0px -80px;
}

#bartek {
width:120px;
height:70px;
margin-top:16px;
margin-bottom:18px;
background:url('gfx/bartek2.png') no-repeat ;

}

#bartek:hover {
background-position:0px -70px;
}

#fb-fanbox {
opacity:0.3;
filter:alpha(opacity=30);
}

#fb-fanbox:hover, #facebook-leftbar:hover #fb-fanbox {
opacity:1;
filter:alpha(opacity=100);
}


/* KONIEC NOWYCH GUZIKÓW */

#banners {
text-align:center;
margin-top:10px;
}
/* F O R M A T O W A N I E   T E X T U */

.blog_title, .comic_title, a.blog_title:link, a.blog_title:visited, a.comic_title {
font-family: Georgia;
color: white;
font-size:18px;
}


.comic_title {
margin-left:16px;
}

.blog_date {
font-family: Georgia;
color: #828587;
font-size:18px;
} 

a.blog_title, a.comic_title {
text-decoration: none;
}

.post {
margin:0px 0px 20px 0px;
font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
color: #828587;
font-size:13px;
padding-right: 15px;
text-align:justify;
}

.post img, .post object, .post embed {
display: block;
margin-left: auto;
margin-right: auto;
border: solid 1px #22272a;
padding:2px;
}

a:link {
color:#ff5b01;
text-decoration:none;
}

a:visited {
color:#ff5b01;
text-decoration:none;
}

a:hover {
color:#ff5b01;
text-decoration:underline;
}

p {
margin-bottom: 10px;
}

.polecamy {
font-family:Trebuchet MS;
color:#4c4f51;
font-size:7pt;
text-transform:uppercase;
letter-spacing:2pt;
text-align:center;

}

small {
text-align:center;
}
/* kalendarz */

table {
color:#828587;
margin-bottom:10px;
}

caption {
font-family:Georgia;
font-size:11pt;
}

#today {
font-weight:bold;
}

.archive_comic {
background: url(gfx/archive_comic.gif) no-repeat left;
padding-left:15px;
}

.archive_blog {
background: url(gfx/archive_blog.gif) no-repeat 1px;
padding-left:15px;
}

li {
margin-left: 15px;
}

blockquote {
font-style:italic;
padding-left:35px;
}