/**********************************************************************************************

	Title: Isle of Man Children's Centre
	Theme: IOMCC Theme
	Author: Digital Design - www.digitaldesign.im

***********************************************************************************************/	
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, 
	small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	
	hr {
		display:none;
	}
	.nodisplay 
	{
	    display:none;
	}

/* General Elements */	
	
	body {
		font-family: Arial, Verdana, sans-serif;
		text-align: left;
		color: #404040;
		background: #00aeef;	
	}

	input, textarea, select {
		font: 0.9em Arial, Helvetica, sans-serif;
		color: #404040;
	}

	a:link, a:visited {
		color: #001c5f;
		text-decoration: underline;
	}
	
	a:hover, a:active {
		color: #003b61;
	}
	
	a img {
		border: none;
	}
	
	p {
		margin: 1em 0;
		font-weight: normal;
		color: #404040;
		font-size: 0.75em;
		line-height: 1.5em;
	}
	
	h1 {
		color: #00aeef;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 1em;
		margin-bottom: 0.8em;
		letter-spacing: -0.05em;
	}
	
	.content h2 {
		color: #2b2929;
		font-size: 1.3em;
		line-height: 1.4em;
		text-decoration: none;
	}	
	
	#maincontent h2 a{
		color:#2b2929;
		text-decoration:none;
	}
		
	#maincontent h2 a:hover {
		text-decoration:underline;
		}
	
	h3{
		color: #404040;
		font-size: 1.1em;
	}
	
	#maincontent h3 a{
		color: #404040;
		text-decoration:none;
	}
	
	#maincontent h3 a:hover {
		text-decoration:underline;
		}
	
	h4 {
		color: #000;
		font-size: 1em;
		line-height: 1.4em;
	}
	
	h5, h6 {
		line-height: 1.6em;
	}
	
	table  {
		color: #111;
		font-size: 0.8em;
		margin: 0.8em 0.4em;
		border: 1px solid #d1d5c8;
		border-collapse: collapse;
	}	
	
	table th {
		background: #00aeef;
		color: #fff;
	}
	
	table td {
		border-bottom: 1px solid #d1d5c8;
		border-right: 1px solid #d1d5c8;		
		padding: 2px;
	}

	.content ul li, .content ol li  {
		margin: 6px 0;
		font-weight: normal;
		color:#404040;
		font-size: 0.8em;
	}	
	
	.content BIG
	{
	    font-size: 0.8em;
	    font-weight: bold;
	    line-height: 1.6em;
	    color: #404040;
	    margin: 0 0 0.5em 0;
	}
	
.entry-content img {
	/* border:1px solid  #00AEEF; */
	padding: 0.4em;
	margin-right: 0.6em;
	margin-bottom:0.6em;
}
img.left, img[align="left"] {  /*if someone aligns image left in text editor, this style will be used*/
	float:left;

}  

img.right, img[align="right"] { /*if someone aligns image right in text editor, this style will be used*/
	float:right;
}  

