/**
  Theme Name: Dr Itchy
  Author: http://www.mediasauce.com
**/

/* = Reset
--------------------------------------------------------------------------------------------------------------------------------------*/
* {
  outline:none;/*removes outline in FF 3+*/
}

/* = Links
--------------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	color: #4790b7;
}
a:hover {
	color: #4790b7;
}
a:active {
	color: #4790b7;
}
/* = Headings
--------------------------------------------------------------------------------------------------------------------------------------*/
p {
	margin: 10px 0;
	line-height: 20px;
}

/* = Header Specific Classes = */
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 20px; 
	}
	h3 {
		font-size: 14px;
	}
	h3.notFirst a {
		color:#48391C !important;
		text-decoration:none !important;
	}
	h3.notFirst a:visited {
		color:#48391C !important;
	}
	h3.notFirst a:hover {
		color:#4790b7 !important;
	}
	h4 {
		font-size: 11px;
	}
	h5 {
		font-size: 10px;
	}
	
ul {
	padding-right:15px;
}

ul li {
	margin: 5px 5px;
}

ol li {
	margin: 5px 5px;
}

img {
	border:none;
}

/* = Global
--------------------------------------------------------------------------------------------------------------------------------------*/
body {
	min-width:990px;
	font: normal 12px arial;
/*	background: #dfedf4 url(../images/bodyBG.jpg) repeat-x top center; */
	color: #48391c;
	margin: 0;
	padding: 0;
}

#container{
	width: 100%;
	margin: 0 auto;	
}	
	
/* = Header
--------------------------------------------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	margin: 0;
	background: #fff;
	height: 65px;
}

	#header img {border: 0; margin-left: 15px;}

	#header #header-area {
		width: 990px;
		margin: 0 auto;	
		position: relative;
	}
	
		#header-area h1 {
			border:0 none;
			height:110px;
			left:0;
			margin:0;
			position:absolute;
			top:8px;
			width:250px;
			z-index:1000;
		}		
		
			#parents .top {
				float: left;
				width: 235px;
				height: 90px;
				margin: 0px;
				padding:0px;
				background: transparent url(../images/help-top.png) no-repeat top left;
			}

			#parents .body {
				float: left;
				width: 220px;
				height: 165px;
				background: transparent url(../images/help-body.png) no-repeat top left;
			}

				#parents .body p {
					margin: 0px 75px 0 30px;
					line-height:12px;
				}

				#parents .body a:link, .body a:hover, .body a:visited, .body a:active {
					color: #002e62;
					text-decoration: underline;
				}

			#nurses .top {width: 250px; height: 115px; margin: 0px 0px 0px -10px; background: transparent url(../images/nurse-top.png) no-repeat top left;}
			#nurses .body {width: 250px; height: 91px; background: transparent url(../images/nurse-bottom.png) no-repeat top left; margin-left: -10px;}
				#nurses .body p {margin: 0px 30px 0px 105px; line-height:12px; text-align: center;}
				
			#animate .top {float: left; width: 250px; height: 35px; margin-left: -10px; background: transparent url(../images/animated-series-top.png) no-repeat top left;}
			#animate .body {float: left; width: 250px; height: 148px; background: transparent url(../images/animated-series-bottom.png) no-repeat top left; margin-left: -10px;}
				
			#game .top {float: left; width: 250px; height: 34px; margin-left: -10px; background: transparent url(../images/game-top.png) no-repeat top left;}
			#game .body {float: left; width: 250px; height: 159px; background: transparent url(../images/game-bottom.png) no-repeat top left; margin-left: -10px;}
			
		#header-area #headlines {
			position: absolute;
			top: 220px;
			right: 0;
			width: 235px;
			height: 217px;
			font-size: 11px;
		}

			#headlines .top {
				float: left;
				width: 234px;
				height: 49px;
				background: transparent url(../images/headlicenews-top.png) no-repeat top left;
			}

			#headlines .body {
				float: left;
				width: 230px;
				height: 78px;
				margin-left:3px;
				background: transparent url(../images/headlicenews-body.png) no-repeat top left;
				line-height:13px;
			}

				#headlines .body p {
					margin: 5px 30px 0px 0px;
					line-height:12px;
				}

				#headlines .body a:link, .body a:hover, .body a:visited, .body a:active {
					color: #4790b7 !important;
					text-decoration: underline;
				}
			
			#header-area #lapel {
				position: absolute;
				top: 347px;
				right: 4px;
				width: 238px;
				height: 91px;
				font-size: 11px;
			}
			
			#lapel .body {
				width:238px;
				height:91px;
				background: transparent url(../images/lapelpinbox.png) no-repeat top left;
			}
			
			#lapel .body a {
				display:block;
				width:210px;
				height:80px;
				margin-left:20px;
				text-indent:-5000px;
			}
			
			#label2 {
				
			}
			
			#lapel2 .body {
				width:238px;
				height:91px;
				background: transparent url(../images/lapelpinbox2.png) no-repeat top left;
			}
			
			#lapel2 .body a {
				display:block;
				width:210px;
				height:80px;
				margin-left:20px;
				text-indent:-5000px;
			}
				
/* = Navigation
--------------------------------------------------------------------------------------------------------------------------------------*/
#nav {
	padding: 0;
	margin: 0;
	position:relative;
	margin-left: 218px;
	top:20px;
	list-style:none;
}

