body {
margin: 0;
padding: 0;
background: #5F7110;
font: 14px Verdana;
color: #676D4E;
}

a:link, a:visited {
text-decoration: none;
color: #257300;
}

a:hover {
text-decoration: underline;
}

h2 {
color: #595E43;
}

h1{
font: 26px verdana;
color: #595E43;
}


#main {
width: 970px;
height: auto;
margin: 15px auto;
background: #FFF;
text-align: center;

  -moz-box-shadow: 0px 0px 20px #323232;
  -webkit-box-shadow: 0px 0px 20px #323232;
  box-shadow: 0px 0px 20px #323232;
}

#top {
width: 100%;
height: 170px;
background: url('gfx/bg_top.png') repeat-x;
text-align: center;
}


#logo {
width: 766px;
height: 119px;
background: url('gfx/logo.jpg') no-repeat;
clear: both;
margin: 0 auto;
}

#menu {
width: 100%;
height: 46px;
margin-top: 14px;
text-align: center;
}

.menu_link {
padding: 12px 11px 16px;
height: 46px;
font: 14px verdana;
color: #FFF;
font-weight: bold;
display: inline;
margin: 0 auto;
}

.img_b {
border: 1px solid #6E840B;
}

.menu_link:hover {
background: url('gfx/bg_menu.gif') repeat-x;
}

.menu_text {
color: #FFF;
}

.menu_text a{
color: #FFF;
}

.menu_text a:hover {
text-decoration: none;
}


.list_gallery_box {
width: 218px;
height: 410px;
float: left;
margin: 2px;
}

.list_video_box {
width: 218px;
height: 220px;
float: left;
margin: 2px;
}


.lgb_area {
padding: 5px;
}

.lgb_title {
clear: both;
font: 11px verdana;
color: #5F7110;
margin: 5px 0 2px 0;
text-align: left;
}

.lgb_posted {
clear: both;
font: 11px verdana;
color: #565656;
margin: 5px 0 2px 0;
text-align: left;
}

.lgb_text {
margin: 0 auto;
text-align: left;
width: 200px;
}

.gal_img_box {
width: auto;
padding: 10px 0;
text-align: center;
}

.gal_area {
width: 800px;
clear: both;
padding: 5px;
margin: 0 auto;
text-align: left;
font: 12px verdana;
line-height: 25px;
}

.gal_c {
width: 33%;
float: left;
font: 12px verdana;
}

.gal_nag {
clear: both;
padding-bottom: 10px;
text-align: left;
padding-top: 13px;
}

.clear {
clear: both;
width: 100%;
}


/* LOGIN AREA */

.login_area {
width: 400px;
height: 300px;
float: left;
}

.form_area {
width: 700px;
height: 260px;
float: left;
}

.login_nag {
clear: both;
width: 100%;
margin: 5px;
text-align: left;
font: 17px verdana;
font-weight: bold;
color: #4F6103;
padding-left: 160px;
}


.login_rows {
width: 100%;
clear: both;
margin: 2px 0;
text-align: left;
padding: 5px 0;
}

.login_left {
width: 40%;
float: left;
font: 12px verdana;
color: #76786D;
font-weight: bold;
text-align: right;
padding-top: 3px;
}

.login_right {
width: 56%;
float: left;
text-align: left;
margin-left: 5px;
font: 11px verdana;
color: #7A7A7A;
}

.input {
padding: 2px 4px;
border: 1px solid #B5B5B5;
}

.submit {
padding: 3px 20px;
background: #405001;
color: #FFF;
border: 0px;
cursor: pointer;
font-weight: bold;
}

.submit:hover {
background: #708D00;
}

.error {
width: 98%;
padding: 3px 5px;
text-align: left;
background: #FFC8C8;
border: 1px solid #Ae4444;
font: 11px verdana;
color: #000;
}

.success {
width: 98%;
padding: 3px 5px;
text-align: left;
background: #F6FFAA;
border: 1px solid #919A46;
font: 11px verdana;
color: #000;
}



.user_menu {
width: 100%;
padding: 5px 0;
text-align: right;
background: #3D451D;
font: 12px verdana;
color #FFF;
margin: 10px 0;
}

.user_link {
padding: 0 20px;
color #FFF;
float: left;
font: 12px verdana;
}

.pagination a:hover {
text-decoration: none;
}

#page_certify {
width: 100%;
clear: both;
text-align: left;
}

