/*  
*******************************************************
* WWW.CHILD-ONLINE.COM                                *
* jlsnet.css Screen Stylesheet                        *
* By: James Lee Saunders                              *
* Date: 18 Aug 2007                                   *
*******************************************************
*/



/*** Main Body Styles ***/
body {
   background: #FFFFFF;
   color: #336699;
   margin: 0px;
   padding: 0px;
   border: 0px solid black;
   text-align: left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: large;
}

a {
	COLOR: #D73869;
   text-decoration: none;
}
a:visited { 
   /* ?? */
}
a:hover {
   COLOR: #D73869; 
   text-decoration: underline;
}
p, blockquote {
   line-height: 1.5em;
}




/*** Insert Styles ***/
.insert {
   width: 100%;
   background: #f3f3f3 url(/images/inserts/insert_peel.gif) no-repeat right bottom;
   border: 1px solid #b0b0b0;
   margin-bottom: 15px;
   padding-bottom: 15px;
}
.insert h2 {
   padding: 5px 0px 4px 8px;
   border-top: 3px solid #bbb;
   margin: 0px 0px 8px 0px;
   border-bottom: 1px solid #ddd;
   background: #D73869 url(/images/inserts/insert_heading.jpg) no-repeat;
   font-size: 14px;
   letter-spacing: -1px;
   text-transform: uppercase;
   color: white;
}
.insert h3 {
   padding: 5px 0px 4px 8px;
   border-top: 3px solid #bbb;
   margin: 0px 0px 8px 0px;
   border-bottom: 1px solid #ddd;
   font-size: medium;
   letter-spacing: normal;
   color: #D73869;
   font-family:Georgia, "Times New Roman", Times, serif;
}
.insert form {
   padding: 10px;
}
.insert p, .insert ul {
   padding: 7px;
   list-style: none;
   color:#000000;
   font-size:small;
}
.insert li {
   padding-left: 17px;
   margin: 0 0 5px 0;
}


.insert img {
   border: 0px 0px 0px 0px;
}

.sortabledemo {
   border: 0px 0px 0px 0px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   list-style: none;
   cursor: move;
   width: 100%;
   margin-left: 0px;
   padding-left: 0px;
   margin-top: 0px;
   padding-top: 0px;
}



.news { /*  Insert Background */
   background: #eee url(/images/inserts/insert_back_news.gif) no-repeat left top;
}
.donate { /*  Insert Background */
   background: #eee url(/images/inserts/insert_back_donate.gif) no-repeat left top;
}
.search { /*  Insert Background */
   background: #eee url(/images/inserts/insert_back_search.gif) no-repeat left top;
}
.contact { /*  Insert Background */
   background: #eee url(/images/inserts/insert_back_peel.gif) no-repeat right bottom;
}


/*** Header ***/
#masthead {
   padding: 0px;
   height: 75px;
   background-image: url(/images/mainlayout/children_masthead.png);
   background-position: left;
   background-repeat: no-repeat;
   background-color: #666699;
   border: solid 0px #000;
   border-bottom: solid 1px white;
}
#masthead img {
   border: solid 0px black;
}
#bloghead {
   padding: 0px;
   height: 75px;
   background-image: url(/images/mainlayout/jlsnet_head_left_hills.jpg);
   background-position: left;
   background-repeat: repeat-x;
   background-color: #9999FF;
   border: solid 0px #000;
   border-bottom: solid 1px white;
}
#bloghead img {
   border: solid 0px black;
}







/*** Main container ***/
#container {
   background: #CCCCFF url(/images/mainlayout/bodybg.jpg) repeat-x;
   color: #6699CC;
   margin: 0;
   min-width:770px;
   padding: 0;
   text-align:left;
   width: 100%;
   border: solid 0px black;
}








/*** Horizontal Menu ***/
#mainmenu {
   float:left;
   display: block;
   margin-bottom:10px;
}

#mainmenu ul {
   font-size: 16px;
   display: block;
   margin: 0;
   padding: 0;
   font-weight:bold;
}

#mainmenu li {
   float:left;
   height: 35px;
   list-style: none;
   margin: 0;
   padding: 0;
}

#mainmenu a {
   border-right: 1px solid #b0b0b0;
   color: #606060;
   display: block;
   font-size: 0.7em;
   padding: 11px 10px 10px;
   text-transform:uppercase;
}

#mainmenu a:hover {
   background: #D73869 url(/images/mainlayout/menuhover.jpg) top left repeat-x;
   color: #FFFFFF;
   text-decoration: none;
}

