/* header tabs */
#tabs{
  font-size:13px;
  width: 100%;
  line-height:normal;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

#tabs ul{
  list-style:none;
}

#tabs li{
  display:inline;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#tabs a {
  float:left;
  background:url(images/tab-left.png) no-repeat left top;
  color:#0470a0;
  padding-left:9px;
  margin-right:3px;
  text-decoration:none;
  color:#cfcfcf;
  cursor: pointer; /* IE 7 bug-fix */
}

#tabs a span{
  float:left;
  display:block;
  background:url(images/tab-right.png) no-repeat right top;
  height: 29px;
  padding-right: 10px;
}

#tabs a span span{
  display:block;
  background:none;
  height: auto;
  padding: 4px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#cfcfcf;
}

#tabs a:hover, #tabs li:hover a{
  background-position:0% -29px;
  color:#fff;
}
#tabs a:hover span, #tabs li:hover a span{
  background-position:100% -29px;
  color:#fff;
}

#tabs a.active, #tabs a.active:hover,
#tabs li.current_page_item a, #tabs li.current_page_item a:hover,
#tabs li.current_page_ancestor a, #tabs li.current_page_ancestor a:hover,
#tabs li.current-cat a, #tabs li.current-cat a:hover,
#tabs li.current-cat-parent a, #tabs li.current-cat-parent a:hover{
  background-position:0% -58px;
}

#tabs a.active span, #tabs a.active:hover span,
#tabs li.current_page_item a span, #tabs li.current_page_item a:hover span,
#tabs li.current_page_ancestor a span, #tabs li.current_page_ancestor a:hover span,
#tabs li.current-cat a span, #tabs li.current-cat a:hover span,
#tabs li.current-cat-parent a span, #tabs li.current-cat-parent a:hover span{
  background-position:100% -58px;
  color:#000;
}

/* sub-menus */

#tabs ul ul {
  background: #838383;
  position: absolute;
  display: none;
  width:200px;
  top: 29px;
  left: 0;
  margin: 0;
  padding: 4px 0;
  line-height: 100%;
  z-index: 99;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
}

#tabs ul ul ul{
  border: 1px solid #fff;
  -moz-border-radius: 4px;
}

#tabs ul a.active ul,
#tabs ul li.current_page_item ul,
#tabs ul li.current_page_ancestor ul,
#tabs ul li.current-cat ul,
#tabs ul li.current-cat-parent ul{
  background: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#tabs ul.active ul ul,
#tabs ul li.current_page_item ul ul,
#tabs ul li.current_page_ancestor ul ul,
#tabs ul li.current-cat ul ul,
#tabs ul li.current-cat-parent ul ul{
  border: 1px solid #ddd !important;
}

#tabs ul li ul a{
  width:180px;
  height:auto;
  float:left;
  background: none;
  margin: 0;
  padding: 4px 10px;
  color: #cfcfcf;
  font-weight: normal;
  font-size: 90%;
  text-shadow: #656565 1px 1px 1px;
  line-height: 125%;
}

#tabs ul a.active ul a,
#tabs ul li.current_page_item ul a,
#tabs ul li.current_page_ancestor ul a,
#tabs ul li.current-cat ul a,
#tabs ul li.current-cat-parent ul a{
  color: #000;
  text-shadow: none;
}

#tabs li:hover ul a span{ color: #cfcfcf; }

#tabs ul a.active ul a span,
#tabs ul li.current_page_item ul a span,
#tabs ul li.current_page_ancestor ul a span,
#tabs ul li.current-cat ul a span,
#tabs ul li.current-cat-parent ul a span{
  color: #666;
}

#tabs ul li ul a span, #tabs ul li ul a span span{
  margin: 0;
  padding: 0;
  height: auto;
  float: none;
}

#tabs ul ul a:hover, #tabs ul ul a:hover,
#tabs ul a.active ul a:hover,
#tabs ul li.current_page_item ul a:hover,
#tabs ul li.current_page_ancestor ul a:hover,
#tabs ul li.current-cat ul a:hover,
#tabs ul li.current-cat-parent ul a:hover{
  background:#09c6eb url(images/tab-subnav-active.gif) repeat-x left top;
}

