/*  
Theme Name: Teelog
Theme URI: http://www.domainsmalltalk.com/
Description: Widget ready theme with two sidebars.
Version: 1.0
Author: Richard Martin
Author URI: http://www.domainsmalltalk.com/
*/

/* Allgemeines */
body { font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; background:#FFFFFF url(images/bg.png) repeat-x top; color:#000000; }
*{ padding:0px; margin:0px; }
#wrapper { position: relative; width:980px; margin: 0 auto 0 auto; padding: 0; text-align: left; }
img{ border:0px;}
a{ color:#5c8300; text-decoration:none;}
h1{ padding:0px; margin:0 0 0 20px; font-size: 2em; font-weight: bold; width: 500px; float: left; height: 50px; }
h1 span{ font-size: 0.7em;}
input, textarea{ border:1px solid #cecece; font-size:12px; }
.left { float:left; text-align:left; }
.right { float:right; text-align:right; }

/* Headerbereich */
#header{ width:100%; height:200px; background:url(images/header_bg.png) no-repeat bottom; 	margin: 10px 0; }
#header_top_right{ background:url(images/search_bg.png) no-repeat top; width:240px; 	height:45px; float: right; margin-right: 20px; }
#searchbox { padding:10px 10px; height: 20px; }
#searchbox .textfield { line-height:16px; width:180px; float:left; }
#searchbox .searchimage { background:url(images/search_sub.png) 0 0 no-repeat; float:right; width:18px; height:16px; padding:0 2px; height:16px; display: block; }
#header #logo{ float: left; clear: left; width: 215px; height: 150px; margin-left: 60px; }

/*menu*/
#menu{ width:100%; height:49px; background:url(images/menu_bg.gif) no-repeat top center; }
#menu #menu_items{ text-align:left; padding-top:12px; }
#menu #menu_items ul{ text-align:center; }
#menu #menu_items ul li{ display:inline; list-style-type:none; color:#bdbdbd; }
#menu #menu_items ul li a{ color:#bdbdbd; text-decoration:none; font-size:14px; padding: 0 10px; }
#menu #menu_items ul li a:hover{ color:#FFFFFF; text-decoration:none; font-size:14px; }

/*Home Widget*/
#homebox{ height:202px; margin-bottom: 15px; overflow: hidden; font-size: 12px; 	text-align: center; }
.homewidget{ height:200px; width: 185px; float: left; overflow: hidden;	margin-left: 10px; }
.homewidget .sidebar{ background-color: #F1F5DE; }

/*blog*/
.sub{ border:0px; }

.post{ font-size:11px; color:#7f7f7f; 	text-align:left; line-height:21px; padding-left:25px; padding-right:45px; }
#content{ width:100%; }
#blog{ width:600px; float:left; text-align:left; background:#FFFFFF; }
#blog #blog_top{ width:100%; height:11px; background:url(images/left_top_bg.png) no-repeat top; }
#blog #blog_pad{ padding-left:10px; padding-top:2px; }
.blog_item{ padding-bottom: 15px;}
.blog_item .blog_item_title{ background:url(images/item_title_bg.png) repeat-y top; width:574px; text-align:left; margin-left: 10px; }
.blog_item .blog_item_title_top{ background:url(images/item_title_bg2.png) no-repeat top; 	width:574px; height:12px; }
.blog_item .blog_item_title_end{ background:url(images/item_title_bg1.png) no-repeat bottom; 	width:574px; height:12px; }
.blog_item .item_date{ background:url(images/date.png) no-repeat top; width:32px; height:36px; color:#ffffff; text-align:center; font-size:12px; padding: 0 10px; float: left; }
.blog_item .item_date p{ padding-bottom:3px; font-weight: bold; text-align: center; }
.blog_item .item_date span{ padding-bottom:3px; text-align: center; font-weight: bold; }
.blog_item h2{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#5c8300; 	font-weight:bold; text-align:left; }
.blog_item h2 a{ color:#5c8300; }
.blog_item h2 a:hover{ color:#2D4000; }
.blog_item h3{ font-size:13px; color:#000000; font-weight:bold; text-align:left; padding: 5px 0 5px 0; }
.blog_item .item_text2{ font-size:12px; 	color:#000000; font-weight:bold; text-align:left; font-style:italic; padding-top:5px; }
.blog_item .item_text2 a{ font-size:11px; 	color:#000000; font-weight:bold; text-align:left; font-style:italic; }
.blog_item .item_text2 a:hover{ font-size:11px; color:#666666; font-weight:bold; text-align:left; font-style:italic; }
.blog_item .blog_text3{ font-size:12px; 	color:#000000; text-align:left; line-height:21px; padding-left:25px; padding-right:45px; }
.blog_item .panel{ text-align:left; background:url(images/item_comm_bg.png) repeat-x top; 	height:28px; width:560px; }
.blog_item .panel .panel_links{ padding-left:10px; padding-top:8px; }
.blog_item .panel .panel_links span.comm a{ color:#5c8300; font-size:11px; font-weight:bold; text-decoration:none; background:url(images/comm.png) no-repeat left; padding-left:15px; }
.blog_item .panel .panel_links a.readmore{ color:#5c8300; font-size:11px; font-weight:bold; text-decoration:none; background:url(images/readmore.png) no-repeat left; padding-left:17px; }
.blog_item .panel .panel_links a.readmore:hover, #wrapper .blog_item .panel .panel_links span.comm a:hover{ text-decoration:underline; }

/* sidebar*/
#right_block { width:362px; float:left; padding-left:10px; }
#right_block #right_blog_top{ width:100%; height:11px; background:url(images/right_top_bg.png) no-repeat bottom; }

#sidebarwrapper{ text-align:left; font-size:12px;}

.sidebar{ text-align:left; font-size:12px; width: 181px; float: left; }
.sidebar li{ padding:0px; margin:0px; list-style-type:none; }
.sidebar h2{
	color:#333333;
	font-size:17px;
	margin:0;
	padding: 3px 5px;
	text-align: center;
	background-color: #BFD470;
}
.sidebar li a{ color:#7f7f7f; text-decoration:none; font-weight:normal; line-height:19px; }
.sidebar ul ul{ padding:0 0 10px 0; margin:0px; }
.sidebar ul li ul li{ background:none; padding: 0px 5px 5px 5px; }
.sidebar ul li ul li ul li{ font-size:11px; font-weight:bold; padding-left:0px; padding-right:0px; background:none; }
.sidebar ul li ul li{ border-bottom:0; background: url(images/solid_li.png) left bottom no-repeat; }
.sidebar ul li ul li{ border-bottom:0; background: url(images/solid_li2.png) left bottom no-repeat; }
.sidebar ul li ul li ul{ padding-left:5px; }
.sidebar ul li ul li ul li { border:0px; background: none; }
.sidebar td.td_right ul li ul li ul li { border:0px; background: none; }
.sidebar li ul li ul li a{ background: url(images/line_li.png) left bottom no-repeat; 	padding-left:7px; }

/* Kommentare*/
#blog .blog_comm{ padding-left:80px; padding-right:25px; text-align:left; }
#blog .blog_comm .comm_title{ color:#000000; font-size:17px; font-weight:bold; 	padding-bottom:15px; }
#blog .blog_comm .comm_count{ color:#000000; font-size:13px; font-weight:bold; padding-bottom:3px; }
#blog .blog_comm .comm_data{ background:#f0f6fe; height:25px; }
#blog .blog_comm .comm_data_pad{ color:#000000; font-size:11px; font-weight:normal;  padding-top:5px; padding-left:5px; }
#blog .blog_comm .comm_text{ color:#4d4d4d; font-size:11px; font-weight:normal; 	line-height:20px; padding-left:5px; padding-top:5px; padding-bottom:5px; }
#blog .blog_comm .bl_line{ background:url(images/line_bl.png) repeat-x bottom; width:100%; 	height:1px; padding-top:5px; }
#blog #comm_form { padding-left:60px; padding-top:20px; padding-bottom:20px; padding-right:10px; text-align:left; }
#blog #comm_form #form_title{ background:url(images/form_comm_top_bg.png) no-repeat top; 	height:51px; }
#blog #comm_form #form_title #form_title_text{ color:#000000; font-size:16px; font-weight:bold; padding-left:20px; padding-top:10px; }
#blog #comm_form textarea{
	width: 350px;
	margin: 10px 0 0 20px;
}
#blog #comm_form #submit{
	margin: 10px 0 0 20px;
}

#blog #comm_form input{
	margin: 10px 0 0 20px;
}
#blog #comm_form label{
	padding: 10px 0 0 20px;
	width: 100px;
	float: left;
}

#blog #comm_form p{
	padding: 10px 0 0 20px;
}
#blog #comm_form .form_table{ background:url(images/form_comm_bg.png) repeat-y top; width:473px; font-size:12px; padding-left:0px; padding-top:0px; }
#blog #comm_form .form_comm_end{
	background:url(images/form_comm_end_bg.png) no-repeat top;
	width:100%;
	height:15px;
	padding-left:0px;
	padding-bottom:0px;
	float: left;
}
.blog_item blockquote{ background:url(images/block_bg.png) repeat-y left top; padding-left:10px; }
.blog_item ol{ background:url(images/ol_bg.png) repeat-y left top; }
.blog_item ul{ 	padding-left:20px; }
.blog_item img{ float: left; margin:5px; }

/*footer*/
#footer{ color: #666666; float:left; height:49px; background: url(images/menu_bg.gif) no-repeat top center; width: 100%; font-size: 12px; }
#footer span{ padding: 10px 20px; }
#footer a{ color: #666666; }
#footer a:hover{ color: #5C8300; }