/*
Theme Name: Dynamic-Vision Fruity
Theme URI: http://benediktrb.de
Description: Fruity modification of Dynamic-Vision Theme of <a href="http://benediktrb.de">Benedikt</a>. Modifications made by <a href="http://www.ivanodibiasi.com">Ivano Di Biasi</a>
Version: 1.0
Author: Ivano Di Biasi (just mofications) original theme by Benedikt Rieke-Benninghaus
Author URI: http://www.ivanodibiasi.com
*/

/*************************************
 +Containers
 *************************************/

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body {
	background: #1D3405;
	color: #000000;
	font: 0.75em/120% "Myriad Web Pro", "Tahoma", Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 15px;
	text-align: center;
}

#wrap {
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	background: #ffffff;
	margin: 0 auto;
	text-align: left;
	width: 1024px;
}

#container {
	background-color: #ffffff;
}

#content {
	background: #ffffff;
	font-size: 1.2em;
	float: left;
	padding: 3em;
	width: 60%;
	border-right: 1px solid #eeeeee;
}

#contentbox {
	border-top: 1px dotted #999999;
	width: 100%;
	margin: 0;
	padding: 4px;
}

#kategorien {
	float: left;
	width: 250px;
}

#archive {
	margin-left: 20px;
	float: left;
	width: 250px
}

#sidebar {
	background: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 25%;
	padding: 3em 0 0 0px;
}

#header {
	margin: 0;
	padding: 0;
	background:#ffffff url(./images/logo_bg.gif) top left;
	height: 55px;
	line-height: 55px;
}

#header.a.hover, visited {
	color: #000000;
}

#headerpicture {
	margin: 0;
	padding: 0;
	background: #ffffff url(./images/header.jpg) no-repeat top left;
	height: 262px;
	line-height: 262px;
}

.menu1 {
	height: 50px;
	line-height: 50px;
	float: left;
	width: 100%;
	background: #ffffff url(./images/menu_bg.gif) repeat-x top left;
	margin: 0 auto;
	padding: 0;
}

/**************** menu coding *****************/

#footer {
        clear: both;
        background: #010101 url(./images/footer_bg.gif) repeat-x top left;
        color: #ffffff;
        font-size: 0.9em;
        padding: 0.5em;
}

#pagetop {
        background: #ffffff url(./images/ontop.gif) no-repeat top left;
        height: 10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

.menu1 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;	
}

.menu1 ul li {
	float: left;
	position: relative;
	-moz-opacity:0.93; /* for mozilla */
	opacity: 0.93; /* for safari */
	khtml-opacity: 0.93 /* for konquerer and older safari */
}

.menu1 ul li a, .menu1 ul li a:visited {
	float: left;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	height: 50px;
	width: 122px;
	padding-top: 12px;
	padding-left: 6px;
	margin-right: 0px;
}

.menu1 ul li:hover {
	width: auto;
}

.menu1 ul li a.menu1one:hover {
        color: #ffffff;
        border-color:#cc0;
}

.menu1 ul li a.menu1two:hover {
        color: #ffffff;
        border-color:#cc0;
}

.menu1 ul li a.menu1three:hover {
        color: #ffffff;
        border-color:#cc0;
}

.menu1 ul li a.menu1four:hover {
        color:#ffffff;
        border-color:#cc0;
}

.menu1 ul li:hover a.menu1one {
	color: #ffffff;
}

.menu1 ul li:hover a.menu1two {
	color: #ffffff;
}

.menu1 ul li:hover a.menu1three {
	color: #ffffff;
}

.menu1 ul li:hover a.menu1four {
	color: #ffffff;
}

.menu1 ul li ul {
	display: none;
}

.menu1 table {
	margin: 0;
	border-collapse: collapse;
	font-size: 11px;
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
}

/* specific to non IE browsers */

.menu1 ul li:hover ul {
	display: block;
	position: absolute;
	top: 48px;
	margin-top: 1px;
	left: 0;
	width: 129px;
	border-bottom: 1px solid #000000;
}

.menu1 ul li:hover ul.endstop {
	left: -92px;
}

.menu1 ul li:hover ul li ul {
	display: none;
}

.menu1 ul li:hover ul li a {
	display: block;
	background: #ffffff;
	color: #333333;
	height: auto;
	line-height: 15px;
	padding: 4px 6px;
	width: 115px;
	border: 1px solid #000000;
	border-bottom: 0;
}

.menu1 ul li:hover ul li a:hover {
	color: #ffffff;
	background: #333333;
}

.menu1 ul li:hover ul li a:hover.drop {
	background: #333333;
}

.menu1 ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 128px;
	top: -1px;
}

