/* 
Copyright CosmoFolio.pl 
Autor: Marcin Stańczak (cosmo)
*/

/* Body */
body{font-family: Times New Roman; color: #212121;}
h1{font-size: 19px; color: #010101; letter-spacing: 1px; border-bottom: 1px #EFEFEF solid; margin: 0px 15px 0 0;}
h2{font-size: 18px; font-weight: 600; letter-spacing: 1px; border-left: 7px #000000 solid; padding: 0 0 0 5px; margin: 0px; }
h3{font-size: 14px; letter-spacing: 1px; border-left: 4px #4D4D4D solid; border-bottom: 1px #EFEFEF solid; padding: 0 0 0 5px; margin: 0px; }
a{color: #2F9BDC}

/* Frame Page */
.pageContainer{width: 909px; margin: auto; border: 1px re solid;}

/*** Page Top ***/
.pageTop{width: 909px; height: 131px; background: url('_images/headerImage.jpg') no-repeat;}
	.pageTopInfo{width: 820px; height: 18px; border-top: 1px #010101 double; border-bottom: 1px #010101 double; border-width: 3px; margin: 75px 0 0 25px;}
	.pageTopInfo p{display: inline; font-size: 14px; letter-spacing: 1px; font-weight: bold; }

/*** Page Middle ***/
.pageMiddle{width: 909px; background: url('_images/middlePageBck.jpg') repeat-y;}
	.pageMiddleBorderRight{width: 55px; height: 395px; float: right; background: url('_images/borderPagesRight.jpg') no-repeat; }

	/* page middle left */
	.pageMiddleLeft{width: 190px; height: 900px; float: left; border-right: 1px #EFEFEF solid; margin: 30px 10px 0 0;}
	.pageMiddleLeft h2{margin: 0 0 0 25px;}
 
	/* menu */
	.menuLinks{width: 170px; list-style-position: inside; padding: 0px; margin: 10px 0 0 25px;}
	.menuLink {background: #EDEDED; border-bottom: 1px #4D4D4D dotted; margin: 3px 10px 0 0;}
	.menuLink a{color: #4D4D4D; font-weight: bold; letter-spacing: 1px; text-decoration: none}
	.menuSubLink{font-size: 11px; padding-left: 5px;}
	.menuSubLink a{color: #4D4D4D;text-decoration: none}
	.menuLinks a:hover{color: #FEC014;}
 
	/* page middle center */
	.pageMiddleCenter{width: 420px; float: left; border-right: 1px #EFEFEF solid; padding: 10px 0 0 0;}
	.pageMiddleCenterPost{width: 625px; float: left; padding: 10px 0 0 0;}

		/* post page */ 
		.postPage{width: 620px; text-align: center; margin: 0 0 30px 0;}
		.postPage p{text-align: left; line-height: 24px;}
		.postPage img{border: 1px #E2E2E7 solid; padding: 4px; margin: 4px;}
 .postPage ul{text-align: left;}
 .postPage li{color: #4F4F4F; font-size: 14px; line-height: 24px; margin: 5px 0 0 0;}
		/* post content */
		.projectImgLink{color: red; text-decoration: none;}
		.projectLegend{width: 600px; border-top: 1px #010101 double; border-width: 4px; margin: 10px auto;}
		.projectLegend div{width: 400px; text-align: left; margin: 0 0 0 20px;}
 
		/* posts list box */
		.postListBox{width: 400px;  margin: 20px auto;}
		.postListBox p{font-size: 12px; line-height: 18px; letter-spacing: 1px; margin-top: 3px;}
		.postListBox p:first-letter{font-size:18px; font-weight: bold;}
		.postListBox a{color: #4D4D4D; text-decoration: none;}
		.postListBox a:hover{color: #5E9BDC; text-decoration: underline;}	
		.postListBox h2{font-size: 28px; font-weight: normal; letter-spacing: 1px; border: 0px; margin: 0px;}
		.postListBox h3{display: inline;color: #8F8F8F; font-size: 9px; border: 0px;}
		.postListBoxThumb{float: left; border: 1px #E2E2E7 solid; padding: 2px; margin: 3px 4px 4px 4px; }
		.postListBoxFooter{clear:both;font-size: 12px; text-align: right; border-top: 1px #EFEFEF solid;}
 
		/* contact form */ 
		.contactForm{width: 410px; text-align: center; margin: 10px auto;}
		.contactForm p{font-size: 13px; text-align: right; color: #9F948B; margin: 5px 20px 10px 0;}	
		.contactForm p input{width: 290px; background: #fbfbfb; font-size: 11px; border: 1px #DFDFDF solid; padding: 2px;}
		.contactForm p textarea{width: 290px; height: 150px; background: #fbfbfb; border: 1px #DFDFDF solid; padding: 2px;}	
 
	/* page middle right */
	.pageMiddleRight{width: 200px; float: left; text-align: center; margin: 2px 0 0 5px;}
	.pageMiddleRight h2{margin: 0 0 0 5px;}
	.pageMiddleRight h3{text-align: left; margin: 0 0 0 5px;}
	.pageMiddleRight ul{text-align: left;}
	.pageMiddleRight p{}
 
/*** Page Footer ***/
.pageFooter{width: 909px; height: 33px; background: url('_images/footerImage.jpg') no-repeat;}
.pageFooter p{text-align: center; font-size: 11px; margin: 0px;}

/* Lightbox */ 
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(_images/blank.gif) no-repeat; display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(_images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }