/*
Theme Name: Anna Pawełczyk Portfolio
Theme URI: http://anna-pawelczyk.net/
Description: Single-page portfolio theme
Version: 1
Author: Michał Pawełczyk (code), Anna Pawełczyk (design)
Author URI: http://michal-pawelczyk.net/
Tags: tree, three columns, portfolio
*/


/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #323330; font-family: Gill Sans, Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #016296; text-decoration: none; outline: none;}
a:hover {color: #2b6296; text-decoration: underline;}
a span {cursor: pointer;}
img {border: none;}
html {height: 100.01%;}

/* basic text elements */
h1 {margin-bottom: 1em; margin-left: 20px; color: #D23325; font-size: 1.9em; font-family: Georgia, Times New Roman, Times, serif; text-transform: uppercase;}
h2 {margin: 1em 0 0.8em 0; color: #016296; font-size: 1.2em; font-weight: normal; text-transform: uppercase;}
h3 {margin: 1em 0 0.8em 20px; font-size: 1.3em;}
h4 {margin: 1em 20px 0.8em 20px; color: #000; font-size: 1.1em;}
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 130px; margin: 5px 0 5px 0; color: #5f642e;}
input, textarea {position: relative; width: 290px; margin: 5px 0; padding: 2px; border: 1px solid #bfc28c; background: #f4f4e7 url(images/input.jpg) top repeat-x; color: #676766;}
input:focus, textarea:focus {background: #fff;}
textarea {height: 70px;}
button {cursor: pointer;}
button#mail_send {float: right; clear: right; width: 69px; height: 19px; margin: 5px; padding-left: 20px; border: none; background: url(images/send.jpg) no-repeat; color: #5d802d; line-height: 19px;}


/* layout
------------------------------------------- */
body {position: relative; background: url(images/background.jpg) center top repeat-x;}
#header {position: relative; width: 1013px; height: 249px; margin: 0 auto; background: url(images/header.jpg) center top no-repeat;}
	#header h1 {display: none;}
	#header p {margin: 0;}
	a#cv-link, a#cv-link:visited {display: block; position: absolute; bottom: 0; right: 25px; overflow: hidden; width: 70px; height: 40px; padding-top: 14px; padding-left: 50px; background: url(images/cv.jpg) 0 0 no-repeat; color: #ef8f04; font-size: 1.1em; text-decoration: none;}
	a#cv-link:hover {height: 43px; padding-top: 11px; background-position: 0 -54px; color: #f07305;}
#content {overflow: hidden; width: 1013px; margin: 0 auto; background: url(images/middle.jpg) top repeat-x;}
	#main {float: left; width: 540px; min-height: 500px; padding: 35px 0 0 63px; background: url(images/left.jpg) left top no-repeat;}
	#side {float: right; overflow: hidden; width: 400px; background: url(images/brown-top.jpg) left top no-repeat;}
	#about-wrapper1 {float: left; width: 189px; margin-left: 24px; background: url(images/brown-middle.jpg) top repeat-y;}
		#about-wrapper2 {background: url(images/brown-top.jpg) -24px 0 no-repeat;}
			#about {padding: 70px 18px 18px 18px; background: url(images/brown-bottom.jpg) center bottom no-repeat; color: #e0d4cd;}
				#about h2 {margin-top: 0; margin-bottom: 205px; color: #e0d4cd; text-align: center;}
				#about p {margin-bottom: 0; color: #715f51; line-height: 1.3em; text-align: center;}
				#about p strong {color: #a69588; font-weight: normal;}
				#about img {margin-bottom: 5px;}
				#about a, #about a:visited {border-bottom: 1px dashed #a69588; color: #a69588;}
				#about a:hover {border-bottom-style: solid; text-decoration: none;}
	#links {float: right; width: 152px; min-height: 500px; padding: 35px 18px 0 0; background: url(images/right.jpg) right top no-repeat;}
		#links h2 {color: #466b8c;}
		#links h2.first {margin-top: 0;}
		#links ul {margin-bottom: 40px;}
		#links li {list-style: none; margin: 0; border-bottom: 1px solid #e5e7df; line-height: 1.5em;}
		#links li a, #links li a:visited {color: #5d802d; text-decoration: none;}
		#links li a:hover {color: #2b6296;}
#footer-wrapper {margin-top: 30px; background: url(images/footer.jpg) top repeat-x;}
	#footer {overflow: hidden; width: 980px; margin: 0 auto; padding: 28px 0 30px 33px;}
	#links h2, #footer h2 {background: url(images/icons.gif) no-repeat; line-height: 20px;}
	#footer h2 {margin-top: 0; padding-top: 5px; color: #484b1f;}
		#flickr-photos, #contact-form {width: 430px; padding: 15px 30px; background: url(images/footer-section.jpg) left top no-repeat;}
			#contact-form {float: left;}
				#contact-form h2 {padding-left: 30px; background-position: 0 0;}
			#flickr-photos {float: right;}
				#flickr-photos h2 {padding-left: 25px; background-position: 0 -25px;}
		#copyright {float: right; clear: right; margin-top: -15px; border-top: 1px dashed #c4c5b2; color: #7d7e6e; line-height: 2em;}
			#copyright a, #copyright a:visited {color: #7d7e6e; text-decoration: none;}
			#copyright a:hover {border-bottom: 1px dashed #7d7e6e;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
a img, a:visited img {border: 3px solid #c3d0a1;}
a:hover img {border: 3px solid #9fbb57;}

/* special sections and stuff
------------------------------------------- */
#szukam-pracy {display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 90px; height: 90px; background: url(images/szukam-pracy.gif) no-repeat; text-indent: -10001px;}
#project {position: relative; overflow: hidden; height: 330px; padding-bottom: 50px; background: url(images/separator.jpg) center bottom no-repeat;}
	#projects li {display: none; position: absolute; top: 0; left: 0; list-style: none; width: 540px; margin: 0; padding: 0;}
	#projects h2 {margin-top: 0; margin-bottom: 0; color: #416405; font-size: 1.8em; font-family: Georgia, Times New Roman, serif; line-height: 1.3em; text-transform: none;}
	#projects p.project-info {margin-bottom: 30px; color: #5a6065; font-family: Georgia, Times New Roman, serif; font-size: 0.9em; font-style: italic;}
		#projects p.project-info strong {color: #2e3526; font-weight: normal; font-style: normal; font-family: Georgia, Times New Roman, serif; text-transform: uppercase;}
	#projects img {float: left; margin: 0 30px 0 0; }
	#projects p.project-link {color: #416405; font-family: Georgia, Times New Roman, serif; text-align: right;}
	#projects p.project-link a, #projects p.project-link a:visited {padding: 0 5px; color: #416405; font-size: 1.5em; font-family: Georgia, Times New Roman, serif;}
	#projects p.project-link a span, #projects p.project-link a:visited span {color: #416405; font-size: 0.6em; font-family: Georgia, Times New Roman, serif;}
	#projects p.project-link a:hover {color: #2b6296; text-decoration: none;}
	#projects p.project-link a:hover span {color: #2b6296;}
    #projects li ul {float: left; overflow: hidden; position: relative; width: 298px; height: 230px; margin: 0 30px 0 0; list-style: none;}
    #projects li ul li {display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 0;}
    #projects li p.next-prev {clear: left; width: 296px;}
    #projects li p.next-prev a.prev, #projects li p.next-prev a.prev:visited {float: left; color: #5d802d;}
    #projects li p.next-prev a.next, #projects li p.next-prev a.next:visited {float: right; color: #5d802d;}
    #projects li p.next-prev a:hover {color: #2b6296; text-decoration: none;}


#project-thumbnails {margin-top: 40px;}
#project-thumbnails li {float: left; list-style: none; margin: 0 10px 10px 0;}

#flickr-photos ul {overflow: hidden;}
#flickr-photos li {float: left; list-style: none; margin: 0 5px 5px 0;}

#links h2#espresso {padding: 5px 0 0 40px; background-position: 0 -53px;}
#links h2#ciekawe {padding: 0 0 0 25px; background-position: 0 -85px;}
#links h2#docenili {margin-top: 40px; padding: 0 0 0 25px; background-position: 0 -105px;}

a#goldenline, a#goldenline:visited {display: block; width: 76px; height: 20px; padding: 30px 0 0 78px;  background: url(images/goldenline.jpg) no-repeat; color: #6f903c; text-decoration: none;}
a#goldenline:hover {color: #2b6296;}