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

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

h3 {
  margin: 5px 0px;
}

body {
}

.odd,
.even {
  border-bottom:1px solid #ccc;
}

.odd,
.bookmarks .odd {
  background: #F6F6F6;
  padding: 5px;
}

.even,
.bookmarks .even {
  background: #eee;
  padding: 5px;
}

.timestamp,
.timesince {
  font-size: 80%;
  color:#999999;
  margin: 0 5px 0 0;
}

.signature {
  margin: 3px 0px 0px 0px;
}

.content {
  text-align: justify;
  overflow: auto;
}

.ac_over {
  background-color:#999;
  color:white;
}

.pagination a {
  background:#EEE;
  border:1px solid #999;
  color:#444444;
  padding:3px;
  text-decoration:none;
}

.pagination .current {
  background:#999;
  border:1px solid #999;
  color:#FFFFFF;
  padding:3px;
}

/* ----- TABHEAD ----- */

#tabhead {
  background: #000;
}
#tabhead .right_tab tr {
background: #000;
}
#tabhead .tab div {
background: url(/media/naszeksu/menu_gradient.png) repeat-x top left;
}
#tabhead .logo {
  height: 240px;
  width: 900px;
  padding-top:0;
  margin-left: auto;
  margin-right: auto;
}

#tabhead .logo img {
  height: 233px;
  width: 900px;
}

#tabhead .login {
  color:#EEE;
  right: 50%;
  margin-right: -450px; /* depends on #tabhead .logo width */
}

#tabhead .login a:hover {
  color:#F11;
}

#tabhead .login a, 
#tabhead .login a:visited {
  color:#FFF;
}

#tabhead .tab a:hover {
  color:#F11;
}

#tabhead .right_tab {
  bottom: -1px;
  position: absolute;
  right: 50%;
  margin-right: -450px; /* depends on #tabhead .logo width */
}

/* ----- */

/* ----- TABS ----- */
#home_tab .tab_home div, 
#apps_tab .tab_apps div, 
#sites_tab .tab_sites div, 
#team_tab .tab_team div, 
#profile_tab .rtab_profile div, 
#blogs_tab .rtab_blogs div, 
#swaps_tab .rtab_swaps div, 
#photos_tab .rtab_photos div, 
#videos_tab .rtab_videos div, 
#audios_tab .rtab_audios div, 
#projects_tab .rtab_projects div, 
#tribes_tab .rtab_tribes div, 
#tweets_tab .rtab_tweets div, 
#articles_tab .rtab_articles div,
#bookmarks_tab .rtab_bookmarks div, 
#wiki_tab .rtab_wiki div, 
#inbox_tab .rtab_inbox div, 
#locations_tab .rtab_locations div {
  background: #dbdbdb url(/media/naszeksu/menu_gradient_active.png) repeat-x top left !important;
}

#subnav {
  background:#FFF url(/media/naszeksu/subnav_gradient.png) repeat-x scroll 0 0;
  border-bottom:1px solid #999;
  height: 24px;
}

#subnav div {
  width: 900px;
  margin: 0 auto;
}

#subnav ul {
  float: right;
  margin: 0 0 0 20px;
  padding:0;
}

#subnav ul a:hover {
  background:#000 none repeat scroll 0 0;
  color:#FFFFFF;
}


/* ----- sidebar ----- */
.photo-right-profile, .photo-right-tools {
  background:#eee none repeat scroll 0 0;
}

div.friends {
  background:#eee none repeat scroll 0 0;
}

/* ----- forms  ----- */
.form-toggle {
  margin: 10px 0;
}

.form-toggle p span {
  background:#f3f3f3 none repeat scroll 0 0;
  border:1px solid #ccc;
}

.form-toggle form {
  background:#eee none repeat scroll 0 0;
  border:1px solid #999;
}

.uniForm .ctrlHolder {
  padding: 7px 0;
}

.uniForm .inlineLabels textarea {
  height:8em;
  width:44%;
  margin: 3px 0;
}

#edit-profile.uniForm .inlineLabels textarea {
  width:42%;
}

.uniForm .inlineLabels textarea#id_comment {
  width:67%;
}

.uniForm textarea {
  width: auto;
}

