@CHARSET "UTF-8";
@import url('reset.css');
/* {webroot}: http://astryldy.pl/ */

/* for IE */
h1, h2 {
	font-weight: normal;	
}

#pageLogo, .articleHeader, { behavior: url('/js/iepngfix.htc') } 

body {
	background-color: #1a1a1a;	
	font: normal 12px Verdana;
	color: #fff;
}

.center {text-align: center }
.left {text-align: left }
.right {text-align: right }
.justify {text-align: justify }

a {color: #fff; text-decoration: none}

#fofMessage {
	width: 70%;
	border: 2px solid #828282;
	padding: 5px 10px;
	background-color: #E6DDB1;
	font: normal 12px "Trebuchet MS", Tahoma;
	text-align: center;
	margin: 50px auto 5px auto;
	color: #000;
}

#masterContent {
	width: 100%;
	background: transparent url('http://astryldy.pl/images/tlo_gora.jpg') no-repeat 50% 0;
	overflow: auto;
	position: relative;
}

#masterContent #footerBackground {
	background: transparent url('http://astryldy.pl/images/tlo_dol.jpg') no-repeat 50% 100%;
	height: 231px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 1;
}

#footerBackground p {
	display: block;
	font-family: Tahoma;
	color: #9f9f9f; 
	font-size: 11px;
	text-align: center;
	margin-top: 160px;
}

#footerBackground a {
	color: #9f9f9f;	
}

#content {
	position: relative;
	width: 891px;
	margin: 0 auto;
	z-index: 2;
	background: transparent url('http://astryldy.pl/images/tlo.png');
	_background: #1a1a1a;
	border-bottom: 2px solid #4b621c;
	margin-bottom: 80px;
	min-height: 850px;
	_height: 850px;
}		


#footer { 
	font-family: Tahoma;
	color: #636363; 
	font-size: 11px;
	text-align: center; 
	width: 891px;
	margin: 0 auto; 
	background: transparent url('http://astryldy.pl/images/tlo-test.png') no-repeat 0 0;
	z-index: 10; 
}
#footer a { color: #636363; }

#banner {
	width: 891px;
	height: 307px;
	background: transparent url('http://astryldy.pl/images/top.jpg') 0;
	position: relative;
}

#banner #flickr {
	display: block;
	width: 110px;
	height: 15px;
	bottom: 0px;
	right: 0px;
	position: absolute;	
}

#languageSelector {
	position: absolute;
	right: 5px;
	top: 2px;
}

#pageLogo {
	position: absolute;
	display: block;
	width: 237px;
	height: 93px;
	background: transparent url('http://astryldy.pl/images/logo.png') 0;
	top: 17px;
	left: 20px; 
}

#pageInfo{
	position: absolute;
	top: 150px;
	left: 50px;
	font: normal 10px "Trebuchet MS";
	color: #fff;
}

#pageInfo #welcome {
	color: #adf01a;
	display: block;
	border-bottom: 1px solid #adf01a;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	font-size: 16px;
}

#pageInfo #description {
	display: block;
	width: 440px;	
	font-size: 12px;
	text-align: justify;
}

#menu a { float: left; display: block; margin-right: 4px; width: 87px; height: 27px; text-align: 
			center; color: #fff; font: 12px Verdana; padding-top: 3px;}
