@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: Dworek Rakówka                                 		••
   ••  Updated: August 2011                                         ••
   ••  Code: Łukasz Stępa											••
   ••  Architectural Concept: Piotr Petrus							••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   
   	0. RESET
    1. GLOBAL
	   1.1 Experimental Properties
	   1.2 Font Sizes
	   
    2. STRUCTURE
       2.1 Wrappers
	   2.2 Layout
    
    3. HEADER
       3.1 Logo
       3.2 Navigation
	
	4. ASIDES
	   4.1 Aside Right
    
    5. CONTENT
	   5.1 Galleries
	   5.2 Texts
	   5.3 Contact
	   5.4 Comment Form
	
    6. SPECIFIC
       6.1 
       
    7. FOOTER
      
---------------------------------------------------------------------- */

/* 0. RESET & FONTS
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary {
	display: block;
}

address, cite, q, dfn {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

a, ins, del {
	text-decoration: none
}

q, blockquote {
	quotes: none;
}

q:after, q:before,
blockquote:after, blockquote:before {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	vertical-align: top;
}

th {
	text-align: left;
}

button, input, select, textarea {
	font: inherit;
}

pre, code, var, samp, kbd {
	font-family: monospace, sans-serif; 
}


/* 1. GLOBAL
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

body {
	font: normal 13px "Myriad Pro", "Tahoma", sans-serif;
    background: #22211f url("../images/bg-main.jpg") no-repeat; 
    color: #fff;
}

del { text-decoration: line-through; }
strong, b { font-weight: bold; }
em, i, blockquote, q { font-style: italic; }

input,textarea { padding: 5px; }

q, blockquote, p, fieldset {
    line-height: 1.5em;
    margin-bottom: 1em;
}

q, blockquote p { quotes: "\201E" "\201D" }
q:before, blockquote p:before  { content: open-quote }
q:after, blockquote p:after { content: close-quote }

ul ul { padding-left: 1.2em; }

li { list-style-position: inside; }

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

button, input[type="submit"] { cursor: pointer; }

/* 1.1 Experimental Properties
---------------------------------------------------------------------- */

#main { 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 1.2 Font Sizes
---------------------------------------------------------------------- */

.contact, .text, label { font-size: 1.077em; }

.navigation li > a, .more { font-size: 1.154em; }

.big { font-size: 1.231em; }

.caption-bottom, h3, .mail { font-size: 1.385em; }

h2 { font-size: 1.462em; }


/* 2. STRUCTURE
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 2.1 Wrappers
---------------------------------------------------------------------- */

#wrapper { 
	margin: 0 auto; 
	width: 960px;
}

#content-wrapper {
	position: relative;
	width: 100%;
}

/* 2.2 Layout
---------------------------------------------------------------------- */

img { padding: 2px; }

h2 { 
	display: inline-block; 
	margin-left: 20px; 
	font-weight: normal; 
}

h3 { margin-bottom: 10px; font-weight: normal; }

header,
#main,
footer {
	position: relative;
	z-index: 1;
}

#content-wrapper .flower-left {
	position: absolute;
	width: 323px;
	height: 556px;
	left: -120px;
	background: url("../images/flower-left.png") no-repeat;
}

#content-wrapper .flower-right {
	position: absolute;
	width: 323px;
	height: 543px;
	top: -130px; right: -140px;
	background: url("../images/flower-right.png") no-repeat;
}

.pagination { float: right; margin: 20px 50px 0 0; }
.pagination li { float: left; display: inline; margin-right: 5px; }
.pagination li a {
	float: left;
	padding: 5px 8px;
	border: 1px solid #4e4d4d;
	background: url("../images/bg-pagination.png") repeat-x;
}
.pagination li a:hover,
.pagination li .active { 
	background: url("../images/bg-pagination-hover.png") repeat-x; 
}

.pagination .prev,
.pagination .next,
.pagination .prev:hover,
.pagination .next:hover {
	border: none;
	background: none;
}

.heading .pagination { margin: 0 30px 0 0; }
.heading .pagination a { float: none; }

.next-button {
	float: right;
	position: relative; 
	height: 44px;
	padding: 0 25px;
	margin: -45px 0 0 0;
	border: 1px solid #5f5e5d;
	background: url("../images/bg-li-next.png") repeat-x;
}
.next-button.left { float: left; }

.next-button .arrow {
	position: absolute;
	width: 11px;
	height: 20px;
	top: 13px; left: 21px;
	background: url("../images/ico-arrow-right.png") no-repeat;
}
.next-button.left .arrow { left: 17px; background: url("../images/ico-arrow-left.png") no-repeat; }

