/*

Theme Name: MJM MUSIC

Theme URI: 

Description: Theme MJM Music

Author: Promar

Author URI: http://www.promar.prv.pl/

*/







/* Links */



a:link { text-decoration: none; color: #82257c; }



a:visited { text-decoration: none; color: #82257c; }



a:hover, a:active { color: #a12899; }



/* Headings */



h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }



h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}



h2 { font-size: 28px; }



h3 { font-size: 24px; }



h4, h5, h6 { font-size: 20px; }



/* Other Html Elements */

.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}

.titles a:link, .titles a:visited, .titles a:active {

text-decoration: none;

underline: none;

font-size: 24px;

font-weight: normal;

border-bottom-width: 0;

}



pre, blockquote 

{

	overflow: auto;

	padding: 0 10px;

	margin: 20px 30px;

	line-height: 1.8em;

	background-color: #f5f5f5;

	border: 1px solid #e0e0e0;

}



pre:hover, blockquote:hover

{

	background-color: #f0f0f0;

	border: 1px solid #d0d0d0;

}



pre { padding-top: 10px; padding-bottom: 10px; }



code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }



ul, ol { line-height: 2.0em; }



ul { list-style-image: url(images/bullet.gif); margin-left:20px;}



abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }



del { text-decoration: line-through; color: #999999; }



ins { text-decoration: none; color: #009977; }



/* Structure */



body

{

	margin: 0;

	padding: 0;

	color: #222222;

	background-repeat: repeat-x;

	background-color: black;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	

}



#wrapper2 {

width: 900px;

margin-left: auto;

margin-right: auto;

}

#wrapper5 {

width: 770px;

margin-left: 0px;

margin-right: 0px;

}

#header

{

	float: left;

	width: 900px;

	padding-bottom: 0px;

	clear: right;

	/*background-image: url(images/baner.gif);*/

	background-repeat: no-repeat;

	background-position:center;

	padding-left: 0px;

	height: 201px;

	margin-top: 0px;
	padding-top:0px;

}



div#kontakt img{

	border:none;

	vertical-align: middle;

	padding-left:5px;

	padding-right:20px;

}



div#kontakt{

	margin-top:0px;

	text-align: right;

	font-family: Verdana;

	font-size: 11px;

	color: #FFFFFF;

	padding-top:253px;

}

div#kontakt a{

	color: #FFFFFF;

}

#new{

	float: left;

	width: 100%;

	clear: both;

    height:25px;

	padding-top:5px;

    background-color:#CCCCCC;

	border-left: 1px solid #C0B0CD;

	border-right: 1px solid #C0B0CD;

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

	background-repeat: repeat-x;

}

#lang{

	float: left;

	width: 900px;

	clear: both;

padding-top:5px;

	padding-bottom:0px;

	margin-bottom:0px;

	padding-left:0px;

    background-color:#ffffff;

	border-left: 1px solid #C0B0CD;

	border-right: 1px solid #C0B0CD;

}

#banner7{

	float: left;

	width: 896px;

	clear: both;

padding-top:5px;

	padding-bottom:0px;

	margin-bottom:0px;

	padding-left:0px;

    background-color:#ffffff;

	border-left: 1px solid #C0B0CD;

	border-right: 1px solid #C0B0CD;

}

#navigation

{

	clear: both;

	float: left;

	width: 100%;

	background-image: url(images/header.gif);

	height: 220px;

}



#wrapper

{

	clear: both;

	float: left;

	width: 100%;

	color: #555555;

	background: #ffffff;

	border-left: 1px solid #C0B0CD;

	border-right: 1px solid #C0B0CD;

}



#content-wrapper

{

    width: 498px;

	text-align:left;
	padding-top:0px;
	margin-top:0px;

}



#content

{

	float: left;

	padding: 0px 0px 0px 0px;

	width: 100%;

}





#wrapper6

{

	clear: both;

	float: left;

	width: 758px;

	color: #555555;

	background: #ffffff;

	padding-left:15px;

	padding-right:10px;

	

}



#content-wrapper6

{

    width: 100%;

	float: left;

}



#content6

{

	float: left;

	padding: 15px 0px 10px 0px;

}



#sidebar-wrapper

{

	width: 200px;

}

#sidebar-wrapper2

{

	width: 200px;

}



#sidebar

{

	padding-bottom:10px;

	padding-left:10px;

	padding-top:20px;

	padding-right:0px;

	width: 180px;

	margin-right: 0px;

	margin-top: 0px;

}

#sidebar2