.menu1 ul li:hover ul li:hover ul.left {
	left: -153px;
}

/* specific to IE5.5 and IE6 browsers */

.menu1 ul li a:hover ul {
        display: block;
        position: absolute;
        top: 49px;
        t\op: 49px;
        background: #ffffff;
        left: 0;
        border-bottom: 1px solid #000000;
}

.menu1 ul li a:hover ul.endstop {
        left: -92px;
}

.menu1 ul li a:hover ul li a {
        display: block;
        background: #ffffff;
        color:#333333;
        height: 1px;
        line-height: 15px;
        padding: 4px 6px;
        width:115px;
        w\idth: 115px;
        border: 1px solid #000000;
        border-bottom:0;
}

.menu1 ul li a:hover ul li a.drop {
        background: #ffffff;
}

.menu1 ul li a:hover ul li a ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        width: 0;
}

.menu1 ul li a:hover ul li a:hover {
        color: #ffffff;
        background: #333333;
}

.menu1 ul li a:hover ul li a:hover.drop {
        background: #333333;
}

.menu1 ul li a:hover ul li a:hover ul {
        visibility: visible;
        position: absolute;
        top: 0;
        color: #000000;
        left: 128px;
}

.menu1 ul li a:hover ul li a:hover ul.left {
        left:-128px;
}

<!--[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height: 33px;}
</style>
<![endif]-->

/*************************************
 +Headline
 *************************************/

h1, h2, h3 {
	font-weight: normal;
	margin: 0;
}

#header h1 {
	float: left;
	margin-left: 1.5em;
	height: 55px;
	color: #000000;
}

.entrytitle h2{
	font-size:1.6em;
}
.entrytitle h2 a
{
	color:#000;
}
.entrytitle h2 a:hover{
	color:#7ABE2D;
}
#sidebar h3{
	color:#000;
	font-size:1.5em;
	margin:2px;
        font-weight:bold;
}
/*************************************
 +Entry
 *************************************/

.entry {
	margin-bottom: 3em;
}
.entry p{
        padding:4px;
}
.entry ul{
	list-style-type:none;
        padding:4px;
}
.entry li{
        border-left:2px solid #121212;
        padding-left:4px;
        margin-top:2px;
        display:block;
}
.entry code{
        padding:4px;
        background:#ccc;
}
.entry h3{
        padding:2px;
        margin:2px;
        font-weight:bold;
        font-size:1.2em;
}
.postinfo {
	font-size: 0.7em;
}
.entrybody {
	margin-top: 12px;
}
.entrymeta {
	margin-top: 12px;
	color: #000;
	font-size: 1em;
}
.author {
	font-weight: bold;
	color: #FF6300;
}
.comments {
        padding-left: 20px;
	background: #fff url(./images/comments.gif) no-repeat;
	font-weight: bold;
}

.postmetadata
{
        background-color: #F0F0F0;
	border: 1px solid #E1E1E1;
	padding: 0.5em;
        color: #000;
 	margin-top: 30px;
}

#content blockquote {
	margin:20px;
	padding:1px 10px 1px 70px;
	background: transparent url( images/quote.png ) top left no-repeat;
}

/*************************************
 +Content Box
 *************************************/
#archive, #kategorien ul{
	list-style-type:none;
}
#kategorien li, #archive li{
	display: block;
        font-size: 0.9em;
        text-align: left;
	text-decoration: none;
        border-bottom: 1px dotted #000;
}
#kategorien li a, #archive li a, #kategorien li a:visited, #archive li a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
	height: 17px;
}
#kategorien li a:hover, #archive li a:hover, #kategorien li a:active, #archive li a:active{
        background:#2F2C2C;
        color:#fff;
}

#archive h2, #kategorien h2 {
	font-weight:bold;
	font-size: 1.2em;
}


/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;padding:0;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
}
#sidebar ul li{
	padding-bottom: 10px;
}

/*************************************
 +Footer
 *************************************/

#footer_container{
	width:850px;
	margin: 0 auto;
}
#lastthreads{
	float:left;
	width:350px
}
#lastthreads ul{
	list-style-type:none;
        padding: 8px;
}
#lastcomments ul{
	list-style-type:none;
        padding: 8px;
}
#lastthreads li {
        font-size: 1.2em;
}
#lastcomments li {
        font-size: 1.2em;
}
#lastthreads li, #lastcomments li{
	display: block;
        text-align: left;
	text-decoration: none;
        padding-left:30px;
        margin-bottom: 6px;
}
#lastthreads li{
        background:transparent url(./images/green_arrow.gif) 2px center no-repeat;
}
#lastcomments li{
        background:transparent url(./images/orange_arrow.gif) 2px center no-repeat;
}
#lastthreads li a, #lastthreads li a:hover, #lastthreads li a:visited, #lastcomments li a, #lastcomments li a:hover, #lastcomments li a:visited{
	color: #fff;
	text-decoration: none;
}
.last_author{
        color: #FF2BD5
}
#lastcomments{
	float:right;
	width:400px
}
#lastthreads h2, #lastcomments h2 {
	font-weight:bold;
	font-size: 1.4em;
}