.more { 
	float: right;
	padding: 8px 15px;
	margin-top: 10px;
	background: url("../images/bg-li.png") repeat-x;
	color: #e3e2e2;
}


/* 3. HEADER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#top { 
	overflow: hidden; 
	background: url("../images/border-header.png") center bottom no-repeat; 
	padding-bottom: 3px;
}

/* 3.1 Logo
---------------------------------------------------------------------- */

h1#logo { float: left; display: inline; margin-top: 20px; }

#logo a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 100px;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	background: url("../images/logo.png") no-repeat left top;
}

/* 3.2 Navigation
---------------------------------------------------------------------- */

.navigation {margin: 50px 30px 0 0; width: 570px; text-align: center;}

.navigation ul > li { float: left; display: inline; margin-right: 1px; text-align: center; }
.navigation ul > li:first-child { margin-left: 30px; }

.navigation li > a { 
	display: block; 
	padding: 0 1.3em; 
	line-height: 36px; 
	color: #fff; 
}

.navigation li > a:hover,
.navigation li > .active { 
	background: url("../images/bg-li.png") repeat-x; 
}


/* 4. ASIDES
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#content-wrapper > .aside.right {
	width: 275px;
	margin-left: 45px;
}

/* 4.1 Aside Right
---------------------------------------------------------------------- */

.aside.right { float: right; position: relative; }


/* 5. CONTENT(MAIN)
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#main {
	float: left;
	width: 960px;
}

#main.left { width: 638px; }

.banner { height: 451px; background: url("../images/border-bottom-banner.png") bottom no-repeat; }

.cont-heading { background: url("../images/border-bottom-heading.png") center bottom no-repeat; }

.heading { 
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	margin: 30px 0 0 0;
	background: url("../images/bg-heading.png") repeat-y;
}

/* 5.1 Galleries
---------------------------------------------------------------------- */

.gallery { padding: 20px; }

.gallery img,
.img-thumb img { 
	border: 1px solid #656463; 
}

.gallery .img-big { float: left; margin-right: 30px; }
.gallery .img-big img { padding: 10px; }

.gallery .img-small { margin-bottom: 41px; }

.gallery .img-small.thumb { margin: 10px 0 0 0; }
.gallery .img-small.thumb img { padding: 3px; margin-right: 22px; }
.gallery .img-small.thumb img.last { margin-right: 0; }

.gallery .img-small:last-child,
.gallery .img-small.last { 
	margin-bottom: 0; 
}

.gallery .img-small img { margin-right: 20px; }

.gallery.slide { width: 720px; margin: 0 auto; }
.gallery.slide img { padding: 10px; margin-left: 45px; }
*:first-child+html .gallery.slide img { float: left; }

.gallery.slide .next-button { margin-top: 140px; }

.img-thumb img { margin-left: 40px; }

/* 5.2 Texts
---------------------------------------------------------------------- */

.text { 
	overflow: hidden;
	text-align: justify;
	color: #e3e2e2; 
}
.text p { line-height: 1.7em; }

.comment { padding: 10px 0; border-bottom: 1px solid #656463; }
.comment:first-child { padding: 0 0 10px 0; }

/* 5.3 Contact
---------------------------------------------------------------------- */

.contact { 
	margin: 0 auto; 
	width: 760px;
	min-height: 617px;
	margin-top: -20px;
	background: url("../images/bg-contact.png") top right no-repeat;
}
.contact address { 
	position: relative; 
	top: 130px; left: 100px;
}

/* 5.4 Comment Form
---------------------------------------------------------------------- */

#contact_form fieldset { text-align:left; margin-bottom: 5px; width: 475px; }
#contact_form input,
#contact_form textarea {
	width: 400px;
	padding: 3px;
	border: 1px solid #777;
	background: #2a2929;
	color: #fff;
}
#contact_form input {
	height: 22px;
	margin: 5px 3px 5px 20px;
}

#contact_form textarea {
	height: 106px;
	margin:5px 3px 5px 16px;
}

#contact_form label {
	position:relative;
	bottom:1px;
}

*:first-child+html #contact_form label{ bottom:10px; } 

#contact_form .message-label { position: relative; top: -100px; }

#buttons input {
	display: block;
	float: right;
	padding: 8px 15px;
	margin: 0 3px;
	width: auto;
	height: auto;
	margin-top: 10px;
	border: none;
	background: url("../images/bg-li.png") repeat-x;
	color: #e3e2e2;
}

.special-text { clear: both; margin-top: 80px; }


/* 6. SPECIFIC
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 6.1 
---------------------------------------------------------------------- */
.nivoSlider img {  }

/* 7. FOOTER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

footer {
	clear: both;
	overflow: hidden;
	padding: 100px 0 20px 0;
	text-align: right;
	color: #818080;
}