/*
Theme Name: DeathNote.sk
Description: Dizajn pre slovenskú (a čoskoro celosvetovú) naj Death Note stránku
Version: 2.0
Author: Michal Krátky
*/

/******************************** BASIC STYLE ********************************/
body
{
  padding:0;
  margin:0;
  background: url(images/body-background.jpg) top left repeat #b6b6b6;
  font-family: Arial;
}

a
{
  color: #2E2E2E;
  text-decoration:underline;
}

a:hover
{
  color: #2E2E2E;
  text-decoration:none;
}

h2, h3, h4
{
  margin:0;
  padding:0;
  text-shadow: 0px 1px 1px #363636;
}

h2
{
  font-size:25px;
  color:#000;
}

h3
{
  font-size:20px;
  color:#2E2E2E;
}

.content-block img
{
  padding:3px;
  border:1px solid #BCBCBC;
  background:#fff;
}

.content-block p
{
  text-align:justify;
}

img.alignleft
{
  margin:0 10px 8px 0;
}

img.alignright
{
  margin:0 0 8px 10px;
}
/*div {border:1px solid red;}*/
.left, .alignleft
{
  float:left;
}

.right, .alignright
{
  float:right;
}

.page
{
  width:1000px;
  margin:0 auto;
}

.clear
{
  clear:both;
  display:block;
}