{

	float: left;

	padding-bottom:10px;

	padding-left:10px;

	padding-top:20px;

	padding-right:0px;

	width: 180px;

	margin-right: 0px;

	margin-top: 0px;

}



#footer

{

	clear: both;

	float: left;

	height: 40px; 

	text-align: left;

	padding-left: 20px;

	color: #D8D8D8;

	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#3A3A3A;
	padding-top:22px;
	width:882px;
}



#footer a {

	color: #D8D8D8;

	font-size: 11px;

	}



#footer a: visited {

	color: #D8D8D8;

	}

#footer a:hover {

	color: #D8D8D8;
	text-decoration:underline;

	}

#extras

{

	float: left;

	width: 780px;

	color: #444444;

	text-align: left;

	padding: 0 10px 10px;

	margin: 10px 12px 20px;

	background-color: #f5f5f5;

	border-top: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

}



/* Header */



#header h1 { padding-left: 30px; }



/* Navigation */



#navigation ul { list-style-type: none; list-style-image: none; float: right; margin-top: -42px; padding: 0 0px 0 0; }



#navigation li { float: left; }



#navigation li a:link,

#navigation li a:visited

{

	float: left;

	color: #565656;

	display: block;

	padding: 5px 10px;

	margin-right: 1px;

	border: 1px dashed transparent;

	height: 24px;

	font-size: 14px;

	margin-top: 4px;

	

}



#navigation li a:hover,

#navigation li a:active

{

	color: #6D9CC7;

	background: #F5F5F5;

	border: 1px solid #FFFFFF;

	background-repeat: repeat-x;

	font-size: 14px;

		margin-top: 4px;

}



#navigation li.active a

{

	color: #555555;

	background-color: #ffffff;

}



/* Wrapper */



#wrapper a:link { font-weight: bold; }



#wrapper a:visited { font-weight: bold; }



#wrapper a:hover, #wrapper a:active { }



/* Content */

.post-title

{

    width: 498px;

}



#content .post-title a { border-bottom-width: 0; }



#content .post p.img { float: left; margin: 0 15px 0 0;}



#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }



#content .post-footer 

{ 

	font-size: 10px; 

	color: #888888;

	margin-bottom: 5px; 

	padding:5px 5px 5px 15px;

	background-repeat: none;

	background-color: #F9F7FA;

	border: 1px solid #F2EFF5;

	float: left;

	width: 475px;

}

.post

{

    width: 498px;
	font-size:12px;

}



/* Sidebar */



.sideblock

{

	padding: 5px 10px;

	padding-right:0px;

	margin-bottom: 20px;

	background-color: #F9F7FA;

	border: 1px solid #C0B0CD;

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

	background-repeat: no-repeat;
	font-size:12px;
	text-align:left;

}



.sideblock ul { }



.sideblock h3 { margin-top: 5px; font-size: 14px; color: #402F4D; font-weight: bold; }



#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }



#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }



#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}



#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }



#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}



/* Extras */



#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }



#friends

{

	float: left;

	width: 150px;

	margin-left: 20px;

	margin-right: 10px;

}



#links

{

	float: left;

	width: 275px;

	margin-right: 50px;

}



#about

{

	float: left;

	width: 250px;

	margin-right: 20px;

}



#friends ul { padding-left: 20px; }



#links dl, #links dt, #links dd { margin: 0; padding: 0; }



#links dt { font-weight: bold; padding-top: 5px; }



#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }



	/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #FFFFFF;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #ffffff;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}



.date {

	background: url(images/date.gif) no-repeat;

	height: 54px;

	margin-bottom: 0px;

	width: 54px;

	text-align: center;

	float: left;

	margin-top: 15px;

}

.date .month {

	display: block;

	color: #E1F6BC;

	padding: 2px 0px;

	text-align: center;

	text-transform: uppercase;

	font-size: 10px;

	margin-top: 2px;

	font-weight: bold;

	margin-bottom: 3px;

}

.date .day {

	display: block;

	color: #FFFFFF;

	font: 30px Georgia;

	padding-top: 0px;

	text-align: center;

	margin-top: -8px;

}



#left {

	width: 60px;

	float: left;

}



.slogan {

font-size: 13px;

color: #6F6F6F;

text-transform: lowercase;

margin-left: 30px;

margin-bottom: 2px;



}



.sh-zam

{

padding-top:10px;

padding-bottom:0px;

}

.sh-info

{

padding-top:0px;

color:#999999; font-size:10px;

}

.sh-cena

{

padding-top:10px;

color: #990000; font-size:14px; font-weight:bold;

}