.copy
{
        font-size: 1.2em;
        text-align: center;
}

.copy a:link, .copy a:visited
{
        color: #FF2BD5;
	text-decoration: none;
}

.copy a:hover, .copy a:active
{
	color:#fff;
}

.concopy
{
	font-size: 1.2em;
        font-weight: normal;
}

.concopy a:link, .concopy a:visited
{ 
        color: #FF2BD5;
	text-decoration:none;
}

.concopy a:hover, .concopy a:active
{
	color:#fff;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0;
	padding:0;
}

.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#000;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	padding:0.5em;
}

.alt{
        background-color: #EEEEEE;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding: 0.8em;
        color: #000;
}

.normal{
	padding: 0.8em;
        color: #000;
}

h3#comments{
	font-size:1.3em;
}

h3#respond{
	font-size:1.3em;
        margin-top: 30px;
}

.countcomment{
	color:#000;
}

.commentmetadata
{
	font-size:0.9em;
}

.gravatar
{
	float:left;
         border: 1px solid #000;
         margin-right: 5px;
         margin-top: 5px;
         width: 36px;
         height: 36px;
}

/*************************************
 +Header List
 *************************************/

#menu_old ul{
	list-style-type:none;
        float:right
}

#menu_old li{
	margin-right: 10px;
	display: inline;
}

#menu_old li a, #menu li a:visited{
	height: 50px;
        width:122px;
        padding-top: 12px;
	color: #fff;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
	text-decoration: none;
        float:left;
	margin-right: 5px;
}

#menu_old li a:hover{
        background:transparent url(./images/menu_over.gif) no-repeat;
}

#menu_old li a:active{
        background:transparent url(./images/menu_active.gif) no-repeat;
}

/*************************************
 +Header List
 *************************************/

#header ul{
	list-style-type:none;
        float:right;
        margin:0;
        margin-right:1em;
}

#header li{
        padding:0;
        display:inline;
}

#header li a{
        display:inline;
}

/*************************************
 +Misc
 *************************************/

#content a:link, #content a:visited
{
	color:#ff7500;
	border-bottom: 1px dotted #ff7500;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}
#content a:hover
{
	color: #ffffff;
	background-color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}

#content a:active
{
        color: #ffffff;
        background-color: #4f9500;
        border-bottom: 1px solid #4f9500;
       	padding-left: 2px;
		padding-right: 2px;
        text-decoration: none;
}

#sidebar a:link, #sidebar a:visited
{
        color:#ff7500;
        /*border-bottom: 1px dotted #ff7500;*/
        text-decoration: none;
}

#sidebar a:hover
{
        color: #ffffff;
        background-color: #ff7500;
        /*border-bottom: 1px solid #ff7500;*/
        text-decoration: none;
}

#sidebar a:active
{
        color: #ffffff;
        background-color: #4f9500;
        /*border-bottom: 1px solid #4f9500;*/
        text-decoration: none;
}

.ha{
	color:#444444;
	text-decoration:none;
}
.ha:hover{
	color: #ffffff;
}

.nodisplay {
        left: -5000px;
        position:absolute;
}
.bold {
        font-size:1em;
        font-weight:bold;
}
.trennen {
        background:#fff url(./images/trennung.gif) no-repeat;
        margin-top: 5px;
        margin-bottom: 5px;
        margin:0 auto;
}


input
{
	border: 1px solid #939393;
	padding: 4px;
	font-size: 1.1em;
}

textarea
{
	border: 1px solid #939393;
	padding: 2px;
	font-size: 1.0em;
}

.skiplink {
	display: none;
}

/*************************************
 +Images
 *************************************/

.imgalignleft {
   float: left;
   margin-right: 20px;
   margin-bottom: 7px;
}

.disco_mh
{
	font-size: 1em;
	font-weight: bold;
	width: 9em;
}

.disco_h
{
	background: #939393;
	font-size: 0.8em;
	font-weight: bold;
	width: 9em;
	white-space: nowrap;
}

.disco_d
{
	background: #dcdcdc;
	font-size: 0.8em;
	margin: 0;
	width: 9em;
}