/* 
Theme Name: Jump for Joy
Theme URI: http://www.webdesign-in.de/
Description: Jump  for Joy ist ein 3spaltiges, fluides WP Theme,exclusiv fuer Biggis Spielzeug Oase erstellt. 
Version: 1.0
Author: mts
Author URI: http://www.webdesign-in.de/

		
 */
/*<![CDATA[*/

html, body {margin : 0;padding : 0;}
html {background-image:url(images/html.gif);
	background-repeat:repeat-x;
	background-position:0 1px;
	color : #342F29;
	background-color :#fff;}

div#containerl {min-width:800px;
	max-width:1200px;
	width:90%;
	text-align:center;
	margin:17px auto 0 auto;
	color : #342F29;
	background-color :#fff;
	background-image:url(images/class-logo.gif);
	background-repeat:repeat-x;background-position:0 -1px;
	top:16px;}

div#wrapper {width : 100%;
	float : left;}
	
	.logo{background-image:url(images/logo.jpg);
		background-repeat:no-repeat;
		background-position:54% 60px;
		margin:0;
		padding:0;}
	
div#content {margin :20px 24% 5px 24%;
	text-align : left;}

div#header {width : 100%;
	margin:0;
	padding:0;
	/*position : relative;*//*without this opera is ok other I don not know this day*/
	height :260px;}

 	div#header h1 a{position:absolute;
 		top:17px;
		left:22%;
    	font:lighter 106%/110% "Palatino Linotype", swiss, serif;
		color:#fffff0;}

div#sidebar {float :left;
	width : 22%;
	margin-top:20px;
	margin-left : -23%;
	text-align : left;}

div#navigation {float : left;
	width : 22%;
	margin-top:20px;
	margin-left : -98%;
	text-align : left;}

div#footer {text-align:center;
	margin:0 auto;
	clear : both;
	width : 100%;}

/*--all over the world--*/
html, body {font : 0.9em/1.4em Verdana, "Trebuchet ms", "Gill Sans MT", "Gill sans", sans-serif;}
ol li, 
ul li {	list-style-type : none;
	list-style-image : none;
	line-height : 1.6em;}
	
body img.wp-smiley {border : none;
	float : none;
	vertical-align : middle;}
.clear {clear : both;}

h2, h4, h5, h6 {font : lighter 160%/190% "Palatino Linotype", swiss, serif;
	color : #660066;
	background-color : inherit;
	margin : 6px 8px 4px 8px;  }
	h3{color:#F9F6F6;
		background-color:inherit;
		margin : 6px 0 4px 0; 
		font : lighter 100%/120% "Palatino Linotype", swiss, serif;}
fieldset,input,textarea,
fieldset fieldset{	border:1px solid #660066;}
 
p {padding : 4px 10px;
	margin : 0 10px 0 10px;
	clear : both;}
	#footer p {
		margin : 0;
		padding : 1em 0;
		text-align : center;
        font-size:0.8em;}		