#mainmenu a.current {
   background: #D73869 url(/images/mainlayout/menuselected.jpg) top left repeat-x;
   color: #FFFFFF;
   text-decoration: none;
}

#login {
   color: #336699;
   font-weight: bold;
   font-size: 0.9em;
   text-align: right;
   margin-top:10px;
   margin-bottom:10px;
   margin-right:15px;
   background-color:#FFFFFF;
}

#login input{ 
 font-size: 1.0em; 
 border: 1px solid #666666; 
}









/*** Content wrap ***/
#wrap {
   clear: both;
   font-size: 0.9em;
   padding: 0;
}








/*** Left and Right Columns ***/
#leftside, #rightside {
   width: 165px;
}
#leftside {
   float:left;
   padding: 0px 0px 0px 16px;
}
#rightside {
   float:right;
   padding: 0px 16px 0px 0px;
}
#leftside h1, #rightside h1 {
   color: #3399CC;
   font-size: 1.6em;
   font-weight: bold;
   letter-spacing: -1px;
   margin: 0px 0px 12px 0px;
}
#leftside h2, #rightside h2 {
   font-size: 1.1em;
   margin: 0px 0px 20px 0px;
   border-bottom: 1px solid #BEBFC3;
}
#leftside p, #rightside p {
   font-size: 0.9em;
   line-height: 1.4em;
   margin: 10px 10px 10px 10px;
}
#leftside ul, #rightside ul {
   padding-left: 0px;
   margin: 0px;
}
#leftside li, #rightside li {
   list-style: none;
}






.linklist {
   list-style: none;
   margin: 0 0 16px 10px;
   padding: 0;
}
.linklist li {
   margin-bottom: 0.7em;
}










/*** Middle Column ***/

#layout1 {
   margin: 0 20px 0 20px;
   background-color: #FFFFFF;
   border: 1px dotted #FF0000;
   color: #000000;
   padding: 15px 15px 15px;
}

#layout2 {
   margin: 0 200px 0 20px;
   background-color: #FFFFFF;
   border: 1px dotted #ff0000;
   color: #000000;
   padding: 15px 15px 15px;
}

#layout3 {
   margin: 0 200px;
   background-color: #FFFFFF;
   border: 1px dotted #ff0000;
   color: #000000;
   padding: 15px 15px 15px;
}

#layout4 {
   margin: 0 20px 0 200px;
   background-color: #FFFFFF;
   border: 1px dotted #ff0000;
   color: #000000;
   padding: 15px 15px 15px;
}








/*** Content DIV Styles ***/


.content h1 {
	margin-bottom: 20px;
	padding: 5px 0 0 5px;
	letter-spacing: normal;
	font-size: 3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #3399CC;
}
.content h2 {
	letter-spacing: normal;
	font-size: 2em;
	color: #336699;
	border-top-color: #3399CC;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-bottom: 6px;
	padding-top: 3px;
	margin-top: 25px;
	border-bottom-color: #3399CC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.content h3 {
	color: #336699;
	font-size: 1.5em;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
}



.content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: square inside;
}

.content table {
	padding: 0;
	border-spacing: 0;
	vertical-align: top;
        width: 97%;
}

.content td {
	vertical-align: top;
}

.content table h3 {
	border: 0;
}


.content pre {	
   padding: 8px; 	
   margin: 20px; 	
   letter-spacing: -0.05em;			
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   line-height: 1.2em;
}

.content code {
   padding: 8px; 	
   margin: 20px; 	
   display: block;
   letter-spacing: -0.05em;	
   BACKGROUND: #ffff99; 	
   border: 1px dashed #909090;	
   white-space: pre;	
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   border-collapse: collapse;
   line-height: 1.2em;
}

.content code br {
   line-height: 0;
   display: none;
}

.content img {
   border: 0px dashed #ffffff;
   padding: 2px;
   float: left;
   margin-right: 20px;
}




table.sample {
        width: 97%;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: red;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: red;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 4px;
	vertical-align: middle;
	border-style: inset;
	border-color: red;
	background-color: white;
	-moz-border-radius: ;
}


















/*** Post DIV Styles ***/
.post {
   padding-top: 0px;
   padding-bottom: 10px;
}
.post blockquote {
   background-color: #eef2f7;
   padding: 7px;
   border: 1px dashed #909090;
   font-style: italic;
}
.post blockquote:before {
   display: marker;
   padding-left: 0px;
   content: url(/images/mainlayout/openquote.gif);
}
.post blockquote:after {
   display: marker;
   padding-left: 300px;
   content: url(/images/mainlayout/closequote.gif);
}
img.wp-smiley {
   border: 0px solid white;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   display: inline;
}