#nav ul {
	padding: 0 30px;
}

#nav li {
	float:left;
	margin: 5px 20px;
}

#nav li a {
	display:block;
	color: #f37521;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/*background-image:url(../images/menu.png);	text-indent:-5000px;*/
}

#nav li a:hover {
	text-decoration: underline;
}
/*#nav li a.school {
	width:125px;
	background-position:0px 0px;
}

#nav li a.school:hover {
	background-position:0px -44px;
}

#nav li a.help {
	width:145px;
	background-position:0px -88px;
}

#nav li a.help:hover {
	background-position:0px -132px;
}

#nav li a.doctor {
	width:82px;
	background-position:0px -176px;
}

#nav li a.doctor:hover {
	background-position:0px -220px;
}

#nav li a.contact {
	width:95px;
	background-position:0px -264px;
}

#nav li a.contact:hover {
	background-position:0px -308px;
}

*/


/* = Middle
--------------------------------------------------------------------------------------------------------------------------------------*/
#chalkboard {
	display:block;
	width:520px;
	height:353px;
	margin-left:235px;
	margin-top:60px;
}

#home-newsletter {
	display:block;
	width:499px;
	height:97px;
	margin-left:230px;
	margin-top:-52px;
	background:transparent url(../images/email_signup.png) no-repeat top left;
	z-index: 10000;
}

	#home-newsletter .form-layer {
		margin: 40px 0 1px 210px;
		width: 425px;
		padding: 0;
	}

		#home-newsletter .form-layer .submit {
			float: left !important;
			margin-left: 5px;
			z-index: 1000;
		}

#dritchy {
	position: absolute !important;
	bottom: 0px !important;
	left: -15px !important;
	width: 331px;
	height: 545px;
	display: block;
	background: url(../images/dr_itchy_home.png) no-repeat top left;
}

#student {
	position: absolute !important;
	bottom: -1px !important;
	right: 200px !important;
	width: 126px;
	height: 330px;
	display: block;
	background: url(../images/student.png) no-repeat top left;
}

#content-box {
	width: 100%;
	margin: 0 auto;
	background:#ec510f url(../images/body_background.jpg) no-repeat top center; 
}

#content {
	width: 990px;
	margin: 0 auto;
	position: relative;
}

#content #content-area {
	position:relative;
	float: left;
	width: 735px;
	min-height: 500px;
	margin: 15px auto 0 15px;
}

#content #home-content-area {
	position:relative;
	float: left;
	width: 750px;
	margin: -30px auto 0;
	overflow: hidden;
}
	
#content-area .top {
	float: left;
	width: 735px;
	height: 30px;
	padding:0px;
	margin:0px;
	background: transparent url(../images/content-top.png) no-repeat top left;
}	
		
