/*
Theme Name:  Cosmic Children
Theme URI: http://www.interconnectit.com/
Description:  Theme by Interconnect IT
Version: 1.2
Author: James R Whitehead
Author URI: http://www.interconnectit.com/

1.2	Split the css to allow theme to be differently styled.

*/
@import "editor.css";

body {
	font-family: arial, free-sans, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0; 
}
p, h1, h2, h3, h4, h5, h5, ul, ol, li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
p { margin-top: 0.5em; margin-bottom: 1em;}
/* Navigation */
#navigation  * { padding: 0; margin: 0; list-style-position: outside; list-style-type: none;}
#top_nav  * { z-index: 10;}
#top_nav { height: 2em; }
#top_nav a:hover { text-decoration: none;}
#top_nav li { float: left; 	position: relative; 	padding-left:1em; }
#top_nav li a { display: block; line-height: 2em; overflow: hidden; padding-right: 1em; font-weight: normal; }
#top_nav li ul { position: absolute;left: 0;top: 2em;width: 200px;display: none; z-index: 10;}
#top_nav li ul li { padding-left: 0; filter:alpha(opacity=80); -moz-opacity:0.8;opacity: 0.8; khtml-opacity: 0.8;}
#top_nav li ul li:hover { opacity: 0.95;} /* Reduce transparency on rollover */
#top_nav li ul li ul { position: static; }
/* Drop down styles*/ 
#top_nav li ul li a { background-color: white;color: black;border-color: black;font-size: 9pt;padding: 0.5em 18px;width: 200px;border-style: solid;border-width: 1px;border-top: none;background-image: none;border-bottom-style: solid;border-bottom-width: 1px;}
/* Drop downs rollover highlight */#top_nav li ul li a:hover { text-decoration: none; }
#top_nav li:hover ul, #top_nav li.over ul { display: block; } /* Activate the drop down*/ 
#top_nav li.current-cat a, #top_nav li.current_page_item a { font-weight: bold; } /* Current item highlights*/
#top_nav li.current-cat a, #top_nav li.current_page_item a:hover { text-decoration: none; cursor: default} /* Current item highlights*/
#top_nav li.current-cat li a, #top_nav li.current_page_item li a { font-weight: normal;}/* Current item highlights*/
#top_nav  li ul li.current-cat li a:hover { cursor: pointer;}

/* Layout */
#container {
	margin: 20px auto;
	width: 920px;
	position: relative;
}
#logoblock { 
	padding: 15px 15px 0 15px;
}	#header-text {
		width: 50%;
		text-align: center;
		padding: 30px 0;
		overflow: hidden;
		float:left;
	}
		#mainpagetitle {
			font-family: tw cen mt condensed extra bold, arial, free-sans, sans-serif;
			font-weight: normal;
			font-size: 48px;
		}
	#header-extras {
		width: 50%; 
		float: right;
		overflow: hidden;
	}
		#small-header-text {
			margin-top: 50px;
			padding: 0 20px;
			font-size: 12pt;
			font-weight: bold;
			text-align: center;
		}
#navigation  {
	clear: both;
	font-size: 12pt;
	height: 2em;
	padding: 8px 10px;
	margin: 0px 15px;
}

#content_body {
	width: 870px;
	padding: 10px;
	margin: 0 15px;
	clear: both;
}

#content {
	overflow: hidden;
	width: 80%; 
	margin-left: 10%;
	line-height: 18px;
	overflow: hidden;
}
div.post  {
	padding: 30px 0;
}
#footer {
	text-align: center;
	padding: 0 15px 32px 15px;
	clear: both;
	zoom: 1; /* I hate IE :-( */
}
#footer-body { padding: 28px 10px 20px 10px;	}
/*  Images */
img[align="right"], 	img.right 	{ float: right; margin: 4px 0 4px 40px; } /* The Attribute Selectors will not work in ie6 but will for ie7 */
img[align="left"], 	img.left  	{ float: left;  margin: 4px 40px 4px 0; }
img[align="middle"], img.middle  	{display:block; margin: 0 auto;}

/* links */
a img {border: 0;}
/* Headings */
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; margin: 0 0 0 0; line-height: 1em;}
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
.clear { clear: both; line-height: 1px; font-size: 1px; visibility: hidden; display: block;}

div.post-excerpt { margin-bottom: 20px;}
div.post-footer { clear: both; text-align: center; margin-top: 20px; line-height: 2em;}
div.page-links { text-align: right;}
div.post-footer span { margin-right: 10px;}
span.excerptmore { display: block; text-align: right;}
div.time-date-owner { display: none; }
div.page-navigation {text-align: right; margin-bottom: 20px;}
.excerpt-thumb-img { float: left; margin: 8px 12px 8px 0;}

/* Comments */
#comment-title { display: inline; }
#comments_rss_link { margin-left: 1em;}
.comment-list li {padding: 0.5em 1em;}
#comment {width: 100%; border:0;}
.commentheader {font-size: x-small; font-weight: bold; font-style: italic;}
#commentsblock {margin-top: 40px;}
/* Contact form */
#contactform label { width: 250px; float: left;}
#contactform p.paragraph { font-size: 18px; margin-top: 18px; margin-bottom: 0;}
#contactform .contactformrow { width: 100%; margin-bottom: 0.5em; overflow: hidden;}
#contactform .text { width: 290px; border: 0px; font-size: 12px; line-height: 14px; padding: 2px 0; float: right;}
#contactform #div_icit_submit_3 { text-align: right; }
#contactform #icit_postcode { width: 100px;}
#contactform #div_contactform_recipient {display: none;}
#contactform #label_icit_text { width: 100%; display:block; float: none; font-size: 18px; line-height: 1.25em; margin-top: 18px;}
#contactform .textarea { width: 100%; padding: 4px 0; border: 0;}
.submit { border-style: solid; border-width: 1px; font-size: 12px; padding: 1px 3px; cursor: pointer;}
#contactform #div_icit_newsletter { padding: 0; width: 548px; margin-top: 18px; line-height: 18px; font-weight: normal; border-style: solid; border-width: 1px;}
#contactform #icit_newsletter { height: 18px; margin: 2px 0;}
#contactform #label_icit_newsletter { display: block; float: left; width: 510px; padding: 2px 3px;}
.off-site-links a:hover {text-decoration: none;}
#contactform  sup {vertical-align: text-top; font-size: x-small; margin-left:1em;}
#header-text a:hover {text-decoration:none;}

.slideshowcenter  img { margin-top: 20px;}
.slideshowright, .slideshowleft  {
	float: left;
	width: 19.9%;
	height: 120px;
	padding: 0;
	position: relative;
	top: 150px;
}
.slideshowright a, .slideshowleft  a {
	display: block;
	width: 100%;
	height: 100%;
}
.prev-image { position: absolute; top: 0; left: 0;}
.next-image { position: absolute; top: 0; right: 0;}

.right-arrow { display: none;}
.left-arrow   { display: none;}

.over .left-arrow, .over .right-arrow { display: block; position: absolute; top: 10px; opacity: .60; filter:alpha(opacity=60);}
.over .left-arrow  {left: 20px;} 
.over .right-arrow {right: 20px;}

.slideshowcenter {
	float: left;
	overflow: hidden;
	width: 60%;
}