pre, code {	font : 0.9em/1.7em Courier, monospace;
	width : 90%;
	overflow : auto;
	clear : both;
	margin : 10px 0 10px 15px;
	padding : 5px 3px 20px 4px;
	border : 1px dotted #342F29;}

b, strong, i, em {color : #342F29;
	background-color : inherit;}

ins {text-decoration : none;
	padding-left : 2px;
	border-bottom : 1px solid #342F29;
	border-left : 1px solid #342F29;}

del {font-weight : bold;
	color : #853076;
	background-color : inherit;}

address {margin : 0 5%;
	padding : 0 5px 0 9px;
	border-left : 2px solid #342F29;}

blockquote {border-left : 0px solid #342F29;
	margin : 5px auto;
	width : 70%;
	padding-left : 5px;}
    blockquote p {padding : 5px;}

acronym, abbr, span.caps, span.abbr {cursor : help;}
acronym, abbr, span.abbr {border-bottom : 1px dashed #CB9148;}

/*images*/
dl.image{	width:230px;
	float:left;
	clear:both;}
dl.left{float:left;
	text-align:center;
	margin:0 5px;}
	dl.left dt,
	dl.left dd{margin:0;
		padding:0;
		text-align:center;}
dl.center{text-align:center;
	margin:0 auto;}
	dl.center dt,
	dl.center dd{margin:0;
		padding:0;
		text-align:center;}
dl.right{float:right;
	text-align:center;
	margin:0 5px;}
	dl.right dt,
	dl.right dd{text-align:center;
		margin:0;
		padding:0;}

/*--links--*/
a, a:link {
padding : 0 2px;
color : #A23C0F;
background-color :transparent;
text-decoration : underline;}
	a:visited {
	color : #A23C0F;
	background-color : inherit;
	text-decoration : none;}
		a:link:focus {
		color : #853076;
		background-color :transparent;
		text-decoration : none;}
		a:link:hover, a:visited:hover {
		color :#000066 ;
		background-color : inherit;
		text-decoration : none;}
		a:link:active, a:visited:active {
		color : #ffa500;
		background-color : inherit;}
/*--images--*/
		:link img {border : none;}
		:visited img {border : none;}
		:link:active img, :visited:active img {border : none;}
		
		p img {	float : left;	margin : 10px;}
		
/*--articles--*/
.firstpost {background-image : url(images/firstpost.gif);
	background-repeat:no-repeat;
	background-position:0 0;}

	h2.firstpost {margin : 0;
	padding : 0 0 0 52px;
	height : 49px;
	line-height : 49px;	  }
	
div.post {margin-top:15px;}

	div.post h3{margin : 6px 8px 4px 25px; 
		font : bold 120%/140% "Palatino Linotype", swiss, serif;color : #660066;
		background-color : inherit;}

.navigate {	text-align : center;
	width : 98%;
	margin : 0 auto;}
.shopdata{font :bold  110%/120% "Palatino Linotype", swiss, serif;
color:#000066;background-color:#DEF1DE;}
.shoplink{font :bold  90%/100% "Palatino Linotype", swiss, serif;}
.shopdata,
.shoplink {
	background-image : url(images/linie2.gif);
	background-repeat:no-repeat;
	background-position:0 35%;
	margin : 0 10px 0 50px;
	clear : both;
	padding:30px 0 10px 70px;}

.postdata,
.commentdata{clear:both;
	border-bottom:1px solid #cacaca;
	color:#cacaca;
	background-color:inherit;
	text-align:right;}
	
.moretext {font-style : oblique;
	background-image: url(images/links-li-magenta.gif);
	background-repeat:no-repeat;
	background-position:0 8px;}

/*--lists--*/
div.post ul li, 
 div.post ol li {padding : 2px 0 2px 12px;
	background-repeat:no-repeat;
	background-position:0 9px;}
		div.post ol li {background-image : url(images/ol-li.gif);}
		div.post ul li {background-image : url(images/ul-li.gif);}

/*--sidebar on the right--*/

div#sidebar ul {margin : 12px 4px;
	padding : 4px 3px 2px 3px;}
	
   div#sidebar ul ul { margin : 2px 0;
   		padding : 2px 0;}
   		
    div#sidebar ul li{margin : 2px 0;
     		padding : 2px 0 0 12px; 
			line-height: 2em;  } 

  		div#sidebar ul li ul li {margin : 3px 0 0 0;
     			padding : 2px 0 0 12px;
     			line-height : 1.6em;}
     		
div#sidebar  h3{margin :0;
	padding:0 0 5px 6px;
	font :normal 17px "Palatino Linotype", swiss, serif;
	line-height:41px;}


/*--navigation on the left--*/
div#navigation ul {margin : 12px 4px;
	padding : 4px 3px 2px 3px;}
	
		div#navigation ul ul {	margin :2px 0;
			padding : 2px 0;}

			div#navigation ul li{list-style-type:none;
      			margin : 2px 0;
     			padding : 2px 0 0 12px; 
				line-height: 2em; } 
				
			div#navigation ul li ul li {list-style-type:none;
				margin : 3px 0 0 0;
				padding : 2px 0 0 12px;
				line-height : 1.6em;}
			
