/*
+----------------------------------------------+
|  Copyright©2009, Steven Douglas Huddleston   |
|             All Rights Reserved              |
| No portion of this code can be copied, used, |
| published or reproduced in any way without   |
| the expressed written consent of the author. |
+----------------------------------------------+
*/

/*
------------------[ General Formatting ]
Verdana, Arial, Helvetica (Small Fonts)
*/

body {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 100%;
    background-image: url(http://www.kongaloid.org/src/img/paper.gif);
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
}

a           { color: #0000ff; text-decoration: none; font-weight: normal; } 
a:link      { color: #0070E0; } 
a:visited   { color: #CC6600; }
a:hover     { color: #008000; font-weight: bold; }
a:active    { color: #ff0000; } 

form { margin-bottom: 0px; }

input[type="text"]       { background-color:#f5f5dc; }
input[type="text"]:hover { background-color:#ffff99; }
input[type="text"]:focus { background-color:#e0ffff; }

textarea       { background-color:#f5f5dc; }
textarea:hover { background-color:#ffff99; }
textarea:focus { background-color:#e0ffff; }

select       { background-color:#f5f5dc; }
select:hover { background-color:#ffff99; }
select:focus { background-color:#e0ffff; }

h1, h2, h3, h4, h5 { margin:0px; padding:0px; }

/*
------------------[ Javascript Notice ]
*/

.noscript { font-weight:bold; color:#ff0000; }

/*
------------------[ Sections Formatting ]
*/

#banner, #banner-commentspop {}

#banner {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index:-1000;
    width: 98%;
    padding: 0px;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#banner-commentspop {
    border-bottom: 1px dotted #697;
    font-size: x-large;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
    margin-bottom: 10px;
}

#banner .description {
    color: #999;
    font-family: times, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin-left: 25px;
}     

#banner .description-small {
    color: #999;
    font-family: times, serif;
    font-size: 14px;
    font-weight: bold;
}     

#brzie, #brzbz, #brzcr { width:31px; height:30px; border:0; }
#brzop { width:32px; height:30px; border:0; }
#brzsf { width:28px; height:30px; border:0; }

/*
------------------[ Blog Contents Formatting ]
*/

.blog {
    background-color: #ffffff;
    margin-bottom: 10px;
    border: medium inset #ffffff;
}	

.blogbody {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;			
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 10px;
    padding: 5px;
}

.blogbody img {}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover { font-weight: normal; text-decoration: underline; }

#container {
    margin: 10px;
}

#content {
    left: 240px;
    top: 180px;
    right: 10px;
    position: absolute;
}

.date	{ 
    color: #888;
    font-size: 12px; 
    font-weight: bold;
    text-align: right;
}			

/*
------------------[ Links Contents Formatting ]
*/

#linksleeve {
    left: 10px;
    top: 180px;
    position: absolute;
    width: 220px;
}			

.links {
    background-color: #ffffff;
    text-align: center;
    border: medium inset #ffffff;
    margin-bottom: 10px;
}

.title	{ 
    border: 0;
    color: #000000; 	
    font-size: 16px;
    font-weight: bold; 
    padding: 3px;
}

#menu {
    background: #fff;
    border: 1px solid #9c9;
    font-size: 16px;
    text-align:center;  							
}		

.posted	{ 
    color: #666; 
    font-size: 14px; 
    margin-top: 8px;
    text-align: right;
}

.calendar {
    font-size: 10px;
    font-weight: normal;
    line-height: 140%;
    padding: 0px;
    text-align: center;	
}

div.calendar {
    background-color: #EEEDDD;
    border: #000 solid 1px;
    padding: 0px;
}

div.calendar table {
    width: 98%;
}

.calendarhead {	
    background: #D9D8B4;
    border: #c0c0c0 solid 1px;
    font-size: 14px;
    font-weight: bold;
    line-height: 140%;
    padding: 2px;					
    width: 100%;
}	

.side {
    border-color: #c0c0c0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    padding: 0px;				
    text-align: center;                                     
}	

.side-small {
    font-size: 9px;
    line-height: 120%;
    padding: 3px 5px 3px 5px ;                    
}     

.side-quote {
    color: #CC6600;
    font-size: 12px; 
    font-weight: bold;
    line-height: 140%;
    margin: 5px 5px 5px 5px ;
}     

.side-quotee {
    color: #888;
    font-style: italic;
    margin: 5px 0px 0px 0px ;
}     

.sidetitle {
    width: 100%;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    text-align: center;                                     
    letter-spacing: .3em;
}		

.syndicate {
    width: 90%;
    cursor: pointer;
    color: #0000ff;
    font-size: 12px;
    font-weight: bold;          
    padding: 2px;
    margin: 0px 0px 10px 0px;
    text-align: center;
}     

.powered {
    font-size: 14px;
    line-height:140%;
    margin-top: 10px;
    padding:2px;
    text-align:center;
}	

.comments-body {
    background-color: #fff;
    border: 1px solid #9c9;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    line-height:140%;
    margin-bottom: 10px;
    padding: 10px;
}		

.comments-post {
    color: #666; 
    font-size: 14px; 
    margin-top: 8px;
    padding: 1px 10px;
    text-align: right;
}	

.trackback-url {
    color:#666;
    font-size: 16px;
    font-weight:normal;
    background: #fff;
    line-height: 140%;
    padding: 5px;	
    border: 1px dotted #9c9; 					
}

.trackback-body {
    background: #fff;
    color:#666;
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    padding-bottom: 10px;
    padding-top: 10px;		
    border-bottom: 1px dotted #9c9;
}		

.trackback-post {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    background: #fff;		
}

.comments-head	{ 
    background-color: #dfd;
    border: #9c9 solid 1px;
    color: #888; 
    font-size: 16px; 
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
}		

/*
------------------[ Kongaloid-Specific Formatting ]
*/

#olk {display:none;}     /* On-Line Kongaloids */

.rockus-banner {
    width:631px; 
    height:141px; 
    border:0;
}

.rockus-hail {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    font-size:14px; 
    font-weight:bold; 
    text-align: center;
    margin: 2px 0px 0px 0px; 
}

.kongastats { 
    text-align:center;
    font-size: 15px;
    font-weight: bold; 
    padding: 3px;
}

.kongalink {
    width:100%;
    font-size: 14px;
    font-weight: bold;          
    padding: 0px;
    margin-top: 0px;
    text-align: center;
}     

.kongalink a           { color: #0000ff; text-decoration: none; font-weight: normal; } 
.kongalink a:link      { color: #0000ff; }
.kongalink a:visited   { color: #0000ff; }
.kongalink a:active    { color: #ff0000; }
.kongalink a:hover     { color: #ff0000; text-decoration: underline; font-weight: bold; }

.permalink             { font-size: 14px; }
.permalink a           { color: #0000ff; text-decoration: none; font-weight: bold; }
.permalink a:link      { color: #0070E0; }
.permalink a:visited   { color: #0070E0; }
.permalink a:active    { color: #ff0000; }
.permalink a:hover     { color: #008000; text-decoration: underline; font-weight: bolder; }

.copyright {
    width: 100%;
    border: 0;
    font-size: 12pX;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    margin-top: 10px;                                     
}

.thinbutton {
    cursor:pointer;
    font-size: 9px;
    font-weight: bold;
    color: #0000ff;
    padding: 2px 5px;
    margin: 5px 0px 0px;
}     

.button {
    height:24px;
    cursor:pointer;
    font-size: 12px;
    font-weight: bold;          
}     

.button-vid {
    cursor:pointer;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 5px;
    margin: 5px 0px;
}     

.headline {
    font-size: 18px;
    font-weight: bold;          
    line-height: 110%;
    text-align: center;
    width: 100%;
}

.blog-quote {
    color: #CC6600;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0px 35px 0px 25px;
    padding: 0px 0px 0px 8px;
}

.comments-header	{ 
    width: 100%;
    border: #CC6600 solid 1px;
    background-color: #FFCC66;
    color: #3d3d3d;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding:3px;
}		

.printcnote {
    width: 100%;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;			
    text-align: center;
}

/*
------------------[ Image Frames Formatting ]
*/

.imgleft  {margin: 0px 15px 0px 0px;}
.imgright {margin: 0px 0px 0px 5px;}

.framein  {border: 4px inset #ffffff;}
.frameout {border: 4px outset #ffffff;}

.imgcaption {
    font-size: 11px;
    line-height: 120%;
    padding: 3px 5px 3px 5px;
}

.pixie {}

.flagstiny {
    width:25px; 
    height:15px; 
    border:1px outset #ffffff; 
    margin: 3px 2px -5px 2px;
}

#moontoday {
    font-size: 11px;
    color: #c0c0c0;
    line-height: 120%;
    width: 100%;
    border: 0;
    text-align: center;
    padding: 0px 0px 5px 0px;
    background-image: url(http://www.kongaloid.org/src/img/stars04.gif);
}

#moontoday .imgspec {
    border: 0;
    width: 100px;
    height: 100px;
}

#igtb {
    cursor:pointer;
    height:300px;
    width:180px;
    margin: 10px 0px 10px 0px;
}

#promo-coqui {
    text-align:center;
}

#promo-coqui .header {
    color:#CC6600;
    font-weight:bold;
}

#promo-coqui .imgspec {
    border: 0;
    width: 60px;
    height: 60px;
}

.nav-arrow {
    width:14px;
    height:12px;
    border:0;
}

.caveat {
    font-size: 11px;
    line-height: 120%;
    padding: 3px 5px 3px 5px;
    font-weight:bold; 
    text-align:justify;
}

.caveat a           { color: #0000ff; text-decoration: none; font-weight: bold; } 
.caveat a:link      { color: #0070E0; } 
.caveat a:hover     { text-decoration: underline; }

.disclaim {
    font-size: 12px;
    font-weight:bold;
    text-align:center;
}

.last-update {
    color:#663300;
    font-weight: bold;
    font-size: 11px;
    text-align:center;
}

.headerquote {
    font-size:16px;
    text-align:center;
    border:0;
    width:98%;
    padding: 0px 25px 0px 25px;
}

.birthday {
    font-size:14px;
    text-align:center;
    border:0;
    width:100%;
}

.wmphoto { background-color:#D9D6B4; }

/*
------------------[ Note Frames ]
*/

.comment {
    font-size: 11px;
    line-height: 120%;
    text-align: justify;
    border-left: 5px solid #CC6600;
    border-right: 5px solid #CC6600;
    padding: 0px 8px 0px 8px;
    margin: 0px 35px 0px 25px;
}     

.yellownote {
    border:2px solid #663300; 
    text-align:center; 
    background-color: #FFFFCC;
}

.yellowplug {
    text-align:justify; 
    background-color: #FFFFCC;
    width:92%;
    border:2px solid #663300; 
    margin: 0px 0px 0px 25px;
}

/*
------------------[ "Brown Paper" Table Frames ]
*/

table.shadow-note { width:100%; border:0; background-color:#EEDAAA; }
table.shadow-blog { width:100%; border:0; background-color:#EED9A8; }
table.shadow-stat { width:100%; border:0; background-color:#D9D6B4; }
table.shadow      { width:100%; border:0; }

td.shadow-topl { width: 16px; height: 16px; background-image: url(borders/tl.gif); } 
td.shadow-topr { width: 16px; height: 16px; background-image: url(borders/tr.gif); }
td.shadow-botl { width: 16px; height: 16px; background-image: url(borders/bl.gif); } 
td.shadow-botr { width: 16px; height: 16px; background-image: url(borders/br.gif); } 
td.shadow-top { height: 16px; background-image: url(borders/tc.gif); }
td.shadow-bot { height: 16px; background-image: url(borders/bc.gif); }
td.shadow-l { width: 16px; background-image: url(borders/lc.gif); }
td.shadow-r { width: 16px; background-image: url(borders/rc.gif); }
td.shadow-center { }

td.shadow-tl { width: 16px; height: 26px; background-image: url(borders/ttllef.gif); } 
td.shadow-tm { height: 26px; background-image: url(borders/ttlmid.gif); }
td.shadow-tr { width: 16px; height: 26px; background-image: url(borders/ttlrig.gif); } 

td.side-t { height: 5px; background-image: url(borders/ttlsidet.gif); } 
td.side-m { background-image: url(borders/ttlsidem.gif); }
td.side-b { height: 4px; background-image: url(borders/ttlsideb.gif); } 


td.greygrad  { height: 24px; background-image: url(borders/greygrad.gif); }

/*
------------------[ Audio Menu ]
*/

.audiomenu {
    border: medium inset #ffffff;
    display:none;
    background-color:#FFFFBD;
    font-size: 9px;
    line-height: 120%;
    padding: 3px 5px;
    margin: 0px;
}     

.speaker {
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}