#content-area .body {
	float: left;
	width: 735px;
	min-height:400px;
	background: transparent url(../images/content-body.png) repeat-y top left;
	padding-bottom:30px;
}
			

			#content-area .body #left {
				float: left;
				width: 235px;	
				min-height:100px;
			}
			
				#left a  {
					text-decoration: none;
					font-weight: bold;
				}
				
				#left a:hover  {
					text-decoration: underline;
				}
				
				#left ul li {
					padding: 2px 0px 6px;
					list-style: none;
					text-decoration: none;
				}
				
				#left ul li li {
					position: relative;
					left:-50px;
					width:100%;
					padding: 2px 20px 6px 20px;
					list-style: none;
					text-decoration: none;
					background-color: #EFEFEF;
					border-bottom: 0px;
				}
				
				#left #nav_sub {
					margin:10px auto auto -10px;
				}
				
				#left ul li.here { font-weight:bold; }
				
				#doctorpic {
					position: absolute;
					text-align: center;
					left: -18px;
					width: 267px;
					height: 270px;
					background: url(../images/dr-itchy-full.png) no-repeat bottom right;
				}
				
				#doctorpic blockquote {
					font-size: 16px;
					color: #4790b7;
					margin: 10px;
					font-weight:bold;
				}
				
				#quoteheight {
				height:150px;
				vertical-align: middle;
				border: 1px black;
				overflow-x:hidden;
				overflow-y:hidden;
				display: table;
				}
				
				#quoteheight .inner {
				display:table-cell;
				vertical-align: middle;
				}				
				
				#quoteheight .int {
				border: 1px #fff;
				margin: 0 15px 0 40px;
				}						
				

			#content-area .body #right {
				float: left;
				width: 400px;
				padding:0px 30px 0px 55px;
			}

			#content-area .body #right #sitemap {
				list-style: none;
				padding: 10px 0;
			}			
			
		
		#content-area .bottom {
			float: left;
			width: 735px;
			height: 70px;
			background: transparent url(../images/content-bottom.png) no-repeat top left;
		}			


	#sidebar *{ position:relative; top:0px; margin:0px; padding:0px; float:none; }
	#content #sidebar {
		float: right;
		width: 235px;
		margin: -60px 0px 0px 0px;
		padding:0px;
		height:610px;
	}

		#sidebar #freepack {
			position:relative;
			top:0px;
			width: 235px;
			height: 160px;
			color: #002e62;
			font-size: 10px;
			margin:0px;
			padding:0px;
		}
		
			#freepack .top {
				width: 235px;
				height: 53px;
				background: transparent url(../images/freepack-top.png) no-repeat top left;
			}

			#freepack .body {
				width: 235px;
				height: 107px;
				background: transparent url(../images/freepack-body.png) no-repeat top left;
			}
			
			#freepack .body p {
				line-height:15px;
			}
			
			#clickHere {
				float:right;
				display:block;
				width:60px;
				height:75px;
				margin-right:35px;
				margin-top:8px;
			}
			
			#freepack .body div {
				float:left;
				width:110px;
				margin: 5px 0px 0px 30px;	
			}

			#freepack .body p {
				margin:0;
			}


		#newsletter-holder{position:relative; top:0px;}
		#newsletter-holder *{ float:none; padding:0px; margin:0px; position:relative; top:0px;}
		#sidebar #newsletter {
			color: #002e62;
			font-size: 10px;
		}
		
			#newsletter .ntop {
				height: 65px;
				background: transparent url(../images/newsletter-top.png) no-repeat top left;
			}

			#newsletter .nbody {
				height: 109px;
				background: transparent url(../images/newsletter-body.png) no-repeat bottom left;
				}
				#newsletter .nbody div{
					margin:-25px 0px 0px 30px;
					width:180px;
				}
				#newsletter form input[type=text]{ width:95px; }
				#newsletter form .submit{ float:right; margin-top:-5px; }




		#tell-friend-holder{position:relative; top:0px;}
		#tell-friend-holder *{ float:none; padding:0px; margin:0px; position:relative; top:0px;}
		#tell-friend {
			color: #002e62;
			font-size: 10px;
		}
		
			#tell-friend .ntop {
				height: 65px;
				background: transparent url(../images/tell-friend-top.png) no-repeat top left;
			}

			#tell-friend .nbody {
				height: 89px;
				background: transparent url(../images/tell-friend-body.png) no-repeat bottom left;
				}
				#tell-friend .nbody div{
					margin:-50px 0px 0px 40px;
					padding-top:35px;
					width:180px;
				}
				




		#sidebar #game-callout{
			position:relative;
			top:30px;
			left:4px;
		}

		#content .clear {
			clear: both;
			width: 100%;
			height: 5px;
		}								

/* = Form
--------------------------------------------------------------------------------------------------------------------------------------*/

input,textarea,select{float: left; padding: 2px; border: 2px #ccc solid;}

#home-newsletter form {
	margin: 63px 25px 0;
	width: 310px;
	position:relative;
}

.newsletter form {
	position:relative;
	margin: 0px 45px 0;
	width: 210px;
}

	.newsletter input {
		position:relative;
		width: 90px;
		border: 2px #ccc solid;
		padding: 2px;
		font-size: 10px;
		z-index:6000;
	}

	input.submit {
		background:transparent url(../images/submit.jpg) no-repeat scroll left top;
		cursor:pointer;
		width:55px;
		height:30px;
		text-indent:-9999px;
		text-transform:uppercase;
		border: 0 !important;
	}
	
	.fsSubmitButton {
		float:none;
		background:transparent url(../images/submit.jpg) no-repeat scroll left top;
		cursor:pointer;
		width:55px;
		height:30px;
		text-indent:-9999px;
		margin-left:30px;
		text-transform:uppercase;
		border: 0 !important;
	}

	div.form-layer label {
		float: left;
		width: 95px;
		display: block;
		color: #4790b7;
	}
	
	div.form-layer label.newsletter {
		width:100%;	
	}
	
	div.form-layer label.response {
		width:100%;
	}
	
	