#menu a:hover {text-decoration: none;}
#menu a#button1 { display: inline; margin-left: 22px; background: transparent url('http://astryldy.pl/images/button-1.png') 0 0% }
#menu a#button2 { background: transparent url('http://astryldy.pl/images/button-2.png') 0 0 }
#menu a#button3 { background: transparent url('http://astryldy.pl/images/button-3.png') 0 0 }
#menu a#button4 { background: transparent url('http://astryldy.pl/images/button-4.png') 0 0 }
#menu a#button5 { background: transparent url('http://astryldy.pl/images/button-5.png') 0 0 }
#menu a#button6 { background: transparent url('http://astryldy.pl/images/button-6.png') 0 0 }
#menu a#button7 { background: transparent url('http://astryldy.pl/images/button-7.png') 0 0 }
#menu a#button8 { background: transparent url('http://astryldy.pl/images/button-8.png') 0 0 }
#menu a#button1:hover { background: transparent url('http://astryldy.pl/images/button-1.png') 0 100% }
#menu a#button2:hover { background: transparent url('http://astryldy.pl/images/button-2.png') 0 100% }
#menu a#button3:hover { background: transparent url('http://astryldy.pl/images/button-3.png') 0 100% }
#menu a#button4:hover { background: transparent url('http://astryldy.pl/images/button-4.png') 0 100% }
#menu a#button5:hover { background: transparent url('http://astryldy.pl/images/button-5.png') 0 100% }
#menu a#button6:hover { background: transparent url('http://astryldy.pl/images/button-6.png') 0 100% }
#menu a#button7:hover { background: transparent url('http://astryldy.pl/images/button-7.png') 0 100% }
#menu a#button8:hover { background: transparent url('http://astryldy.pl/images/button-8.png') 0 100% }

#dynamicContent { clear: both; padding: 50px 50px 30px 50px; font-family: Tahoma}	
#dynamicContent h1 {
	color: #fff;
	font-size: 20px;
	font-family: Verdana;	
	width: 100%;
	border-bottom: 1px solid #383838;
	padding: 3px 0;
	margin-bottom: 20px;
	position: relative;
}

.articleHeader { background: transparent url('http://astryldy.pl/images/news.png') no-repeat 0 0;
	height: 56px; position: relative; margin: 20px 0;}
.articleHeader span {position: absolute; display: block; font-size: 11px;}
.articleHeader .date { text-transform: uppercase; width: 30px;
	top: 21px; left: 3px; text-align: center; color: #828282}
.articleHeader .name {font-size: 14px; top: 20px; left: 50px;}
.articleHeader .author {color: #828282; top: 40px; left: 50px;}

h1 span {
	position: absolute;
	bottom: 4px;
	right: 0px;
	color: #828282;
	font-size: 11px;
}

h1 span #largeFont, h1 span #smallFont {
	font-weight: bold;
	font-size: 14px;	
}

.articleContent, .articleContent p, .article {
	color: #fff;
	text-align: justify;
	line-height: 1.5;
	margin: 15px 0;
}

.moreReadable {
	font-size: 16px;	
}

.articleMore { font-size: 11px; text-align: right; width: 100%; margin: 10px 0 0 0;}
.articleMore a {color: #fff; text-decoration: underline;}
.articleMore a:hover {color: #fff; text-decoration: none;}

.articleContent a {color: #fff; text-decoration: underline}
.articleContent a:hover {color: #fff; text-decoration: none}

hr {background-color: #404040; height: 1px; border: 0; margin: 20px 0;}

ul { display: block; list-style-type: disc; margin: 0 0 20px 30px; }
ul li { font-size: 14px; padding: 3px 0; color: #fff; }
ul a { color: #fff; text-decoration: none; }
ul a:hover { color: #fff; text-decoration: underline; }

.galleryImg {border: 2px solid #383838; margin: 3px;}


#comments {
	width: 60%;
	margin: 40px auto 0;
	color: #828282;
	font: normal 16px "Trebuchet MS", Tahoma;
}

#comments a {
	font-size: 12px;	
}

#comments form {
	border-bottom: 1px solid #4b621c;
	border-top: 1px solid #4b621c;	
	padding: 5px 0 10px 0;

}

#comments form p {
	border: 0px;
	background: none;	
}

#comments input, textarea {
	width: 70%;
	border: 1px solid #828282;
	padding: 3px;
	background-color: #e6ddb1;
	font: normal 12px "Trebuchet MS", Tahoma;
}

#comments textarea {
    height: 100px;
    overflow: hidden;   
}

#comments #save {
	width: 100px;
	margin: 5px;
}

#comments p {
	margin-top: 10px;
	border-bottom: 1px solid #4b621c;
	background: transparent url('http://astryldy.pl/images/post_note.png') no-repeat 0 0;
	font-size: 12px;
}

#comments .info {
	display: block;
	margin-left: 45px;	
}

#comments .content {
	display: block;
	margin: 7px 0;
}