/*
Theme Name: Tri-Kids theme
Theme URI: http://trikids.org
Description: The theme for the Tri Kids, developed by Hodgson marketing
Version: 1.0
Author: Jim Hodgson
Author URI: http://hodgsonco.com
*/



/* Begin Typography & Colors */
a { color: #06f; 
	text-decoration: none;}
a:hover { text-decoration: underline; }
#redsplash a, #yellowsplash a { color: white; }

body {
   margin: 0;
   padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 12pt;
	font-family: Helvetica, Arial, Sans-Serif;
	background: #eee;
	color: #333;
	text-align: center;
	}
.xoxo { list-style-type: none; }
	

img {border: 0;}
#rightcont { 
	margin-left: 40px;
	float: left;
	width: 244px;
}
#redsplash, #yellowsplash { 
	font-size: large;
	font-weight: bold;
	text-align: center;
	padding-top: 75px;
}
#yellowsplash br { 
	margin-bottom: 10px;
}

#yellowsplash { 
	margin-bottom: 50px;
	background: #e9bc37 url('imgs/yellow-splash.png') no-repeat;
}

#redsplash { 
	background: #ef5168 url('imgs/red-splash.png') no-repeat;
}

#maincontent { 
	text-align: left;
	float: left;
}
#main { 
   background: #fff;
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   }
#content { 
   margin-left: 20px;
   width: 710px;
   text-align: left;
   }
#maincontent,#bluesplash { 
   float: left;
   }

#bluesplash { 
	margin-top: 20px;
	margin-bottom: 20px;
   /* background: #51b7ef url('imgs/blue-splash.png') no-repeat; */
   background-color: #51b7ef;
   width: 710px;
   }
#blueinner { 
  padding: 5px;
  margin: 20px 5px 30px 5px;
  background: white;
  width: 690px;
  }
#blueinner p,ul,h2,small { 
	margin-left: 10px;
	}
#nav { 
	background: #ffffff;
	width: 1000px;
	height: 40px;
	}
#leftnav { 
   margin-left: 40px;
   float: left;
   width: 200px;
   height: 800px;
   }
#headerimg { 
   width: 1000px;
   height: 148px;
   }
#footer {
	padding: 10px;
	background-color: #ccc;
   clear: both;
   }
#mission {
   font-size: 12pt;
   margin-top: 10px;
   padding: 10px;
   float: left;
   background: #333;
   color: white;
   }
#sidebar { 
	margin-right: 20px;
	margin-top: 20px;
	width: 244px;
	float: right;
	}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; 
font-weight: bold;
font-size: 14pt;
}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


.portphoto {
        max-width: 200px;
        max-height: 200px;
        }
.portfolio {
        margin-bottom: 10px;
        }
.flickrphoto {
        margin-left: 30px;
        text-align: center;
        float: left;
        width: 240px;
        height: 240px;
        }