/*
Theme Name: Portfolio
Theme URI: http://www.lukaszjankowski.pl
Description: Łukasz Jankowski - Portfolio
Version: 0.1 beta
Author: Łukasz Jankowski
Author URI: http://www.lukaszjankowski.pl
*/

body { background: url(images/bg-top.jpg) no-repeat 50% 0; font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif; font-size: 12px; line-height: 1.5em; color: #404040; }

a { color: #00978e; text-decoration: none; }
a:hover { background: url(images/ahover.gif) repeat-x 50% 50%; color: #fff; }
h2 { font-size: 22px; font-weight: bold; margin-bottom: 15px; }

.header { position: relative; width: 940px; margin: 0 auto; height: 150px; }
.footer { background: url(images/bg-footer.jpg) no-repeat 50% 0; padding: 82px 0 400px 0; }
.logoHolder { position: absolute; left: 0; top: 24px; display: block; width: 452px; height: 71px; }
.logoHolder:hover { background: none; border: 0; text-decoration: none; }

.mainMenu { position: absolute; right: 20px; top: 70px; }
.mainMenu li { float: right; margin-left: 50px; background: url(images/menu.gif) no-repeat 0 0; }
.mainMenu li a { display: block; height: 25px; text-indent: -9999px; }
.mainMenu .blog { width: 50px; background-position: -123px 0; }
.mainMenu .omnie { width: 73px; background-position: -50px 0; }
.mainMenu .home { width: 50px; }
.mainMenu a:hover { background: url(images/header-ahover.gif) repeat-x 50% 100%; }

.intro { width: 670px; padding: 25px 230px 25px 40px; margin: 0 auto; font-size: 21px; line-height: 30px; letter-spacing: -1px; position: relative; }
.intro .pict { background: url(images/lukasz-jankowski.png) no-repeat right 0; width: 171px; height: 205px; position: absolute; right: 40px; top: 0; text-indent: -9999px; }
.intro .smaller { font-size: 16px; line-height: 24px; margin-top: 15px; }
.intro a { padding-bottom: 6px; }
.intro a:hover { background: url(images/aunderline.gif) repeat-x 50% 100%; }

.mainContent { background: #fff; position: relative; }
.mainContent .topShadow { position: absolute; top: -12px; background: url(images/sh-top.png) repeat-x 0 0; height: 12px; width: 100%; }
.mainContent .bottomShadow { position: relative; bottom: -12px; background: url(images/sh-bottom.png) repeat-x 0 0; height: 12px; width: 100%; line-height: 12px; }
.mainWidthWrapper { width: 960px; margin: 0 auto; }
.mainContent h2 { margin-left: 10px; margin-right: 10px; }

.footer .box { width: 260px; float: left; padding: 0 20px; }
.footer .last { background: none; padding-right: 0; }
.footer .first { padding-left: 0; }
.footer .mainWidthWrapper { width: 940px; background: url(images/sep-footerbox.gif) repeat-y 280px 0; }
.footer a { color: #fff; }
.footer a:hover { background: none; }
.footer h2 { color: #fff; }
.icoList li { height: 30px; }
.icoList li a { padding-left: 32px; background: url(images/ico-social.gif) no-repeat; height: 24px; display: block; line-height: 24px; }
.icoList li a:hover { text-decoration: underline; }
.icoList .blog a { background-position: 0 0; }
.icoList .blog a:hover { background: url(images/ico-social.gif) no-repeat 0 -24px; }
.icoList .twitter a { background-position: 0 -48px; }
.icoList .twitter a:hover { background: url(images/ico-social.gif) no-repeat 0 -72px; }
.icoList .facebook a { background-position: 0 -96px; }
.icoList .facebook a:hover { background: url(images/ico-social.gif) no-repeat 0 -120px; }
.icoList .rss a { background-position: 0 -144px; }
.icoList .rss a:hover { background: url(images/ico-social.gif) no-repeat 0 -168px; }
.icoList .goldenline a { background-position: 0 -192px; }
.icoList .goldenline a:hover { background: url(images/ico-social.gif) no-repeat 0 -216px; }
.icoList .phone p { background: url(images/ico-social.gif) no-repeat 0 -288px; color: #fff; padding-left: 32px; height: 24px; line-height: 24px; }
.icoList .mail a { background-position: 0 -240px; }
.icoList .mail a:hover { background: url(images/ico-social.gif) no-repeat 0 -264px; }
.icoList .skype a { background-position: 0 -336px; }
.icoList .skype a:hover { background: url(images/ico-social.gif) no-repeat 0 -360px; }
.copyright { color: #66aeb2; margin-top: 6px; }
.copyright a { color: #66aeb2; }
.copyright a:hover { color: #fff; text-decoration: underline; background: none; }
a.getTheCV { display: block; width: 246px; height: 123px; background: url(images/ico-cv.gif) no-repeat 0 0; text-indent: -9999px; }
a.getTheCV:hover { background: url(images/ico-cv.gif) no-repeat 0 -123px; }

.mainContent .mainWidthWrapper { padding: 25px 0; }
.post { font-size: 14px; line-height: 21px; text-align: justify; }
body.home .post, body.search .post, body.archive .post { width: 300px; float: left; overflow: hidden; margin-bottom: 30px; }
.post .pictWrapper { display: block; position: relative; background: url(images/picshadow.gif) no-repeat 0 100%; height: 195px; }
.post .pictWrapper img { width: 280px; height: 191px; position: absolute; left: 10px; bottom: 4px; }
.post .pictWrapper:hover { opacity: .8; background: url(images/picshadow.gif) no-repeat 0 100%; }
.post p { margin: 15px 0; }
.post ul { list-style-type: disc; margin-left: 15px; }
.categories { text-transform: uppercase; font-size: 10px; color: #a8a8a8; margin: 0 10px; }
.categories a { color: #a8a8a8; }
.categories a:hover { color: #fff; }
.post h3 { margin: 2px 10px 5px; font-size: 16px; }
.post h3 a { color: #404040; padding-bottom: 5px; }
.post h3 a:hover { background: url(images/ahover-grey.gif) repeat-x 50% 100%; border: 0; text-decoration: none; }
.post .abstract { color: #8f8f8f; margin: 0 10px; line-height: 16px; font-size: 11px; text-align: left; }
.post .abstract p { margin: 10px 0; }
.post .centered { text-align: center; }
.mainContent .first { margin-right: 30px; }
.mainContent .last { margin-left: 30px; }

.projectHeader { margin: 30px 0 20px; }
.projectHeader h2 { font-size: 26px; margin-bottom: 0; }
.projectHeader .categories { margin: 0; }
.projectHeader .tags { margin-top: 5px; }
.projectHeader .tags a { display: block; float: left; width: 41px; height: 41px; background: url(images/ico-adobe.gif) no-repeat 0 0; text-indent: -9999px; margin-right: 5px; }
.projectHeader .tags a:hover { opacity: .8; }
.projectHeader .tags a.premiere { background-position: 0 0; }
.projectHeader .tags a.photoshop { background-position: -41px 0; }
.projectHeader .tags a.lightroom { background-position: -82px 0; }
.projectHeader .tags a.indesign { background-position: -123px 0; }
.projectHeader .tags a.illustrator { background-position: -164px 0; }
.projectHeader .tags a.flash { background-position: -205px 0; }
.projectHeader .tags a.fireworks { background-position: -246px 0; }
.projectHeader .tags a.encore { background-position: -287px 0; }
.projectHeader .tags a.dreamweaver, .projectHeader .tags a.html, .projectHeader .tags a.css, .projectHeader .tags a.javascript { background-position: -328px 0; }
.projectHeader .tags a.contribute { background-position: -369px 0; }
.projectHeader .tags a.bridge { background-position: -410px 0; }
.projectHeader .tags a.aftereffects { background-position: -451px 0; }
.projectHeader .tags a.soundbooth { background-position: -492px 0; }

.navigation { background: url(images/sep-h.gif) repeat-x 50% 0; padding: 18px 0; line-height: 26px; }
.navigation .alignleft { background: url(images/nav-l.gif) no-repeat 0 50%; padding-left: 15px; }
.navigation .alignright { background: url(images/nav-r.gif) no-repeat 100% 50%; padding-right: 15px; }

.clear { clear: both; line-height: 0px; height: 0px; }

img.aligncenter { display: block; margin: 15px auto; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;	}
.alignleft { float: left; }
.noMargin { margin: 0 !important; }

.mainContent input { border: 0; width: 300px; background: url(images/sep-h.gif) repeat-x 50% 100%; color: #adadad; font-size: 18px; line-height: 20px; }
.mainContent form label { font-size: 11px; text-align: center; display: block; }
.mainContent form label.leftAligned { text-align: left; }
.mainContent form p { margin: 0; }
.mainContent form .fieldWrapper { margin: 10px 0; }
.mainContent textarea { border: 1px solid #a0a0a0; width: 100%; }
.mainContent input.submit { background: url(images/nav-r.gif) no-repeat 100% 50%; padding-right: 15px; color: #00978e; font-size: 14px; line-height: 26px; height: 26px; width: auto; }
.mainContent .rightAligned { text-align: right; }

#capimg { margin: 10px 0; }