@charset "utf-8";
/*	
	tokiohotel3 | blog.css (by scalp.de)
*/


/* links */
a:link, a:visited {color:#f0d733; text-decoration:none;}
a:hover, a:active {color:#f0d733; text-decoration:underline;}
a.image_link:link img, a.image_link:visited img { border:1px solid #816f27; }
a.image_link:hover img, a.image_link:active { outline:none; }
a.image_link:focus img { -moz-outline-style:none; }


/* box */
.blog { }
.blog h3 { }
.blog h3, .blog h5, .blog h6 { margin-bottom:5px; } 
.blog .box { width:640px; position:absolute; left:196px; top:22px; }
.blog div.box_top { height:34px; }
.blog div.box_top_center { width:640px; height:34px; display:block; background:url(../images/layout/bg_box_blog_top.png) no-repeat; }
.blog div.box_top_center h1 { height:34px; line-height:30px; padding:0px 35px 0px 0px; text-align:center; overflow:hidden; display:none; }
.blog div.box_body { width:640px; height:449px; overflow:hidden; background:url(../images/layout/bg_box_blog_content.png) repeat-y; }

.blog .monthlist li { text-align:center; font-size:10px;  width:15px; height:15px; margin-bottom:5px; }

.blog .monthlist .month_off { border:1px solid #666; color:#ccc; }
.blog .monthlist .month_off a { color:#ccc; }
.blog .monthlist .month_off a:hover, .blog .monthlist .month_off a:selected  { }
.blog .monthlist .month_on { border:1px solid #f0d733; color:#f0d733; }

.blog div.box_nav { width:120px; height:449px; left:0px; top:34px; float:left; position:absolute; overflow-y:auto; background:none; }
.blog .button_overview { height:40px; width:100px; background:url(../images/layout/bg_button_100x40_blog.gif) no-repeat center center; background-color:transparent; border:none; padding:0px; font-size:10px; font-weight:normal; line-height:10px; margin-bottom:15px; }
.blog .trennlinie { border-bottom:1px solid #666; margin-bottom:15px; }
.blog div.box_content { width:520px; height:449px; left:120px; top:34px; float:left; position:absolute; overflow-y:auto; background:none; }
.blog div.box_content .article { display:block; margin:10px; padding-bottom:10px; border-bottom:1px solid #666; }
.blog .page_nav { display:block; margin:10px; }
.blog div.box_bottom_center { width:640px; height:20px; display:block; background:url(../images/layout/bg_box_blog_bottom.png) no-repeat; }


/* addthis + comments */
.blog .options { }
.blog .options .addthis { float:left; }
.blog .options .comment_links { float:right; margin-top:3px; }
.blog .options .comments_link { padding-left:20px; background:url(../images/icons/icon_comments_link_blog.gif) no-repeat left center }; 


/* comment form */

.blog #recaptcha_widget_div { width:420px; background:url(../images/layout/bg_recaptcha_blog.png) no-repeat right top }
.blog .recaptchatable .recaptcha_only_if_image, .blog .recaptcha_only_if_incorrect_sol { color:#ccc !important; }

.blog .norminput, .blog .comment_textarea, .blog #recaptcha_response_field { background:#fff; border:0px solid #333; border:none; border-color:transparent !important; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }
.blog .comment_textarea { width:302px; height:110px; }
.blog #recaptcha_response_field { padding:0px; width:300px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:11px !important;}

.blog .comment_charcount { background:none; border:0px solid #333; margin:0px; padding:0px; font-size:11px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.blog .norminput { margin-bottom:5px; width:302px; background-color:#fff; border:none; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.blog .normsubmit { height:20px; width:150px; background:url(../images/layout/bg_button_150_blog.gif) no-repeat center center; background-color:transparent; border:none; padding:0px; font-size:10px; font-weight:normal; line-height:10px; vertical-align:top; }

.blog .recaptchatable .recaptcha_image_cell, .blog #recaptcha_table, .blog #recaptcha_table td, .blog #recaptcha_area, .blog #recaptcha_image img { background-color:transparent !important; border:none !important; border:0px solid #333 !important; border-color:transparent !important; margin:0px !important; padding:0px !important; }
.blog .recaptcha_nothad_incorrect_sol, .blog .recaptcha_isnot_showing_audio { margin:0px !important; padding:0px !important; }

.blog #recaptcha_reload_btn, .blog #recaptcha_switch_audio_btn, .blog #recaptcha_switch_img_btn, .blog #recaptcha_whatsthis_btn { padding:0; margin:1px 0px 0px 3px; display:block; height:15px; width:25px; }
.blog #recaptcha_reload_btn { background:url(../images/icons/button_recaptcha_refresh_blog.png) no-repeat #F00 !important; }
.blog #recaptcha_switch_audio_btn { background:url(../images/icons/button_recaptcha_audio_blog.png) no-repeat #F00 !important; }
.blog #recaptcha_switch_img_btn { background:url(../images/icons/button_recaptcha_text_blog.png) no-repeat #F00 !important; }
.blog #recaptcha_whatsthis_btn { background:url(../images/icons/button_recaptcha_help_blog.png) no-repeat #F00 !important; }
.blog #recaptcha_reload_btn img, .blog #recaptcha_switch_audio_btn img, .blog #recaptcha_switch_img_btn img, .blog #recaptcha_whatsthis_btn img { border:0px; display:none; visibility: hidden; }
.blog #recaptcha_logo, .blog #recaptcha_tagline { display:none; }

.blog #feedback { padding:5px; margin-bottom:20px; }


/* commentliste */
.blog .comment { padding:5px; border-top:1px solid #666; }
.blog .comment_nav { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #666; }
.blog .nickname { color:#fff; }
