/*

Theme Name: The Frog Blog

Version: 1.0

Description: Three-column layout for the Digital Frog International web site's Frog Blog.

Author: Digital Frog International

Author URI: https://www.digitalfrog.com/

*/

/* Section: Body --------- */



body {
	margin: 0;
	padding: 0; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
/* 	font-size: 10px;  easy scaling */
/* 	font-size: 0.76em; */
	background: #e0e6e0 url(img/diagonal.webp) repeat;
	color:#333;
	font: 0.7em/1.8em Verdana, Geneva, Arial, Verdana, sans-serif;
}

/* Sub-Section: Body Paragraph and Links --------- */

p {

	margin: 0.5em 0px 0.7em;

	line-height:1.8em;

}

a {

	text-decoration: none;	

}

a:link, a:visited {

	text-decoration: none;

	color:#191970;

}

a:hover, a:active {  

  border-bottom: #b8860b 1px solid;

}

abbr, acronym {

	font-style: normal;

	border-bottom: 1px dotted;

}

abbr[title]

{

	cursor:help;

}

blockquote{

	background: #EEE url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/blockquote.webp) no-repeat bottom left;

	/*border: 1px solid #E0E0E0;*/

	padding: 10px;

	padding-bottom: 40px;

	margin: 1em;

}

.commentlist li blockquote{

	background: #eeeee9;

        border: 1px dashed #191970;

        border-left: 2px solid #191970;

        border-bottom: 2px solid #191970;

	padding: 10px;

        padding-top: 3px;

        padding-bottom: 3px;

	margin: 1em;

        margin-left: 2em;

        color:#666;

        font-style: italic;

}

.commentlist li.alt blockquote{

	background: #f4f4f4;

}





dl dt 

{

	font-weight:bold;

	margin:5px 0;	

}

dl dd 

{

	padding-left:20px;

	display:inline;

}

fieldset 

{

	border:none;

}

img.right 

{

	float:right;

	padding:5px;

}

img.left 

{

	float:left;

	padding:5px;

}

#rap {

	margin: 0 auto;

	padding:0;		

	background:#fff url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/blogbkgd.webp) repeat-y left;

	/* box model hack */

	width:920px;

	voice-family: "\"}\""; 

  	voice-family: inherit;

	width:920px;	

}



html>body #rap { /* be nice to Opera */

	width: 920px;

}

/* Sub-Section:  FONTS --------- */



h2,h3 {
	color: #567;
	padding: 3px 0;
	margin: 0;
	border-bottom:#eaeaea 1px solid;
	font: normal 2.1em/normal Verdana, 'Trebuchet MS', sans-serif;
}



/* Section: Positioning --------- */



#header {
	height: 304px;
	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/header.webp) no-repeat left top;
	padding:0;
	width: 750px;
	margin: 0;
}

#header h1 

{
	font-size:2.5em;
	margin:10px 10px 10px 30px;
	padding-top: 220px;
}

#header h1 a:link,#header h1 a:visited 

{

	color:#000;

	border-bottom:none;

	background:none;

}

#header h1 a:hover,#header h1 a:active

{

	color:#666;

	border-bottom:#fff 1px solid;

	background:none;

}

#header h4

{
	margin:10px 10px 10px 30px;
	color: #666666;
	font-size: 1.1em;
	font-weight: normal;
}



#main {

	float: left;

	width: 528px;

	padding: 0;	

	margin: 0;		

}

#main ul 

{

	margin:0px 10px;

	padding:0px;

	list-style:none;

}

#main ul li 

{

	list-style-image:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/bullet.webp);

	padding:0px;	

	margin:0 1em;

}

#main td {
	border-bottom: 1px solid #999999;
	margin: 0px;
	padding: 0px;
}



.post 

{

	margin:10px 20px 30px;			

}



.post-title

{

	margin-left:10px;			

}

.post-title a:link, .post-title a:hover, .post-title a:visited, .post-title a:active 

{

	border-bottom:none;

}

.day-date {

	font-size: 0.9em;

	color: #999;

	padding: 3px 0;

	margin: 0 0 0 10px;			

}

.day-date em 

{

	font-style:normal;

	color:#666;

}

.post-content h4 

{

	font-size:1em;

	font-weight:normal;

}

.post-content h4 em

{

	font-style:normal;

	float:right;

	font-weight:normal;

}

.post-info {
	font-size : 0.9em;
	color : #666;
	margin : 0;
	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/comments-small.webp) no-repeat left center;
	padding-left:12px;
	border-bottom:#eaeaea 1px solid;
}

.post-content {

	padding:10px;

}

#sidebar {
	float: left;
	width: 190px;
	padding:10px;
	line-height:1.3em;
	margin-right: 10px;
}

#sidebar ul

{

	list-style: none;	

}

#sidebar form, #sidebar .block, #sidebar ul 

{

	margin:0;

	padding: 1em;		

	font-size: 0.9em;		

	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/sidebox.webp) no-repeat bottom center;

}

#sidebar ul ul 

{

	margin:0;

	padding:0;	

}

#sidebar ul li 

{

	list-style-image:none;

	margin:0 0 0 5px;

	padding:3px 0;

	

}

#sidebar ul li ul li

{

	list-style-image:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/arrow.webp);

	margin:0 10px;

	padding:3px 0;

	

}

#sidebar a {

	text-decoration: none;	

	border:none;

}

#sidebar a:hover 

{

	border-bottom:1px solid;

}



#sidebar ul img {

	border:#459 1px solid;

}

#sidebar h2

{
	margin:20px 0 0 0;
	color: #fafafa;
	height:20px;
	border:none;
	padding:5px 10px 0;
	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/sideh2.webp) no-repeat top center;
	font: bold 1em Arial, Helvetica, sans-serif;
}

