/*

Theme Name: Sthlm4kids
Theme URI: http://www.stockholm4kids.com/
Description: Sthlm4kids v1
Version: 1.0
2007-01-07
Author: Kal Ström, Happy User
Author URI: http://www.happyuser.se/

*/


/* Common */



* {

	padding: 0;
	margin: 0;

}



/* Body */



body
{

	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	padding: 0 1em 0 0;
	text-align: left;
	line-height: 1.1;
	background: #fff;

}



/* / Body */



/* Tags */



p, h1, h2, h3, h4, h5, h6, h7 {

	margin-bottom: .5em;

}



label {

	cursor: pointer;

}



dfn 
{
	border-bottom: 1px dotted #999;
	font-style: normal;
	cursor: help;
}



ins 
{
	border-bottom: 1px dotted #000;
	text-decoration: none;
}



del 
{
	text-decoration: line-through;
}



abbr 
{
	border-bottom: 1px dotted #999;
	font-style: inherit;
}



dt 
{
	font-weight: bold;
}



/* Tables */



table 
{
	width: auto;
	margin: 0 0 1em 0;
	font-size: .9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table, td, th {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
	th {
		text-align: left;
		font-weight: bold;
	}
	table.full {
		}

table th 
{
	padding: .5em;
	vertical-align: top;
}
table td
{
	border: 1px solid #CCC;
	padding: .5em;
	border-collapse: collapse;
	vertical-align: top;
}
	table td.no-border 
	{
		border: none;
	}

blockquote table 
{
	font-size: 1em;
}

table tfoot 
{
	border-top: 2px solid #ccc;
}

table tfoot td
{
	background: #e9e9e9;
}


/* / Tables */


/* Form */

legend 
{
	margin: 0;
	padding: 0;
}

/* / Form */


/* Lists */



ul, ol 
{
	margin-bottom: .5em;
}



/* / Lists */



/* Links */



a:link 
{
	color: #005a9a;
	text-decoration: none;
}

a:visited 
{
	color: #005a9a;
	text-decoration: none;
}

a:hover 
{
	color: #003c66;
	text-decoration: underline;
}



a:active 
{
	color: #003c66;
	text-decoration: underline;
}



a img { border: none; }



/* / Links */



/* / Tags */



li.first 
{
		border-left: 0 !important;
}



.hiddenInformation { /* Help for Screen Readers and Structure */
	display: none;
}



.date,

.time 
{
	color: #999;
}



/* Clear Div */



.clear
{
	font-size: 1px;
	height: 0;
	line-height: 1%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}



/* / Clear Div */



#skip 
{
	display: none;
}



#pageWrapper
{
	width: 960px;
	margin: 10px auto;
	position: relative;
}

#headerContainer 
{
	padding-bottom: 10px;
	border-bottom: 4px solid #fff;
	height: 110px;
}

	a.logo 
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	img.logo 
	{
	}
	#contentArea
	{
		float: right;
	}

		.tagline 
		{
			width: 576px;
			margin-top: 93px;
			font-size: 1.4em;
			text-align: center;
			color: #777;
			line-height: 1.2;
		}

			.tagline a
			{
				color: #000;
			}

	#mainmenuWrapper 
	{
		margin: 0 0 15px 0;
		padding: 0;
		overflow: hidden;
		clear: both;
	}
		#mainmenuWrapper ul 
		{
			list-style: none;
			margin: 0 0 0 0;
		}
		#mainmenuWrapper ul li 
		{
			width: 96px;
			float: left;
			height: 65px;
		}
		
			#mainmenuWrapper ul li a
			{
				display: block;
				padding: 25px .1em 0;
				font-size: 1.1em;
				text-align: center;
				background: url(img/mainMenu.gif);
				height: 55px;
			}
			#mainmenuWrapper ul li.selected a,
			#mainmenuWrapper ul li.current_page_item a 
			{
				background: url(img/selected-main-menu_bg.gif) repeat-x bottom;
			}



#mainWrapper {
	clear: both;
	background: #fff;
	margin: 5px 1px 1em;
}

	#subWrapper
	{
		float: left;
		width: 190px;
	}
		#subWrapper h2 
		{
			font-size: 1.1em;
			font-weight: bold;
		}
		#subWrapper h3 
		{
			font-size: 1em;
			font-weight: bold;
		}
		#subWrapper ul 
		{
			margin: 0 8px 1em 8px;
		}
			#subWrapper ul ul 
			{
				margin-bottom: 0;
			}

			#subWrapper li 
			{
				list-style: none;
				padding-left: 9px;
				margin-bottom: .4em;
			}
			#subWrapper li.current_page_item 
			{
				font-weight: bold;
			}
				#subWrapper li.current_page_item li 
				{
					font-weight: normal;
				}
			#subWrapper span 
			{
				display: block;
			}

		#subWrapper #category 
		{
			margin-bottom: 1em;
			padding: 8px;
			font-weight: bold;
		}


#searchContainer 
{
	overflow: hidden;
	margin: 0 5px 1em 5px;
	border: 1px solid #ececec;
}
	#searchform
	{
		padding: 6px;
	}


		input#searchsubmit
		{
			margin-top: .5em;
		}

#book 
{
	margin-top: .5em;
	padding: 0 10px 10px;
}

	#start 
	{
		
	}
	
		#start #contentContainer h1 
		{
			line-height: 1.25;
			margin-bottom: .5em;
		}
		
			#start h1 span 
			{
				display: block;
			}

	#contentWrapper 
	{
		margin-left: 212px;
	}

	#contentContainer 
	{
		float: left;
		width: 440px;
		font-size: 1.1em;
	}
		#contentWrapper h1
		{
			font-size: 1.8em;
			font-weight: normal;
			display: inline;
			line-height: 1.25;
			padding-bottom: .7em;
		}

			#contentWrapper h1 span 
			{
				display: block;
			}

			#contentWrapper div.post h2
			{
				font-size: 1.1em;
				font-weight: bold;
				line-height: 1.9;
				display: inline;
				padding-bottom: .7em;
				padding-top: .5em;
			}
			#contentContainer h1.pagetitle {
				font-size: 2em;
				font-weight: normal;
				line-height: 1.5;
				padding-bottom: .4em;
			}

			#contentWrapper h3
			{
				margin-top: .5em;
				font-size: 1em;
				font-weight: bold;
			}
			
		#contentContainer .info 
		{
			border: 1px dotted #e5e5e5;
			padding: .2em .5em;
			background: #fafafa;
		}
			#contentContainer .info strong 
			{
				color: #666;
			}

		#contentWrapper p 
		{
			line-height: 1.5;
		}
		#contentWrapper h2 
		{
			font-size: 1.1em;
			font-weight: bold;
		}
		#contentWrapper img 
		{
		}
			#contentWrapper img.left {
				float: left;
				margin-right: .8em;
				padding-bottom: .3em;
			}
			#contentWrapper img.right {
				float: right;
				margin-left: .8em;
				padding-bottom: .3em;
			}
			#contentWrapper img.no-border {
				padding: 0;
				border: none;
			}
		#contentContainer ul,
		#contentContainer ol 
		{
			margin-left: 40px;
		}
		#contentContainer div.entry
		{
			margin: 1em 0 0 0;
		}
			#contentContainer div.entry a
			{
			}
		#contentContainer div.meta
		{
			border-top: 1px solid #666;
			color: #999;
			margin: 1em 0 3em 0;
			padding-top: .5em;
			clear: both;
		}
			#contentContainer .meta p
			{
				margin: 0;
			}
		#bonus-information
		{
			margin-left: 458px;
		}
		
			.bonus-box 
			{
				font-style: italic;
				padding: 12px 8px;
				text-align: center;
				margin-bottom: 20px;
	 			line-height: 1.5;
			}

			#bonus-information img 
			{
				align: right;
				border: none;
			}
			
			.space 
			{
			}


