/*
Theme Name: Montessori In Motion
Theme URI: http://
Author: WPfromPSD
Author URI: http://wpfrompsd.com
Converted to WP theme by: Larrie Rocha
*/

/* defaults */
body { margin: 0; color: #767676; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; text-align: center; background: #FFF; }
a { text-decoration: none; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #767676; font-family: Verdana, Arial, sans-serif; }

/* start */
#container { position: relative; margin: 0 auto; width: 750px; height: auto; text-align: left; }

	.purple { background: #5f518f; }
	.red { background: #a62e42; }
	.red_page { background: url(images/content_red_bg.jpg) repeat-y 0 0; }
	.blue { background: #00769d; }
	.blue_page { background: url(images/content_blue_bg.jpg) repeat-y 0 0; }
	.green { background: #b2d03b; }
	.green_page { background: url(images/content_green_bg.jpg) repeat-y 0 0; }
	.orange { background: #d3a13e; }
	.orange_page { background: url(images/content_orange_bg.jpg) repeat-y 0 0; }
	
	.divider { padding: 0 20px; width: 710px; height: 35px; color: #FFF; font-size: 12px; line-height: 35px; letter-spacing: 2px; }
		.divider a { color: #FFF; }
		.divider a:hover { text-decoration: underline; }
	
	#header { position: relative; height: 240px; background: url(images/header_bg.gif) repeat-x left bottom; }
		.logo { display: block; margin: 12px 5px; }
		#nav { display: block; margin: 0; padding: 18px 0 0 185px; width: 565px; height: 98px; font-size: 11px; font-weight: bold; text-align: center; list-style: none; background: url(images/nav_bg.jpg) no-repeat right top; }
			#nav li { display: block; margin: 0; padding: 0; float: left; }
				#nav li a { display: block; float: left; height:25px; margin:0 0 0 26px; padding:30px 2px; width:81px; color: #FFF;}
	
	#contents { position: relative; margin: 30px 11px 14px 23px; width: 716px; height: auto; }
	
		#centerpiece { margin: 0 0 10px; overflow: hidden; background: #dddbe5; padding: 10px; }
			#centerpiece div { width: 360px; margin: 20px 10px 0 0; }
			#centerpiece h1{ margin: 0; font-size: 17px; }
			#centerpiece p { font-size: 13px; line-height: 18px; }
			
		#boxes { overflow: hidden; background: url(images/boxes_bg.jpg) repeat-y 0 0; }
			.box { float: left; margin: 0 0 0 10px; padding: 10px; width: 212px; }
			.boxfirst { margin: 0; }
				.box h2 { display: block; padding: 0 0 10px; font-size: 24px; font-weight: normal; text-align: center; }
				
				.box ul { margin: 0; padding: 0 10px; list-style: inside; }
					.box li { line-height: 18px; }
					.box li a { color: #5f518f; font-size: 17px; font-weight: bold; }
					.box li p { margin:0 0 5px 13px; font-size: 12px; height:auto}
			.boxthird li a{ color:#767676}
					
		#sidebar { float: left; padding: 10px; width: 212px; }
			#sidebar ul { display: block; margin: 0; padding: 0; height: auto; list-style: none; }
				#sidebar li { }
					
           .bg_red ul li{background: transparent url(images/sidebar_red.png) no-repeat 0 0;}
           .bg_blue ul li{background: transparent url(images/sidebar_blue.png) no-repeat 0 0;}
					 .bg_green ul li{background: transparent url(images/sidebar_green.png) no-repeat 0 0;}
					 .bg_orange ul li{background: transparent url(images/sidebar_orange.png) no-repeat 0 0;}
					
					#sidebar ul li { display: block; margin: 0 0 5px; padding: 0; font-size: 14px; font-weight: normal; line-height: 22px;}
          #sidebar ul li a {padding: 0 20px; color: #FFF; }
					#sidebar ul li a:hover, 
          #sidebar ul li.current_page_item a{ background: url(images/sidebar_dot_hover.png) no-repeat 10px center; }
					#sidebar ul li a:hover { color: #FFF; }

					#sidebar ul li ul li{ display: block; margin: 0; padding: 0; height: 18px; font-size: 12px; font-weight: normal; background: none; }
          #sidebar ul li ul li a {color: #000; display: block; padding: 0 35px; color: #000; }
          #sidebar ul li.current_page_item ul li a{ background: none; }
					#sidebar ul li ul li a:hover, 
          #sidebar ul li ul li.current_page_item a{ color: #333; background: url(images/sidebar_dot_alt_hover.png) no-repeat 10px center; }

        #sidebar img { margin: 10px 0; }          
          
      #content { margin: 0 0 0 240px; padding: 10px 25px; font-size: 12px; line-height: 18px; min-height:300px;}
			#content ul { margin: 0; padding: 0 10px; list-style: inside; }
			#content p { margin: 0; padding: 10px 0; list-style: inside; }
	
	#footer { position: relative; margin: 0 auto; padding: 12px 260px 20px 23px; color: #767676; font-size: 12px; text-align: left; }
		#footer a { color: #5f518f; text-decoration: underline; }
		#footer a:hover { text-decoration: none; }

.alignleft { float: left; }
.alignright { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.clear { clear: both; }