/*
Theme Name: AtMy.Ru
Theme URI: http://atmy.ru/
Description: Our favorite theme.
Version: 1.0
Author: Russ Lobachev
Tags: two columns, widgets

Design by Ruslan Lobachev
WordPress by Eldar Mustafin
*/


/*
    Default styles
=============================================================================*/
*           {padding:0; margin:0; font-family: Arial, sans-serif}
HTML, BODY  {height:100%; width:100%}

BODY        {background:#f5f4f1; font-size:62.5%}
TABLE       {border-collapse:collapse}
TR, TD, TH  {padding:0; margin:0; vertical-align:top}
A IMG       {border:none}

A                           {border-bottom:1px solid #1e97c7; color:#1e97c7; text-decoration:none}
A:hover                     {opacity:.7}

A.span                      {border-bottom:none}
    A.ico SPAN              {margin-left:14px}
A.internal,
.internal A                 {color:#99cc00; border-bottom-color:#99cc00; font-weight:bold}

H1          {font:normal 4em Arial, sans-serif; padding:42px 0 24px}
    H1 A    {color:#99cc00; border-bottom:3px solid #99cc00}
H2          {clear:both; font:bold 1.4em Arial, sans-serif; margin-bottom:20px}

P            {color:#666; font:1.4em Arial, sans-serif; line-height:2.7ex; margin-bottom:1.5ex}
BLOCKQUOTE   {padding-left:23px}
BLOCKQUOTE P {color:#000000; font-size:1.8em; line-height:2.5ex}
P.sub        {font-size:1.1em; font-style:italic}

/*
.hr          {border-bottom:1px solid #dcdbd8; height:0px; overflow:hidden; font-size:0; width:100%}
*/

.clear {clear:both; font-size:0; height:0; overflow:hidden; padding:0; margin:0}

.clearfix {zoom:1}
.clearfix:after {content:' '; clear:both; display:block; font-size:0; height:0; overflow:hidden; width:0}


.shadow .borders .tr   {background:url(f/post.tr.bg.png) no-repeat; height:67px; margin-right:-9px; position:absolute; right:0; width:68px; z-index:2}
.shadow .borders .br   {background:url(f/post.br.bg.png) no-repeat; left:100%; top:100%; height:13px; position:absolute; width:10px; z-index:5}
.shadow .borders .r    {background:url(f/post.r.bg.png) repeat-y; left:100%; top:0; height:100%; position:absolute; width:10px; z-index:1}
.shadow .borders .b    {background:url(f/post.b.bg.png) repeat-x; left:8px; top:100%; height:13px; position:absolute; width:100%; z-index:3}
.shadow .borders .bl   {background:url(f/post.bl.bg.png) no-repeat; left:0; top:100%; height:13px; position:absolute; width:8px; z-index:4}

.shadow-2 .borders .tr   {background:url(f/ss.tr.bg.png) no-repeat; height:5px; left:100%; position:absolute; width:4px; z-index:2}
.shadow-2 .borders .br   {background:url(f/ss.br.bg.png) no-repeat; left:100%; top:100%; height:5px; position:absolute; width:4px; z-index:5}
.shadow-2 .borders .r    {background:url(f/ss.r.bg.png) repeat-y; left:100%; top:0px; height:100%; position:absolute; width:4px; z-index:1}
.shadow-2 .borders .b    {background:url(f/ss.b.bg.png) repeat-x; left:4px; top:100%; height:5px; position:absolute; width:100%; z-index:3}
.shadow-2 .borders .bl   {background:url(f/ss.bl.bg.png) no-repeat; left:0; top:100%; height:5px; position:absolute; width:4px; z-index:4}


/*
    Header styles
===============================================*/
#head                           {background:#fff; height:170px}
    #head .in                   {margin:0 auto; position:relative; width:960px;}
        #logo                   {margin:20px 0 0 25px; float:left}

#mainMenu                       {float:left; font-size:2.3em; height:33px; left:50px; list-style:none; position:relative; top:73px}
    #mainMenu LI                {display:block; float:left; height:56px; margin-right:50px}
        #mainMenu LI A          {border-width:2px; display:block; float:left; padding-top:6px}
    #mainMenu LI#sel            {background:url(f/menu.sel.left.bg.png) no-repeat}
        #mainMenu LI#sel A      {background:url(f/menu.sel.right.bg.png) 100% 0 no-repeat; border:none; color:#000; display:block; height:44px; padding:6px 17px 0}

.lj #mainMenu {font-size:1.8em}
.lj #mainMenu LI {height:33px}
.lj #mainMenu LI.toFriends {background:url(f/toFriends.ico.png) 0 1px no-repeat}
.lj #mainMenu LI.toFriends A {margin-left:40px}

/*
    Main styles
===============================================*/
#content        {margin:0 auto; position:relative; width:960px}
    
    #main                   {float:left; margin-left:25px; width:665px}
    #main H2                {font-size:1.6em; line-height:2.5ex; margin-bottom:10px; padding-top:20px}
    #main OL,
    #main UL                {}
    #main OL LI,
    #main UL LI             {color:#666; font-size:1.4em; line-height:2.7ex; margin:0 0 0 30px; padding-bottom:1.5ex}

        #main .post         {position:relative; zoom:1}
        #main .post.shadow  {background:#fff; margin:40px 25px 0 0}
            #main .post .in {padding:0 40px 25px}

        #main .post H1      {color:#99cc00}
        #main .post B       {font-size:1.4em}
        #main .post B A     {color:#99cc00; border-width:2px; border-color:#99cc00}
        #main .post P B     {font-size:1em}
        #main .post .alignleft {float:left; margin:5px 15px 5px 0}

        #main P.date        {background:url(f/date.bg.png) no-repeat; color:#fff; font-size:11px; height:46px; line-height:11px; margin:15px 0 0 -23px; padding-top:5px; position:absolute; text-align:center; width:47px}
        #main P.date SPAN   {display:block; font-size:23px; font-weight:bold; line-height:23px}

        #main P.lj          {background:url(f/lj.ico.png) 22px 50% no-repeat; padding:20px 0 20px 46px}

        #main .post.single .more {font-size:0; height:0; overflow:hidden}

        #main .post .entry .ljtags {display:none}

        #main .post .comments {font-size:1.4em; overflow:hidden; padding:0 40px 30px}
        #main .post .comments A {border-bottom-width:2px; float:right; font-weight:bold; padding-top:15px}

        #main .post .comments A.count      {border:none; font-size:1.8em; font-weight:normal; background:url(f/menu.sel.left.bg.png) no-repeat; margin-left:20px; padding:0}
        #main .post .comments A.count SPAN {background:url(f/menu.sel.right.bg.png) 100% 0 no-repeat; border:none; color:#000; display:block; height:50px; padding:6px 22px 0}



        P.lj A,
        A.more-link         {border-width:2px; font-weight:bold}
        A.more-link         {color:#99cc00; border-bottom-color:#99cc00;  }

        #main .subscribe.shadow-2     {background:#fffbd4; margin:40px 25px 0 0; position:relative}
            #main .subscribe .in      {padding:40px}
            #main .subscribe P              {color:#807e6d}
            #main .subscribe .desc-1        {font-size:1.8em; width:320px}
            #main .subscribe .mail INPUT    {font-size:1.8em; width:320px}
            #main .subscribe .desc-2        {font-size:1.3em; width:320px}
            #main .subscribe .toblog        {color:#000}
            #main .subscribe .toblog INPUT  {margin:0 10px -2px 0; position:relative}
            #main .subscribe .submit        {margin-top:1.5em; font-size:2em}

/*
    Sidebar styles
===============================================*/
    #sidebar                       {float:right; width:269px}
        #sidebar .in               {padding:45px 15px 0}
        #sidebar .hr               {background:url(f/line.bg.png) 0 10px repeat-x; height:35px}
        #sidebar UL                {list-style:none}
            #sidebar UL LI         {vertical-align:top}
            #sidebar UL UL LI      {margin-bottom:15px}
            #sidebar UL LI.lj      {background:url(f/lj.ico.png) 0 50% no-repeat; padding-left:24px}
            #sidebar UL LI.rss     {background:url(f/rss.ico.png) 0 50% no-repeat; padding-left:24px}
            #sidebar UL LI.twitter {background:url(f/twitter.ico.png) 0 50% no-repeat; padding-left:24px}
                #sidebar LI A      {font:bold 1.4em Arial, sans-serif; border-width:2px}
                #subscribe         {background:url(f/envelope.ico.png) no-repeat; height:44px; font-size:1em; padding-left:92px}
                #subscribe A       {line-height:1.5em!important}

        #sidebar .author           {padding-top:100px}
        #sidebar .author IMG       {position:relative; margin-top:3px}
        #sidebar .author H2        {color:#808080; font-weight:normal; margin-bottom:0}
        #sidebar .author .hr       {height:25px}
        #sidebar .author .name     {color:#000; font-weight:bold; margin:-85px 0 0 90px; position:relative}
        #sidebar .author .sub,
        #sidebar .author .mail     {position:relative; margin-left:90px}
        #sidebar .author .mail     {font-size:1.2em}
        #sidebar .author P         {margin-bottom:.5ex}

        #sidebar LI BR             {display:none}
        #sidebar LI#important A    {color:#99cc00; border-bottom-color:#99cc00; font-weight:bold}

/*
   Navigation styles
===============================================*/
    #navigation             {clear:both; padding:70px 0; font-size:2.4em; margin:0 auto; position:relative; width:935px}
        #navigation A       {border:none; font-weight:bold; position:relative}
        #navigation A SPAN  {display:block; border-bottom:2px solid #1e97c7}
        #navigation A.larr  {background:url(f/larr.ico.png) 0 50% no-repeat; float:left; margin-left:-25px; padding-left:25px}
        #navigation A.rarr  {background:url(f/rarr.ico.png) 100% 50% no-repeat; float:right; margin-right:270px; padding-right:25px}

    #breadcrumbs        {font-size:1.4em; left:25px; margin-top:10px; position:absolute; width:935px}
    #breadcrumbs A.last {border:none; color:#000; text-decoration:none}

    .skiplinks A,
    #breadcrumbs A      {font-size:.85em; position:relative}
    .skiplinks          {font-size:1.4em}

/*
    Footer styles
===============================================*/
#foot            {bottom:0; clear:both; left:0; padding-top:70px; width:100%}
    #foot .in    {background:#ebe9e4}
    #foot P      {margin:0 auto; padding:15px 0 15px 25px; position:relative; width:935px}
