/*



Theme Name: Krija Joga



Theme URI: http://krijajoga.pl/



Description: Skorka dla strony Krija Joga.



Version: 1.0



Author: 



Author URI: 



*/











/* CSS Document */



body{padding:0px; margin:0px; background:#fff; color:#818181; font:11px/14px Tahoma, sans-serif; text-align: center; }



div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}

h3 {margin-bottom: 15px;}

ul{list-style-type:none;}



hr {



	height: 1px;



	border-color: #bbb;



	border-style: dashed;



	border-width: 1px 0 0 0;



	margin: 5px 0;



	padding: 0;



}



.clear {clear: both; margin: 0px}







/* CONTAINER */







#container{width:775px; margin: 0 auto; position:relative;



background:url(images/topline.jpg) 0 0 repeat-x;



padding-top: 20px;



text-align: left;

}







/* LEFT */







#leftPan{width:107px;float:left; }











/* RIGHT */







#rightPan{width:668px; float: left; }







/* HEADER */







#header{width:95%; height:57px; position:relative; text-align: center; }







#header ul{/*width:610px;*/ height:19px; position:relative; top:20px; left:100px; margin: auto;}



#header ul li{float:left; margin-right:8px}



#header ul li a {



	font-size: 11px;



	font-weight: bold;



	text-decoration: none;



	text-transform: uppercase;



	color: #555;



}



#header ul li a:hover {



	color: #cc0000;



}







#header ul li.home a{width:83px; height:19px; display:block; background:url(images/btn_home.gif) 0 0 no-repeat; text-indent:-20000px;}



#header ul li.home a:hover{width:83px; height:19px; background:url(images/btn_home_over.gif) 0 0 no-repeat;}







#header ul li.about a{width:73px; height:19px; display:block; background:url(images/btn_about.gif) 0 0 no-repeat; text-indent:-20000px;}



#header ul li.about a:hover{width:73px; height:19px; background:url(images/btn_about_over.gif) 0 0 no-repeat;}







#header ul li.gallery a{width:100px; height:19px; display:block; background:url(images/btn_gallery.gif) 0 0 no-repeat; text-indent:-20000px;}



#header ul li.gallery a:hover{width:100px; height:19px; background:url(images/btn_gallery_over.gif) 0 0 no-repeat;}







#header ul li.birds a{width:97px; height:19px; display:block; background:url(images/btn_birds.gif) 0 0 no-repeat; text-indent:-20000px;}



#header ul li.birds a:hover{width:97px; height:19px; background:url(images/btn_birds_over.gif) 0 0 no-repeat;}







#header ul li.contacts a{width:76px; height:19px; display:block; background:url(images/btn_contacts.gif) 0 0 no-repeat; text-indent:-20000px;}



#header ul li.contacts a:hover{width:76px; height:19px; background:url(images/btn_contacts_over.gif) 0 0 no-repeat;}







#header ul li.bullet{width:18px; height:18px; display:block; background:url(images/bullet_m.jpg) 0 0 no-repeat;}







/* MAINIMG */







#main{width:664px; height:285px; position:relative; clear:both; margin-left:4px}





a img {



	border: none;



}







/* CONTENT */







#content{width:664px; position:relative; clear:both; margin-left:4px;}







#content a{font-family: Tahoma, ans-serif; color:#555; font-weight:bold; text-decoration:none }



#content a:hover{color:#cc0000; border-bottom: #cc0000 1px dotted; text-decoration:none }







#content a.a1{font:10px/14px Tahoma, sans-serif; color:#555; font-weight:bold; text-decoration:none }



#content a.a1:hover{color:#cc0000; border-bottom: #cc0000 1px dotted; text-decoration:none }







#content a.a2{font:10px/14px Tahoma, sans-serif; color:#555; font-weight:normal; text-decoration:underline}

#content a.a2.cz {color: #cc0000;}

#content a.a2.cz:hover {color: #000;}

#content a.a2:hover{color:#cc0000; border-bottom: #cc0000 1px dotted; text-decoration:none }







#content a.a3{font:10px/14px Tahoma, sans-serif; color:#555; font-weight:normal; text-decoration:underline}



#content a.a3:hover{color:#cc0000; border-bottom: #cc0000 1px dotted; text-decoration:none }







#content p span.headline{font:11px/11px Tahoma, sans-serif; color:#818181; font-weight:bold; }







#left{width:210px; margin: 17px 12px 10px 1px; float:left; display:inline;}







#news{width:210px; position:relative; margin-bottom:17px; min-height: 183px;}



#news h2{width:210px; height:37px; background:#f4f4f4 url(images/h-wiadomosci.png)  no-repeat; margin-bottom:10px}



#news p{width:184px; padding-left:16px; }