#tabs ul ul a:hover, #tabs ul ul a:hover span,
#tabs ul a.active ul a:hover span,
#tabs ul li.current_page_item ul a:hover span,
#tabs ul li.current_page_ancestor ul a:hover span,
#tabs ul ul li.current_page_parent a:hover span,
#tabs ul ul li.current_page_item a:hover span,
#tabs ul ul li.current_page_parent li.current_page_item a:hover span,
#tabs ul ul li.current-cat a:hover span,
#tabs ul ul li.current-cat-parent li.current_page_item a:hover span{
  color:#fff;
}

#tabs ul li ul a span, #tabs ul li ul a span{
  background: none;
}

#tabs ul ul ul{
  top:auto;
}

#tabs ul li ul ul {
  left:195px;
  top: 4px;
}

#tabs ul li:hover ul ul, #tabs ul li:hover ul ul ul, #tabs ul li:hover ul ul ul ul{
  display:none;
}
#tabs ul li:hover ul, #tabs ul li li:hover ul, #tabs ul li li li:hover ul, #tabs ul li li li li:hover ul{
  display:block;
}

/* active submenus */
#tabs ul ul li.current_page_parent a span,
#tabs ul ul li.current_page_item a span,
#tabs ul ul li.current_page_parent li.current_page_item a span,
#tabs ul ul li.current-cat a span,
#tabs ul ul li.current-cat-parent li.current_page_item a span{
  color: #2d83d5;
}

#tabs ul ul li.current_page_item li a span, #tabs ul ul li.current_page_parent li a span,
#tabs ul ul li.current-cat li a span, #tabs ul ul li.current-cat-parent li a span{
  color: #000;
}

/* IE 7 bug-fixes */
#tabs ul li:hover { z-index: 100; }
#tabs ul * li:hover { visibility: inherit; }


/*** MAIN ***/

/* sort news links (pligg) */
#sortlinks{
  display: block;
  margin: 5px 0 20px;
}


/* secondary tabs */

ul.secondary-tabs {
  font-size:14px;
  height:35px;
  line-height:normal;
  left: 0;
  padding-left: 12px;
  background:transparent url(images/mtab-bg.png) repeat-x left bottom;
  margin: 10px 0 20px;
  list-style:none;
}

ul.secondary-tabs li {
  display:inline;
  float:left;
  margin: 0;
  padding: 0;
}

ul.secondary-tabs a {
  float:left;
  background:url(images/mtab-left.png) no-repeat left -35px;
  color:#0470a0;
  padding-left:6px;
  margin-right:3px;
  text-decoration:none;
  text-transform: uppercase;
  color:#8c8b8b;
  cursor: pointer; /* IE 7 bug-fix */
}

ul.secondary-tabs a span{
  float:left;
  display:block;
  background:url(images/mtab-right.png) no-repeat right -35px;
  height: 35px;
  padding-right: 6px;
}

ul.secondary-tabs a span span{
  display:block;
  background:none;
  height: auto;
  padding: 7px 10px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.secondary-tabs a span {float:none;}
/* End IE5-Mac hack */
ul.secondary-tabs a:hover span {
  color:#cfcfcf;
}

ul.secondary-tabs a:hover{
  background-position:0% -70px;
  color:#fff;
}
ul.secondary-tabs a:hover span{
  background-position:100% -70px;
  color:#fff;
}

ul.secondary-tabs a.active, ul.secondary-tabs a.current{
  background-position:0% 0px;
  color:#ed2124;
}
ul.secondary-tabs a.active span, ul.secondary-tabs a.current span {
  background-position:100% 0px;
  color:#ed2124;
}

#tab-2, #tab-3, #tab-4, #tab-5, #tab-6, #tab-7, #tab-8, #tab-9{
  display: none;
}





/* comments link */

