* {outline: none;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

h3 { font-size: 18px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0px #303; margin-top: 5px; }
span#return { color: #fff; text-shadow: 1px 1px 0px #303; margin: 9px; display: block; float: left; }


html {background: url( '../img/bg-body.gif' ) repeat 0 0 #FFFFFF;}

body {background: url( '../img/bg-top.png' ) no-repeat 70px 50px transparent; width: 910px; margin: 0 auto; font-family: Tahoma, Verdana, Arial, sans-serif; color: #888888; font-size: 12px;}

a:hover {opacity: 0.8; filter: alpha(opacity=80);}
a.logo_frame:hover { opacity: 1.0; filter: alpha(opacity=100); }

input[type="submit"] {cursor: pointer;}

.pagination { padding: 10px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; }
.pagination a { color: #333; text-align: center; text-decoration: none; }
.pagination strong { background: #991589; color: #fff; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }

#topbar-violet {background: url( '../img/bg-topbar-violet2.gif' ) repeat-x 0 0 transparent; width: 100%; height: 33px; position: absolute; top: 0; left: 0; z-index: 11;}
#topbar-yellow {border-left: 1px solid #ffde6c; background: url( '../img/bg-topbar-yellow.gif' ) repeat 0 0 transparent; position: absolute; width: 160px; height: 33px; margin-left: 750px; z-index: 11;}

#top-menu {overflow: hidden; z-index: 11; margin: 0 auto; position: relative; }

#top-menu li { display: inline-block; zoom: 1; padding: 0 10px; border-right: 1px solid #640552; border-left: 1px solid #b938ac; height: 30px; margin-top: 1px; 
* display: inline; 
}

#logo {width: 321px; height: 168px; float: left; margin-top: 20px; margin-bottom: 10px; }

#panel {float: right; width: auto; text-align: center; margin-top: 20px;}
#panel h1 {line-height: 33px; color: #505050; font-size: 16px; text-shadow: 1px 1px 1px #FFFFFF;}
#panel h1 a {line-height: 33px; color: #505050; font-size: 13px; text-shadow: 1px 1px 1px #FFFFFF;}
#panel h1 span {color: #69206f;}

#search {overflow: hidden; z-index: 11; text-align: left; margin-top: 20px; background: url( '../img/bg-search.png' ) no-repeat 0 0 transparent; width: 312px; height: 52px;}

#search input[type="text"] {float: left; background: transparent; border: 0; width: 229px; height: 32px; line-height: 32px; padding: 10px 15px; color: #c2c2c2; font-size: 18px; text-shadow: 0 0 1px #FFF; text-transform: uppercase;}
#search input[type="submit"] {margin: 5px 6px 0 0; float: right; width: 47px; height: 42px; background: url( '../img/btn-ok.png' ) no-repeat 0 0 transparent; border: 0;}

#categories {overflow: hidden;}
.category {width: 169px; height: 169px; padding: 5px; float: left; margin: 0 1px 0;}
.category a {display: block; width: 169px; height: 169px; position: absolute; z-index: 99; text-decoration: none;}
.category img {-moz-box-shadow: 0 0 5px #000; display: block; width: 169px; height: 169px; position: absolute; z-index: 1;}
.category-desc {width: 159px; cursor: pointer; color: #EAEAEA; font-size: 10px; z-index: 2; position: absolute; margin-top: 99px; height: 60px; padding: 5px; text-align: center; background: url( '../img/bg-black75.png' ) repeat 0 0 transparent;}
.category-desc h1 {font-size: 19px; margin: 0; padding: 0;}

.header {margin: 10px 0;}

.photos, #videos, #photos {overflow: hidden;}

.photo {width: 142px; height: 142px; float: left; -moz-box-shadow: 0 0 4px #000; margin: 4px; position: relative;}
.photo a {display: block; width: 142px; height: 142px; text-decoration: none; position: absolute; z-index: 1;}
.photo a:hover {opacity: 1; filter: alpha(opacity=100);}
.photo-desc {overflow: hidden; cursor: pointer; display: none; top: 0; width: 132px; color: #EAEAEA; font-size: 10px; z-index: 2; position: absolute; margin-top: 42px; height: 90px; padding: 5px; text-align: left; background: url( '../img/bg-black75.png' ) repeat 0 0 transparent;}
.photo-desc a {top: 0; left: 0; width: 142px; height: 100px;}
.photo-desc h1 {font-size: 14px; margin: 0; padding: 0; font-weight: bold; text-align: center; margin-bottom: 5px;}
.photo-points {position: absolute; bottom: 0; right: 0; font-size: 18px; z-index: 3; width: 33px; height: 28px; padding-top: 5px; padding-left: 30px; background: url( '../img/bg-photo-points.png' ) no-repeat 0 0 transparent;}

.video {width: 217px; height: 217px; margin: 4px; float: left; -moz-box-shadow: 0 0 4px #000; background-repeat: no-repeat;}
.video a {width: 209px; height: 209px; display: block;}
.video a:hover {background: url( '../img/video-hover.png' ) no-repeat 0 0 transparent;}

#footer { background: url( '../img/bg-footer.gif' ) repeat-x 0 0 #424242; width: 100%; position: absolute; margin-top: 20px; left: 0; z-index: 11;}
#footer-inner {width: 910px; margin: 0 auto; padding: 20px 0 10px 0; overflow: hidden;}

#tags {width: 600px; height: 150px; float: left;}
#tags p {margin:  0 30px 30px 30px;}
#tags p a {margin: 0 2px; color: #FFFFFF; text-shadow: 0 0 1px #000; text-decoration: none;}

#quick-access {width: 150px; height: 150px; float: left;}
#quick-access a img {margin: 10px 0;}

#statistics {width: 150px; height: 150px; float: right;}
#statistics {color: #FFF; font-size: 19px; text-shadow: 0 0 10px #000;}

#left-col {float: left; width: 605px; }
#right-col {float: right; width: 300px;}

#photo-title {color: #505050; text-shadow: 1px 1px 1px #FFF; font-size: 23px; margin: 5px 0;} 
#photo-title a {position: relative;}
#photo-title a img {margin-bottom: -5px}

.votes {position: absolute; text-decoration: none; top: 0; left: 0; margin-left: 3px; margin-top: -33px; width: 34px; height: 29px; background: url( '../img/bg-votes.png' ) no-repeat 0 0 transparent; color: #808080; font-size: 15px; text-shadow: 1px 1px 1px #FFF; text-align: center; padding-top: 2px;}

#add-comment {overflow: hidden; width: 587px; height: 151px; background: url( '../img/bg-add-comment.png' ) no-repeat 0 0 transparent; margin: 0 auto; padding: 10px 0;}

.avatar {background: url( '../img/bg-avatar.png' ) no-repeat 0 0 transparent; width: 73px; height: 73px; padding: 6px;}

#add-comment img {float: left; margin-left: 11px;}
#add-comment form {float: right; margin-right: 17px; width: 463px; text-align: right;}
#add-comment form textarea {text-align: left; width: 433px; height: 80px; background: transparent; border: 0; padding: 15px; color: #888888;}
#add-comment form input[type="submit"] {margin-top: 10px; width: 151px; height: 31px; background: url( '../img/btn-dodaj-komentarz.png' ) no-repeat 0 0 transparent; border: 0;}

.comment {margin: 15px 0 15px 5px; overflow: hidden;}
.comment img {float: left; margin-right: 15px;}
.comment h1 {float: left; color: #505050; font-size: 18px; margin: 5px 0; text-shadow: 1px 1px 1px #FFFFFF;}
.comment h1 span {color: #69206f; font-size: 15px;}
.comment p {float: left; text-align: justify; width: 500px;}

form#activation {overflow: hidden; margin: 10px 0;}
form#activation input[type="text"] {border: 0; background: url( '../img/bg-input.png' ) repeat-x 0 0 transparent; height: 56px; width: 300px; float: left; padding: 0 10px; color: #c2c2c2; font-size: 18px; text-shadow: 0 0 1px #FFF; text-transform: uppercase; line-height: 56px;}
form#activation input[type="submit"] {background: url( '../img/btn-aktywuj.png' ) no-repeat 0 0 transparent; height: 56px; width: 116px; float: right; border: 0;}


/* DIALOG */
#overlay {background: url( '../img/overlay.png' ) repeat scroll 0 0 transparent; height: 100%; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10000;}

#loading {
    position:fixed;
    background-repeat:no-repeat;
    cursor:wait;
    left:50%;
    top:50%;
    z-index:99999;
    background-color:#121212;
    background-image:url(../img/loading.gif);
    background-position:center center;
    border:1px solid #222;
    color:#bbb;
    height:46px;
    width:244px;
    text-align: center;
    -moz-box-shadow:0 0 10px #000000;
    -moz-border-radius:6px 6px 6px 6px;
    margin-top:-23px;
    margin-left:-122px;
    font-size: 12px;
    line-height: 46px;
    display: none;
}

#dialog {text-align: left; z-index: 10200; margin-left: -150px; margin-top: -75px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 0 40px #000000; background: url( '../img/bg-body.gif' ) repeat-x 0 0 #D3D3D3; border: 1px solid #E9E9E9; left: 50%; position: absolute; top: 50%;}
#dialog_header {z-index: 10100; overflow: hidden; margin-top: -129px;}

#dialog_title { text-transform: uppercase; text-align: center; font-family: arial; height: 30px; margin: 70px 0px 1px; font-size: 30px; color: #F4F4F4;}
#dialog_content {padding: 25px; margin: -1px; color: #7F7F7F; background: url(../img/bg-body.gif); -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; }
#dialog_close {position: absolute; margin-top: 0px; margin-right: 1px; right: 0; cursor: pointer;}

#dialog form {margin: 0 auto; width: 350px; color: #955099;}
#dialog form label {display: block; width: 180px; font-weight: bold; font-size: 0.9em; margin: 6px 0 2px;}
#dialog form input[type="text"], #dialog form input[type="password"], .niceInput {width: 150px; border: 1px solid #E3E3E3; color: #7D7D7D; padding: 2px;}
#dialog form select, .niceSelect {width: 156px; border: 1px solid #E3E3E3; color: #7D7D7D; padding: 2px;}
#dialog form input[type="text"]:focus, #dialog form input[type="password"]:focus {width: 150px; border: 1px solid #C3C3C3; color: #5D5D5D; padding: 2px; -moz-box-shadow: 0 0 3px #EBEBEB;}
#dialog form textarea, .niceTextarea {width: 340px; height: 150px; border: 1px solid #E3E3E3; color: #7D7D7D; padding: 6px;}
#dialog form textarea:focus, niceTextarea:focus {width: 340px; height: 150px; border: 1px solid #C3C3C3; color: #5D5D5D; padding: 6px; -moz-box-shadow: 0 0 3px #EBEBEB;}
#dialog form a { color: #955099; }
#dialog form input[type="submit"], .niceButton {background: url( '../img/input_background.gif' ) repeat-x 0 0 transparent; height: 21px; border: 1px solid #8e6ba2; color: #FFFFFF; padding: 0 10px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}

.form_sex {margin-bottom: -6px; padding-bottom: 2px; cursor: pointer;}

.form_left {float: left; width: 180px;}
.form_right {float: right; width: 160px;}
/* DIALOG END */

/* Lista materiałow */
.item { cursor: pointer; overflow: hidden; float: left; height: 120px; margin: 0px 0; width: 433px; background: transparent; border-top: 1px solid #ddd; padding: 10px; -webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius: 0px; }
.item.hovered { background: #FFFFCC; }
.item .item_image { float: left; width: 100px;}
.item .item_image img { width: 100px; height: 100px; background: #A93F9C; padding: 4px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; }
.item .item_desc { float: right; width: 315px; }
.item .item_desc p.item_title { color: #A31D94; font-size: 14px; font-weight: bold; }
.item .item_desc p.item_details { color: #999; font-size: 11px; margin-bottom: 10px; }
.item .item_desc p.item_desc { color: #A31D94; font-size: 12px; }
.item .item_points { z-index: 99; position: absolute; margin-top: 71px; margin-left: 39px; display: none; background: url("../img/bg-photo-points.png"); width: 65px; height: 33px; }
.item .item_points span { color: #fff; font-size: 15px; position: absolute; font-weight: bold; margin: 7px 10px 7px 35px; }
/* Koniec listy */

#breadcrumb { display: inline-block; padding: 5px; font-size: 11px; margin: 5px auto; width: auto; background: #fefefe; border: 1px solid #eee; outline: 1px solid #fff; }
#breadcrumb a { padding: 0 3px; color: #888; text-decoration: none; }
#breadcrumb a.last { color: #945098; }
#breadcrumb a:first-letter { text-transform: capitalize; }

a.tag {color:#918888; text-decoration: none;}
a.tag:hover {color:#A48E9C; text-decoration: underline;}