﻿/* Layout
==============================================================================================  */

h1 { color:#222222; font-size:1.6667em; border-bottom: 1px solid #ccc; font-weight:normal; margin-bottom:10px; }
h1 span { color:#999999; }

/* Main Column
==============================================================================================  */

#profile { float: left; width: 630px; padding-bottom: 10px; margin-bottom: 20px; background: url("../images/modules/bg-panel-grad-gray-630.png") left bottom no-repeat; }
    #profile .inner { float: left; width: 470px; padding: 10px 10px 0 150px; background: url("../images/modules/bg-panel-grad-gray-630.png") left top no-repeat; }
    
    #profile .details { display: inline; float: left; margin-left: -140px; font-size: 0.9167em; line-height: 1.0909em; }
    #profile .details div { clear: both; margin-bottom: 2px; }
    #profile .details a { background-position: 0 0; }
    
    #profile .thumbnail { position: relative; margin: 0; padding: 2px; }
    #profile .thumbnail a { display: block; margin-bottom: 0; }
    #profile .thumbnail .image-link { float: none; display: block;}
    #profile .thumbnail .snap-promo { display: block; width: 134px; text-align: center; font-size: 0.9166em; font-weight: normal; color: #999; border: none; }
    #profile .thumbnail .snap-icon { display: block; position: absolute; right: 12px; top: 83px; width: 11px; height: 12px; border: none; background: url("../images/partners/snap-icon.png") no-repeat 0 0; text-indent: -1000em; }
    
    #profile .rank { font-weight: bold; }
    #profile .rank a { border: none; margin-left: 0.25em; }
    #profile .rank a img { margin-bottom: -3px; }
    
    #profile h2 { margin-bottom: 2px; font-size: 1.1666em; color: #222; }
    #profile h2 a.snap_shot { display: inline; clear: none; background: none; padding: 0; margin-left: 3px; margin-bottom: -2px; }
    #profile div.url { display: block; margin-bottom: 5px; font-size: 0.9167em; }
    #profile div.url a { font-weight: normal; color: #999; }
    #profile div.url a:hover { border: none; color: #222; }
    #profile .image-link { display: inline; float: left; margin: -2px 5px 5px -2px; padding: 2px; }
    #profile .image-link:hover { padding: 1px; border: 1px solid #CCC; }
    #profile .image-link img { display: block; border: 1px solid #CCC; }
    #profile .description { margin: 5px 0; }
    #profile .tags { margin: 5px 0; font-size: 0.9167em; color: #666; }
    #profile .tags ol { display: inline; }
    #profile .tags li { display: inline; }
    #profile .tags a { font-weight: normal; }
    
    #profile .authors { margin: 5px 0; font-size: 0.9167em; color: #666; line-height: 16px; }
    #profile .authors ol { display: inline; }
    #profile .authors li { display: inline; }
    #profile .authors img { display: inline; margin-bottom: -4px; border: 1px solid #ccc; }
    #profile .authors a { display: inline; }
    #profile .authors .url { display: inline; margin: 0; }

    #profile form { border-top: 1px solid #ccc; }
        #profile form div { padding-top: 10px; border-top: 1px solid #fff; }
        #profile form #blog-search { width: 395px; margin-right: 5px; font-size: 1.0em; font-weight: bold; color: #666; }
        #profile form label { display: block; }
        
    #profile .info { margin-bottom: -2px; border: none; }
        
    * html #profile .inner { height: 1%; }
    * html #profile .tags a:link { border-bottom: 1px solid #eee;  }
    * html #profile form { clear: both; }

#main .actions { margin: 5px 0; } /* Identical */
    #main .actions li { float: left; width: 150px; text-align: center; }
    #main .actions li img { margin-bottom: -2px; }
    
.module { clear: both; float: left; width: 630px; margin-top: 10px; }
.module h2 { font-size: 1.0833em; border-bottom: 1px solid #ccc; font-weight: bold; }
.module .more { float: right; font-size: 0.9167em; line-height: 1.0909em; }
    

/* Extra Column
==============================================================================================  */

#extra .module { width: 300px; }
#extra .module p { font-size: 0.9167em; color: #999; }


/* Module Styles
==============================================================================================  */

#main #settings { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 610px; padding: 0 10px; margin-top: 0; }
#main #settings form { width: 610px; }
#main #settings form fieldset { width: 610px; }

#tagcloud { text-align: justify; overflow: hidden; } /* Identical */
    #tagcloud li { display: inline; margin-right: 0.3em; }
    #tagcloud em { font-size: 1.0833em; }

#recent-activity { } /* Identical */
    #recent-activity .hentry { padding-left: 60px; margin-bottom: 10px; }
    #recent-activity .time { float: left; width: 50px; margin-left: -60px; font-size: 0.8333em; line-height: 1.5; color: #999; }
    #recent-activity img { margin-bottom: -3px; }

#main #fans { clear: both; }
    #main #fans li { clear: left; min-height: 1%; padding: 10px 0 10px 74px; border-top: 1px solid #CCC; }
    #main #fans li:first-child { border-top: none; }
    #main #fans .image-link { float: left; padding: 1px; border: 1px solid #FFF; margin-top: -2px; margin-left: -74px; margin-bottom: 10px; }
    #main #fans .image-link:hover { border-color: #CCC;  }
    #main #fans .image-link img { display: block; border: 1px solid #CCC; }
    #main #fans .fn { margin-bottom: 5px; font-size: 1.3333em; color: #666; }
    #main #fans p { margin-top: 10px 0; }
    * html #main #fans li { height: 1%; }
    
#extra #fans { margin: 20px 0; }
    #extra #fans ul { float: left; width: 300px; padding-bottom: 20px; margin-top: 5px; }
    #extra #fans li { clear: both; float: left; width: 266px; padding-left: 40px; margin-bottom: 5px; }
    #extra #fans h2 { border-bottom: 1px solid #ccc; font-size: 1.0833em; font-weight: bold; }
    #extra #fans p { font-size: 0.9167em; color: #999; }
    #extra #fans .image-link { float: left; margin-left: -40px; padding: 2px; }
    #extra #fans .image-link:hover { border: 1px solid #ccc; padding: 1px; }
    #extra #fans img { display: block; border: 1px solid #ccc; }

#posts { clear: both; }
    #posts li { margin: 5px 0 10px 0; }
    #posts h3 { font-size: 1.1667em; }
    #posts a.url { color: #999; font-weight: normal; display: block; margin-bottom: 2px; font-size: 0.9167em; }
    #posts a.url:hover { border: none; color: #222; }
    #posts .meta { color: #999; font-size: 0.9167em; }
    #posts .entry-content { margin: 2px 0; }
    #posts .entry-content p { margin: 0; }

#reactions { clear: both; }
    #reactions li { min-height: 1%; padding-left: 34px; margin: 5px 0 10px 0; }
    #reactions h3 { font-size: 1.1667em; }
    #reactions a.url { color: #999; font-weight: normal; display: block; margin-bottom: 2px; font-size: 0.9167em; }
    #reactions a.url:hover { border: none; color: #222; }
    #reactions a.image-link { float: left; padding: 2px; margin-left: -34px; margin-top: -2px; }
        #reactions a.image-link:hover { padding: 1px; border: 1px solid #ccc; }
        #reactions a.image-link img, #reactions img { display: block; float: none; border: 1px solid #ccc; margin: 0; }
    #reactions .details { font-size: 0.9167em; font-weight: normal; color: #999; line-height: 1.0909em; }
    #reactions .details a { background-position: 0 0; }
    #reactions .entry-content { margin: 2px 0; }
    #reactions .entry-content p { margin: 0; }
    * html #reactions li { height: 1%; }
    