/*
Theme Name: Spider Group
Theme URI: http://spider.ru/
Description: Спайдер
Version: 0.01
Author: Spider Group
Author URI: http://spider.ru/
*/

html { height: 100%; background: #edf2f4; }
body { position: relative; min-width: 1000px; color: #000; background: #c9da2a url(images/bodyBgr.jpg) no-repeat 100% 0; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 120%; }
a { color: #0075a9; }
a:hover { color: #000; }
a:focus, input:focus, textarea:focus, select:focus { outline: 1px dotted #c4c8c9; }

.cntrsCode { position: absolute; width: 1px; height: 1px; top: 0; left: 0; overflow: hidden; z-index: 10; }

#header { position: relative; width: 100%; height: 110px; background: url(images/headerBgr.jpg) no-repeat; }
#header #spiderBlog { position: absolute; width: 455px; height: 61px; left: 64px; bottom: 0; background: url(images/spiderBlog.png) no-repeat; text-decoration: none; }
#header #spiderLogo { position: absolute; display: block; left: 524px; top: 0; width: 164px; height: 70px; background: url(images/spiderLogoBgr.png) no-repeat; text-decoration: none; }
#spiderLogo span { position: absolute; display: block; width: 126px; height: 38px; left: 20px; top: 10px; background: url(images/spiderLogo.gif) no-repeat; }

#content { padding: 50px 10px 40px 70px; background: #fff; overflow: hidden; }

#content #rightPanel { float: right; width: 290px; }
#rightPanel #searchform { position: relative; width: 224px; height: 37px; margin: 0 0 25px 30px; background: url(images/srchFrmBgr.png) no-repeat; }
#searchform input { position: absolute; display: block; width: 180px; left: 30px; top: 11px; font-size: 1.1em; border: none; }
#searchform input:focus { outline: none; }
#rightPanel .block { position: relative; padding: 2em 1.5em; border: 1px solid #d2dde3; border-bottom: none; }
#rightPanel .block.top { background: #fafcfc; }
#rightPanel .block.bottom { border-bottom: 1px solid #d2dde3; }
#rightPanel .block .corners { position: absolute; width: 290px; height: 5px; left: -1px; background: url(images/blocksCrnrs.png) no-repeat 0 -4px; font-size: 1px; }
#rightPanel .block.top .corners { top: -1px; }
#rightPanel .block.bottom .corners { bottom: -1px; background-position: 0 0; }
.block h1 { margin-bottom: 1.5em; font-size: 1.3em; font-weight: normal; }
.block .game { height: 0; padding-top: 21px; background: url(images/blog.jpg) no-repeat 50% 0; overflow: hidden; }
.block ul li { font-size: 2em; }
.block ul li a { text-decoration: none; }
.block ul.wp-tag-cloud { text-align: justify; }	
.block ul.wp-tag-cloud li { display: inline; margin-right: 0.4em; font-size: 1em; }
.block ul.wp-tag-cloud li a { padding: 0 0.2em; color: #da4800; }
.block ul.wp-tag-cloud li a:hover { color: #fff; background: #da4800; }
#rightPanel #rss { display: block; height: 27px; margin: 25px 0 0 20px; padding: 10px 0 0 45px; color: #666; background: url(images/rssIcon.png) no-repeat; font-size: 1.1em; }

#content #leftPanel { overflow: hidden; padding-right: 40px; }
#content #leftPanel strong, #content #leftPanel b { font-weight: bold; }
#content #leftPanel em, #content #leftPanel i { font-style: italic; }
#content #leftPanel u { text-decoration: underline; }
#content #leftPanel sup { vertical-align: super; }
#content #leftPanel sub { vertical-align: sub; }
#leftPanel .post { position: relative; margin-bottom: 15px; padding: 1em 1em 0.5em; background: url(images/postBrdr.png) repeat-x 0 100%; overflow: hidden; }
#leftPanel .post.private { background: #eff6ae url(images/postPrvtBrdr.png) repeat-x 0 100%; }
#leftPanel .post.last { background-image: none; }
.post h1 { position: relative; padding: 0.4em 0 1.7em; font-size: 3em; font-weight: normal; }
.post h1 a { text-decoration: none; outline: none; }
.post h1 span.date { position: absolute; top: 0; left: 0; color: #666; font-size: 0.4em; }
.post p { margin-bottom: 1.2em; font-size: 1.2em; }
.post p.meta { position: absolute; left: 1em; margin-top: -4.7em; padding: 0.5em 1em; color: #fff; background: #a5bcc8; font-size: 1em; }
.post p.meta a { color: #fff; }
.post p.meta a:hover { color: #666; }
.post p.comments { clear: both; padding-right: 1em; text-align: right; }
.post p.comments a { padding: 0.5em 0 0.5em 2.5em; color: #da4800; background: url(images/cloud.jpg) no-repeat 0 0.2em; }
.post.private p.comments a { padding: 0.5em 0 0.5em 2.5em; color: #da4800; background: url(images/cloudPrvt.jpg) no-repeat 0 0.2em; }
.post p.comments a:hover { color: #666; }
.post img.left { float: left; margin: 0 2em 2em 0; clear: left; }
.post img.right { float: right; margin: 0 0 2em 2em; clear: right; }
#pages { position: relative; height: 2em; padding-top: 1em; color: #666; font-size: 1.1em; }
#pages ul { position: absolute; top: 0.5em; left: 6em; }
#pages ul li { float: left; margin-right: 6px; }
#pages ul li span { display: block; padding: 5px 9px 4px; color: #fff; background: #c9da2a; }
#pages ul li a { display: block; padding: 5px 8px 4px; color: #666; border: 1px solid #d9d5c9; }
#pages ul li a:hover { padding: 5px 9px; color: #fff; background: #c9da2a; border: none; text-decoration: none; }
#leftPanel .commentsHdr { margin: 2.5em 0 1.5em; padding: 0.5em 0 0.5em 2.5em; color: #83817b; background: url(images/cloud.jpg) no-repeat 0 0.2em; font-size: 1.2em; font-weight: normal; }
#leftPanel .comment { margin-bottom: 2em; background: url(images/spiderGreen.jpg) no-repeat 100% 10px; }
#leftPanel .comment.odd { background: url(images/spiderBlue.jpg) no-repeat 0 10px; } 
.comment .text { position: relative; margin-right: 56px; padding: 1.5em 2em 1.3em; background: #fafcfc; border: 1px solid #d2dde3; }
.comment.odd .text { margin: 0 0 0 55px; }
.comment .text p { margin-bottom: 0.5em; font-size: 1.1em; }
.comment .text .crnTL, .comment .text .crnTR, .comment .text .crnBL, .comment .text .crnBR { position: absolute; width: 5px; height: 5px; background: url(images/cmmntsCrnrs.gif) no-repeat; font-size: 1px; }
.comment .text .crnTL { top: -1px; left: -1px; }
.comment .text .crnTR { top: -1px; right: -1px; background-position: -4px 0; }
.comment .text .crnBL { bottom: -1px; left: -1px; background-position: 0 -4px; }
.comment .text .crnBR { bottom: -1px; right: -1px; background-position: -4px -4px; }
.comment .text .pointer { position: absolute; width: 15px; height: 14px; top: 23px; right: -15px; background: url(images/cmmntsPntrs.gif) no-repeat 0 0; font-size: 1px; }
.comment.odd .text .pointer { left: -15px; right: auto; background-position: -14px 0; }
.comment .meta { padding: 0.6em 2em; color: #666; font-size: 1em; }
.comment.odd .meta { margin-left: 55px; }
.comment .meta a { color: #666; }
.comment .meta a:hover { color: #0075a9; }
#leftPanel #commentsForm { margin-top: 4em; }
#commentsForm h2 { margin-bottom: 0.5em; font-size: 1.2em; font-weight: normal; }
#commentsForm .auth { font-size: 1em; margin-bottom: 1em; color: #666; }
#commentsForm .auth strong { font-weight: bold; }
#commentsForm .auth a { color: #666; }
#commentsForm .auth a:hover { color: #0075a9; }
#commentsForm textarea { margin-bottom: 1em; width: 100%; height: 125px; }
#commentsForm p #submit { width: 103px; height: 23px; color: #fff; background: url(images/sndBtn.gif) no-repeat; font-size: 1.1em; border: none; }

#footer { position: relative; height: 27px; padding: 15px 0 0 125px; background: #edf2f4 url(images/footerBgr.jpg) no-repeat; }
#footer .copyrights { position: absolute; right: 35px; top: 15px; }
#footer #counters { position: absolute; right: 30em; top: .7em; }

#content .gallery a:focus { outline: none; }
#jquery-lightbox a img { display: none; }