.content p big{
font-size: 1em;

}

	/* Header / Menu */
	
	
	#container {
		width: 935px;
		margin: 0 auto;
		padding: 0 10px 0.6em 10px;
		background: #fff;
	}
	
	#header img {
		width: 935px;
	}
	
	#topmenu {
		background: #00aeef url(img/topmenu_bg.png) no-repeat left top;
		height: 47px;
	}
	
	#topmenu ul {
		margin: 0.6em 0 0 2em;
		float: left;
	}
	
	#topmenu ul li {
		display: inline;
		color: #fff;
		padding: 0 0.4em;
	}
	
	#topmenu ul li.fb {
    margin-left: 0.8em;
}
	
	#topmenu ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 0.8em;
	}
	
	#topmenu ul li a:hover {
		text-decoration: underline;
	}	

	#topmenu .search {
		float: right;
		margin: 0.6em 2em 0 0;
	}	
	
	#topmenu .search input.search_input {
		font-size: 0.7em;
		width: 14em;
		color: #555;
		border: 0;
		padding: 0.3em 0.4em;
	}
	
	#topmenu .search input.submit {
		border: 1px solid #fff;
		background: #09a94e;
		color: #fff;
		font-size: 0.75em;
		padding: 0 0.2em;
		text-transform: uppercase;

	}
	
	/* Content */
	
	#maincontent {
		min-height: 20em;
	}
	
	#leftmenu {
		float: left;
		width: 230px;
		margin-top: 1em;
	}
	
	#leftmenu span {
		display: block;
		background: #00aeef;
		margin: 0 0 0.2em 0;
		line-height: 2.4em;
		font-size: 0.8em;
		height: 33px;		
		width: 221px;
		text-align: center;
		float: left;
	}
	
	#leftmenu span a {
		color: #fff;
		text-decoration: none;
		font-weight:bold;
	}
	
	#leftmenu .leftsubmenu {
		background: #0071BB;
		margin: 0 0 0.2em 0;
		padding: 0.7em 10px;
		text-align: left;
		clear: both;
		font-size: 0.8em;
		width: 201px;
	}
	
	#leftmenu .leftsubmenu a {
		display: block;
		color: #fff;
		text-decoration: none;
	}	

	#leftmenu .leftsubmenu a:hover {
		text-decoration: underline;
	}
	
	#leftmenu .leftsubmenu ul {
		list-style: none;
		margin: 0;
	}

	#leftmenu .leftsubmenu ul li {
		margin-left: 0;
		padding-left: 2em;
	}
	
	#leftmenu .leftsubmenu ul li a {
		color: #fff;
		text-decoration: none;
	}
	
	#leftmenu .leftsubmenu ul li a:hover {
		text-decoration: underline;
	}	
	
	#leftmenu .leftsubmenu ul li.selected-b {
		background: url(img/umbrella-iconb.gif) no-repeat left top;
	}	
	
	#leftmenu .leftsubmenu ul li.selected-g {
		background: url(img/umbrella-icong.gif) no-repeat left top;
	}	
	
	#leftmenu .leftsubmenu ul li.selected-r {
		background: url(img/umbrella-iconr.gif) no-repeat left top;
	}	
	#leftmenu .leftsubmenu ul li.selected-o {
		background: url(img/umbrella-icono.gif) no-repeat left top;
	}	
	#leftmenu .leftsubmenu .archive {
		padding-left:1em;
	}
	#leftmenu .orange {
		background:#F09230;
	}
		
	#leftmenu .red{
		background:#EA2D2E;
	}
		
	#leftmenu .green{
		background: #093;
	}
	
	.content {
		margin-left: 250px;
		padding: 1em 1em 1em 0;
	}
	
	.homepageContent img{
		float: right;
	}
	
	.leftcontent {
		width: 28em;
	}
	
	.rightphotos {
		float: right;
		width: 200px;
	}
	
	.rightphotos img {
		width: 200px;
	}
	
	
	.lower {
		border-top: 2px solid #00aeef;
		padding-top: 1em;
		margin-bottom: 1em;
		clear: both;
	}
	
	.lower .lowerbox {
		width: 14.2em;
		margin: 0 0.2em 1em;
		float: left;
	}
	
	.lower .lowerbox h2 {
		font-size: 1.2em;
		font-weight: normal;
		color: #00aeef;
	}	
	
	.lower .lowerbox h2 a{
		color: #00aeef !important;
	}
	
	.lower .lowerbox img {
		margin: 0.8em 0;
	}
	
	.lower .lowerbox h3 a {
		text-transform: none;
		font-size: 0.8em;
		color: #444;
		line-height: normal;
	}

	.lower .lowerbox h3 a:hover {
		text-decoration: none;
	}
	
	.lower .lowerbox big {
		font-size: 1em;
	}
	
	.lower .lowerbox p {
		font-size: 0.8em;
		color: #555;
		padding: 0 0.4em;
	}	
	
.hideimg img{
		display:none;
	}
	
/*Contact Page*/
	#map {
		margin:1em 0;
	}
 
 .clear {
 	clear:both;
 }
 
 #PDMSContactForm {
	margin-left:2em;
	font-size:0.8em;
	font-weight:bold;
 }
 
select#recipient, input#subject, input#name, input#email {
		width: 250px;
		margin:0.2em 0 0.5em 0;
	}