a.comments, .post p.postcontrols a.comments{
  background:transparent url(images/post-icons.png) no-repeat 2px bottom;
  padding-left: 19px;
  color:#ed1f24;
}

a.comments:hover, .post p.postcontrols a.comments:hover{
  background: #ed1f24;
  color: #fff;
}

a.no.comments, .post p.postcontrols a.no.comments{
  color: #2d83d5;
}

a.no.comments:hover, .post p.postcontrols a.no.comments:hover{
  background-color: #2d83d5;
  color: #fff;
}


/* comments */

ol#comments, ol#comments li{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ol#comments ul.children{
  margin: 0;
  padding: 0;
}

li.comment{
  background: transparent url(images/comment-div-bg.png) repeat-y left bottom;
  list-style-position: outside; /* ie 7 bugfix */
  display: block;
  position: relative;
  min-height: 110px;
}

li.comment .wrap{
  background: transparent url(images/comment-div-start.png) no-repeat left top;
  min-height:110px;
  height:auto !important; /* ie6 ignores it */
  height:110px; /* fix */
}

li.comment.with-avatars{ background-position: 96px bottom; }
li.comment.with-avatars .wrap{ background-position: 96px top; }

/* gravatar */
li.comment .avatar{
  float: left;
  width: auto !important;
  padding-top:6px;
  padding-left: 8px;
}

li.comment .avatar img{
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

li.comment .details{ display: block; margin-left: 12px; }
li.comment.with-avatars .details{ margin-left: 108px;}

li.comment .details .head{
  background: #f7f8f8 url(images/postinfo-bg.gif) repeat-x left bottom;
  padding: 2px 10px 6px 10px;
  margin: 0;
  display: block;
  color: #8f9090;
}

li.comment .details.admincomment .head{
  background: #59b2e4 url(images/postinfo-bg-admin.gif) repeat-x left bottom;
  color: #fff;
}

li.comment .details.admincomment .head a{ color: #fff; }
li.comment .details.admincomment .head a:hover{ background: none; color: #fcb722; }


/* comment rate links, pligg only */

span.rate{
  right: 8px;
  position: absolute;
}

span.rate a.karma{
  font-family: "Arial Black", Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-weight: bold;
  font-size: 110%;
  text-decoration: none;
  padding: 0;
}

span.rate a.karma.negative{ color:#ed2124; }
span.rate a.karma.positive{ color:#6fb23c; }

span.rate a.karma:hover{
  background: none;
}

span.rate a.ratelink{
  padding: 4px;
  text-decoration: none;
}

span.rate a.ratelink.up{ background: transparent url(images/thumb-up.gif) no-repeat left center;      }
span.rate a.ratelink.down{ background: transparent url(images/thumb-down.gif) no-repeat left center;      }

li.comment .details .text{
  background: transparent url(images/comment-bg.png) repeat-x left top;
  padding: .3em .8em;
  margin-top: 3px;
  min-height: 64px;
  font-size: 90%;
  color: #4e5359;
}

li.comment .details.admincomment .text{
  background: #f0f0f0 url(images/comment-bg-admin.png) repeat-x left top;
}

div.act{
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  margin-top: 50px;
  font-size: 110%;
  text-transform: uppercase;
}

span.button a{
  background: transparent url(images/button-bg.png) no-repeat right top;
  display: block;
  height: 31px;
  float: left;
  margin-right: 3px;
  cursor: pointer;
  font-size: 13px;
}

span.button a span{
  float: left;
  height: 31px;
  display: block;
  padding: 0 10px 0 25px;
}

span.quote a span{ background: transparent url(images/button-quote.png) no-repeat left top; }
span.reply a span{ background: transparent url(images/button-reply.png) no-repeat left top; }
span.submit a span{ background: transparent url(images/button-submit.png) no-repeat left top; }

span.button a span span{
  background: none;
  display: block;
  padding: 6px 10px 0px 10px;
  height: auto;
}

span.button a:hover{ background-position: right bottom; }
span.button a:hover span{ background-position: left bottom; }