@import url(fix.css);

body { background: #ffc103 url(../gfx/bg.png) repeat-x; font: normal 12px Arial; }
.clear, .clearfix { clear: both; }

#mainwrapper { background: url(../gfx/construct.png) center -20px no-repeat; }
#construct { width: 920px; margin: 0 auto; }
a { color: #0093be; }
a:hover { text-decoration: none; }

#top { height: 120px; position: relative; }
#top #logo { display: block; width: 250px; height: 118px; position: relative; }
#top #logo strong { position: absolute; top: -20px; }
#top #menu { position: absolute; top: 75px; right: 15px; list-style-type: none; padding: 0; }
#top #menu li, #top #menu li a, #top #menu li strong { display: block; }
#top #menu li a, #top #menu li strong { background: url(../gfx/strips.png) repeat-x 0 -44px; }
#top #menu li { height: 44px; float: left; width: auto; margin-left: 1px; position: relative; }
#top #menu li a { padding-left: 15px; text-decoration: none; color: #fff; }
#top #menu li a strong { height: 24px; background-position: right -44px; padding: 20px 15px 0 0; }
#top #menu li a:hover, #top #menu li a.hover { background-position: 0 0; color: #4b4b4b; }
#top #menu li a:hover strong, #top #menu li a.hover strong { background-position: right 0; padding-top: 18px; height: 26px; }
#top #top-bar { position: absolute; top: 7px; right: 0; list-style-type: none; padding: 0; }
#top #top-bar li, #top #top-bar li span { display: block; background: url(../gfx/strips.png) repeat-x 0 -88px; color: #fff; }
#top #top-bar li { height: 44px; float: left; width: auto; padding-left: 12px; margin-left: 1px; position: relative; }
#top #top-bar li span { height: 28px; background-position: right -88px; padding: 16px 12px 0 0; }
#top #top-bar li a { color: #fff; }
#top #top-bar li:last-child { background-position: 0 -132px; }
#top #top-bar li:last-child span { background-position: right -132px; color: #fdd400; }
#top #top-bar li:last-child a { color: #211d1e; text-decoration: none; position: absolute; top: 15px; left: 11px; z-index: 2; }

#content { margin-top: 15px; background: #fff; padding: 0 15px 15px 15px; position: relative; }
#content p { margin: 15px 0; line-height: 150%; }
#content h2 { font: bold 16px Arial; }
#content .head { margin: 0 0 20px 0; }

#footer { background: url(../gfx/construct.png) center top no-repeat; padding-top: 20px; position: relative; }
#footer #profiles { margin: 20px 0 0 0; }
#footer #profiles a { opacity: 0.4; margin: 0 5px 0 0; }
#footer #profiles a:hover { opacity: 1; }
#footer #footer-wrapper { padding: 20px 0 40px 0; background: #ffc103; }
#footer #footer-wrapper, #footer #footer-wrapper a { color: #6a1a00 }
#footer ul { list-style-type: none; padding: 0; position: absolute; right: 15px; }
#footer ul li { float: left; padding: 0 15px; border-left: 1px solid #681b00; }
#footer ul li:first-child { border: 0; }

#sheet { width: 612px; float: right; }
.cloud { background: url(../gfx/cloud.png) 0 -11px no-repeat; padding: 20px; margin: 0 0 20px 0; }
.cloud .foot { background: url(../gfx/cloud.png) 0 0 no-repeat; margin: 10px -20px -20px -20px; height: 10px; }

#people { background: url(../gfx/people.png); width: 199px; height: 135px; position: absolute; z-index: 10; bottom: -16px; left: -10px; }

#sidebar { width: 268px; float: right; margin-left: 10px; }
#sidebar .box, #sidebar .bbox { background: url(../gfx/sidebars.png) 0 -10px no-repeat; padding: 20px; margin: 0 0 20px 0; }
#sidebar .box h3 { color: #606060; font: bold 15px Arial; margin: 0 0 10px 0; }
#sidebar .box .foot, #sidebar .bbox .foot { background: url(../gfx/sidebars.png) 0 0 no-repeat; margin: 10px -20px -20px -20px; height: 10px; }
#sidebar .bbox, #sidebar .bbox a { color: white; }
#sidebar .bbox { background-position: -268px -11px; }
#sidebar .bbox .foot {background-position: -268px 0; height: 11px; }
#sidebar .box h2 { font: bold 14px Arial; color: #5f6060; margin: 0 0 10px 0; }

.pager { margin: 10px 0; }
.pager .number, .pager .number_current, .pager .number_navigation, .pager .separator { float: left; display: block; padding: 3px; margin: 2px; text-decoration: none !important; font: normal 11px Tahoma; color: #bbb !important; }
.pager .number { background-color: #fcfcfc; border: 1px solid #eaeaea; color: #999 !important; }
.pager .number:hover { border: 1px solid #aaa; color: #555 !important; }
.pager .number_current { border: 1px solid #999; color: #555 !important; }
.pager .separator { color: #555 !important; }

.form, .form fieldset { padding: 0; margin: 0; border: 0; }
.form legend { display: none; }
.form .row { display: block; padding: 10px 0; }
.form .row label, .form .row input, .form .row p { display: block; float: left;  }
.form .row label, .form .row label a, .form .row p a { color: #0093be; }
.form .row label { width: 200px; font: bold 12px Arial; text-align: right; padding: 5px 20px 5px 5px; }
.form .row input.text, .form .row textarea.text { width: 220px; color: #525250; border: 1px solid #d2d2d2; padding: 5px; background: #fefffa; font: normal 12px Arial; }
.form .row p { width: 250px; margin: 0 !important; padding: 7px 7px 7px 10px; color: #999; font: normal 11px Tahoma; }
.form sup { font: bold  13px Tahoma; color: red; margin: 0 2px; vertical-align: bottom; }
.form .row input.checkbox { vertical-align: middle; margin-left: 230px; }
.form .row label.checkbox { width: auto; padding: 0px 10px; font-weight: normal; }
.form .row .error { clear: both; display: block; background: url(../gfx/error.png) no-repeat 225px center; padding: 3px 0 3px 245px; color: red; }
.form .image { display: block; margin: 20px auto !important; float: none !important; }
#sheet .image { margin: 10px 0 10px 225px; }
#sheet input.checkbox { margin: 0 0 0 100px; }
#sheet div.submit { clear: both; padding-top: 1px; }

.form .mobile .text { width: 170px !important; }
.form .row .prefix { width: 28px !important; margin-right: 10px; }

#profile { }
#profile .data { }
#profile #profile_edit { float: right; color: #82e1ff; font: normal 10px Arial; text-decoration: none; }
#profile #profile_edit:hover { color: #fff; text-decoration: underline; }
#profile h2 { font: bold 14px Arial; }
#profile .av { /*float: left; */display: block; width: 190px; height: 190px; margin: 0 auto 0 auto; border: 1px solid #48cff9; padding: 2px; }
#profile .data { /*float: left; */margin: 10px 15px 0 15px; }
#profile .stats { margin: 10px 0 0 0; }
#profile .stats td { padding: 0; }
#profile .stats td:first-child { color: #fadc02; font: bold 14px Arial; padding: 0 5px 0 0; }

#last_twitt {  }
#last_twitt p { padding: 7px; border: 1px solid #eaeaea; background: #fafafa; }
#last_twitt p, #last_twitt p a { color: #000 !important; }
#last_twitt .time { display: block; margin: 15px 0 0 0; color: #999; background: url(../icons/time.png) left center no-repeat; padding: 0 0 0 20px; }

#publish { width: 550px; padding: 20px 40px 0 20px; color: #606060; }
#publish form, #publish form fieldset { padding: 0; margin: 0; border: 0; }
#publish form legend { display: none; }
#publish textarea { border: 1px solid #fff; background: #fff; width: 530px; height: 50px; display: block; color: #0a6884; font: normal 12px Arial; padding: 10px; margin: 3px 0 7px 0; }
#publish .submit { cursor: pointer; float: right; margin: 0 0 -14px 0; border: 0; background: url(../gfx/cloud-button.png); width: 103px; height: 34px; color: #fff; font: bold 12px Arial; }
#publish .msgTitle { font: bold 16px Arial; }
#publish .msgLeft { width: 200px; float: right; text-align: right; }
#publish #twittShare { width: 440px; float: left; padding: 10px 0 0 0; }
#publish #twittShare label { margin: 0 0 5px 0; display: block; float: left; }
#publish #twittShare label span { color: #888; background: no-repeat left center; padding: 1px 0 1px 20px; margin: 0 15px 0 0; }
#publish #twittShare label input { margin: 2px 5px 0 0; vertical-align: middle; }
#publish_message { display: none; margin: 40px 20px 20px 0; }
.cloud { width: 570px; }
.cloud, .cloud .foot { background: url(../gfx/cloud.png) 0 -11px; }
.cloud .foot { width: 610px; background-position: 0 0; height: 11px; }
.empty { font: normal 18px Arial; color: #ddd; text-align: center; padding: 10px 0; }

.message_box { margin: 20px 0; padding: 10px 10px 10px 40px; background: no-repeat 15px center; }
.message_box .message_title { font-weight: bold; }
.message_box_right { color: green; background-color: #f7ffd2; background-image: url(../icons/message_ok.png); }
.message_box_error { color: #d50000; background-color: #ffd2d2; background-image: url(../icons/message_error.png); }
.message_box_warn { color: #985d00; background-color: #fff5c0; background-image: url(../icons/message_warn.png); }

#navSub { border-bottom: 1px solid #ddd; height: 30px; list-style-type: none; padding: 0 0 0 5px; margin: 0 0 20px 0; }
#navSub li { float: left; }
#navSub a { background: #fafafa; display: block; margin: 0 0 0 5px; height: 23px; padding: 7px 10px 0 10px; text-decoration: none; color: #999; }
#navSub strong a { border: 1px solid #ddd; border-bottom: 0; background: #fff; color: #444; }
#navSub a:hover { background: #f1f1f1; color: #000; }
#navSub .first a { margin: 0; }

.pager { margin: 20px 0; }
.pager ul { list-style-type: none; padding: 0; }
.pager ul li { display: block; float: left; }
.pager .number, .pager .number_current, .pager .number_navigation, .pager .separator { padding: 3px; margin: 2px; text-decoration: none !important; font: normal 11px Tahoma; color: #bbb !important; }
.pager .number { background-color: #fcfcfc; border: 1px solid #eaeaea; color: #999 !important; }
.pager .number:hover { border: 1px solid #aaa; color: #555 !important; }
.pager .number_current { border: 1px solid #999; color: #555 !important; }
.pager .separator { color: #555 !important; }

.box-tagcloud a { text-decoration: none; }
.box-tagcloud a:hover { text-decoration: underline; color: #000; }
.box-tagcloud .l1 { font-size: 10px; color: #999; }
.box-tagcloud .l2 { font-size: 12px; color: #888; }
.box-tagcloud .l3 { font-size: 14px; color: #777; }
.box-tagcloud .l4 { font-size: 16px; color: #666; }
.box-tagcloud .l5 { font-size: 18px; color: #555; }
.box-tagcloud .l6 { font-size: 20px; color: #444; }
.box-tagcloud .l7 { font-size: 22px; color: #333; }
.box-tagcloud .l8 { font-size: 24px; color: #222; }
.box-tagcloud .l9 { font-size: 26px; color: #111; }
.box-tagcloud .l10 { font-size: 28px; color: #000; }

.box-userlist .list ul { list-style-type: none; padding: 0; margin-right: -7px; }
.box-userlist .list ul li a img { display: block; margin: 0 7px 7px 0; border: 1px solid #bde5ef; width: 30px; height: 30px; float: left; }
.box-userlist .list ul li a:hover img { border-width: 3px; margin: -2px 5px 5px -2px; }

#msgList { padding: 10px 0 0 0; }
.message { border-bottom: 1px solid #eaeaea; margin: 0 0 5px 0; position: relative; }
.message ul { padding: 0; list-style-type: none; }
.message ul li { display: inline; }
.message .photo { width: 50px; height: 50px; position: absolute; top: 0; left: -90px; background: url(../gfx/message-avatar.png); padding: 6px 14px 6px 6px; }
.message .photo .online { position: absolute; bottom: -7px; right: 8px; width: 36px; height: 11px; background: #fff; border: 1px solid #fff; }
.message .operations { padding: 0 0 0 8px; position: absolute; top: 10px; right: 10px; }
.message .operations li { padding: 0 3px 0 0; }
.message blockquote { width: 540px; overflow: hidden; float: left; margin: 0; padding: 10px; }
.message blockquote strong { font: bold 14px Arial; }
.message blockquote .object { display: block; margin: 10px 0; }
.message blockquote .object img { max-width: 500px; }
.message blockquote .author { text-decoration: none; margin: 0 10px 0 0; font-weight: bold; }
.message blockquote .author, .message blockquote .author a { color: #d94b01; text-decoration: none; }
.message blockquote ul { margin: 10px 0 0; left: 0; bottom: 10px; position: absolute; color: #999; font: normal 11px Tahoma; height: 20px; }
.message blockquote .text { margin: 0 0 30px 0; }
.message blockquote ul li { margin: 0 0 0 10px; display: none; }
.message:hover blockquote ul li, .message blockquote ul .time { display: inline; }
.message blockquote ul .time span { opacity: 0.4; filter: alpha(opacity = 40); }
.message:hover blockquote ul .time span { opacity: 1; filter: alpha(opacity = 100); }
.message blockquote ul a, .message blockquote ul span { text-decoration: none; padding: 3px 0 3px 20px; background: no-repeat left center; }
.message blockquote ul a:hover { text-decoration: underline; }

.message blockquote ul .time span { background-image: url(../icons/time.png); display: block; float: left; width: 170px; }
.message blockquote ul .link a { background-image: url(../icons/link.png); }
.message blockquote ul .cite a { background-image: url(../icons/cite.png); }
.message blockquote ul .direct a { background-image: url(../icons/direct.png); }
.message blockquote ul .direct_private a { background-image: url(../icons/direct_private.png); }
.message blockquote ul .retweet a { background-image: url(../icons/retweet.png); }
.message blockquote ul .delete a { background-image: url(../icons/delete.png); }

.table { width: 100%; margin: 20px 0; }
.table .empty td { padding: 20px 0; }
.table th { border-bottom: 1px solid #ddd; font-weight: bold; color: #666; padding: 5px 0; text-align: center; }
.table td { padding: 10px 3px; border-bottom: 1px solid #fafafa; }
.table .odd { background: #fdfdfd; }

hr { border: 0; border-top: 1px solid #ddd; margin: 10px 0; }

#aboutPerson ul { padding: 0; list-style-type: none; }
#aboutPerson ul li { display: inline; margin: 0 20px 0 0; }
#aboutPerson ul a { padding: 1px 0 1px 20px; background: no-repeat left center; color: #555; text-decoration: none; }
#aboutPerson ul a:hover { text-decoration: underline; }
#aboutPerson .follow { background-image: url(../icons/follow.png); }
#aboutPerson .contact { background-image: url(../icons/message.png); }
#aboutPerson .feed { background-image: url(../icons/feed.png); }
#aboutPerson .ignore { background-image: url(../icons/ignore.png); }
#aboutPerson .favourites { background-image: url(../icons/favourites.png); }
#twittShareLayerBlip span { background-image: url(../icons/blip.gif) !important; }
#twittShareLayerBuzz span { background-image: url(../icons/buzz.png) !important; }
#twittShareLayerFlaker span { background-image: url(../icons/flaker.png) !important; }
#twittShareLayerTwitter span { background-image: url(../icons/twitter.png) !important; }
#twittShareLayerSledzik span { background-image: url(../icons/sledzik.png) !important; }

.loading { display: none; background: url(../img/loading.gif) left center no-repeat; padding: 20px 0 20px 40px; color: #999; width: 300px; margin: 20px auto; }