/*  
Theme Name:TeachKidsHow Wordpress Theme
Theme Author: Nick Ramsay
Theme URI:
Nick Ramsay's custom theme for TeachKidsHow.com
*/

/*-smilies without a border-*/
body img.wp-smiley {
	border:none; padding-left: 0px; padding-right: 0px;
}

/*-surrounding color-*/
BODY		{
			margin:0 auto;
			padding: 0px;
			background: #fffeff url(http://www.teachkidshow.com/images/bg.gif) top center repeat-y;
			text-align: center; 
			height: 100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	        	font-size: 1.0em;
		}

div.container-window img { padding-left: 10px; padding-right: 10px; }
div.container-window #bigpic { padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto;}
div.sociable img { padding-left: 3px; padding-right: 3px; }
.sociable a:hover{background: #ffffff;}

/*-style for links-*/
A 		{ text-decoration: none; color: #2E5FDC; } 
A:hover 	{ text-decoration: none; color: #FFFFFF; background: #FD834A}

A.cat_pics 		{ color: #444444; }
A:hover.cat_pics 	{ color: #2E5FDC; background: none;}

blockquote p    {
                  text-align: left;
                  border-left: 3px solid #cccccc;
                  padding-left: 10px;
                  color: #666666;
                  margin-left: -20px;
                  font-size: 0.8em;
                }

/*-font-*/
.myfont		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			font-weight: normal;
			font-style: normal;
			line-height: 170%;
			color: #000000;
		}

.my_cat_links	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.6em;
			font-weight: normal;
			font-style: normal;
                        margin-top: 0px;
                        padding: 0px;
		}

#navbarfont		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			font-weight: normal;
			font-style: normal;
			line-height:1.0em;
			color: #000000;
		}

#navbarfont a:hover{background: #FD834A;color: #FFF}


/*-container for the site-*/
div#container1	{
			margin-left: auto; 
			margin-right: auto;
			width: 796px;
			background-color: #FD834A;
			height: 100%;
		}
	
/*-within container 1-*/
#container2	{
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 0px; 
			margin-right: 0px;
			text-align: left;
			height: 100%;
		}

/*-container for header-*/
#container-header	{
			position: relative;
			margin: 0px;
			padding: 0px;
			width: 796px;
			height: 159px;
			text-align: left;
			background-color: #FFFFFF;
			border-bottom: solid 1px #000066;
		}
/*-style for top banner ad-*/
div#bannerad	{
		text-align: center;
		width: 448px;
		padding: 10px;
		background-color: #ffffff;
		}

/*-font info for intro text-*/
.titletext	{	left: 0px;
			font-size: 0.8em;
			line-height: 140%; 
			font-weight: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			text-align: left;
			vertical-align: top;
			margin-top: 0px;
			margin-right: 0px;
			margin-left: 0px;
			margin-bottom: 2px;
		}

/*-style for paragraphs and other-*/
p, .text	{
		font-size: 0.8em;
		line-height:150%;
		color: #444444;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		padding: 4px;
                padding-left: 14px;
                padding-right: 14px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

ul, ol	{
		font-size: 0.8em;
		line-height:150%;
		color: #444444;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		padding: 0px;
                padding-left: 40px;
                margin: 4px;
                padding-bottom: 10px;
	}

ul ul	{
		font-size: 1.0em;
	}

p.graytext      {
                font-size: 0.7em;
                margin-top: 0px;
                padding-top: 0px;
                color: #666666;
                }

/*-style for post titles-*/
.posttitle	{
		font-weight: bold; 
		font-size: 1.0em;
		line-height: 130%; 
                margin: 0px 0px 0px 14px;
		font-family: helvetica, sans-serif; 
		color: #444444;
		}

h1              {
                font-weight: bold; 
		font-size: 1.1em;
		line-height: 140%; 
                margin: 12px 8px 4px 8px;
		font-family: helvetica, sans-serif;
		color: #444444;
                }

h2              {
                font-weight: bold; 
		font-size: 0.8em;
		line-height: 130%; 
                margin: 0px 0px 0px 4px;
		font-family: helvetica, sans-serif;
		color: #444444;
                }

strong          {
		color: #333333;
                }

/*-style for navigation bar-*/
div.navbar	{
		float: center;
		text-align: center;
		width: 766px;
		background-color: #ffffff;
		padding: 4px;
                margin-left: 2px;
                margin-bottom: 4px;
		}

/*-style for the table that holds main area and sidebar-*/
#container-table	{
			margin-left: 12px;
			text-align: left;
			}

