* {margin:0; padding: 0; outline: 0; font-family: arial, sans-serif; font-size: 12px}
img {border: 0}
a {text-decoration: none; color: #666}
a:hover {text-decoration: underline}

li {list-style: none}
body {background: #fff}
#wrapper {width: 800px; overflow: hidden; zoom: 1}
#left_column {width: 300px; background: #ccc; float: left; height: 635px; position: fixed}
#right_column {float: right; width: 500px}

#header {position: relative; overflow: hidden; zoom: 1; height: 150px}
#header h1 {position: absolute; top: 35px; left: 30px}
#header h1 a {display: block; width: 242px; height: 60px; background: url('i/poncz_sprite.jpg?'); text-indent: -666em}
#header h1 a:hover {background-position: -242px 0}

#nav {width: 180px; margin: 0 auto; text-align: right; border-top: 1px #999 solid; padding: 4px 0}
#nav li {text-align: right}
#nav li a {color: #666; text-transform: uppercase; white-space: nowrap; font: normal normal 14px/14px arial, sans-serif}
#nav li a:hover {text-decoration: none; background: #44; color: #000}

#socials {width: 180px; margin: 0 auto; padding: 5px 0; border-top: 1px #396 dashed; overflow: hidden}
#socials ul {overflow: hidden; zoom: 1; float: right}
#socials li {float: left; width: auto; margin: 0 0 0 5px}
#socials li a {display: block; text-indent: -666em; width: 25px; height: 25px; background: url('i/poncz_sprite.jpg') -5px -93px}
#socials #poncz_on_facebook a {background-position: -65px -93px}
#socials #poncz_on_facebook a:hover {background-position: -95px -93px}
#socials #poncz_on_flickr a:hover {background-position: -35px -93px}

#textArea {background: #396}
#textArea #about_poncz p {color: #fff; padding: 25px 130px 30px 20px; text-align: right}
#textArea #we_are strong {display: block}
#textArea #we_are p {color: #fff; padding: 10px 130px 20px 20px}
#textArea #we_are p a {color: #222}

#last_ponczes .last_poncz {background: #333; position: relative; overflow: hidden; zoom: 1; padding: 0 0 100px}
#last_ponczes .last_poncz_type2 {background: #666}
#last_ponczes .last_poncz_type3 {background: #999}
#last_ponczes .last_poncz_type4 {background: #ccc}
#last_ponczes .last_poncz .main_foto {width: 370px; float: left}
#last_ponczes .last_poncz .main_foto p {text-align: right; color: #ccc; font: normal normal 10px arial, sans-serif; text-transform: uppercase}
#last_ponczes .last_poncz_type3 .main_foto p, #last_ponczes .last_poncz_type4 .main_foto p {color: #333}
#last_ponczes .last_poncz .authors {float: right; width: 125px; padding: 10px 0 0}
#last_ponczes .last_poncz .authors h2 {color: #fff; text-transform: uppercase; margin: 0 0 10px}
#last_ponczes .last_poncz .authors li {color: #eee; font: normal normal 10px arial, sans-serif}
#last_ponczes .last_poncz_type3 .authors li, #last_ponczes .last_poncz_type4 .authors li {color: #333}
#last_ponczes .last_poncz_type3 .authors h2, #last_ponczes .last_poncz_type4 .authors h2 {color: #444}
#last_ponczes .last_poncz .download_poncz {position: absolute; bottom: 30px; right: 0; display: block; padding: 14px 2px 13px 66px; background: #fff url('i/poncz_sprite.jpg') -10px -150px no-repeat; color :#666; font: normal normal 12px/14px arial, sans-serif; text-transform: uppercase}
#last_ponczes .last_poncz_type2 .download_poncz {background-position: -10px -212px}
#last_ponczes .last_poncz_type3 .download_poncz {background-position: -10px -274px}
#last_ponczes .last_poncz_type4 .download_poncz {background-position: -10px -336px}
#last_ponczes .last_poncz .download_poncz:hover {border: #ccc solid; border-width: 1px 0 1px 1px; padding: 13px 2px 12px 65px; text-decoration: none; color: #333}
#last_ponczes .last_poncz_type4 .download_poncz:hover {border-color: #999}


#last_ponczes .last_poncz .download_poncz span {position: absolute; left: 0; top: 14px; color: #fff; text-transform: none; text-align: center; width: 39px; display: block}
#last_ponczes .last_poncz .download_poncz:hover span {top: 13px; left: -1px}
 
#footer {border-top: 1px #ddd solid; padding: 20px 20px 20px 300px; color: #666; background: #eee}