/*
Theme Name: Kids Musik with Janelle Theme 
Theme URI: http://www.suckerpunchdesign.com.au
Description: Kids Musik with Janelle Theme
Version: 2.7
Author: SuckerPunch Design 
Author URL: http://www.suckerpunchdesign.com.au
*/
/* CSS Document */

*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#4d4d4c; background:url(images/bg.gif) top repeat-x #39184e; padding:0px 0px 26px 0px}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma, Arial, Helvetica, serif; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:135px; color:#4d4d4c; height:15px; margin-right:5px; border:1px solid #000000; background:#FFFFFF; font-size:1.01em; padding:1px 0px 0px 3px;}

/***end forms*******************************************/

.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 963)? "963px" : "100%"); min-width:963px;}
.main {width:963px; margin:0 auto; overflow:hidden; position:relative; background:url(images/bg-top.jpg) top left no-repeat;}

a {color:#47a3cd; text-decoration:underline;}
a:hover{text-decoration:none;}

 
.pagetitle {
	padding:10px;
	color:#ec1c24;
	font-weight:normal;
	font-size: 22px;
	padding-top: 25px;
}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { width:100%; overflow:hidden;}

ul { margin:0;}

.side-bar-left { width:227px; margin-right:-227px; position:relative; float:left;}
.side-bar-left .ind { padding:11px 7px 0px 11px; }

.column-center{float:left; width:100%;}
.indent-center { padding:11px 11px 0px 227px;}

.side-bar-right { width:228px; margin-left:-228px; float:left;}
.side-bar-right .ind { padding:11px 11px 0px 8px;}

.clear{clear:both;}
.clear-block{ padding:0px 40px 0px 41px; overflow:hidden;}

/***global*******************************************/

/***header*******************************************/
h2{ font-size:1.61em;}
h3{ font-size:1.31em;}

#header {margin:0 auto; overflow:hidden; width:100%; height:510px;}
/*#header .row1 {overflow:hidden; height:283px; width:100%;}*/

.logo { padding:78px 0px 0px 166px; overflow:hidden;}
h1 {font-size:1em; margin:0px; padding:0; color:#ffffff; text-indent:-10000em; width:314px; height:70px; background:url() top left no-repeat; cursor:pointer;}
h1:hover {text-decoration:none;}
.description {width:200px; height:20px; margin-left:217px; margin-top:6px; text-indent:-10000em; background:url() top left no-repeat; overflow:hidden;}


.search { overflow:hidden;}
.search .inside-widget {padding:3px 0px 13px 0px; }
/*.search h2 {font-size:1.27em; line-height:1.09em; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:6px 0 10px 21px; background:url(images/bg-h5.gif) no-repeat 0px 6px;}*/

.menu {overflow:hidden; padding:296px 45px 0px 33px; overflow:hidden;}
.menu ul { width:100%;}
.menu li {
	font-size:1.2em;
	line-height:normal;
	float:left;
	overflow:hidden;
	padding:0px;
	background:url(images/bg-li.gif) no-repeat left 0;
}
.menu li a{color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:1px 28px 0px 40px;}
.menu li a:hover{text-decoration:none; color:#f8c32e; background:url(images/bg-lia.gif) top center no-repeat;}

/*.menu ul li span {display:block; float:left; background:url(images/bg-link2.gif) top repeat-x;}
.menu ul li span span {display:block; float:left; background:url(images/link-left2.gif) top left no-repeat;}
.menu ul li span span a {display:block; float:left; background:url(images/link-right2.gif) top right no-repeat;}

.menu ul li span.over {background:url(images/bg-link.gif) top repeat-x;}
.menu ul li span.over span {background:url(images/link-right.gif) top right no-repeat;}
.menu ul li span.over span a {background:url(images/link-left.gif) top left no-repeat;}
*/
/***end header*******************************************/



/***box*******************************************/
.bg-cont { background:#ffffff; overflow:hidden; width:100%;}
.bg-cont2 { background:#f6f6f6; padding:0px 11px 20px 15px;}
/*************Categories***************/
/*#categories.widget { background:url(images/block-top.gif) top left no-repeat #FFFFFF;}
#categories .inside-widget { background:url(images/block-bot.gif) bottom left no-repeat;}
#categories.widget h2 { color:#34432c; padding:18px 0px 15px 27px;}
#categories.widget li { font-size:1.09em; line-height:1.83em; color:#1b2e32; font-weight:bold; background:url(images/a1.gif) no-repeat 0 9px; border-bottom:1px solid #d6f0ff}
#categories.widget li a { color:#414e39; text-decoration:none; background:none; padding-left:12px; display:block;}
#categories.widget li a:hover { color:#42a206;}*/

/*************ARCHIVES***************/
/*#archives.widget { background:url(images/block-top2.gif) top left no-repeat #0d68a3;}
#archives .inside-widget { background:url(images/block-bot2.gif) bottom left no-repeat;}*/
#archives.widget#archives.widget h2 { background:#ff475b;}
/*#archives.widget h2 a {color:#1b2e32; text-decoration:none;}
#archives.widget h2 a:hover {text-decoration:none;}
#archives.widget ul { margin:0; padding:0px; width:100%;}
#archives.widget li { border-bottom:1px solid #054768}*/
#archives.widget li a {background:url(images/a4.gif) no-repeat left 8px;}
#archives.widget li a:hover { color:#ff475b;}
/************************************/

/*************META***************/
/*#meta.widget {}
#meta .inside-widget { padding-right:15px; padding-left:20px;}*/
#meta.widget h2 { color:#FFFFFF; padding-left:43px; background:#69b9dd;}
/*#meta.widget ul { margin:0; padding:0px; width:100%;}
#meta.widget li { border-bottom:1px solid #fbc440}*/
#meta.widget li a { background:url(images/a2.gif) no-repeat left 9px;}
#meta.widget li a:hover { color:#69b9dd;}
/************************************/

/*#tags.widget h2 { background:url(images/bg-h7.gif) no-repeat 0 0}*/

/*************RECENT POSTS***************/
/*#recentposts.widget { background:url(images/bg-block5.gif) left repeat-y;}
#recentposts .block-top { background:url(images/block-top5.gif) top left no-repeat;}
#recentposts .inside-widget { background:url(images/block-bot5.gif) bottom left no-repeat; padding:20px 10px 20px 20px;}
#recentposts.widget h2 {color:#1e0d21; padding:18px 0px 0px 27px;}

#recentposts.widget ul { margin:0; padding:0px; width:100%;}
#recentposts.widget li { color:#1e0d21; line-height:1.51em; background:url(images/bg-line3.gif) bottom repeat-x; padding:4px 0px 8px 0px;}
#recentposts.widget li a { background:none; padding-left:6px; color:#1e0d21}
#recentposts.widget li a:hover { text-decoration:none; color:#bd00d2;}*/
/************************************/

/*************RECENT COMMNETS***************/
/*#recentcomments.widget { background:url(images/bg-block6.gif) left repeat-y;}
#recentcomments .block-top { background:url(images/block-top6.gif) top left no-repeat;}
#recentcomments .inside-widget { background:url(images/block-bot6.gif) bottom left no-repeat; padding:14px 10px 20px 20px;}
#recentposts.widget h2 {color:#1e0d21;}

#recentcomments.widget ul { margin:0; padding:0px; width:100%;}
#recentcomments.widget li { color:#1e0d21; line-height:1.51em; background:url(images/bg-line4.gif) bottom repeat-x; padding:4px 0px 8px 0px;}
#recentcomments.widget li a { background:none; padding-left:6px; color:#412018}
#recentcomments.widget li a:hover { text-decoration:none; color:#c12f0b;}*/
/************************************/

/*************BLOGROLL***************/
/*#blogroll.widget { background:url(images/bg-block4.gif) left repeat-y;}
#blogroll .block-top { background:url(images/block-top4.gif) top left no-repeat;}
#blogroll .inside-widget { background:url(images/block-bot4.gif) bottom left no-repeat;}*/
#linkcat-2.widget h2 {background:#ec1c24;}
/*#blogroll.widget h2 a {color:#1b2e32; text-decoration:none;}
#blogroll.widget h2 a:hover {text-decoration:none;}
#blogroll.widget ul { margin:0; padding:0px; width:100%;}
#blogroll.widget li { font-size:1.09em; line-height:1.42em; color:#1b2e32; font-weight:normal; padding:1px 0px 1px 0px;}*/
#linkcat-2.widget li a { background:url(images/a3.gif) no-repeat 0 8px;}
#linkcat-2.widget li a:hover { color:#f8c32e;}*/
/************************************/
/***box*******************************************/




/***side_bar*******************************************/
.side-bar .inside{ padding:0 0 0 0;}

.widget#categories .children { margin:0 0 0 0px;}
.widget#categories .children li{  font-size:1.01em; padding-left:20px; background:none}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.inside-widget { padding:15px 30px 18px 44px;}
.widget { margin:0px 0px 6px 0px; padding:0px; width:100%; overflow:hidden;}
.widget h2 {font-size:1.27em; line-height:1.27em; color:#FFFFFF; text-align:left; font-weight:bold; text-transform:uppercase; padding:9px 15px 7px 22px; background:#ec1c24;}
.widget h2 a {color:#0d68a3; text-decoration:none;}
.widget h2 a:hover {text-decoration:none;}

.widget ul { margin:0; padding:0px; width:100%;}
.widget li { font-size:1.18em; line-height:1.5em; color:#000000; font-weight:bold; padding:2px 0px 5px 0px; background:url(images/bg-line.gif) bottom repeat-x;}
.widget li a { color:#000000; text-decoration:none; background:url(images/a1.gif) no-repeat 0 9px; padding-left:18px; display:block;}
.widget li a:hover { text-decoration:none; color:#f8c32e;}

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

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

/**********************************************/
#calendar .inside-widget { padding-left:30px; padding-right:30px;}
#calendar_wrap {vertical-align:top; width:auto; margin:auto;}
#calendar_wrap #prev { padding:5px 0px 0px 10px; text-align:left;}
#calendar_wrap caption { color:#074f77; font-weight:bold; font-size:1.11em;}
#calendar_wrap td {width:35px; text-align:right; color:#074f77; font-size:1.01em;}
#calendar_wrap td a {color:#e85f90;}
#calendar_wrap th { color:#69b9dd; text-align:right;}
#calendar_wrap a {font-weight:bold; width:20px;}
/**********************************************/

#tag_cloud .inside-widget { padding:10px 10px 20px 20px;}
#tag_cloud a{ color:#69b9dd; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:none; background:#69b9dd; color:#FFFFFF;}

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

#statusbar { text-align:left; color:#1b1f22;}
#statusbar p {padding:10px 15px 10px 15px; margin:0 0 0px 0;}
#statusbar a {font-weight:bold; color:#1b1f22;}

#search .inside-widget { padding-left:30px;}
#search .searching { width:140px; height:16px; background:#FFFFFF; border:1px solid #0a4d81; color:#000000;}

.widget_rss h2 { padding-bottom:12px;}

/***end side_bar*******************************************/




/*---nonNumeric Lists without links---*/
.column-center ul li{ background:url(images/a2.gif) no-repeat 0 8px; padding-left:10px; list-style-image:none; list-style:none; line-height:1.86em; color:#47a3cd; font-weight:normal;}
.column-center ul li ul{ margin-left:10px;}
.column-center ul li ol {margin-left:15px;}
.column-center ul li ol li{ list-style-type:decimal;}

/*---Numeric Lists without links---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:13px; line-height:1.86em; font-weight:normal;}
.column-center Ol li ul li {background:url(images/a2.gif) no-repeat 0 8px; padding-left:10px; color:#47a3cd; font-weight:normal;}

/*---nonNumeric Lists---*/
.column-center ul li{ list-style-image:none; list-style:none; line-height:1.86em;}
.column-center ul li a { color:#47a3cd; font-weight:normal; text-decoration:none; font-size:1.01em; text-transform:none;}
.column-center ul li a:hover{ text-decoration:underline; }
.column-center ul li ul{ margin-left:15px;}
.column-center ul li ol {margin-left:20px;}
.column-center ul li ol li{ list-style-type:decimal; color:#47a3cd}
.column-center ul li ol li a { background:none;}

/*---Numeric Lists---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:1.86em; }
.column-center Ol li a { padding-left:0px; color:#47a3cd; font-weight:normal; text-decoration:none; font-size:1.01em; text-transform:none;}
.column-center Ol li a:hover{ text-decoration:underline; }
.column-center Ol li ul li a { font-weight:bold; text-decoration:underline;}
.column-center Ol li ul li a:hover {text-decoration:none;}

.column-center p { padding:5px 20px 5px 0px;}

.column-center .border { border:1px solid #434245; padding:1px;}

.welcome {margin-bottom:15px;}
.welcome .content-top-left  {padding:20px 28px;}
.welcome h2 {padding-bottom:10px; color:#253747; font-weight:normal;}

.page, .post {overflow:hidden; padding-bottom:10px;}


.title { overflow:hidden; width:100%; padding-top:18px;}
.title h2 { color:#1c1c1c; font-size:1.63em; text-transform:none; line-height:1.01em; font-weight:normal;}
.title h2 a {color:#1c1c1c; text-decoration:none; display:block; padding:8px 0px 1px 29px; background:url(images/bg-h.gif) no-repeat left 10px;}
.title h2 a:hover {text-decoration:underline;}
.title .author {  padding:6px 0px 7px 29px; color:#878787; font-weight:normal; font-size:1.09em; line-height:1.09em; border-bottom:2px solid #111111;}
.title .author a { color:#878787;}
.title .date { padding:7px 38px 0px 29px; font-size:1.18em; line-height:1.01em; color:#878787; font-weight:normal;}

.text-box { font-size:1.09em; line-height:1.51em; overflow:hidden; width:100%; padding-bottom:10px;}
.text-box .ind {padding:25px 0px 0px 0px;}
.text-box strong { color:#ec1c24; font-size:1.01em;}
.text-box span { text-transform:none; color:#ec1c24; font-size:1.09em; line-height:1.2em}
.text-box span a { color:#41d9ff; font-size:1.18em; font-style:italic;}

.comments { color:#47a3cd; font-size:1.09em; text-transform:none; line-height:1.01em; overflow:hidden; padding:7px 0px 0px 0px; }
.comments a {text-decoration:underline; color:#47a3cd; line-height:1.71em; font-weight:bold;}
.comments a:hover { text-decoration:none;}

.line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;}
/***end column_center*******************************************/

h2.pages{ padding-bottom:10px;}

/* ----------------------- Popup styles ---------------------- */

/*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}*/
#commentspopup { color:#ababab;}
#commentspopup .post { padding:0px;}

#commentspopup .page-padding {padding:20px 5px;}
#commentspopup .page-width {width:538px; margin:0 auto;}

#commentspopup h2 {color:#FFFFFF; font-family:Tahoma, Arial, Helvetica, serif; font-size:1.45em; padding:10px 10px;}

#commentspopup p { padding:5px 10px; line-height:1.35em; font-size:1.1em;}

#commentspopup ol#commentlist  li {
	margin: 0px 10px 3px 20px;
	padding: 5px 0px 3px 0px;
	font-weight:normal;
	}

#commentspopup #footer { padding:10px 0;}

/* ----------------------------------------------------------- */

/***Begin Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0;
	margin: 0px 0px 2px 20px;
	display: inline;
}

img.alignleft {
	padding: 0;
	margin: 2px 34px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	color:#47a3cd;
	padding-right:10px;
}

.alignleft {
	float: left;
	color:#47a3cd;
	padding-left:10px;
}

.marg { margin-bottom:10px;}
/***End Images *******************************************/


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom:1px dashed #999;
	}

blockquote {
	border:1px solid #888888;
	background:#e2e2e2;
	padding:3px 5px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: block;
	text-align: left;
	margin-bottom: 5px;
	padding-top:5px;
	}
	
/*.navigation {display: block; text-align: center; margin:0; padding:15px 21px;}
.navigation a {color:#577487; font-weight:bold; font-size:1.2em;}*/
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

ol.commentlist  li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight:normal
	}
ol.commentlist li.even {background:#e2e2e2; border-top:1px solid #888888;}
ol.commentlist li.odd {background:#d7d6d6; border-top:1px solid #888888;}
	
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	padding-right:25px;
	padding-left:15px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

#respond { width:100%; overflow:hidden;}
#respond h3 { padding-left:15px;}
#commentform textarea { width:100%;}
textarea#comment { width:100%;}
	
h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em; color:#1c1c1c}
/* End Comments */

.info-sidebar { padding:15px; color:#4d4d4c;}

/*************************************/
#recent-posts  {vertical-align:top;}
#recent-comments li { background:url(images/a1.gif) no-repeat 0 12px; padding-left:15px; line-height:1.71em}
#recent-comments li a {background:none; text-decoration:underline;}
#recent-comments li a:hover{text-decoration:none;}
#recent-comments .inside-widget { padding:10px 20px 10px 20px;}

#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
/*#pages  {vertical-align:top;}*/
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.widget_text .inside-widget { padding:10px 10px 20px 20px;}
.textwidget {color:c9c8c8; padding:4px 0px 10px 0px; color:#095886}

.oddcomment{color:#000000;}

/***footer*******************************************/
#footer { font-size:1.09em; line-height:1.12em; color:#000000; font-weight:normal; text-align:center; padding:0px 40px 13px 41px; }
#footer p{ padding:0px;}
#footer a{ color:#000000; font-weight:normal; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
.foot { text-align:center; margin:0 auto; padding:14px 0px 13px 0px; background:#FFFFFF; width:100%;}
.bg-bot { background:#f8c32e; margin:0px 11px 0px 11px; padding:16px 0px 16px 0px;}
/***end footer*******************************************/