/*
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";
@import "comments.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: 19px 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;
}
#sidebar,
div.post  {
	padding: 30px 0;
}
#footer {
	text-align: center;
	padding: 0 15px 32px 15px;
	clear: both;
}

body.ie6 #footer{
	height:1px;
}

#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;}
.taxonomy, 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%;
}

body.single #content,
body.archive #content {
	width: 592px;
	font-size:12px;
	line-height:1.6em;
	display:inline;
	float:left;
	margin-left:26px;
}

body.single #sidebar,
body.archive #sidebar {
	width: 200px;
	margin-left:644px;
	font-size:12px;
	line-height:1.6em;
}

body.single .post,
body.archive .post {
	margin-bottom:3em;
}

#sidebar .widget {
	padding:10px;
	margin: 0 0 20px;
	border:solid 1px #ddd;
	min-height:1px;
	overflow:hidden;
}

h2.widgettitle {
	font-size:1em;
	font-weight:normal;
	line-height:1.6em;
	width:180px;
	display:block;
	padding: 5px 10px;
	position:relative;
	left:-11px;
	top:-11px;
	background-color: #ddd;
}

.ie6 h2.widgettitle {
	margin-right:-22px;
}

.ie6 #sidebar .widget {
	overflow:visible;
	height:1px; /* Equiv to min height in real browsers. */
}

#sidebar ul {
	margin: 5px 0 0 0;
	padding: 0;
}


#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0.5em;
}

#sidebar ul p,
#sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul,
#sidebar ul ol {
	margin: 0 0 0 2em;
}


ol li,
#sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	list-style-type: disc;
}

.taxonomy,
div.time-date-owner {
	margin:0.5em 0 2em;
	font-size:x-small;
	line-height:1em;
	color:#666;
}
.taxonomy {
	text-align:right;
}

.taxonomy a,
div.time-date-owner a {color:#666;}

body.single .taxonomy,
body.single div.time-date-owner,
body.archive .taxonomy,
body.archive div.time-date-owner{
	display:block;
}

form, fieldset{
	border:0 none;
	padding:0;
	margin: 0;
}

#sidebar .widget_search {
	padding:0;
	border: 0 none;
}
.errorMessage{
	left:5px;
	background-color:#fff;
	color:#900;
	z-index:10;
	padding:0.5em;
	border:solid 1px #900;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.unfocused {
	color: #999;
}

.alignleft {
	float:left;
	clear:left;
	margin: 0.25em 0.5em 0.25em 0;
}

.aligncenter {
	display:block;
	text-align:center;
	margin: 1em auto 0;
}

.alignright {
	float: right;
	clear:right;
	margin: 0.25em 0 0.25em 0.5em;
}

.wp-caption img {
	margin: 0;
}

p.wp-caption-text{
	font-size: 10px;
	line-height:1.6em;
	padding:1em 0 2em;
	margin: 0;
	background: url(images/caption-bottom.gif) no-repeat center bottom #FFF ;
}

.wp-caption {
	text-align:center;
}

div.wp-caption.alignright {
	padding:20px 0 0 15px;
	margin:0 -5px 0 5px;
	background: url(images/corner-tl.gif) no-repeat top left #FFF;
}

div.wp-caption.alignleft {
	padding:20px 15px 0 0;
	margin:0 5px 0 -5px;
	background: url(images/corner-tr.gif) no-repeat top right #FFF;
}