.page_certify_r {
text-align: left;
font: 12px verdana;
color: #000;
clear: both;
margin: 3px;
}

.page_rules {
width: 100%;
text-align: center;
font: 18px verdana;
color: #969600;
font-weight: bold;
clear: both;
}

.page_rules_t {
clear: both; 
text-align: center;
font: 12px verdana;
color: #000;
margin-top: 10px;
font-weight: bold;
}


.img_err {
margin-top: 1px;
margin-right: 5px;
}



.user_view_area {
clear: both;
width: 95%;
height:auto;
min-height:303px;
text-align: left;
border: 1px solid #DFDFDF;
margin: 5px;
padding: 5px;
}

.uva_img {
width: 210px;
float: left;
text-align: right;
}

.uva_box {
width: 400px;
float: left;
text-align: left;
margin-left: 10px;
}

.uva_list {
clear: both;
font: 12px verdana;
padding: 3px 0;
}


/* STRONICOWANIE */

#page_stronic {
clear: both;
width: 100%;
margin: 10px auto;
}

.prev_button {
font: 15px verdana;
color: #525A32;
padding: 4px 20px;
background: #F0F3E2;
font-weight: bold;
margin: 0 10px;
}

.prev_button_s {
font: 13px verdana;
color: #525A32;
padding: 3px 5px;
background: #F0F3E2;
font-weight: bold;
margin: 0px 3px;
line-height: 30px;
}

.prev_button_sa {
font: 13px verdana;
color: #525A32;
padding: 3px 5px;
background: #B9C198;
font-weight: bold;
margin: 0px 3px;
line-height: 30px;
}

.prev_button_s:hover{ 
background: #B9C198;
}

.prev_button:hover {
background: #B9C198;
}

/* COMMENTS */

#comment_area {
width: 100%;
clear: both;
}

.comments_box {
width: 80%;
clear: both;
margin: 4px auto;
text-align: center;
}

.comment_date {
font: 10px verdana;
padding-left: 40px;
}

.comments_user {
font: 12px verdana;
color: #878A77;
}

.comments_user a{
color: #4B4D3F;
}

.comments_nag {
width: 100%;
clear: both;
background: #F2F4E9;
padding: 3px 10px;
text-align: left;
}

.comments_desc {
clear: both;
width: 100%;
padding: 3px 10px;
margin: 4px 0;
text-align: left;
font: 12px verdana;
color: #6F725F;
}

/* TOPLIST */

.toplist {
font: 17px arial;
color: #005000;
font-weight: bold;
margin-top: 10px;
text-align: justify;
}



/* FOOTER */

#footer {
width: 100%;
height: 43px;
background: url('gfx/bg_footer.gif') repeat-x;
margin: 0 auto;
text-align: center;
padding-top: 3px;
}

#n_footer {
width: 96%;
border-bottom: 1px solid #E3E3E3;
margin: 5px auto;
padding-top: 10px;
}

#foot_text {
font: 11px verdana;
color: #676D4E;
}



.fav_area {
clear: both;
width: 100%;
margin: 10px 0;
text-align: center;
position: absolute;
margin-top: -1px;
margin-left: -108px;
}

.add_favorite {
width: 180px;
height: 32px; 
background: url('gfx/button_favor.png') no-repeat;
cursor: pointer;
float: left;
padding-right: 8px;
margin-top: -3px;
}

.add_comment {
width: 180px;
height: 32px; 
background: url('gfx/button_comment.png') no-repeat;
cursor: pointer;
float: left;
padding-right: 8px;
margin-top: -3px;
}


.add_vote {
width: 180px;
height: 32px; 
background: url('gfx/button_vote.png') no-repeat;
cursor: pointer;
float: left;
padding-right: 8px;
margin-top: -3px;
}

.send_msg {
width: 220px;
height: 32px; 
background: url('gfx/button_send.png') no-repeat;
cursor: pointer;
float: left;
padding-right: 8px;
margin-top: -3px;
}

/* NEW */


.thumb_info {
position: absolute;
margin-top: 282px;
margin-left: 3px;
padding: 0 1px;
width: 200px;
height: 20px;
background: #000;
opacity:0.6;
filter:alpha(opacity=60);
color: #FFF;
font: 11px tahoma;
}


.thumb_info2 {
position: absolute;
margin-top: 0px;
margin-left: 8px;
padding: 0 1px;
width: 200px;
height: 20px;
background: #000;
color: #FFF;
font: 11px tahoma;
}