#news p.bullet{width:174px; padding-left:36px; background:url(images/bullet.gif) 16px 3px no-repeat; font:12px/12px Trebuchet MS, sans-serif; color:#d70000; font-weight:bold; padding-bottom:5px;}



.line{height:1px; border-top: 1px dashed #ccc; margin:10px;}







#partners{width:210px; position:relative;}



#partners h2{width:210px; height:37px; background:#f4f4f4 url(images/h-przydatne-info.png) no-repeat; margin-bottom:10px}



#partners p{width:184px; padding-left:16px; }



#partners p.bullet{padding-left:36px; background:url(images/bullet.gif) 16px 3px no-repeat;  font-weight:bold; padding-bottom:5px;}







p.bullet{padding-left:36px; background:url(images/bullet.gif) 16px 3px no-repeat;  font-weight:bold; padding-bottom:5px;}







#right{width:396px; margin: 17px 0 10px 0; float:left; display:inline;}







#welcome{width:441px; position:relative; margin-bottom:17px;}



#welcome h2{width:441px; height:37px; background:#e9e9e9 url(images/h-witamy.png) no-repeat; clear:both;}



#welcome #frame{background:#fff; clear:both;}



#welcome #frame img{float:left; margin: 3px 11px 0 0; width:237px}



#welcome #frame #weltext{float:left; padding-top:20px; width:181px}



.line2{height:1px; border-top:1px dashed #dfe5e5; margin:10px 0;}







#advice{width:100%; position:relative; }



#right #advice{width:441px; }



#advice h2{width:100%; height:37px; background: no-repeat; margin-bottom:15px;}



#advice p.bullet2{width:90%; padding-left:38px; background:url(images/bullet.gif) 18px 4px no-repeat; padding-bottom:8px; }



#advice img{float:right;margin-left: 5px; margin-right: 5px;}



#advice p.bullet2 img {



	margin-right: 12px;



}







#advice h2.daty-spotkania {



	background-image: url(images/h-daty-spotkania.png);



}



#advice h2.seminaria {



	background-image: url(images/h-seminaria.png);



}



#advice h2.inspiracje {



	background-image: url(images/h-inspiracje.png);



}



#advice h2.hand {



	background-image: url(images/h-hand.png);



}





/* FOOTER */







#footer{width:775px; height:60px; position:relative; background:url(images/b_footer.jpg) 0 0 no-repeat;}



#footer #copy{float:left;}



#footer #copy p{padding:30px 0 0 20px; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}







#footer #links{width:520px; float:left;}



#footer #links p{padding:32px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#818181;}



#footer #links p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#818181; text-decoration:none; padding: 0 3px }



#footer #links p a:hover{color:#000; background:#dedede; border-bottom: #000 1px dotted; }











.cjio {



	color: #3399FF;
	font-weight: bold;



}



.cz {color:#cc0000;}





.mailing p {



	margin-bottom: 10px;



}







input {



	font-size: 11px;



}











#page h2{width:100%; height:37px; background: no-repeat;  margin-bottom:15px;}







#page h2#mistrzowie {



	background-image: url(images/h-liniamistrz.png);



}

#page h2#nauczyciele {



	background-image: url(images/h-nauczciel.png);



}



#page h2#wiadomosci {



	background-image: url(images/h-wiadomosci.png);



}



#page h2#informacje {



	background-image: url(images/h-przydatne-info.png);



}



#page h2#daty-spotkania {



	background-image: url(images/h-daty-spotkania.png);



}



#page h2#hand {



	background-image: url(images/h-hand.png);



}#page h2#witamy {



	background-image: url(images/h-witamy.png);



}



#page h2#galeria {



	background-image: url(images/h-galeria.png);



}



#page h2#kontakty {



	background-image: url(images/h-kontakty.png);



}



#page h2#seminaria {



	background-image: url(images/h-seminaria.png);



}



#page h2#aszramy {



	background-image: url(images/h-aszramy.png);



}



#page h2#inspiracje {



	background-image: url(images/h-inspiracje.png);



}



#page h2#sklep {



	background-image: url(images/h-sklep.png);



}







#page .contents {

	padding: 5px 40px;

	font: 12px Tahoma, Arial, sans-serif;


	text-align: justify;

}

#page .contents td span, #page .contents td a span, #page .contents td {
	line-height: 15px;
}


#page .contents p {

	margin-bottom: 10px;
	line-height: 20px;

}







.postmetadata {



	font-size: 11px;



	color: #aaa;



}



.post {



	margin-bottom: 25px;



}



.seminaries div p {



	margin: 0;



	display: inline;



}



.seminaries div p.bullet2{width:90%; padding-left:38px; background:url(images/bullet.gif) 18px 4px no-repeat; padding-bottom:10px; display: block;}









a img, a:hover img, td a, td a:hover {

	text-decoration: none;

}





/*	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: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left;



	}



/* End Images */