.navigation
{
	margin: 0 0 1em 0;
}
	.navigation .alignleft {
	
		text-align: left;
	}
	.navigation .alignright {
		text-align: right;
	}

.post 
{
	margin-bottom: 1.5em;
}



#search_page #contentWrapper #contentContainer h1 
{
	display: block;
	margin-bottom: 1.5em;
	float: left;
	padding-bottom: 0;
}


	#search_page .post 
{
		clear: left;
		padding-bottom: 1em;
	}



#footerContainer 
{
	clear: both;
}


	#footerContainer p 
{
		padding: 0 0 0 0;
	}



/* By Category */


.cat-item-1 #category,
.cat-item-1 .bonus-box 
{
	background: #000;
	color: #fff;
}

li.cat-item-2,
.cat-item-2 #category,
.cat-item-2 .bonus-box 
{
	background: #e2001a;
	color: #fff;
}

li.cat-item-3,
.cat-item-3 #category,
.cat-item-3 .bonus-box 
{
	background: #f29400;
	color: #fff;
}

.cat-item-3 .bonus-box a
{
	color: #000;
}

li.cat-item-4,
.cat-item-4 #category,
.cat-item-4 .bonus-box 
{
	background: #f8dd00;
	color: #000;
}

li.cat-item-5,
.cat-item-5 #category,
.cat-item-5 .bonus-box 
{
	background: #90c796;
	color: #000;
}