.lgb_posted2 {
clear: both;
font: 11px verdana;
color: #FFF;
margin: 3px 0 2px 0;
text-align: left;
padding: 0 4px;
}

.select_hl {
border: 1px solid #b5b5b5;
}

.option_hl {
padding: 2px 4px;
}


.clin {
font-weight: bold;
color: #dd6300;
}


/* VOTE */

.tub_ranking {
width: 185px; 
height: 28px;
background: #fdfdfd;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 2px 0px #868686;
-moz-box-shadow: 0px 0px 2px 0px #868686;
box-shadow: 0px 0px 2px 0px #868686; 
}

.vote_abosolute {
position: absolute;
width: auto;
height: auto;
text-align: center;
margin: 0 auto;
}

.vote_box {
width: 350px;
height: 40px;
background: url('gfx/bg_votebox.gif') repeat-x;
margin-left: 270px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

-webkit-box-shadow: 0px 0px 5px 0px #323232;
-moz-box-shadow: 0px 0px 5px 0px #323232;
box-shadow: 0px 0px 5px 0px #323232; 
}


.vi_s {
height: 21px;width: 33px;display: inline-block; cursor: pointer;
}


.ratingsNum {
font: 11px tahoma;
color: #009600
}

.vi_a1 {background:url('gfx/vote.gif') no-repeat scroll -0px -0px;}
.vi_a2 {background:url('gfx/vote.gif') no-repeat scroll -33px -0px;}
.vi_a3 {background:url('gfx/vote.gif') no-repeat scroll -66px -0px;}
.vi_a4 {background:url('gfx/vote.gif') no-repeat scroll -99px -0px;}
.vi_a5 {background:url('gfx/vote.gif') no-repeat scroll -132px -0px;}


.vi_b1 {background:url('gfx/vote.gif') no-repeat scroll -0px -42px;}
.vi_b2 {background:url('gfx/vote.gif') no-repeat scroll -33px -42px;}
.vi_b3 {background:url('gfx/vote.gif') no-repeat scroll -66px -42px;}
.vi_b4 {background:url('gfx/vote.gif') no-repeat scroll -99px -42px;}
.vi_b5 {background:url('gfx/vote.gif') no-repeat scroll -132px -42px;}

.vi_c1 {background:url('gfx/vote.gif') no-repeat scroll -0px -21px;}
.vi_c2 {background:url('gfx/vote.gif') no-repeat scroll -33px -21px;}
.vi_c3 {background:url('gfx/vote.gif') no-repeat scroll -66px -21px;}
.vi_c4 {background:url('gfx/vote.gif') no-repeat scroll -99px -21px;}
.vi_c5 {background:url('gfx/vote.gif') no-repeat scroll -132px -21px;}

.vi_a {background:url('gfx/vote.gif') no-repeat scroll -0px -63px;}
.vi_b {background:url('gfx/vote.gif') no-repeat scroll -33px -63px;}


.mv_c1 {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -0px;
width: 24px;
height: 13px;
}

.mv_c2 {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -0px;
width: 49px;
height: 13px;
}

.mv_c3 {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -0px;
width: 74px;
height: 13px;
}

.mv_c4 {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -0px;
width: 99px;
height: 13px;
}

.mv_c5 {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -0px;
width: 124px;
height: 13px;
}

.mv_clear {
background:url('gfx/mini_vote.png') no-repeat scroll -0px -13px;
width: 124px;
height: 13px;
}



.tub_vote_area {
width: 124px;
height: 13px;
margin: 0 auto;
text-align: center;
margin-top: 8px;
background:url('gfx/mini_vote.png') no-repeat scroll -0px -13px;
border: 1px solid #B6B6B6;
}

.tub_img_abs {
position: absolute;
margin-top: 106px;
margin-left: 1px;
width: 160px;
height: 15px;
background: #000;
opacity:0.6;
filter:alpha(opacity=60);
color: #FFF;
font: 11px tahoma;
}

.gal_img_abs {
position: absolute;
margin: 292px 4px 0 5px;
width: 200px;
height: 15px;
background: #000;
opacity:0.6;
filter:alpha(opacity=60);
color: #FFF;
font: 11px tahoma;
}

.tub_vm_a {
position: absolute;
}

/* MINI GAL */

.mini_gal {
float: left;
width: 100px;
height: 200px;
margin: 5px;
}

.mini_dat {
text-align: center;
font: 12px verdana;
color: #3E3E3E;
margin: 6px auto 0 auto;
}