div#navigation  h3{margin :0;
	padding:0 0 5px 6px;
	font : normal 17px "Palatino Linotype", swiss, serif;
	line-height:41px;}


.one{background-image: url(images/ul-li-rot.gif);
	background-repeat:repeat-x;
	background-position:0 0; 
	width:98%;}

	ul.lione li{background-image: url(images/links-li-rot.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

.two{background-image: url(images/ul-li-blau.gif);
	background-repeat:repeat-x;
	background-position:0 0; 
	width:98%;}

	ul.litwo li{background-image: url(images/links-li-blau.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

.three{background-image: url(images/ul-li-magenta.gif);
    background-repeat:repeat-x;
	background-position:0 0;
	width:98%;}

	ul.lithree li{background-image: url(images/links-li-magenta.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;
		margin-top:2px;}

.four{background-image: url(images/ul-li-gelbgruen.gif);
    background-repeat:repeat-x;
	background-position:0 0;
	width:98%;}

	ul.lifour li{background-image: url(images/links-li-gelbgruen.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

.five{background-image: url(images/ul-li-cyan.gif);
    background-repeat:repeat-x;
	background-position:0 0;
	width:98%;}

	ul.lifive li{background-image: url(images/links-li-cyan.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

.six{background-image: url(images/ul-li-gruen.gif);
    background-repeat:repeat-x;
	background-position:0 0;
	width:98%;}
		
	ul.lisix li{background-image: url(images/links-li-gruen.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

.seven{background-image: url(images/ul-li-grau.gif);
    background-repeat:repeat-x;
	background-position:0 0;
	width:98%;}

	ul.liseven li ul li{background-image: url(images/links-li-grau.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
		line-height:1.3em;}

/*--searchform--*/
form#searchform {text-align:center;
	width:97%;
	margin:2px auto;}
input#searchsubmit{cursor:pointer;}

/*--widgets or plugins--*/
div.textwidget {
	padding : 2px 3px 2px 9px;}

ul.tagcloud li {display : inline;
	margin : 3px 0;
	line-height : 150%;
	padding-left : 3px;}

div.ads{text-align:center;
	clear:both;
	margin:0 auto;
	padding:5px 0;
	width:90%;}
	
div.pagebar{text-align:center;
	clear:both;
	margin:0 auto;
	padding:10px 0;
	width:90%;}
	div.pagebar a{border:1px solid #cacaca;
		margin:1px 0;
		padding:4px;}
		
.this-page{border:1px solid #660066;
	margin:1px 0;
	padding:4px;
	font-weight:bold;}
#wp-calendar {
	border : 1px dotted #853076;
	text-align : center;
	empty-cells : show;
	font-size : 11px;
	margin : 16px auto 5px auto;
	width : 80%;}
	#wp-calendar #next a {
		padding-right : 10px;
		text-align : right;}
	#wp-calendar #prev a {
		padding-left : 10px;
		text-align : left;}
		#wp-calendar a {
			display : block;
			text-decoration : none;
			font-weight : bold;
			border:1px solid #853076;}
			#wp-calendar a:hover {border:1px solid #342F29;}
			#wp-calendar a:visited {border:1px solid #342F29;font-weight : normal;}
#wp-calendar caption {
	text-align : center;
	font-size : 12px;
	margin : 0;
	margin : 0 auto;
	font-weight : bold;
	border : 1px dotted #853076;}
#wp-calendar td {
	border : 1px dotted #853076;
	font-size : 11px;
	letter-spacing : normal;
	text-align : center;}
#wp-calendar td.pad:hover {background : #fff;}
#wp-calendar td:hover,
	 #wp-calendar #today {
		background : #fff;
		color : #853076;}
#wp-calendar th {
	font-style : normal;
	text-transform : capitalize;
	color : #853076;
	text-align : center;}
	
.caplize{font:2em "Palatino Linotype",swiss, serif;}
.firstletter{font:1.5em "Palatino Linotype",swiss, serif;}
.eyecatch{margin:5px auto; 
	width:60%;
	text-align:center;
	font-weight:bold;}

/*]]>*/