input, button{ border:1px solid #424242;padding:2px;}
input:hover, button:hover, input:focus, button:focus{ border:1px solid #000;}

input[type="button"], input[type="submit"], button
{
  padding:2px 6px;
  font-weight:bold;
  background:url(images/button-background.gif) top left repeat-x #F4F4F4;
}

/******************************** TOP BAR ********************************/
.top-bar
{
  width:986px;
  height:29px;
  padding:6px;
  padding-bottom:0;
  border:1px solid #000;
  border-top:0;
  background: url(images/white-bar.gif) top left repeat-x #f4f4f4;
}

.top-bar .left ul.menu
{
  list-style:none;
  float:left;
  margin:0;
  padding:0;
}

.top-bar .left ul.menu li
{
  float:left;
  margin-left:20px;
}

.top-bar .left ul.menu li a
{
  font-weight:bold;
  text-decoration:none;
  line-height:24px;
  font-size:15px;
}

.top-bar .left ul.menu li a:hover
{
  text-decoration:underline;
}

/******************************** HEADER ********************************/
.header
{
  width:100%;
  height: 270px;
  background: url(images/logo.jpg) bottom center no-repeat;
}

.header .left, .header .right
{
  width:240px;
  height:100%;
  margin:0 10px;
}

/******************************** CONTENT ********************************/
.content
{
  background:url(images/sidebar-background.png) top left repeat-y #efefef;
}

.sidebar-background
{
  background:url(images/sidebar-background.png) top right repeat-y;
}

/******************************** SIDEBAR ********************************/
.sidebar
{
  width:220px;
  padding:10px 0;
}

.sidebar .sidebar-block
{
  width:220px;
  margin-bottom:20px;
}

.sidebar .sidebar-block .sidebar-block-title
{
  height:96px;
  background:url(images/sidebar-header/menu.png) top center no-repeat;
  text-indent: -9999px;
}

#dc_jqaccordion_widget-3 .sidebar-block-title {background:url(images/sidebar-header/menu.png) top center no-repeat;}
#polls-widget-3 .sidebar-block-title {background:url(images/sidebar-header/anketa.png) top center no-repeat;}
#chat-3 .sidebar-block-title {background:url(images/sidebar-header/chat.png) top center no-repeat;}
#php_widget-4 .sidebar-block-title {background:url(images/sidebar-header/partneri.png) top center no-repeat;}
#loginwithajaxwidget-4 .sidebar-block-title {background:url(images/sidebar-header/prihlasenie.png) top center no-repeat;}
#php_widget-5 .sidebar-block-title {background:url(images/sidebar-header/facebook.png) top center no-repeat;}
#wp-cumulus .sidebar-block-title {background:url(images/sidebar-header/tagy.png) top center no-repeat;}
#rsgwidget-3 .sidebar-block-title {background:url(images/sidebar-header/galeria.png) top center no-repeat;}
#recent-posts-plus-3 .sidebar-block-title {background:url(images/sidebar-header/aktuality.png) top center no-repeat;}

.sidebar .sidebar-block .sidebar-block-content
{
  border:1px solid #000;
  border-top:0;
  padding:10px;
  background:url(images/sidebar-block.png) top left repeat;
  text-shadow:0px 1px 1px #363636;
}

.sidebar .sidebar-block .sidebar-block-content a
{
  font-weight:bold;
  color:#000;
}

.sidebar .sidebar-block .sidebar-block-content iframe
{
  background:#eee;
  border:none;
  overflow:hidden;
  width:200px;
  height:204px;
}

.content-block
{
  float:left;
  width:540px;
  margin-top:-8px;
  padding:10px;
  background:#efefef;
}

.content-block .title-border
{
  border-bottom:2px solid #000;
}

/******************************** MENU ********************************/
.sidebar .sidebar-block .sidebar-block-content ul
{
  list-style:none;
}

.sidebar-block-content ul li, .sidebar-block-content ul li ul li
{
  margin-left:-20px;
}

.sidebar .sidebar-block .sidebar-block-content ul li a
{
  display:block;
  line-height:21px;
  background: url(images/list-image.png) top left no-repeat;
  padding-left:16px;
  margin-bottom:5px;
  text-decoration:none;
  color:#000;
  font-weight:bold;
}

.sidebar .sidebar-block .sidebar-block-content ul li a:hover
{
  background: url(images/list-image.png) bottom left no-repeat;
  text-decoration:underline;
}

.sidebar #recent-posts-plus-3 .sidebar-block-content ul li
{
  margin-left:-30px;
  padding:0;
}

.sidebar #recent-posts-plus-3 .sidebar-block-content ul li a
{
  background:none;
  padding:0;
  line-height:18px;
}

.sidebar #recent-posts-plus-3 .sidebar-block-content ul li p
{
  margin-top:0;
}

.sidebar .rsgallery img
{
  margin:1px;
  border:1px solid #000;
}

table.icons
{
  display:block;
  margin: 0 auto;
  text-align:center;
  width:180px;
}

table.icons tr td
{
  overflow:hidden;
  width:88px;
  height:31px;
}

table.icons tr td img
{
  border:0;
}

.pollbarh
{
  background: url(images/poll-bar.gif) repeat-x;
  height: 10px;
  border: 1px solid #1F1F1F;
}
/******************************** POST LIST ********************************/
.content-block .post-list
{
  margin:0 auto;
  width:524px;
}

.content-block .post-list h2 a
{
  display:block;
  background:url(images/header.png) top left;
  width:524px;
  height:58px;
  text-align:center;
  padding-top:37px;
  margin:20px 0 -10px 0;
  font-size:17px;
  color:#ebebeb;
}

.content-block .post-list h2 a:hover
{
  display:block;
  background:url(images/header.png) bottom left;
  width:524px;
  height:58px;
  text-align:center;
  padding-top:37px;
  margin:20px 0 -10px 0;
  font-size:17px;
  color:#ebebeb;
}
/*
.content-block .post-list img
{
  margin:8px 8px 0 8px;
}
*/
.content-block .post-list .meta-list
{
  list-style:none;
  margin-left:-40px;
  width:350px;
}

.content-block .post-list .meta-list li
{
  min-height: 22px;
  padding:3px 0 0 30px;
  margin-bottom:3px;
}

.content-block .post-list p
{
  display:block;
  /*clear:both;*/
}

.ratingblock, .thumblock
{
  float:right;
}

.content-block .post-list .kategorie
{
  background:url(images/icon_categorys.gif) top left no-repeat;
}

.content-block .post-list .komentare
{
  background:url(images/icon_comments.gif) top left no-repeat;
}

.content-block .post-list .tagy
{
  background:url(images/icon_tags.gif) top left no-repeat;
}


/******************************** NAVIGATION ********************************/
.content-block .navigation
{
  margin:0 auto;
  text-align:center;
}

.content-block .navigation a
{
  display:inline-block;
  padding:3px 5px;
  margin:0px 2px;
  font-size:15px;
  text-decoration:none;
  border:1px solid #EFEFEF;
}

.content-block .navigation a:hover, .content-block .navigation a.active
{
  border:1px solid #000;
  background:url(images/white-bar.gif) top left repeat-x #f4f4f4;
}

/******************************** SHARE ETC ********************************/
.content-block .share-box
{
  width:175px;
}
#tweet-share, #plus-share, #fb-share
{
  padding:5px;
}

#fb-share {width:45px}
#tweet-share {width:55px}
#plus-share {width:50px}

.content-block div.download
{
  clear:both;
  width:220px;
  margin:0 auto;
}

.content-block div.download a
{
  display:block;
  width: 219px;
  height:47px;
  text-indent:-999999px;
  background:url(images/download.png) top left no-repeat;
  border:0;
}

.content-block div.download a:hover
{
  background:url(images/download.png) bottom left no-repeat;
}

.content-block div.logged-in
{
  margin:5px 0;
  padding:5px;
  border:2px solid #199800;
  background:#6CCF45;
  font-size:18px;
  text-align:center;
}

.content-block div.logged-out
{
  margin:5px 0;
  padding:5px;
  border:2px solid #FF0000;
  background:#FF6262;
  font-size:18px;
}
/******************************** TITLE BAR ********************************/
.title-bar
{
  height:43px;
  background:url(images/top-bar-shadow.png) bottom left repeat-x;
  position:relative;
  z-index:2;
}
.title-bar .name-block
{
  width: 218px;
  background:url(images/name-block.jpg) top left no-repeat #858585;
  height:35px;
  border:1px solid #000;
  padding:0;
  line-height:35px;
  height:35px;
  text-align:center;
  font-weight:bold;
  text-shadow:0px 1px 1px #555;
}

.title-bar .title-block
{
  width:560px;
  float:left;
  border:1px solid #000;
  border-left:0;
  border-right:0;
  padding:0;
  line-height:35px;
  height:35px;
  text-align:center;
}

.title-bar .title-block h1
{
  font-size:20px;
  color:#000;
  font-weight:bold;
  display:inline;
  text-shadow: 0px 1px 1px #4D4D4D;
}

/******************************** RANDOM CHARACTERS ********************************/
.header .light1 {background:url(images/characters/light1.png) bottom left no-repeat;}
.header .light2 {background:url(images/characters/light2.png) bottom left no-repeat;}
.header .ryuk {background:url(images/characters/ryuk.png) bottom left no-repeat;}
.header .misa1 {background:url(images/characters/misa1.png) bottom left no-repeat;}
.header .misa2 {background:url(images/characters/misa2.png) bottom left no-repeat;}
.header .mikami {background:url(images/characters/mikami.png) bottom left no-repeat;}

.header .l1 {background:url(images/characters/L1.png) bottom right no-repeat;}
.header .l2 {background:url(images/characters/L2.png) bottom right no-repeat;}
.header .near1 {background:url(images/characters/near1.png) bottom right no-repeat;}
.header .near2 {background:url(images/characters/near2.png) bottom right no-repeat;}
.header .mello {background:url(images/characters/mello.png) bottom right no-repeat;}
.header .rem {background:url(images/characters/rem.png) bottom right no-repeat;}
/******************************** COMMENTS ********************************/

.commentlist
{
  list-style-type:none;
}

.commentlist li, #respond
{
  border: 1px solid black;
  color:white;
  background:url(images/comment-background.gif) top left repeat-x #3B3B3B;
  padding-left:8px;
}

#respond
{
  color:#FFF!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 1px #363636;
  position:relative;
}

#respond a
{
  color:#000;
}

#respond input[type="text"]
{
  position:absolute;
  left:66px;
  width:456px;
}

.commentlist li a
{
  text-decoration:underline;
  color:silver;
}

.commentlist li a:hover
{
  text-decoration:none;
  color:white;
}

.comments-main
{
  width:520px;
  height:auto;
  float:left;
  background:silver;
  padding:25px 7px;
  border:1px solid black;
  margin-bottom:10px;
  color:white;
  margin-left:-38px;
}

.comments-main .comment-autor
{
  float:left;
  width:170px;
  height:142px;
  text-align:center;
  padding-top:28px;
  background: url(images/avatar-background.png) no-repeat;
}

.comments-main .comment-autor .thumb-rate
{
  padding: 0px;
  border: none;
  cursor: pointer;
}

.comments-main .comment-autor .thumb-rate-inactive
{
  padding: 0px;
 /* margin: 0px;*/
  border: none;
}

.comments-main .comment-autor strong
{
  font-size:20px;
  font-weight:bold;
}

.comments-main .comment-signature
{
  border-top:1px dashed black;
  color:#808080;
}


.comment-text, #comment
{
  float:right;
  width:338px;
  min-height:187px;
  height:100%;
  font-size:15px;
  color:black;
  padding:5px;
  background:url(images/comment-text-background.gif) repeat-x #EFEFEF;
  border:1px solid black;
}

#comment
{
  float:none;
  width:508px;
}

img.wp-smiley, .wp-smiley-select, .comments-main img
{
  float:none;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
}

.comments-main .comment-autor img
{
  margin-bottom:-3px;
  margin-left:5px;
}

.comments-main .comment-autor img.avatar
{
  clear:both;
  border:1px solid black;
  margin:0;
}
/*
#commentform input, #commentform textarea,textarea,input
{
	font-size:17px;
	border:1px solid black;
	margin:0 0 0 10px;
	background:#e6e6e6;
}


#commentform textarea.comment
{
  background:url(images/com_text.gif) repeat-x #EFEFEF;
  padding:10px;
  overflow:hidden;
}*/


/******************************** FOOTER ********************************/
.footer
{
  height:170px;
  border:1px solid #000;
  background: url(images/footer.png) top left repeat-x #4d4d4d;
  color:#000;
}

.footer .left
{
  width:270px;
  padding:54px 0 0 40px;
  text-align:center;
}

.footer .right
{
  width:651px;
  margin-top:40px;
}

.footer .right div
{
  float:left;
  width:210px;
  margin-right:7px;
}

.footer .right div img
{
  display:block;
  margin:0 auto;
}

.footer .right div ul
{
  list-style: none;
  margin-left:-10px;
}

.footer .right div ul li a
{
  line-height:21px;
  background: url(images/list-image.png) top left no-repeat;
  padding-left:16px;
  margin-bottom:5px;
  text-decoration:none;
  color:#000;
  font-weight:bold;
  display:block;
}

.footer .right div ul li a:hover
{
  background: url(images/list-image.png) bottom left no-repeat;
  text-decoration:underline;
}

/******************************** ADVERTISEMENT ********************************/
.right-banner
{
  position: absolute;
  height: 600px;
  width: 160px;
  top: 306px;
  right: 0px;
  z-index:1;
}
#text-3 {text-align:center;}
#article_rater_2, #gdr_text_a2 {display:none}
/******************************** SYMPOSIUM ********************************/

#profile_menu 
{
  margin-left: -95%!important;
}

#profile_menu div
{
  color:#000;
  padding-left:30px;
  font-weight:bold;
  text-shadow:0px 1px 1px #363636;
  font-size:17px!important;
}

#profile_menu div a
{
  color:#000!important;
  font-weight:bold!important;
  text-decoration:none!important;
}

#profile_menu div a:hover
{
  text-decoration:underline;
}

#profile_menu #menu_extended{background:url(images/symposium/home24.png) left center no-repeat;}
#profile_menu #menu_wall{background:url(images/symposium/file24.png) left center no-repeat;}
#profile_menu #menu_all{background:url(images/symposium/copy24.png) left center no-repeat;}
#profile_menu #menu_friends{background:url(images/symposium/user24.png) left center no-repeat;}
#profile_menu #menu_add_friends{background:url(images/symposium/add_user24.png) left center no-repeat;}
#profile_menu #menu_avatar{background:url(images/symposium/star_full24.png) left center no-repeat;}
#profile_menu #menu_personal{background:url(images/symposium/lock24.png) left center no-repeat;}
#profile_menu #menu_settings{background:url(images/symposium/wheels24.png) left center no-repeat;}

#profile_menu div:hover
{
  padding-left:30px;
  text-decoration:underline;
}

#profile_header_div .corners
{
  width:252px!important;
  height:240px;
  background:url(images/avatar-border-big.png) center center no-repeat;
}

#profile_header_div .corners img
{
  margin-top: 37px;
  margin-left: 34px;
  border: 1px solid black;
}

.symposium-wrapper #profile_details
{
  margin:50px 0 0 260px!important;
}

.symposium-wrapper #symposium_status
{
  padding:7px;
  font-size:18px;
  width:250px!important;
} 

#profile_header_panel p 
{
  margin:0;
}

#profile_body p 
{
  margin-top:0;
}

.symposium-wrapper .symposium-button, .symposium-button
{
  border:1px solid black!important;
  background:url(images/button-background.gif) top left repeat-x #F4F4F4!important;
}

.mailbox_message
{
  display:none;
}

.symposium-wrapper #message_header
{
  padding-bottom:0!important;
}

.symposium-wrapper #mail_toolbar
{
  position:relative;
}

.symposium-wrapper #compose_button
{
  clear: both;
  position: absolute;
  width:198px!important;
  margin-top:42px!important;
}

.symposium-wrapper #search
{
  height:33px;
}

.symposium-wrapper #search_inbox
{
  width:385px!important;
}

.symposium-wrapper #trays
{
  position:absolute;
  top:40px;
  left:211px;
}

.symposium-wrapper #mailbox
{
  margin-top:50px;
}

.symposium-wrapper #message_header_delete .symposium-button, .symposium-wrapper #message_header_reply .symposium-button
{
  margin-bottom:0;
  width:120px!important;
}

#mailbox_list 
{
  border: 1px solid #525252;
  width: 196px;
  background:url(images/body-background.jpg) top left repeat #B6B6B6;
}

#mailbox_list .mail_item
{
  padding-left:12px;
  width:180px!important;
  background-color:transparent!important;
  border-color:#525252!important;
}

#mailbox_list .mail_item:hover
{
  background:url(images/sidebar-block.png) top left repeat;
}

#search_inbox_go
{
  width:120px!important;
}

.symposium-wrapper #messagebox
{
  margin-top:28px;
}
#symposium-notification-bar, #symposium-logout-div, #symposium-chatboxes {z-index:2!important;}