body
{
	font-family: Verdana, Helvetica, sans-serif;
	color:#007b00;
}

.logo
{
	float:left;
	padding:20px;
}

.titleblock
{
	padding-top:10px;
	padding-bottom:20px;
}

.title
{
	font-size:x-large;
}

.subtitle
{
	font-size:medium;
	color:#666666;
}

.subhead
{
	font-size:medium;
	color:#666666;
}

.blogdate
{
	font-size:x-small;
	color:#5f865f;
}

.blogarticletitle
{
	font-size:x-large;
}

}

.blogtext
{
	font-size:small;
	
	padding-top:5px;
	padding-bottom:20px;
	
}

.bigimage
{
	padding-top:20px;
	margin-left: auto;
    margin-right: auto;
  }

code
{
	font-family: Courier;
	font-size:15px;
	color:#bbbbbb;
}

.maintext
{
	margin-left: auto;
    margin-right: auto;	
    width:auto;
}



.smallimage
{
	margin-top:5px;
}

.headertext
{
	margin:20px;
	padding:20px;	
}



.main
{
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
	border: 1px solid;
	padding:15px;
	width:90%;
}

.imageblock
{
	margin:20px;
	clear:both;
}

.imagemac
{
	float:left;
	width:50%;
}

.imageios
{
	float:right;
	width:50%;
}

#faq dd
{
	font-size:small;
	font-weight:normal;
}

#faq dt 
{
  margin-top: 1em; 
  font-size:medium;
  font-weight:bold;
}
 
.title
{
	font-size:x-large;
}

.footer
{
	font-size:xx-small;
}

.copy
{
	font-size: xx-small;	
}

a 
{
	color:#00bb00;
	text-decoration: none;
}

a:hover
{
	color:#ff9c32;
	text-decoration: none;
}


.menu
{
	align-content: right;
}

.download
{
	font-size:x-large;
}

@media only screen
{
	.main
	{
   		background: #dddddd;
	}

}

@media (prefers-color-scheme: light)
{
	.main
	{
   		background: #dddddd;
	}
	
	code
	{
		font-family: Courier;
		font-size:15px;
		color:#444444;
	}

}
	
@media (prefers-color-scheme: dark)
{
	.main
	{
		background: #333333;	
	}
		
    body 
    {
        background: #2c2a28 !important;
        color: $dt-gray-light !important;

		
        blockquote {
            color: $dt-gray-light !important;
        }

        div.highlight {
            border: 1px $dt-gray-light solid !important;
        }

        .language-toggle a {
            color: $dt-gray-light !important;
        }

        .info {
            background: #333c44 !important;

        }

        .warning {
            background: #484131 !important;

        }

        .error {
            background: #592e41 !important;

        }
    }
}