/*-style for main area where index.php does its magic-*/
div.container-window	{
                        width: 554px;
			text-align: left;
			background-color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 4px;
			padding-right: 4px;
		}

/*-style for sidebar-*/
div.container-sidebar	{
                        margin-right: 6px;
                        margin-bottom: 10px;
			width: 198px;
			text-align: left;
			background-color: #FEFE8D;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 4px;
			padding-right: 4px;
		}

/*-style for footer-*/
div#container-footer	{
                        text-align: center;
			margin-top: 10px;
			margin-left: 0px; 
			margin-right: 0px;
			background-color: #FEFE8D;
		}

/*- style for search form -*/
#searchform             {
                        margin-top: 0px;
                        padding-top: 0px;
                        text-align: center;
                        }

label                   { 
                        font-size: 10pt;
                        text-align: center;
                        }                        

/* Sidebars */

.sidebar        {
                        padding: 0px;
                        list-style: none;
                        font-size: 0.8em;
		        line-height:140%;
		        color: #000000;
          		text-align: left;
           		font-family: Verdana, Arial, Helvetica, sans-serif;
           		font-weight: normal;
             		font-style: normal;
                        margin: 4px;
                        margin-left: 14px;
                }

.sidebar h2              {
                font-weight: bold; 
		font-size: 1.2em;
		line-height: 110%; 
                margin: 6px 0px 20px 2px;
		font-family: helvetica, sans-serif;
                }

.sidebar ul     {
                margin-left: 0px; 
                padding: 0px; 
                list-style-type:none;
                font-weight: bold; 
		font-size: 1.2em;
		line-height: 110%; 
                margin: 6px 0px 12px 0px;
		font-family: helvetica, sans-serif;
                }
.sidebar li     {
                margin-left: 0px; 
                padding: 0px; 
                list-style-type:none;
                font-weight: normal; 
		font-size: 0.8em;
		line-height: 150%; 
                margin: 0px 0px 6px 4px;
		font-family: helvetica, sans-serif;
                }
.sidebar ul li {margin-left: 0px; padding: 0px; list-style-type:none;}
.sidebar ul ul li {margin-left: 0px; padding: 0px; list-style-type:none; padding-left: 4px;}
.sidebar ul ul ul li {margin-left: 0px; padding: 0px; list-style-type:none;}

.categoryitems {
                padding: 0px; 
                list-style-type:none;
                font-weight: normal; 
		font-size: 0.9em;
		line-height: 160%; 
                margin: 2px 0px 10px 4px;
		font-family: helvetica, sans-serif;
                }

/* Comments*/
.commentsection {
                border: 1px solid #AAAAAA;
                padding: 4px;
                background-color: #FEFEEE;
                margin: 0px 4px 0px 4px;
                }
.commentsection p
                {
                margin: 0px 0px 0px 0px;
                }

.commentsection h2              
                {
                font-weight: bold; 
		font-size: 1.0em;
		line-height: 130%; 
                margin: 0px 0px 0px 4px;
		font-family: helvetica, sans-serif;
                }
.commentform
                {
                margin: 0px 0px 0px 0px;
                }


/* Begin Comments - copied from Kubrick*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#commentform p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#commentform p {
	margin: 5px 0;
	}

#commentformvote p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1.5em;
	}

.title, .body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	}


/* End Comments */