/*
Theme Name: Remek Portfolio by VDS
Theme URI: 
Description: 
Version: 1.0
Author: Igor Chudy
Author URI: http://igorchudy.pl/
Tags: 
Text Domain: 

*/


body {height: 100%; width: 100%; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; background: #040404;}
html, body {width: 100%;}

/* Reset ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; }


:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

/* Custom ----------------------------------------------------------------------- */

#Wrapper {background: #121212 url(images/Bck.png) center top no-repeat; padding: 0 0 50px 0;}
#Container {width: 1000px; margin: 0 auto;}
#Top {width: 100%; height: 174px; position: relative;}
	#Top h1 a {display: block; float: left; width: 589px; height: 81px; background: url(images/Logo.png) left top no-repeat; margin: 31px 0 20px 216px; text-indent: -9000px; }
	#Top ul {list-style: none; height: 42px; width: 960px; float: left; display:block; margin: 0 0 0 20px; background-image: url(images/MenuBck.png)}
	#Top ul li {float: left; display: block; margin: 0 0 0 60px;}
	#Top ul li:first-child {margin: 0 0 0 107px;}
	#Top ul li > a {height: 42px;  padding: 0; float: left; display: block; text-indent: -9000px; background-image: url(images/Menu.png);}
	#Top ul li > a.Start {width: 71px; background-position: -107px 0;}
	#Top ul li > a.About {width: 91px; background-position: -240px 0;}
	#Top ul li > a.Gallery {width: 102px; background-position: -389px 0;}
	#Top ul li > a.Blog {width: 43px; background-position: -551px 0;}
	#Top ul li > a.Offer {width: 60px; background-position: -655px 0;}
	#Top ul li > a.Contact {width: 77px; background-position: -775px 0;}
	
	#Top ul li a.Start:hover { background-position: -107px -42px;}
	#Top ul li a.About:hover {background-position: -240px -42px;}
	#Top ul li a.Gallery:hover { background-position: -389px -42px;}
	#Top ul li a.Blog:hover {background-position: -551px -42px;}
	#Top ul li a.Offer:hover { background-position: -655px -42px;}
	#Top ul li a.Contact:hover { background-position: -775px -42px;}
		
		#Top ul li ul {position:absolute;left:673px;top:173px;margin:0;padding:0;float:left; width:200px; z-index:100;height:auto;visibility:hidden;text-align:left;}
	
		#Top ul li ul li{ margin:0px; padding: 10px; display:block; position:relative; border:1px solid #353535; border-top:0px;background: #121212;}
		#Top ul li ul li:first-child { margin: 0;}
		#Top ul li ul li a { float:left; background: none; width:200px; margin:0px; padding:0px; text-transform:uppercase; height:auto; text-indent: 0; font: normal 16px Georgia, "Times New Roman", Times, serif; color: #fff;  text-decoration: none;
		}
		#Top ul li ul li a:hover {text-decoration:underline;}

	
	
	
#Content {width: 1000px; display: block; margin: 30px 0 0 0; overflow: hidden;}

#HomePage {width: 960px; margin: 0 auto;}
	#HomePage ul {  list-style: none;  position: relative; margin: 0 auto; padding: 0;  width: 960px; height: 350px;}  
	#HomePage ul li {display: block;  overflow: hidden;   padding: 0;cursor: pointer;  float: left; width: 106px; height: 350px;margin-right: 0px;}
	#HomePage ul li.Nature {background: url(homepage/1.jpg) left top no-repeat;}
	#HomePage ul li.Architecture {background: url(homepage/2.jpg) left top no-repeat;}
	#HomePage ul li.People {background: url(homepage/3.jpg) left top no-repeat;}
	#HomePage ul li.Ceremony {background: url(homepage/4.jpg) left top no-repeat;}
	#HomePage ul li.Moto {background: url(homepage/5.jpg) left top no-repeat;}
	#HomePage ul li.Reportage {background: url(homepage/6.jpg) left top no-repeat;}
	#HomePage ul li.Stock {background: url(homepage/7.jpg) left top no-repeat;}
	#HomePage ul li.Analog {background: url(homepage/8.jpg) left top no-repeat;}
	#HomePage ul li.Other {background: url(homepage/9.jpg) left top no-repeat;}
	#HomePage ul li span {display: block; position: absolute; left:0; top: 350px; width: 680px; height: 150px; background: #000; color: #fff; padding: 10px; font: normal 12px/19px Arial, Helvetica, sans-serif;}