input[type="text"], 
input[type="password"],
input[type="file"],
textarea {
  background:#F3F3F3 url(/media/pinax/images/form-shadow.png) repeat-x scroll left top;
  border-color:#C6C6C6 #C6C6C6 #E3E3E3;
  border-style:solid;
  border-width:1px;
  color:#666666;
  font-size:12pt;
  margin:3px;
  padding:3px;
}

/* ----- media ----- */
.gallery-cell {
  display:inline-block;
  vertical-align:top;
  width:19.99%;
  float:left;
}
/* 25% daje 4 obrazki w rzedzie
 * 20% daje 5 obrazkow w rzedzie 
 * 16.6% daje 6
 * */

.gallery-homepage {
  margin:0;
  padding:8px 0 6px 0;
}

.gallery-homepage .gallery-cell {
  width:19.99%
}

.gallery-homepage .gallery-entry {
  margin: 5px auto;
}

.gallery-profile-plugin .gallery-cell {
  width:24.4%;
}

.gallery-entry {
   vertical-align:baseline;
   width:130px;
   margin-top: 5px;
   margin-bottom: 20px;
}

.gallery-video .gallery-thumb {
   background: #000;
 }

.gallery-thumb {
   width:130px;
   height:95px;
   border:1px solid #eee;
   overflow:hidden;
   text-align: center;
   margin-bottom: 3px;
}

.gallery-description {
    text-align: left;
    overflow: hidden;
}

.gallery-description .title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 1px;
    height: 30px;
    overflow: hidden;
}

.gallery-description a {
    display: block;
    overflow: hidden;
}

.gallery-photo-object,
.gallery-video-object,
.gallery-audio-object {
  margin-top:10px;
}


/* ----- other ----- */

div.notice_settings {
  background:#eee none repeat scroll 0 0;
}
span.delete {float:left; clear:none; display:block;}
#legs-top,
#legs-middle,
#legs-bottom {
}


/* ----- footer ----- */
#footer {
  clear: both;
  color: #777;
  background: #000;
  margin: 0px auto;
  padding: 10px;
  width: auto;
  border-top: 1px solid #666;
}

#footer .legal {
  text-align: center;
}

#footer a, #footer a:visited {
  color:#BBB;
}

/* ----- homepage ----- */
/* ugly ugly hack */
div.clear { clear:both; height:5px; }
div#what_next_area div.left { float:left; width:240px; }
div#what_next_area div.middle {float: left; padding:33px 0px 0 50px; width:350px; color:#666; }
    div#what_next_area div.middle ul {  }
        div#what_next_area div.middle ul li { padding:5px 10px; list-style:circle outside; }
div#what_next_area div.right { float:right; }
#legs-top {
  background: #f3f3f3;
  border-top:1px solid #ddd;
}

#legs-middle {
  background: #e3e3e3;
  border-top:1px solid #ccc;
}

#legs-bottom {
  background: #d3d3d3;
  border-top:1px solid #bbb;
}

.homepage#top,
.homepage#middle,
.homepage#bottom {
  clear: both;
  margin: 0 auto;
  padding: 10px 10px 20px 10px;
  width: 800px;
}

.homepage #latest_videos,
.homepage #latest_photos,
.homepage #latest_audios {
  margin: 10px 0px;
}

.homepage #latest_videos .thumbnails,
.homepage #latest_photos .thumbnails,
.homepage #latest_audios .thumbnails {
  background: #fff;
  border-bottom:1px solid #ddd;
  border-top:1px solid #eee;
}

.homepage p {
  margin: 2px 0px;
}

.homepage .meta {
  margin: 0px 0px 2px 0px;
  padding: 5px 5px 0px 0px;
}

.homepage-item h3 {
  margin: 0px 0px 2px 0px;
}

.homepage h2 {
  margin: 10px 0px 2px 0px;
}

.homepage h2 a, 
.homepage h2 a:visited {
  color:#444;
}

.homepage h2 a:hover {
  color:#333;
}

.homepage #top,
.homepage #middle,
.homepage #bottom {
  margin: 20px 0px 0px 0px;
}


.homepage div.gallery-photo-thumb {
  margin: 7px 0px 5px 12px;
}
.homepage div.gallery-video-thumb {
  margin: 7px 0px 5px 2px;
}
.homepage div.gallery-audio-thumb {
  margin: 7px 0px 5px 2px;
}

.homepage div.gallery-photo-thumb p,
.homepage div.gallery-video-thumb p,
.homepage div.gallery-audio-thumb p {
  margin: 2px 0px;
}

