html body {
position: static; width: auto; height: auto;
padding: 0; margin: 0;
font-size: 0.9em; color: #E1CCC8;
font-family: Georgia;
background-color: #1A1A1A;
}
img {
border: none;
}
.image {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border: 4px white solid;
}
.panel {
border: 1px solid #383838;
background-color: #222222;
vertical-align: middle;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin: 10px;
padding: 5px;
}
.ok {
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color: #333333;
border:1px solid #555555;
color:#AAAAAA;
padding:5px;
cursor:pointer;
}
.error {
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color: #E7C7BC;
color:#9D584F;
border:1px solid #9D584F;
margin: 10px;
padding: 5px;
opacity: 0;
}
.confirm {
background-color: #9FD19A;
color: #317334;
border:1px solid #317334;
margin: 10px;
padding: 5px;
opacity: 0;
}
.field {
border: 1px solid #444444;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color: #111111;
padding:5px;
font-family: Georgia;
font-size: 12px;
color:#CCCCCC;
}
.send {
border-left: 2px solid #444444;
border-top: 2px solid #444444;
border-bottom: 2px solid #444444;
border-right: 2px solid #444444;
background-color: #333333;
padding:4px 9px 4px 9px;
font-family: Georgia;
font-size: 12px;
color:#FFFFFF;
}
.gallery_min {
opacity: 0.6;
border: 1px solid white;
padding: 1px;
margin: 10px;
}
.gallery_min_sel {
border: 1px solid #996666;
padding: 1px;
margin: 10px;
}
.audio_div {
position: fixed;
left: 0; top: 95%;
width: 100%;
height:30px;
border-top: 1px solid #666666;
background-color:#181818;
}
.audio_close {
position: fixed;
left: 98%; top: 96%;
cursor:pointer;
}
span.work1:link {
color: #ECD9D9;
}
a.admin:link, a.admin:visited {
color: #FF9900;
text-decoration: none;
}
a.admin:hover {
color: #FFCC00;
}
a.work1:link, a.work1:visited {
color: #B1796E;
text-decoration: none;
}
a.work1:hover {
color: #B1796E;
}
a.work2:link, a.work2:visited {
color: #B1796E;
text-decoration: none;
}
a.work2:hover {
color: #E7CEC7;
}
a.quote_header:link, a.quote_header:visited {
margin-left: 142px;
color: #B1796E;
font-size: 16px;
margin-bottom: 5px;
text-decoration: none;
}
a.quote_header:hover {
color: #E7CEC7;
}
.play_clip {
cursor: pointer;
font-weight:bold;
background-color: #262626;
border:1px solid #333333;
margin: 2px;
padding: 2px;
color: #FFFFFF;
text-decoration:none;
letter-spacing: 1px;
}
.quote {
padding-left: 32px;
margin-bottom: 15px;
}
.quote_margin {
margin: 8px 2px 2px 2px;
line-height: 23px;
padding: 0px 0px 0px 140px;
text-align: justify;
}
.quote_source {
text-align:right;
margin: 9px 0px 29px 0px;
font-size: 12px;
letter-spacing: 1px;
color:#995E54;
}
.s1 {
width: 79px; height: 331px;
background-repeat: no-repeat; background-image: url(../gfx/1.jpg);
}
.s2 {
width: 79px; height: 400px;
}
.s3 {
width: 79px; height: 331px;
background-repeat: no-repeat; background-image: url(../gfx/2.jpg);
}
.s4 {
width: 79px; height: 400px;
}
.s5 {
width: 356px; height: 73px;
background-image: url(../gfx/3.jpg);
}
.header {
width: 1006px; height: 245px;
background-image: url(../gfx/header.jpg);
}
.content {
width: 1006px; height: 420px;
background-image: url(../gfx/content.jpg);
background-repeat: repeat-x;
background-color: #282828;
}
.stopka1 {
width: 79px; height: 48px;
}
.stopka2 {
width: 1006px; height: 48px;
background-repeat: no-repeat;
background-image: url(../gfx/stopka2.jpg);
}
.stopka3 {
width: 79px; height: 48px;
}
.tiny {
font-size: 11px;
color: #555555;
margin-bottom: 5px;
}
.menu1 {
width: 70px; height: 73px;
background-image: url(../gfx/menu/1a.jpg);
cursor: pointer;
}
.menu1_1 {
width: 70px; height: 73px;
background-image: url(../gfx/menu/1.jpg);
cursor: pointer;
}
.menu2 {
width: 80px; height: 73px;
background-image: url(../gfx/menu/2a.jpg);
cursor: pointer;
}
.menu2_1 {
width: 80px; height: 73px;
background-image: url(../gfx/menu/2.jpg);
cursor: pointer;
}
.menu3 {
width: 142px; height: 73px;
background-image: url(../gfx/menu/3a.jpg);
cursor: pointer;
}
.menu3_1 {
width: 142px; height: 73px;
background-image: url(../gfx/menu/3.jpg);
cursor: pointer;
}
.menu4 {
width: 83px; height: 73px;
background-image: url(../gfx/menu/5a.jpg);
cursor: pointer;
}
.menu4_1 {
width: 83px; height: 73px;
background-image: url(../gfx/menu/5.jpg);
cursor: pointer;
}
.menu5 {
width: 99px; height: 73px;
background-image: url(../gfx/menu/6a.jpg);
cursor: pointer;
}
.menu5_1 {
width: 99px; height: 73px;
background-image: url(../gfx/menu/6.jpg);
cursor: pointer;
}
.menu6 {
width: 97px; height: 73px;
background-image: url(../gfx/menu/7a.jpg);
cursor: pointer;
}
.menu6_1 {
width: 97px; height: 73px;
background-image: url(../gfx/menu/7.jpg);
cursor: pointer;
}
.menu7 {
width: 79px; height: 73px;
background-image: url(../gfx/menu/4a.jpg);
cursor: pointer;
}
.menu7_1 {
width: 79px; height: 73px;
background-image: url(../gfx/menu/4.jpg);
cursor: pointer;
}
.bio {
border: 1px solid #363636;
background-color: #1C1C1C;
vertical-align: middle;
margin: 10px;
padding: 5px;
}
.gal {
border: 1px solid #363636;
background-color: #1C1C1C;
vertical-align: top;
margin: 10px;
padding: 5px;
}
.fade {
opacity: 0;
}
.work {
border: 1px solid #363636;
background-color: #1C1C1C;
background-image: url(../gfx/grad.jpg);
background-position: top;
background-repeat: repeat-x;
color: #E3A8A8;
vertical-align: middle;
margin: 1px;
padding: 10px 5px 10px 15px;
cursor: pointer;
opacity: 0.6;
}
.work_label {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 15px;
font-family: Times New Roman;
font-weight: bold;
color: #FFFFFF;
vertical-align: middle;
margin: 1px;
padding: 5px 5px 5px 10px;
border: 1px solid #363636;
background-color: #121212;
}
.work_desc {
border: 1px solid #424242;
background-color: #121212;
padding: 15px;
background-position: top;
background-repeat: repeat-x;
text-align: justify;
line-height: 21px;
display: none;
opacity: 0;
}
.work_sel {
border: 1px solid #424242;
background-color: #1C1C1C;
background-image: url(../gfx/grad2.jpg);
background-position: top;
background-repeat: repeat-x;
color: #CCA299;
vertical-align: middle;
margin: 1px;
padding: 10px 5px 10px 5px;
cursor: pointer;
}
.bio_content {
text-align: justify;
line-height: 21px;
margin: 12px 10px 12px 10px;
}
#posts {
padding: 0;
margin: 7px;
}
#posts li {
width: 980px;
height: 190px;
border: 1px solid #444;
background-color: #2a2a2a;
vertical-align: middle;
-moz-border-radius:6px;
-webkit-border-radius:6px;
float: left;
clear: both;
list-style: none;
margin: 0 0 5px 0;
padding: 5px;
}
#posts a {
text-decoration: none;
color: #D39E99;
letter-spacing: 1px;
font-size: 11px;
}
#posts img {
display: block;
float: left;
margin: 15px;
}
.date {
color: #A66E61;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 15px;
font-family: Times New Roman;
}
.title {
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 24px;
font-size: 22px;
font-family: Times New Roman;
}
.title2 {
color: #C07A72;
letter-spacing: 1px;
font-size: 20px;
font-family: Times New Roman;
margin-bottom: 10px;
}
.title3 {
color: #E8C2B3;
letter-spacing: 1px;
font-size: 18px;
font-family: Times New Roman;
margin-bottom: 10px;
border-left: 5px solid #E8C2B3;
padding-left: 7px;
}
.w_par {
margin: 10px 10px 10px 15px;
}
.w_section {
margin: 0px 0px 4px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
letter-spacing: 2px;
color: #FF99CC;
margin: 10px 0px 10px 0px;
}
.w_section_line {
border-left: 1px solid #FF99CC;
padding-left: 7px;
margin-left: 2px;
}
.news {
border-left: #995E54 solid 6px;
margin: 15px 5px 5px 237px;
line-height: 23px;
padding: 0px 7px 0px 10px;
text-align: justify;
}
.news2 {
color: #995E54;
margin: 15px 5px 5px 237px;
line-height: 15px;
padding: 0px 7px 0px 10px;
text-align: right;
}
#posts p {
margin: 0;
padding: 0 0 10px 0;
}
.clearfix {display: block;}
/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#player_container {
position: relative;
background-color:#121212;
width:418px;
height:70px;
}
#player_container ul#player_controls {
list-style-type:none;
padding:0;
margin: 0;
}
#player_container ul#player_controls li {
overflow:hidden;
text-indent:-9999px;
}
#player_play,
#player_pause {
display: block;
position: absolute;
left:10px;
top:23px;
width:40px;
height:40px;
cursor: pointer;
}
#player_play {
background: url("../gfx/spirites.jpg") 0 0 no-repeat;
background-color: #1A1A1A;
}
#player_play.different_prefix_example_hover {
background: url("../gfx/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
background: url("../gfx/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.different_prefix_example_hover {
background: url("../gfx/spirites.jpg") -41px -42px no-repeat;
}
#player_stop {
position: absolute;
left:90px;
top:26px;
background: url("../gfx/spirites.jpg") 0 -83px no-repeat;
width:28px;
height:28px;
cursor: pointer;
}
#player_stop.different_prefix_example_hover {
background: url("../gfx/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
position: absolute;
left:60px;
top:24px;
background-color: #666666;
width:572px;
height:35px;
}
#player_progress_load_bar {
background: url("../gfx/bar_load.gif") top left repeat-x;
width:0px;
height:35px;
cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
background: url("../gfx/bar_buffer.gif") top left repeat-x;
}
#player_progress_play_bar {
background: url("../gfx/bar_play.gif") top left repeat-x ;
width:0px;
height:35px;
}
#player_volume_min {
position: absolute;
left:274px;
top:32px;
background: url("../gfx/spirites.jpg") 0 -170px no-repeat;
width:18px;
height:15px;
cursor: pointer;
}
#player_volume_max {
position: absolute;
left:346px;
top:32px;
background: url("../gfx/spirites.jpg") 0 -186px no-repeat;
width:18px;
height:15px;
cursor: pointer;
}
#player_volume_min.different_prefix_example_hover {
background: url("../gfx/spirites.jpg") -19px -170px no-repeat;
}
#player_volume_max.different_prefix_example_hover {
background: url("../gfx/spirites.jpg") -19px -186px no-repeat;
}
#player_volume_bar {
position: absolute;
left:292px;
top:37px;
background: url("../gfx/volume_bar.gif") repeat-x top left;
width:46px;
height:5px;
cursor: pointer;
}
#player_volume_bar_value {
background: url("../gfx/volume_bar_value.gif") repeat-x top left;
width:0px;
height:5px;
}
#play_time,
#total_time {
font-family: Arial, Helvetica, sans-serif;
font-style:oblique;
font-size:.7em;
}
#play_time {
float:left;
margin-left: 60px;
}
#total_time {
float:right;
text-align: right;
position: relative;
left: 210px;
}
.miaow {
font-size:.8em;
color:#999;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
margin-left:15px;
position:relative;
overflow:hidden;
width: 900px;
height:102px;
/* custom decorations */
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
/* single scrollable item */
.scrollable img {
float:left;
cursor:pointer;
width:80px;
height:80px;
padding:6px;
background-color:#191919;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border: 1px solid #333333;
margin: 1px 3px 1px 3px;
opacity: 0.6;
}
/* active item */
.scrollable .active {
border:1px solid #444444;
z-index:9999;
position:relative;
background-color:#333333;
opacity: 1;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(../gfx/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down {
background:url(../gfx/vert_large.png) no-repeat;
float: none;
margin: 10px 50px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}