textarea#message {
		width: 350px;
		margin:0.2em 0 0.5em 0;
}
 
	#footer{
		clear: both;
		background: #00aeef;
		color: #fff;
		padding: 0.4em 1em;
	}
	
	#footer ul {
		margin: 1em 0 0;
	}
	
	#footer ul li {
		display: inline;
		list-style: none;
		font-size: 0.8em;
	}
	
	#footer ul li a {
		text-decoration: none;
		color: #fff;
	}	
	
	#footer ul li a:hover {
		text-decoration: underline;
		color: #fff;
	}		
	
	#footer .callbox {
		float: right;
	}
	
	.firstpara p{
		font-size:1em;
	}
	
	/* Blog entry */

		#content .blog li.hentry {
			overflow: hidden;
			margin: 0 0 2em;
		}
		#content .blog h2 {
			font-size: 2em;
			margin: 0;
		}
			#content .blog h2 a{
				text-decoration:none;
				color:#1f717f }
				
		#content p {
			margin: 0 0 1em;
			font-family:Georgia, "Times New Roman", Times, serif
		}
		
		#content p.post-meta {
			color: #666;
			font-family: Helvetica, Arial, Verdana, sans-serif
		}
			#content p.post-meta a {
				text-decoration: none;
				color: #333;
			}
			#content p.post-meta a:hover {
				text-decoration: underline;
			}
		
		#content p.summary,
		#content p.entry-summary {
			font-size: 1.167em;
			margin: 0 0 1em;
		}
		
		.post-links {
			float: left;
			width: 100%;
			border: 1px solid #dcdcdc;
			border-width: 1px 0;
		}
			.post-links a {
				text-decoration: none;
				color:#717f47;
				font-weight:bold;
				font-family:Georgia, "Times New Roman", Times, serif
			}
			.post-links a:hover {
				text-decoration: underline;
			}
			
			.post-links .more {
				float: left;
				padding: .7em 0;
				background:url(images//ico_continue-read.png) left no-repeat
			}
				.post-links .more a {
					padding: .3em 0 .3em 20px;
				}
			.post-links .comments {
				float: right;
				padding: .7em 20px;
				border-left: 1px solid #dcdcdc;
				background:url(images//ico_comments.png) no-repeat;
				background-position:85% 50%
			}
				.post-links .comments a {
					padding: .3em 30px .3em 0;
				}
		
	.pagination 
	{
	width:90%;
	font-size:0.8em;
}


.pagination a {
	text-transform: uppercase;
}

.pagination .previous a {
	padding-left:0.5em;
	float:left;
}

.pagination .next a {
	padding-right:0.5em;
	float:right;
	}


/* Photo Gallery */

/*Categ View*/
.gallery {								/*outside wrap*/
	float:left;
	width:100%;
	padding-bottom:1em;
}

.galleryeach {							/*each gallery image with text*/
	float:left;
	margin: 0.5em;
	padding: 0.4em 0.4em 0 0.4em;
	border:1px solid #00AEEF;
	text-align:center;
	width:180px;
}

.galleryeach-cat {							/*each gallery image with text*/
	float:left;
	margin: 0.5em;
	padding: 0.4em 0.4em 0 0.4em;
	border:1px solid #00AEEF;
	text-align:center;
}

#maincontent .galleryeach h2 a,#maincontent .galleryeach-cat h2 a {					/*title*/
	color:#00aeef;
	text-decoration:none;
}

#maincontent .galleryeach h2, #maincontent .galleryeach-cat h2 {
	font-weight:normal;
	line-height:1.1em;
	color:#00aeef;
	
}

img.galleryimage {					/*image only*/
	padding: 0.4em;
	margin-top:0.4em;
}

p.center {							  /*edit style*/
	text-align:center;
}

/*Post View*/
#PDMSGallery {						/*wrapper box for gallery post page*/
	float:left;
	width:100%;
}

#PDMSGallery .PDMSGalleryThumbnail {  /*encloses thumbnail and caption*/
	float:left;
	margin: 0.5em;
	padding: 0.4em;
}

#PDMSGallery .PDMSGalleryThumbnailImage {  /*thumb only*/
	/* border:1px solid  #00AEEF; */
	padding: 0.4em;
}

#PDMSGallery .PDMSGalleryCaption {			/*caption only*/
	clear:left;
	margin-top:0.2em;
	text-align:center;
	font-size:0.8em;
}

#PDMSGallery p.editlink {
	clear: both;
}

/*Edit Form*/	

#PDMSGalleryEditForm {
	float:left;
	width:100%;
	padding-bottom:1em;
}

#PDMSGalleryEditForm .PDMSGalleryEditItem {  /*wrapper for thumb and caption*/
	float:left;
	width:80%;
	margin: 1em;
	font-size:0.8em;
	
}

#PDMSGalleryEditForm .PDMSGalleryEditImage {
	float:left;
	width:152px;
	/* border:1px solid  #00AEEF; */
	padding: 0.4em;
	margin-right:1em;
}

#PDMSGalleryEditForm  .PDMSGalleryEditTextbox{
	margin-top:0.2em;
}

#PDMSGalleryEditForm  .PDMSGalleryRadio{
	margin-top:0.8em;
}

#PDMSGalleryEditForm  .PDMSGalleryTickbox{
	margin-top:0.8em;
}

#PDMSGalleryEditForm .multi {
	border:1px solid black;
	margin:1em 0;
}

#PDMSGalleryEditForm input.submit {
}

/* Events . */

.article {
	border-bottom: 1px solid #c0c0c0;
	padding-bottom:0.5em;
	margin-bottom: 0.5em;	
	overflow:hidden;
}

.article img {
	float: left;
	padding-right: 2em;
}

img.eventimage {
	float: left;
}

.eventinfo {
}

.eventinfo h2 {
	font-size: 1em;
	font-weight: normal;
}

.eventinfo h2 a {
	color: #0072bb;
	text-decoration: none;
}

.eventinfo h2 a:hover {
	text-decoration: underline;
}

.eventinfo p {
	line-height: 1.2em;
}

.eventinfo .body {
	clear:both;
	float:left;
}


.eventinfo span.more {
	font-size: 0.8em;
}

ul.searchpost {
	list-style: none;
	margin: 0;
}

ul.searchpost h2 {
	font-size: 1.2em;
	font-weight: normal;
}