/*  
Theme Name: firebug
Theme URI: http://www.blogohblog.com
Description: The "Firebug" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License. This is a free theme and can be obtained by going to :-  <a href="http://www.blogohblog.com/wordpress-theme-firebug" title="Free WordPress Themes">Firebug Theme</a>
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background-image:url('images/farbwolke-2.jpg'); background-position: top;
	 background-repeat: repeat-x;
background-color:#fefdfb; font:13px Georgia; color:#000;}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2,h3 { font:18px Georgia,Times, serif;}
h3 { padding:20px 0 20px 0;}
a:hover { color:#CC0000;}
a { color:#FF9933; font-weight:bold;}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: left; }
a img { border: none; }
pre {border: dashed 1px #ff9933;color: #ff9933;margin: 10px;padding:10px;background: #faf6eb}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.space { clear:both; height:20px; width:580px;}
img { border:none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body #content li { margin: 7px 0 8px 10px; }
#content ol { padding:0; margin:0;}

/*+++++++ MAIN +++++++*/
#wrapper { width:1000px; margin:20px auto 20px; }
#main { width:1000px; margin:auto; }

/*+++++++ HEADER +++++++*/
#header { width:1000px; height:70px; margin-bottom:10px; }
#logo { width:500px; float:left; height:72px;}
#logo h1 { text-indent:-9999px; }
#logo h1 a { display:block; background:url(images/logo.png) no-repeat; height:72px;}
#topsearch { float:left; width: 154px; height: 30px; margin:10px 5px 0 0; }
#topsearch #s { float: left; margin: 6px 0 0 6px; border: 0; width: 210px; background: none; color:#333; }
#topsearch #go { float: right; width:28px; height:30px;  }

/*+++++++ NAV +++++++*/
#nav { width:580px; background:url(images/navbkg.png) repeat-x; height:40px; margin-bottom:10px; }
#nav ul { font:18px Georgia, Times, serif; }
#nav ul li {display:inline; height:40px; line-height:40px; float:left; }
#nav ul li.current_page_item a { color:#FF9933; }
#nav ul li.current_page_item a:hover{ color:#CC0000; }
#nav ul li a { color:#FF9933; padding:0 20px 0 0;}
#nav ul li a:hover{ color:#CC0000; }
#nav ul li.rsslink a { color:#cc0000;}
#nav ul li.date { float:right; }

/*+++++++ CONTENT +++++++*/
#content { float:left; width:580px; padding-right:10px; line-height:160%;}
#content img {margin:0 10px 5px 0;}
#sidebar { float:right; width:400px; }
.boxes {background:url(images/line.png) bottom repeat-x; padding-bottom:10px; padding-top:10px;}
.taily {border:0px}

.flickr img {margin: 5px;  border: 1px solid #000;}

.ads {margin-right:1px;}
.ads img {border:2px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.socialbar {padding:10px 0 10px 0; color:#ccc; font:11px Georgia,Times, serif; background:url(images/socialbar.gif) no-repeat top left; padding:30px 10px 0 20px; height:88px; line-height:20px;}
.socialbar span {color:#FF6600;}
.socialbar a:link {color:#FF9933;}
.socialbar a:hover {color:#FF9933;}
.subscribetext{color:#666;border:1px solid #FF9933;background:#FF9933; width:150px;padding:2px;}
.subscribebutton {background-color:#FF9933; border:none; font-size:11px; color:#000; font-weight:bold; padding:3px;}
#lsidebar { width:170px; float:left;}
#rsidebar { width:190px; float:right;}




#content p { padding-bottom:10px;}
#content h2 { font:24px Georgia, Times, serif; text-transform:capitalize; padding-bottom:10px; }
#content h2 a { color:#000;}
#content p.info { font-size:10px; text-transform:uppercase; color:#CC0000; padding-bottom:10px;}
#content p.postmetadata { width:580px; background:url(images/postmeta.png) repeat-x; height:28px; line-height:28px; text-transform:uppercase; font-size:10px; color:#CC0000; padding:0px;}
#content p.postmetadata a { color:#CC0000; font-weight:normal; height:28px; line-height:28px;}
#content p.postmetadata2 { width:580px; background:url(images/postmeta.png) repeat-x; height:26px; line-height:50px; text-transform:uppercase; font-size:10px; color:#CC0000; padding:0px;}
#content p.tags { width:580px; background:url(images/line.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#ff6600; padding:0px;}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:580px; height:20px; margin-bottom:20px; }
.navigation span.older { background:url(images/older.png) no-repeat left; padding-left:20px; }
.navigation span.newer { background:url(images/newer.png) no-repeat right; padding-right:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:5px; color:#FF9933;}
#sidebar ul{ margin:5px auto 10px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#ff9933;}
#sidebar a { color:#cc0000; font-weight:normal;}

/*+++++++ COMMENT +++++++*/
#comments {
margin: 15px 0;
	width: 570px;	
}
#comments h3 {
	font-size: 1em;
	font-weight: normal;
}
#comments ul.commentlist li {

    border:1px dotted;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 10px 35px 10px;
}

#comments .comment-wrap {
	overflow: hidden;
	width: 100%;

}

#comments ul.commentlist li ul.children li {
clear: both;
	margin: 25px 25px 0 0;
}
#comments img.avatar {
	float: left;
	margin: 0 10px 0 0;
}
#comments .commentbody .author {
	font-size: 10px;
	margin-bottom: 10px;
	color: #eee;
}
#comments .commentbody .author a {
	color: #b9ff9d;
	border-bottom: 1px dashed #b9ff9d;
}
#comments .commentbody .author a:hover {
	color: #eee;
	border-bottom: 1px dashed #b9ff9d;
}
#comments .commentbody .commentmetadata {
	font-size: .7em;
	color: #bbb;
	margin-bottom: 55px;
padding-bottom:20px;
}
#comments .commentbody .commentmetadata a {
	color: #bbb;
}
#comments .commentbody p {
	font-size: .8em;
	padding: 5px 0 8px 0;
	line-height: 1.4em;
}
#comments .commentbody p a {
	color: #b9ff9d;
	border-bottom: 1px dashed #b9ff9d;
}
#comments .commentbody p a:hover {
	color: #eee;
	border-bottom: 1px dashed #b9ff9d;
}
#comments .reply a {
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 5px;
	line-height: 1.3em;
	font-size: .7em;
	float: left;
	background: #ddd;
	color: #000;
}
#comments .reply a:hover {
	background: #fff;
	color: #111;
}
#comments h3#trackbacktitle {
	padding-top: 10px;
}
#comments ul.trackback {
 border:1px dotted;
	clear: both;
	margin: 10px 0 0 0;
	padding: 15px;
}
#comments ul.trackback li {
	margin-bottom: 17px;
	font-size: .9em;
}
#comments ul.trackback li .commentbody .author {
	margin: 0;
}
#comments a#cancel-comment-reply-link {
	display: block;
	padding: 8px 0;
}
#comments a#cancel-comment-reply-link:hover {
	color: #ccc;
}
#comments #respond {
	margin-top: 25px;
	overflow: hidden;
	width: 100%;
}
#comments #respond h3 {
	margin-bottom: 15px;
}
#comments #respond input {
	padding: 5px;
	width: 200px;
	background: #efefef;
	font-size: .8em;
}
#comments #respond p {
	padding: .5em 0 0 0;
}
#comments #respond p label {
	font-size: .8em;
	font-weight: normal;
}
#comments #respond textarea {
	width: 500px;
	padding: 10px;
 border:1px dotted;
	clear: both;
	background: #fff;
	font-size: .9em;

}
#comments #respond .submitbutton {
	color: #fff;
	background: url(images/blacktrans3.png);
	padding: 6px;
	line-height: 1.4em;
	font-size: .8em;
}
#comments #respond .submitbutton:hover {
	cursor: pointer;
	color: #a8ef9d;
}
#comments #respond p.subscribe-to-comments label {
	display: inline;
	margin-left: 4px;
}




/*+++++++ FOOTER +++++++*/
#footer { width:1000px; background:url(images/fooline.png) repeat-x; height:26px; color:#ff6600; font:12px Georgia,Times, serif;}
#footer p { line-height:26px; padding-top:5px;}

/*+++++++ GALLERY +++++++*/
.gallery {text-align:left;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:left;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:left;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*++++++++++Authorbox++++++++++++++++*/
#authorbox{

    border:1px dotted;
    width:570px;
    margin:0 auto;
    margin-bottom:10px;
    overflow:hidden;
}
    #authorbox h4{
        font-size:14px;
        color:#191919;
        margin:0;
        padding:10px 10px 5px 10px;
    }
.authortext{
        padding-left:100px;
    }
#authorbox img{
        margin:0;
        padding:10px;
        float:left;
    }
    #authorbox p{
        color:#191919;
        margin:0;
        padding:0px 10px 10px 10px;
    }
 #authorbox h4 > a{
        text-decoration:none;
    }
#authorbox p{
        color:#191919;
    }

////***SOZIAL****///

#sozial ul {position:relative; top:10px!important;top:15px; padding:0; margin:0% 3% 0% 0%; }
#sozial ul li {display:inline; margin:2 1px; }
#sozial li {padding:2px 0px;}
#sozial li:hover {padding:2px 0px;}
#sozial a:hover {background-color:transparent;}
#content p.postmetadata2 { width:580px;  repeat-x; height:30px; line-height:558px; text-transform:uppercase; font-size:10px; color:#CC0000; padding:3px;}
#content p.postmetadata2 a { color:#CC0000; font-weight:normal; height:48px; line-height:48px;}

