/*	File:      Main stylesheet of proequo foundation site.
	Author:    Dominik Paszkiewicz, http://ekstenso.com, dominik@ekstenso.com
	Time:      5 may 2006
	______________________________________________________________ */


/*  ==============================================================
	General
	--------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-size:101%;
	background:url(images/bg-body-2.jpg) left top no-repeat #1C1C1C;
	font-family:Arial;
	color:#fff;
	}

a {
    color:#fff;
    text-decoration:underline;
    }
.date {
    font-size:0.7em;
    }
h1.title {display:none;}

/*  ==============================================================
	Main containers
	--------------------------------------------------------------*/
#wrapper {
    margin:190px 0 30px 35px;
    width:760px;
    }
#left-col {
    float:left;
    width:200px;
    margin:0;
    }
#right-col {
    float:left;
    width:540px;
    margin:0 0 20px 15px;
    }
#footer {
    clear:both;
    width:760px;
    border-top:1px solid #333;
    font-size:0.8em;
    }
    	
/*  ==============================================================
	Typography
	--------------------------------------------------------------*/
h1 {
    font-size:1.3em;
    font-weight:normal;
    border-bottom:1px solid #333;
    width:100%;
    margin:0;
    }
h1 a {text-decoration:none;}

#left-col h2 {
    font-size:0.75em;
    border-bottom:1px solid #333;
    padding:5px;
    width:76%;
    }
#right-col h2 {
    font-size:1.3em;
    border-bottom:1px dashed #333;
    width:100%;
    }
#right-col p, #right-col ul {
    font-size:0.75em;
    line-height:1.8em;
    }
    
.data {
    display:block;
    font-size:0.8em;
    text-transform:uppercase;
    }
strong.red {
    color:#ff0000;
    font-weight:normal;
    }

/*  ==============================================================
	Lists
	--------------------------------------------------------------*/
#right-col ul.artykuly {
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul.artykuly a {
    text-decoration:none;
    }
#left-col ul {
    list-style-type:square;
    font-size:0.8em;
    }

    





#menu img {
	border: none;
}


#menu li a.node, #menu ul ul li a.node {
	display: inline;
	border: 0px none;
	background-color: transparent;
	padding: 0;
	z-index: 100;
	position: absolute;
	line-height: 0;
	width: auto;
}

#menu li a.node {
	margin: .7em 0 0 5px;
}

#menu ul ul li a.node {
	margin: .3em 0 0 5px;
}

.node {
	background-repeat: no-repeat;
	border:0;
	width:10px;
	height:10px;
	margin:0;
}

#menu ul, #apparenceswitcher ul {
	margin: 0; 
	padding: 0;
	font-size:1em;
 }

#menu ul li, #apparenceswitcher ul li {
	list-style: none;
	list-style-image: none;
	padding: 1px 0;
}

#menu ul ul {
	margin: 0 0 0 10px;
}

#menu li a {
	display: block;
	font-size: 90%;
	color: #FFF;
	border-left: 0px none;
	border-bottom:1px dashed #333;
	text-align: left;
	padding: 5px 0 5px 20px;
	width: 140px; /*20px de moins que #menu*/
}

#menu ul ul li a {
	display: block;
	font-size: 70%;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	width: 130px;/*10px de moins que le niveau précédent*/
}

#menu ul ul ul li a {
	width: 120px;/*10px de moins que le niveau précédent*/
}

#menu ul ul ul ul li a {
	width: 110px;/*10px de moins que le niveau précédent*/
}

#menu ul ul ul ul ul li a {
	width: 100px;/*10px de moins que le niveau précédent*/
}

#menu strong li {
}

#menu strong li a {
	color: #ccc;
}

#menu li strong a:visited,#menu li strong a:link {
	color: #F05635;
}

#menu li a:link {
	color: #fff;
	text-decoration: none;
}

#menu li a:visited {
	color: #fff;
	text-decoration: none;
}

#menu li a:hover {
	color: #FFF;
	text-decoration: none;
}

#menu li a:active {
	text-decoration: none;
}

#gallery img {
    padding:4px;
    background:#fff;
    border:1px solid #EDEDDA;
    vertical-align:top;
    margin-top:5px;
    }
#lightbox {
    font-size:1em;
    font-weight:bold;
    color:#333;
    }

#right-col img {
    padding:1px;
    background:#fff;
    border:1px solid #EDEDDA;
    }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
.noborder {
    border:none;
    }
    
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

/*  ==============================================================
	Stylowanie wpisow do ksiegi
	--------------------------------------------------------------*/
#book ul {
    list-style-type:none;
    margin:0;
    padding:0;
    }
#book li {
    border:0px solid #333;
    border-width:2px 1px 1px 1px;
    margin:7px 0;
    padding:0 10px 10px 10px;
    background:#000;
    }
#book h2 {
    width:100%;
    margin:0;
    padding:3px 0;
    }
#book p.date {
    margin:0;
    padding:0;
    }   
/*  ==============================================================
	Formularze kontaktowe
	--------------------------------------------------------------*/
input, textarea
{
    border: 1px solid #666;
    background-color: #333;
    font-size:0.8em;
    margin:3px 0;
	padding:5px;
	color:#fff;
	font-family:courier;
}
label, legend {
    font-size:0.8em;
    font-weight:bold;
    }
.button {
    font-weight:bold;
    font-size:0.75em;
    background:#666;
    border:1px solid #999;
    font-family:Arial;
    }
fieldset {
    border:1px solid #333;
    }
    










