html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

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

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

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

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

blockquote, q { quotes: "" ""; }

a img { border: none; }

html { height: 100%; padding-bottom: 1px; }

body { background: #FFF; color: #334; font: normal 75% sans-serif; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { color: #444; font-weight: normal; line-height: 1; margin-bottom: 0.3em; }

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

h1 { font-size: 2.6em; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

a { color: #357; text-decoration: underline; }
a:focus, a:hover { color: #357; }
a.feed { background: url('/images/icon-feed.gif') no-repeat left center; padding-left: 18px; }
a.more { color: #579; font-weight: bold; }
a.more:hover { color: #234; }

p { margin-bottom: 1em; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin-bottom: 1.5em; }

blockquote { margin: 1.5em; }

del, blockquote { color: #666; }

em, dfn, blockquote, address { font-style: italic; }

strong, dfn { font-weight: bold; }

sup, sub { line-height: 0; }

pre { margin: 1.5em 0; white-space: pre; font: 1em monospace; line-height: 1.5; }

code, tt { font: 1em monospace; line-height: 1.5; }

li ul, li ol { margin-left: 1.5em; }

ul, ol { margin: 0 0 1.5em 1.5em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

ul.plain-list li, ul.nice-list li { list-style: none; }
ul.tabbed { display: inline; margin: 0; }
ul.tabbed li { list-style: none; float: left; }
ul.plain-list { margin: 0; }
ul.nice-list { margin-left: 0; }
ul.nice-list li { list-style: none; border-top: 1px solid #EEE; padding: 4px 0; }
ul.nice-list li:first-child { border-top: none; }
ul.nice-list li .right { color: #999; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #C3D9FF; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #F2F6FA; }

tfoot { font-style: italic; }

caption { background: #EEE; }

table.data-table { border: 1px solid #CCB; margin-bottom: 2em; width: 100%; }
table.data-table th { background: #F0F0F0; border: 1px solid #DDD; color: #555; text-align: left; }
table.data-table tr { border-bottom: 1px solid #DDD; }
table.data-table td { padding: 10px; }
table th { padding: 10px; }
table.data-table td { background: #F6F6F6; border: 1px solid #DDD; }
table.data-table tr.even td { background: #FCFCFC; }

.small { font-size: 0.9em; }

.smaller { font-size: 0.8em; }

.smallest { font-size: 0.7em; }

.large { font-size: 1.15em; }

.larger { font-size: 1.25em; }

.largest { font-size: 1.35em; }

.hidden { display: none; }

.quiet { color: #999; }

.loud { color: #000; }

.highlight { background: #ff0; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-separator { padding: 0 5px; }

.error, .notice, .success { border: 1px solid #DDD; margin-bottom: 1em; padding: 0.6em 0.8em; }

.error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.error a { color: #8A1F11; }

.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; margin-bottom: 1em; }
.notice a { color: #514721; }

.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.success a { color: #264409; }

label { font-weight: bold; cursor: pointer; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend { font-weight: bold; font-size: 1.2em; }

textarea { overflow: auto; }

input.text, textarea, select { background: #FCFCFC; border: 1px inset #AAA; margin: 0.5em 0; padding: 4px 5px; }

input.text:focus, textarea:focus, select:focus { background: #FFFFF5; }

input.button { background: #DDD; border: 1px outset #AAA; padding: 4px 5px; }
input.button:active { border-style: inset; }

.form-error { border-color: #F00; }

.center, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.bordered, img.alignleft, img.alignright, img.aligncenter { background-color: #FFF; border: 1px solid #DDD; padding: 3px; }
img.alignleft, img.left { margin: 0 1.5em 1em 0; }
img.alignright, img.right { margin: 0 0 1em 1.5em; }

.left, .alignleft { float: left; }

.right, .alignright { float: right; }

.clear { clear: both; }

.clearer { clear: both; display: block; font-size: 0; line-height: 0; height: 0; }

.content-separator, .archive-separator { background: #D5D5D5; clear: both; color: #FFE; display: block; font-size: 0; line-height: 0; height: 1px; }

.content-separator { margin: 20px 0; }

.archive-separator { margin: 10px 0; }

.post a { text-decoration: none; }
.post a:hover { text-decoration: underline; }
.post img.left, .post img.right { margin-bottom: 0; }
.post h3 { margin-top: 10px; margin-bottom: 0px; }

.post-date { color: #777; margin: 2px 0 10px; }
.post-date a { color: #444; }

.post-title h1, .post-title h2, .post-title h3 { margin-bottom: 0; }

.post-meta { background: #F6F6F6; border: 1px solid #DDD; color: #777; padding: 6px 10px; }
.post-meta a { color: #345; }
.post-meta a:hover { color: #001; }

.post-body { font-size: 1.1em; }
.post-body a { color: #039; }
.post-body a:hover { color: #039; }
.post-body img.left, .post-body img.right { margin-bottom: 1em; }

.archive-pagination { margin-bottom: 16px; }

.archive-post-date { background: #F5F5F5; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #CFCFCF; float: left; margin-right: 12px; padding: 2px 0 5px; text-align: center; width: 46px; }

.archive-post-title { padding-top: 4px; }
.archive-post-title .post-date { margin: 0; }

.archive-post-day { font: normal 1.6em Georgia,serif; }

.center-wrapper { margin: 0 auto; width: 980px; }

#network { background: #EEE; }
#network .left { color: #333; padding: 6px 0; }
#network .tabbed a { display: block; padding: 6px 10px 7px; text-decoration: none; color: #666; }
#network li a.current { background: #FFF; font-weight: bold; }
#network li a:hover { background: #F6F6F6; color: #000; }
#network li.current-tab a { background: #FFF; font-weight: bold; }
#network .text-separator, #network span { color: #999; }

#toolbar { position: absolute; right: 0; top: 0; padding: 12px 0 8px; font-size: 1.1em; color: #999; }
#toolbar img { vertical-align: middle; }

#header { margin-bottom: 24px; position: relative; padding-top: 20px; }

#site-title { font: normal 1.6em serif; border-bottom: 1px solid #CCC; position: relative; }
#site-title span { color: #999; position: absolute; top: 20px; margin-left: 20px; }
#site-title a { color: #000; text-decoration: none; }

#navigation { margin-bottom: 24px; }
#navigation a { display: block; text-decoration: none; }

#main-nav a { color: #888; font-size: 1.5em; padding: 9px 14px; }
#main-nav li { background: url('/images/navigation-separator.gif') no-repeat left center; }
#main-nav li:first-child { background: none; }
#main-nav li.current-tab a { color: #002; }
#main-nav a:hover { color: #002; }
#main-nav li.current-tab a { background: url('/images/navigation-arrow.gif') no-repeat center bottom; }

#sub-nav { background: #DDEDF7; padding: 0 5px; }
#sub-nav a { color: #678; font: bold 1.2em sans-serif; padding: 10px; }
#sub-nav li.current-tab a, #sub-nav a:hover { color: #223; }

.main { margin-bottom: 18px; }
.main#main-three-columns { background: url('/images/main-three-columns.gif') repeat-y right top; }
.main#main-three-columns .sidebar { width: 193px; }
.main#main-three-columns #main-left { background-color: #fff; width: 520px; }
.main#main-two-columns { background: url('/images/main-two-columns.gif') repeat-y right top; }
.main#main-two-columns .sidebar { width: 190px; }
.main#main-two-columns #main-left { width: 751px; }

.sidebar a { text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }

#sidebar-1 { margin-left: 37px; }

.col3 { width: 32%; }

.col3-mid { margin-left: 2%; }


.section { margin-bottom: 16px; }

.section-title { background-color: #F2F6FA; border-top: 2px solid #ABC; font: bold 1.1em sans-serif; margin-bottom: 5px; min-height: 0; padding: 5px 8px 6px; }

.network-section .section-title { background-color: #F6F6F6; border-color: #D6D6D6; }

#dashboard { background: #FAFAFA url('/images/dashboard.gif') repeat-y left top; border: 1px solid #E7E7E7; }
#dashboard .column { width: 244px; }
#dashboard #column-4 { border-right: none; }
#dashboard .column-content { padding: 14px 16px; }
#dashboard .column-title { color: #666; font-size: 1.4em; font-weight: bold; padding-bottom: 5px; }
#dashboard a { color: #456; }
#dashboard a:hover { color: #000; }

#footer { padding: 10px 0; }
#footer a { color: #579; text-decoration: none; }
#footer .right { color: #999; text-decoration: none; }
#footer .right a { color: #999; text-decoration: none; }
#footer .text-separator { padding: 0 3px; color: #BBB; }
#footer a:hover { color: #000; }

.noborder { border: 0; }

.notborder { border-top: 0; }

.norborder { border-right: 0; }

.nobborder { border-bottom: 0; }

.nolborder { border-left: 0; }

.nomargin { margin: 0; }

.notmargin { margin-top: 0; }

.normargin { margin-right: 0; }

.nobmargin { margin-bottom: 0; }

.nolmargin { margin-left: 0; }

.nopadding { padding: 0; }

.notpadding { padding-top: 0; }

.norpadding { padding-right: 0; }

.nobpadding { padding-bottom: 0; }

.nolpadding { padding-left: 0; }

* html #sub-nav, * html .section-title, * html .main { height: 0.01%; min-height: 0.01%; }

#menu { height: 80px; position: relative; color: #fff; }
#menu a { color: #888; font-size: 1.5em; padding: 9px 14px; display: block; text-decoration: none; }
#menu a:hover { color: #002; }
#menu span .current { color: #003D5F; }
#menu ul { width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; }
#menu ul li span .active { color: #000; background: url('/images/navigation-arrow.gif') no-repeat center bottom; }
#menu ul .submenu { background: #DDEDF7; border-bottom: 1px solid #8EB3CF; list-style: none; margin: 0; position: absolute; top: 45px; left: 0; width: 980px; }
#menu ul .submenu .current { color: #000; }
#menu ul .submenu a { padding: 10px; font: bold 1.2em sans-serif; float: left; }
#menu ul li { background: url('/images/navigation-separator.gif') no-repeat left center; }
#menu ul li:first-child { background: none; }
#menu ul li li { float: left; display: inline; border: 0 !important; }
#menu ul li li a { line-height: 25px; padding: 0px 8px 0px 8px; }
#menu ul li li a:hover { background: #D1E4EF; color: #042A3F; }

#sel2 { background: #E3D1B1; }

.awesome { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:visited { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }

.small.awesome { font-size: 11px; }
.small.awesome:visited { font-size: 11px; }

.awesome, .medium.awesome { font-size: 13px; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.awesome:visited, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.awesome { font-size: 14px; padding: 8px 14px 9px; }
.large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.green.awesome { background-color: #91bd09; }
.green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }

.blue.awesome { background-color: #2daebf; }
.blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }

.red.awesome { background-color: #e33100; }
.red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }

.magenta.awesome { background-color: #a9014b; }
.magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }

.orange.awesome { background-color: #ff5c00; }
.orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }

.yellow.awesome { background-color: #ffb515; }
.yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

a.mores { font-weight: bold; border-left: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.25); padding: 10px; }

#tooltip { color: #FFF; position: absolute; z-index: 3000; border: 1px solid #111; padding: 5px; opacity: 0.85; }

#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty { font-family: "Trebuchet Ms"; border: 1px solid rgba(0,0,0,0.50); padding: 10px; background: rgba(0,0,0,0.95); color: #FFF; width: 165px; }
#tooltip.pretty h3 { margin: 0; padding: 9; font-size: 13px; color: #fff; }
#tooltip.pretty div { text-align: left; }

#loginf { border: none; overflow: hidden; }

#standardlogin { float: left; width: 390px; }

#openid { float: left; margin-left: 20px; width: 455px; }

hr { border: 0; background: none; border-bottom: 1px solid #D3D3D3; margin-top: 10px; margin-bottom: 10px; }

#overblock { background: url('/images/admin/background.gif') repeat-x; padding: 5px; color: #fff; overflow: hidden; }
#overblock a { color: #CFDCFF; }

.inside { position: relative; }
.inside #tag-list { position: absolute; top: 10px; right: 10px; font-size: 130%; }
.inside h1 { margin-top: 15px; margin-bottom: 5px; }

#new_comment fieldset ol li p.inline-errors, #new_comment fieldset ol li p.inline-hints { margin: 0.5em 0 0 27%; }

.comments { overflow: hidden; font-size: 13px; }
.comments form.formtastic fieldset ol li p.inline-errors { margin: 0.5em 0 0 27%; }
.comments ul { margin: 0px; }
.comments ul .comment { overflow: hidden; }
.comments ul .comment .esential { min-height: 81px; }
.comments ul .comment .spam { background-color: #F3FBDF; padding: 5px; color: gray; }
.comments ul .comment .avatar { float: left; margin-right: 5px; }
.comments ul .comment .avatar img { border: 1px solid #D3D3D3; padding: 1px; }
.comments ul .comment .rank { float: right; }
.comments ul .comment .rank span { padding-top: -10px; }
.comments ul .comment .rank .element { -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin: 3px; font-size: 13px; color: #6F6F6F; }
.comments ul .comment .rank .karma { color: gray; }
.comments ul .comment .rank .minus { color: red; }
.comments ul .comment .rank .plus { color: green; }
.comments ul .comment .author { width: 672px; margin-bottom: 2px; }
.comments ul .comment .author span { color: #AFAFAF; }
.comments ul .comment .author a { color: #335CCB; font-weight: bold; }
.comments ul .comment .content { width: 672px; line-height: 16px; }

#loading_indicator { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #BB0000 none repeat scroll 0 0; color: #FFFFFF; display: none; font-family: Verdana,"MS Trebuchet",sans-serif; font-size: 11px; padding: 2px 8px; position: absolute; right: 0; top: 0; }

#searchbox { margin-top: 15px; padding: 5px; }
#searchbox input { padding: 5px; border: 1px solid #D3D3D3; }

.game-image { position: relative; }
.game-image .comments-count { color: rgba(0,0,0,0.50); position: absolute; top: 10px; right: 10px; background: url('/images/bubble.png') no-repeat; width: 22px; height: 24px; padding: 3px 3px 3px 4px; text-align: center; }

div#frotator { width: 520px; position: relative; }
div#frotator div#fcontainer { width: 520px; height: 240px; }
div#frotator div#fcontainer div.fnews { position: relative; }
div#frotator div#fcontainer div.fnews div.fbox { position: absolute; bottom: 0px; background: rgba(0,0,0,0.8); width: 480px; padding: 20px; overflow: hidden; }
div#frotator div#fbottom { position: relative; background: rgba(0,0,0,0.9); width: 510px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; overflow: hidden; padding: 5px 5px 0 5px; height: 30px; }
div#frotator ul.fnav { padding-right: 2px; padding-top: 2px; display: inline; float: right; }
div#frotator ul.fnav li.fbox { font-size: 9px; margin-right: 4px; display: inline; margin-top: 3px; }
div#frotator ul.fnav li.fbox a { border: solid 1px #333333; font-size: 13px; padding-right: 8px; display: inline; text-decoration: none; outline: none; -moz-border-radius: 2px; padding: 5px; color: #2B2929; }
div#frotator ul.fnav li.fbox:hover a { cursor: pointer; }
div#frotator ul.fnav li.ui-tabs-selected a { background-color: #0B0A0A; cursor: pointer; color: #9B9B9B; }
div#frotator div.fnews { position: absolute; -moz-border-radius: 3px; left: 0px; top: 0px; width: 100%; height: 100%; }
div#frotator div.ui-tabs-hide { display: none; }
div#frotator div.fnews span.fdate { font: normal 11px Tahoma; float: right; color: #b0b0b0; }
div#frotator div.fnews span.fdate a { font: normal 11px Tahoma; color: #b0b0b0; }
div#frotator div.fnews h3 { display: block; border-bottom: 1px solid #474747; padding-bottom: 4px; margin-bottom: 4px; }
div#frotator div.fnews h3 a { color: #E7E0E0; font: normal 22px Tahoma; text-decoration: none; padding: 0px; margin: 0px; padding-bottom: 4px; margin-bottom: 8px; }
div#frotator div.fnews h3 a:hover { color: #376389; text-decoration: none; }
div#frotator div.fnews span.fcontent { color: #DBDBDB; font-size: 11px; }

a.short { font-size: 80%; }

#l-elements { width: 751px; overflow: hidden; }

h3.game { background: url('/images/icons/joystick.png') no-repeat right center; padding-right: 20px; }

h3.demot { background: url('/images/icons/door_open.png') no-repeat right center; padding-right: 20px; }

.ggcorner { background: url('http://status.gadu-gadu.pl/users/status.asp?id=6666006&styl=4') no-repeat 215px center; }

form#new-search input { border: 1px solid #ACACAC; padding: 5px; width: 99%; font-size: 140%; }

.game-thumb { width: 165px; border: 1px solid #ACACAC; float: left; margin: 5px; padding: 6px; height: 155px; text-align: center; cursor: pointer; }
.game-thumb .image { position: relative; }
.game-thumb .image .category-name { padding: 5px; position: absolute; margin: 4px 5px 10px; background-color: rgba(0,0,0,0.7); color: #fff; top: 0; left: 0; }
.game-thumb.first { margin-left: 0px; }
.game-thumb.last { margin-right: 0px; }
.game-thumb .short { font-size: 80%; }
.game-thumb a { text-decoration: none; }
.game-thumb a:hover { text-decoration: underline; }
.game-thumb img.left, .game-thumb img.right { margin-bottom: 0; }
.game-thumb h3 { text-decoration: underline; margin-top: 10px; margin-bottom: 0px; }

.overflow { overflow: hidden; }

#keyboard { background: url("/images/apple_keybord.jpg") no-repeat; height: 290px; width: 720px; margin: 0px auto 0px auto; position: relative; }
#keyboard .button { width: 15px; height: 15px; background: rgba(0, 0, 0, 0.6); padding: 15px; position: absolute; text-align: center; -moz-border-radius: 5px; }
#keyboard .one { top: 42px; left: 58px; }
#keyboard .two { top: 42px; left: 106px; }
#keyboard .three { top: 42px; left: 155px; }
#keyboard .four { top: 42px; left: 204px; }
#keyboard .five { top: 42px; left: 253px; }
#keyboard .six { top: 42px; left: 301px; }
#keyboard .seven { top: 42px; left: 350px; }
#keyboard .eight { top: 42px; left: 398px; }
#keyboard .nine { top: 42px; left: 447px; }
#keyboard .zero { top: 42px; left: 495px; }
#keyboard .myslnik { top: 42px; left: 544px; }
#keyboard .plus { top: 42px; left: 593px; }
#keyboard .tylda { top: 42px; left: 9px; }
#keyboard .tab { top: 90px; left: 9px; width: 40px; }
#keyboard .q { top: 90px; left: 82px; }
#keyboard .w { top: 90px; left: 130px; }
#keyboard .e { top: 90px; left: 179px; }
#keyboard .r { top: 90px; left: 228px; }
#keyboard .t { top: 90px; left: 276px; }
#keyboard .y { top: 90px; left: 325px; }
#keyboard .u { top: 90px; left: 374px; }
#keyboard .i { top: 90px; left: 422px; }
#keyboard .o { top: 90px; left: 471px; }
#keyboard .p { top: 90px; left: 520px; }
#keyboard .squareo { top: 90px; left: 568px; }
#keyboard .squaree { top: 90px; left: 617px; }
#keyboard .slash { top: 90px; left: 666px; }
#keyboard .fn { top: 234px; left: 9px; height: 16px; }
#keyboard .shift { width: 77px; height: 15px; top: 184px; left: 9px; }
#keyboard .delete { top: 42px; left: 641px; width: 40px; }
#keyboard .capslock { top: 137px; left: 9px; width: 53px; }
#keyboard .a { top: 137px; left: 94px; }
#keyboard .s { top: 137px; left: 143px; }
#keyboard .d { top: 137px; left: 192px; }
#keyboard .f { top: 137px; left: 240px; }
#keyboard .g { top: 137px; left: 289px; }
#keyboard .h { top: 137px; left: 338px; }
#keyboard .j { top: 137px; left: 386px; }
#keyboard .k { top: 137px; left: 434px; }
#keyboard .l { top: 137px; left: 483px; }
#keyboard .semicolon { top: 137px; left: 532px; }
#keyboard .apostrophe { top: 137px; left: 580px; }