.homepage .blog-post {
  padding: 0px 5px 5px 5px;
}

.homepage .blog-post-tease {
  text-align: justify;
  width: 680px;
}

.homepage h3 {
  margin: 2px 0px 3px 0px;
}

.homepage #latest_bookmarks {
  float: right;
  width: 390px;
}

.homepage #latest_bookmarks .odd,
.homepage #latest_bookmarks .even {
  padding: 5px;
}

.homepage #latest_bookmarks .body{
  margin: 2px 0px;
}

.homepage .bookmarks h3 {
  margin: 0px 0px 2px 0px;
}

.homepage #latest_tweets {
  float: left;
  width: 390px;
}

.homepage #latest_tweets div.tweet {
  width: auto;
  font-size:10pt;
}

/* ----- Bookmarks ----- */

.bookmark-item {
}

.bookmark_details .bookmark-item { 
  margin-top: 20px;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  padding: 10px 5px;
}

.bookmark-item h2 {
  margin: 0px 0px 5px 0px;
}

.bookmark-item .meta {
  float: left;
  margin: 0px;
}

.bookmark-item .vote {
  float: left;
  text-align: center;
  width: 100px;
  padding: 4px;
}

.bookmark-item .body {
  float: left;
  text-align:justify;
  width: 570px;
}

.bookmark-item .description {
  margin: 5px 0px;
}

.bookmark-item .body .tags {
  margin-bottom: 3px;
}

/* ----- profiles ----- */
div.friends .avatar {
  padding:0;
  text-align:center;
  width: 60px;
}

#profile-header {
}

#profile-avatar {
  float:left;
}

#profile-avatar div {
  float:left;
}

#profile-meta {
  margin-left: 86px;
  padding: 1px 5px;
}

#profile-meta p {
  margin: 5px 0;
}

#profile-info {
  clear:left;
}
.left_panel {
float:left;
}
.personal-photo {
background:#f6f6f6 none repeat scroll 0 0;
margin-bottom:20px;
padding: 8px;
}
.personal-photo h2 {
margin:0 0 5px;
padding:0;
}
.personal-photo .gallery-cell {
display:block;
float:none;
vertical-align:normal;
margin:0;
width:184px;
}
.personal-photo .gallery-thumb,.personal-photo .gallery-description {
width:auto;
overflow:none;
margin:0;
} 
.personal-photo .gallery-thumb {
width:130px;
height:95px;
padding:2px;
margin: 10px auto;
}
.personal-photo .gallery-description {
width:inherit;
text-align:center;
}
.personal-photo img {
}
.profiles-cell {
  display:inline-block;
  vertical-align:top;
  width:19.99%;
  float:left;
}
.profiles-entry {
   vertical-align:baseline;
   width:160px;
   margin-top: 5px;
   margin-bottom: 20px;
}

.profiles-avatar {
  float:left;
}

.profiles-details {
  padding:5px;
  margin-left:50px;
}
.profiles-entry .profiles-avatar {
    float:none;
    text-align:center;
    }
.profiles-entry .profiles-details {
    margin:0;
    text-align:center;
    }
/* ----- tweets ----- */
div.tweet {
  font-size: 100%;
  width: auto;
}

div.tweet .content {
  margin: 5px 0px;
}

/* ----- blogs ----- */
.blog-post-meta {
  float: right;
}

.blog-post-tease {
  width: 550px;
}

/* ----- admin dashboard ----- */
/*
.admin a {
  color:#444444;
}

.admin a:visited {
  color:#444444;
}

.admin #header {
  background:#000 none repeat scroll 0 0;
  color:#eee;
  overflow:hidden;
}

.admin #header h1 {
  color:#f62200;
}

.admin .module h2, 
.admin .module caption, 
.admin .inline-group h2 {
  background:#333;
  color:#eee;
  font-size:110%;
  font-weight:bold;
  margin:0;
  padding:2px 5px 3px;
}

.admin a.section:link,
.admin a.section:visited {
  color:#eee;
}
*/
/* upload progress */
#progress_container {
    font-size: .9em;
    width: 100%;
    height: 40px;
    position: relative;
    margin: 3em 0;
    display: none;
}

#progress_filename {
    font-size: .9em;
    width: 100%;
}

#progress_bar {
    width: 100%;
    border: 1px solid #999;
}

#progress_indicator {
    background: #c21;
    width: 0;
    height: 20px;
}