#HomePageContent {width: 960px; margin: 40px auto 0 auto;  }
	#HomePageContent h1 {font: normal 28px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none;text-shadow: 2px 2px 2px #000; border-bottom: 1px solid transparent; padding: 0 0 3px 0; }
	#HomePageContent p {margin: 20px 0; font: normal 13px/20px Arial, Helvetica, sans-serif;}

#Posts {width: 660px; float: left; }
	#Posts ul {width: 100%; margin: 0 0 0 20px; list-style: none;}
	#Posts ul li {margin: 0 0 30px 0; padding: 0 0 30px; border-bottom: 1px solid #353535; font: normal 13px Arial, Helvetica, sans-serif;}
	#Posts ul li h1 a {font: normal 28px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none;text-shadow: 2px 2px 1px #000; border-bottom: 1px solid transparent; padding: 0 0 3px 0; }
	#Posts ul li h1 a:hover {border-color: #AA0000;}
	#Posts ul li span {margin: 8px 0 0 0; display: block; font: normal 14px Georgia, "Times New Roman", Times, serif; color: #969696;text-shadow: 1px 1px 2px #000;}
	#Posts ul li p {margin: 20px 0; line-height: 20px;}
	#Posts ul li a.ReadOn {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; border-bottom: 1px solid #BB0000;}


#GalleryList {list-style: none; overflow: hidden; width: 960px;}
	#GalleryList li {width: 200px; padding: 10px; border: 1px solid #222222; float: left; display: block; margin: 15px; text-align: center;}
	#GalleryList li h1 a {font: normal 20px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-shadow:2px 2px 1px #000000;}
	#GalleryList li span {color: #555555; font: normal 12px Georgia, "Times New Roman", Times, serif; display: block; margin: 5px 0 0 0; text-shadow:1px 1px 1px #000000;}
	#GalleryList li img {margin: 10px 0 0 0;}
	#GalleryList li:hover {border-color: #AA0000;}

.SingleGallery {list-style: none; overflow: hidden; width: 660px;margin:20px 0;}
	.SingleGallery li {  float: left; display: block; margin: 4px; }
	.SingleGallery li a {width: 200px; height: 125px; display: block; float: left; overflow: hidden; padding: 5px; border: 1px solid #222222;}


#SinglePost {width: 660px; float: left; margin: 0 0 0 20px; }
	#SinglePost h1 {font: normal 28px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none;text-shadow: 2px 2px 1px #000; border-bottom: 1px solid transparent; padding: 0 0 3px 0; }
	#SinglePost span {margin: 8px 0 0 0; display: block; font: normal 14px Georgia, "Times New Roman", Times, serif; color: #969696;text-shadow: 1px 1px 2px #000;}
	#SinglePost p {margin: 20px 0; font: normal 13px/20px Arial, Helvetica, sans-serif;}

#Page {width: 960px; margin: 0 auto;  }
	#Page h1 {font: normal 28px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none;text-shadow: 2px 2px 1px #000; border-bottom: 1px solid transparent; padding: 0 0 3px 0; }
	#Page p {margin: 20px 0; font: normal 13px/20px Arial, Helvetica, sans-serif;}
	

#Sidebar {width: 286px; padding: 0 0 100px 0; float: right; background: url(images/Sidebar.png) left top repeat;} 
	#Sidebar h2 {width: 286px; height: 39px; display: block; float: left; margin: 20px 0 12px 0; text-indent: -9000px; }
	#Sidebar h2.LatestTitle {background: url(images/PanelWpisy.png) left top no-repeat;}
	#Sidebar h2.CategoryTitle {background: url(images/PanelKategorie.png) left top no-repeat;}
	
	#Sidebar ul {width: 247px; height: 100%; margin: 0 0 0 20px; list-style: none;}
	#Sidebar ul li {background: url(images/SidebarLine.png) bottom left no-repeat; padding: 5px 0 10px 20px;}
	#Sidebar ul li a {font: normal 16px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-shadow: 2px 2px 1px #000;} 
	#Sidebar ul li a:hover {color: #DD0000;}
	#Sidebar ul li span {font: normal 12px Georgia, "Times New Roman", Times, serif; color: #555555; display: block; text-shadow: 1px 1px 2px #000;}



#Footer {width: 960px; margin: 0 auto;}
	#Footer p {color: #414141; font: normal 12px Georgia, "Times New Roman", Times, serif; margin: 20px 0;}