li.cat-item-6,
.cat-item-6 #category,
.cat-item-6 .bonus-box 
{
	background: #97bf0d;
	color: #fff;
}

li.cat-item-7,
.cat-item-7 #category,
.cat-item-7 .bonus-box 
{
	background: #009036;
	color: #fff;
}

li.cat-item-8,
.cat-item-8 #category,
.cat-item-8 .bonus-box
{
	background: #009ee0;
	color: #fff;
}

li.cat-item-9,
.cat-item-9 #category,
.cat-item-9 .bonus-box
{
	background: #006ab3;
	color: #fff;
}

li.cat-item-10,
.cat-item-10 #category,
.cat-item-10 .bonus-box
{
	background: #9085ba;
	color: #fff;
}

li.cat-item-11,
.cat-item-11 #category,
.cat-item-11 .bonus-box
{
	background: #93107e;
	color: #fff;
}

/* Main Menu */

/*
.cat-item-2 #mainmenuWrapper
{
	border: 1px solid #e2001a;
}
*/

.cat-item-2 #mainmenuWrapper ul li.cat-item-2 a,
.cat-item-3 #mainmenuWrapper ul li.cat-item-3 a,
.cat-item-4 #mainmenuWrapper ul li.cat-item-4 a,
.cat-item-5 #mainmenuWrapper ul li.cat-item-5 a,
.cat-item-6 #mainmenuWrapper ul li.cat-item-6 a,
.cat-item-7 #mainmenuWrapper ul li.cat-item-7 a,
.cat-item-8 #mainmenuWrapper ul li.cat-item-8 a,
.cat-item-9 #mainmenuWrapper ul li.cat-item-9 a,
.cat-item-10 #mainmenuWrapper ul li.cat-item-10 a,
.cat-item-11 #mainmenuWrapper ul li.cat-item-11 a 
{
	color: #fff;
	background: none;
}

/* / Main Menu */

/* SubWrapper Border */

.cat-item-1 #subWrapper
{
		border: 1px solid #000;
}

.cat-item-2 #subWrapper
{
		border: 1px solid #e2001a;
}

.cat-item-3 #subWrapper
{
		border: 1px solid #f29400;
}

.cat-item-4 #subWrapper
{
		border: 1px solid #f8dd00;
}

.cat-item-5 #subWrapper
{
		border: 1px solid #90c796;
}

.cat-item-6 #subWrapper
{
		border: 1px solid #97bf0d;
}

.cat-item-7 #subWrapper 
{
		border: 1px solid #009036;
}

.cat-item-8 #subWrapper
{
		border: 1px solid #009ee0;
}

.cat-item-9 #subWrapper
{
		border: 1px solid #006ab3;
}

.cat-item-10 #subWrapper
{
		border: 1px solid #9085ba;
}

.cat-item-11 #subWrapper
{
	border: 1px solid #93107e;
}

.cat-item-2 #subWrapper li 
{
	background: url(img/cat2-li.gif) 0 5px no-repeat;
}

.cat-item-3 #subWrapper li 
{
	background: url(img/cat3-li.gif) 0 5px no-repeat;
}

.cat-item-4 #subWrapper li 
{
	background: url(img/cat4-li.gif) 0 5px no-repeat;
}

.cat-item-5 #subWrapper li 
{
	background: url(img/cat5-li.gif) 0 5px no-repeat;
}

.cat-item-6 #subWrapper li 
{
	background: url(img/cat6-li.gif) 0 5px no-repeat;
}

.cat-item-7 #subWrapper li 
{
	background: url(img/cat7-li.gif) 0 5px no-repeat;
}

.cat-item-8 #subWrapper li 
{
	background: url(img/cat8-li.gif) 0 5px no-repeat;
}

.cat-item-9 #subWrapper li 
{
	background: url(img/cat9-li.gif) 0 5px no-repeat;
}

.cat-item-10 #subWrapper li 
{
	background: url(img/cat10-li.gif) 0 5px no-repeat;
}

.cat-item-11 #subWrapper li 
{
	background: url(img/cat11-li.gif) 0 5px no-repeat;
}