/*** Bluebox DIV Styles (Social Bookmarking) ***/
.bluebox {
   BORDER: #000000 1px dotted; 
   PADDING: 10px 10px 10px 10px; 
   margin: 8px 8px 8px 8px;
   BACKGROUND: #eef2f7;  
   COLOR: #000080; 
   LINE-HEIGHT: 14px; 
   BORDER-COLLAPSE: collapse; 
   TEXT-DECORATION: none;
   font-size: 0.9em;
}
.bluebox img {
   border: 0px solid white;
   margin: 0px 3px 0px 3px;
   padding: 0px;
}











/*** Footer ***/
#mastfooter {
   height: 45px;
   background: #D73869 url(/images/mainlayout/jlsnet_footer_plug.jpg) top left;
   background-repeat: repeat-x
   clear: both;
   color: white;
   border-top: solid 1px black;
   font-size: small;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
#mastfooter a {
   text-decoration: none;
   color: white;
}
#blogfooter {
   height: 45px;
   background: #ccffff url(/images/mainlayout/jlsnet_footer_grass.jpg) top left;
   background-repeat: repeat-x
   clear: both;
   color: white;
   border-top: solid 1px black;
   font-size: small;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
#blogfooter a {
   text-decoration: none;
   color: white;
}








/*** Various classes ***/
.thumbnail {
   background: #fafbfc;
   border: 1px solid #b0b0b0;
   margin: 0 0 10px 10px;
   padding: 5px;
}
.searchform {
   margin: 0;
}
.searchbox {
   background: #f0f0f0;
   border: 1px solid #b0b0b0;
   margin: 0 4px 0 0;
   width: 100px;
}
.searchbutton {
   background: #f0f0f0;
   border: 1px solid #b0b0b0;
}
.clearingdiv {
   clear: both;
   height: 30px;
   width: 1px;
}
.hide {
   display: none;
}

.donatebox	{
	background-color:#FFFFCC;
	padding:10px;
	vertical-align:top;
}

.donatebox p	{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:3em;
	margin:5px;
}

.donatebox input	{
	font-size:0.9em;
}

CSS

.addthis_toolbox .custom_images a
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}




/*** Text format ***/
.intro {
   font-size: 1.1em;
   font-weight: bold;
   letter-spacing:-1px;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.small {
   font-size: 0.8em;
}
.large {
   font-size: 1.4em;
}
.category {
   border-bottom: 1px solid #b0b0b0;
}
.date {
   margin-top: -9px;
   padding-top: 0px;
   border-bottom: 1px dotted #eeeeee;
}
.code {
   padding: 8px; 	
   margin: 20px; 	
   letter-spacing: -0.05em;	
   BACKGROUND: #ffff99; 	
   border: 1px dashed #909090;			
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   border-collapse: collapse;
}






/*** Vertical Menu ***/

.sidemenu li {
   background: #e8e9ea;
   border: 1px solid #336699;
   display: block;
   margin-top: 4px;
   padding: 5px 4px 4px 10px;
   position: relative;
   width: 140px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:larger;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   list-style: none;
}
.sidemenu ul a {
   font-size: 0.8em;
   letter-spacing: 1px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 125px;
}
.sidemenu {
   margin-bottom: 15px;
}
.sidemenu h2 {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: -1px;
   color: #336699;   
}
.sidemenu li:hover {
   background: #f8f9fa;
   border: 1px solid #909090;
   color: #303030;
   text-decoration: none;
}
.active {
   background: #f8f9fa;
   border: 1px solid #909090;
   color: #303030;
   text-decoration: none;
}
.sub {
   font-size: 0.8em;
   letter-spacing: 1px;
   margin: 3px 0 2px 10px;
   padding: 4px 2px 2px 8px;
   width: 125px;
}







/*** Icon Menu ***/
.iconlist h2 {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: -1px;
   color: black;   
}
.iconlist {
   margin-bottom: 15px;
}

ul.iconlist {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size:0.8em;
   letter-spacing:1px;
}
li.pdf {
   background-image: url(../bullet_pdf.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.doc {
   background-image: url(../bullet_doc.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.text {
   background-image: url(../bullet_text.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.htm {
   background-image: url(../bullet_htm.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.feed {
   background-image: url(/images/icons/feed-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.opml {
   background-image: url(/images/icons/opml-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.sharethis {
   background-image: url(/images/icons/share-icon-16x16.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.technorati {
   background-image: url(/images/icons/technorati-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}