#sidebar li h2 

{

	background:none;

	color:#996666;

	border-bottom:#996666 1px solid;

	padding:0;

	margin:0 0 0 0;

}

#sidebar ul li.feed

{

	list-style:none;

	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/feed.webp) no-repeat left center;

	padding-left:18px;

	margin:0;

}

#sidebar ul li a img{

	border: none;

}

#sidebar a.noundie:hover {

	border: none;

}

#footer {
	clear: both;
	margin:0 auto;
	color: #666666;
	font-size: 0.9em;
	padding:5px 10px 5px 180px;
	width:730px;
	text-align: center;
}

#footer strong 

{

	color:#fff;

	font-size:1.4em;

}

#footer ul 

{

	margin:0;

	padding:0;		

}

#footer ul li 

{

	list-style:none;

	padding-left:15px;

	background:url(https://www.digitalfrog.com/blog/wp-content/themes/DFI-FrogBlog/img/arrow.webp) no-repeat left center;	

}

#footer div 

{

	float:right;

	width:30%;

	margin:0;

	padding:0;		

}

#footer a 

{
	color: #666666;
	text-decoration: none;
}

#footer a:hover

{
	background: #666666;
	color: #FFFFFF;
}

#comments, #respond{

	margin: 2em 0 0 5px;

}

#commentform 

{

	margin:10px;

	padding:10px;

}

#rap .commentlist {

	margin: 0 1em;

	padding: 0;

}

.commentlist li 

{

	list-style:none;

	margin: 1em 0;

	padding: 0.5em;	

	background:#eeeee9;

}

.commentlist li.alt 

{

    background:#f0f0f0;

}

.commentlist li .cmtinfo 

{

	font-size:1em;	

	border-bottom: #ddd 1px solid;

}

.commentlist li cite 

{

	font-style:normal;

	font-weight:bold;

}

.commentlist li .cmtinfo em 

{

	float:right;

	margin:0;

	padding:0;

	font-style:normal;

	font-size:0.9em;

	color:#999;

}

.nocomments 

{

	padding-left:10px;

}



fieldset{

	border: none;

}



.field label{

	display: block;

}



textarea{

	width: 90%;

	height: 20em;

	border: 1px solid #ccc;	

	background:#f0f0f0;

}



input{

	border: 1px solid #ccc;	

	background:#f0f0f0;

}

button {

	border: 1px solid #ccc;	

	background:#f0f0f0;

        font-family: Verdana,Tahoma, Arial, Serif;

        height: 20px;

}


.author-content {

	margin-left: 30px;
	margin-right: 20px;

}

.author-content h4 

{

	font-size:1em;

	font-weight:normal;

}

.author-content h4 em

{

	font-style:normal;

	float:right;

	font-weight:normal;

}

.author-content li {

	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;

}

.author-content ul {

	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;

}


.author-details {

	padding-bottom: 20px;

}

#related-posts {
	margin-left: 10px;
}

#related-posts ul {
	margin-left: 10px;
}

#related-posts li {
	margin-left: 10px;
}


#related-posts h4 {
	margin-bottom: 6px;
	line-height: 10px;
}


/* Navigation */

#gnav 

{

	list-style:none;	

	margin:0 auto;

	padding:0 0 3px 0;	

	background:#191970;

	border-bottom:#886b6d 1px solid;

	font-variant:small-caps;

	font-family:'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	

	font-weight:bold;

	text-align:right;	

	font-size:1.2em;			

}

#gnav li 

{

	list-style:none;

	display:inline;

	margin:0;

	padding:5px 10px;		

}

#gnav li a:link, #gnav li a:visited

{

	color:#ccc;

	text-decoration:none;

	padding:2px 0;	

	border-bottom:none;

	background:none;

}

#gnav li a:hover, #gnav li a:active

{

	border-bottom:#fff 2px solid;

	color:#fff;

	background:none;

}

#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:hover, #gnav li.current_page_item a:active

{

	border-bottom:#fff 2px solid;

	color:#fff;

}

/* Site Menu*/

#nav {
	width: 170px;
	float: left;
	background: url(https://www.digitalfrog.com/images/nav-bkgd.webp);
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 0.95em;
}

#nav p{
	margin: 0px;
	padding: 0px;
}

#nav ul {
	color: #FFFFFF;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #CCCCCC;
}

#nav ul li{
	border-top: 1px dotted #CCCCCC;
	margin: 0px;
}

#nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	width: 142px;
	display: block;
	padding: 8px 8px 8px 20px;
	background: url(https://www.digitalfrog.com/images/nav-bkgd.webp) repeat-y;
	font-size: 11px;
} 

#nav ul li a:hover, #nav a:hover{
	background: url(https://www.digitalfrog.com/images/nav-hilite.webp) repeat-y;
	text-decoration: none;
	border-style: none;
}

/* Section: Fix for Wordpress 2.6 image alignment --------- */


img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

/* Section: Misc --------- */



#header, #main,#content, #sidebar, #footer, .widget {

    overflow: hidden;

}

.hidden{
 	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* HACK FOR FIXING 3-PIXEL JOG IN IE6*/
/* hide hack from Mac-IE5 \*/
* html #nav {
margin-right: -3px;
}
* html #header {
height: 1%;
margin-left: 0;
}
/* end hiding */

/*
     FILE ARCHIVED ON 00:48:52 Jun 10, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:59:15 Mar 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.771
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.057
  esindex: 0.012
  cdx.remote: 7.347
  LoadShardBlock: 68.752 (3)
  PetaboxLoader3.datanode: 82.949 (4)
  load_resource: 95.656
  PetaboxLoader3.resolve: 43.492
*/