.form-layer {
	float: left;
	width: 350px;
	clear: both;
	margin: 10px 70px 0;
}

.form-layer .submit {
	float: right;
}

.form-response {
	clear:both;
	margin:0;
	text-align:center;
}

.error {
	color:#CC0000 !important;
}

.success {
	color:#4790B7 !important;
}

/* = FormSpring
--------------------------------------------------------------------------------------------------------------------------------------*/
.fsPage {
	
}

.fsPage input {
	float:none;
}

/*table.fsTable label {
	max-width:400px;
	width:400px;
}

table.fsTable input {
	max-width:400px;
	idth:400px;
}
.fsMatrix {
	width:400px;
}*/


/* = Extra
--------------------------------------------------------------------------------------------------------------------------------------*/
#mailText {
	width:250px;
	margin-left:30px;
}

/* = Footer
--------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	min-width:990px;
	min-height: 258px;
	margin: -15px auto;
	width:100%;
	background: transparent url(../images/footer.jpg) repeat-x top center;	
	background-color: #e1eef4;
}

	#footer #footer-area {
		width: 990px;
		margin: 0 auto;
		padding: 10px 0;
		color: #fff;
		font-size: 10px;
		position: relative;
		z-index: 0;
		text-align:center;
	}
	
	#footer-area h4 {
		margin: 10px;
	}
	
	#footer-area h4 a {
		text-decoration:none;
	}
		#footer-area p {
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			color:#002e62;
			margin:0;
		}
			
		#footer-area .socialbuttons {
			text-align:left;
			float: left;
			width: 165px;
			margin: 0 auto;
			margin: 20px 0 0 0px;
			overflow: hidden;
		}
		
		#footer-area .socialbuttons a{
			color: #fff;
			margin: 5px 0;
			line-height: 15px;
			text-decoration: none;
		}
		
		#footer-area .socialbuttons a:hover{
			text-decoration: underline;
		}
		
		#footer-area .socialbuttons a.facebook {
			display: block; height: 15px; background: url(../images/ico_facebook.png) top left no-repeat; text-indent: 20px;
		}		
		
		#footer-area .socialbuttons a.twitter {
			display: block; height: 15px; background: url(../images/ico_twitter.png) top left no-repeat; text-indent: 20px;
		}
		
		#footer-area .socialbuttons a.rss {
			display: block; height: 15px; background: url(../images/ico_rss.png) top left no-repeat; text-indent: 20px;
		}				
		
		#footer-area .cube {
			text-align:left;
			float: left;
			width: 150px;
			margin: 20px 0 0 0px;
			overflow: hidden;
		}		
		
		#footer-area .cube h4 {
			margin-left:0px;
		}
		
		#footer-area .cube p {
			color:#fff;
		}
		
		#footer-area .cube a {
			color:#fff;
		}

		#footer-area a {
			color: #002e62;
			text-decoration: underline;
		}
		
		#footer-area #footerInfoPacket {
			width:180px;
			padding-left:20px;
			padding-right:20px;
		}
		
		#footer-area #footerNurses {
			width:120px;
			padding-right:20px;
		}
		
		#footer-area #footerParents {
			width:120px;
			padding-right:20px;
		}

		#footerlinks {
			float: left;
			width: 630px;
			text-align: center;
			margin:auto;
			margin-top:20px;
		}		
		
		#footerlinks ul {
			list-style: none;
			margin: 0;
		}
		
			#footerlinks ul li {
				margin: 0 15px;
				display: inline;
				padding: 0;
			}		
			
				#footerlinks ul li a {
					color: #fff;
					font-size: 13px;
					text-decoration: none;
				}

				#footerlinks ul li a:hover{
					text-decoration: underline;
				}
				
		#pplogo {
			float: left;
			width: 180px;
			margin: 20px 0 0 0;
		}
		
		#copyrightinfo {
			position:relative;
			width: 625px;
			margin:auto;
			margin-top:0px;
			z-index: -1;
		}
		
body.mceContentBody { background-color:#fff; background-image:none; }

.tiny {
font-size:10px;
}