/*
Theme Name: sociomantic
Theme URI: http://www.sociomantic.com/
Description: sociomantic labs GmbH official theme (version 2.0)
Version: 2.0
Author: Dylan Cromwell
Author URI: http://www.sociomantic.com/
Tags:
*/

/*=========================================*/
/*          UNIVERSAL TAG RULES            */
/*=========================================*/
body
{
    background:             #e7e3db url(images/background.jpg) no-repeat center top;
    color:                  #777;
    font:                   12px Arial, Verdana, Sans-Serif;
    margin:                 24px 0 160px;
    padding:                0;
    text-align:             center;
}

acronym, abbr, span.caps
{
    border:                 0 none;
    cursor:                 help;
}

span.caps
{   
    font-size:              0.9em;
    letter-spacing:         .07em;
}

blockquote cite
{
    margin:                 5px 0 0;
    display:                block;
}

code
{
    font:                   1.1em 'Courier New', Courier, Fixed;
}

hr
{
    border:                 0 none;
    border-top:             1px solid #ccc;
    margin-bottom:          16px;
}

iframe, img
{
    border:                 0 none;
}

p
{   
    color:                  #777;
    font:                   12px/18px Arial, Verdana, sans-serif;
}

p img
{
    padding:                0;
    max-width:              100%;
}

small
{
    color:                  99px;
    font:                   11px/1.5em Arial, Helvetica, Sans-Serif;
}

strong
{
    color:                  #555;
    font-weight:            bold;
}


/*=========================================*/
/*        UNIVERSAL HEADING RULES          */
/*=========================================*/
h2  /* the page headings */
{
    display:                inline-block;
    float:                  left;
    position:               relative;
    width:                  307px;
    height:                 115px;
    margin:                 0;
    padding:                0;
    overflow:               hidden;
}

h2 span
{
    position:               absolute;
    top:                    -3000px;
    left:                   -3000px;
}

h2.default
{
    background:             url(images/h2-default.png) no-repeat 0 0;
    width:                  436px;
    height:                 88px;
}

h2.home
{
    background:             url(images/h2-home.png) no-repeat 0 0;
    width:                  436px;
    height:                 88px;
}

h2.social-targeting
{
    background:             url(images/h2-social-targeting.png) no-repeat 0 0;
    width:                  436px;
    height:                 80px;
}

h2.social-targeting-advertisers
{
    background:             url(images/h2-social-targeting-advertisers.png) no-repeat 0 0;
}

h2.social-targeting-ad-networks
{
    background:             url(images/h2-social-targeting-ad-networks.png) no-repeat 0 0;
}

h2.social-targeting-publishers
{
    background:             url(images/h2-social-targeting-publishers.png) no-repeat 0 0;
}

h2.company
{
    background:             url(images/h2-company.png) no-repeat 0 0;
}

h2.partners
{
    background:             url(images/h2-partners.png) no-repeat 0 0;
}

h2.careers
{
    background:             url(images/h2-careers.png) no-repeat 0 0;
}

h2.resources
{
    background:             url(images/h2-resources.png) no-repeat 0 0;
}

h2.contact
{
    background:             url(images/h2-contact.png) no-repeat 0 0;
    width:                  888px;
}

h2.not-found
{
    background:             url(images/h2-404.png) no-repeat 0 0;
    height:                 120px;
}t

h3  /* the image-based content headings */
{
    float:                  left;
    position:               relative;
    height:                 20px;
    margin:                 0;
    padding:                0;
    overflow:               hidden;
}

h3.advertisers
{
    background:             url(images/h3-advertisers.png) no-repeat 0 0;
}

h3.ad-networks
{
    background:             url(images/h3-ad-networks.png) no-repeat 0 0;
}

h3.publishers
{
    background:             url(images/h3-publishers.png) no-repeat 0 0;
}

h4 /* the non-image-based content headings */
{
    float:                  left;
    position:               relative;
    height:                 32px;
    margin:                 0;
    padding:                0;
    overflow:               hidden;
}

h5 /* the non-image-based content headings */
{
    color:                  #333;
    font:                   24px Trebuchet MS, Arial, san-serif;
    margin:                 48px 0 16px;
}

h5.top
{
    margin-top:             0;
}

h6  /* the sidebar headings */
{
    clear:                  left;
    color:                  #333;
    font:                   24px Trebuchet MS, Arial, san-serif;
    margin:                 48px 0 16px;
}

textarea
{
    resize:                 none;
}


/*=========================================*/
/*          UNIVERSAL LINK RULES           */
/*=========================================*/
a, a:link, a:visited
{
    color:                  #0075ae;
    text-decoration:        none;
}

a:hover, a:active
{
    color:                  #0075ae;
    text-decoration:        underline;
}

a.button, .next a, .prev a
{
    display:                inline-block;
    text-decoration:        none;
}

a.button
{
    background:             url(images/button-lava.png) no-repeat right -20px;
    height:                 20px;
}

.next a
{
    background:             url(images/button-next.png) no-repeat right -21px;
    height:                 21px;
}

.prev a
{
    background:             url(images/button-prev.png) no-repeat right -21px;
    height:                 21px;
}

a.button span, .next a span, .prev a span
{
    display:                inline-block !important;
    font:                   11px/14px Arial, Verdana, sans-serif !important;
}

a.button span
{
    color:                  #fff;
    background:             url(images/button-lava.png) no-repeat 0 0;
    height:                 20px;
    margin:                 0 5px 0 0;
    padding:                3px 0 3px 5px;
}

.next a span
{
    color:                  #999;
    background:             url(images/button-next.png) no-repeat 0 0;
    height:                 21px;
    margin:                 0 15px 0 0;
    padding:                3px 8px;
}

.prev a span
{
    color:                  #999;
    background:             url(images/button-prev.png) no-repeat 0 0;
    height:                 21px;
    margin:                 0 6px 0 0;
    padding:                3px 4px 3px 19px;
}

a.post, a.post:link, a.post:visited
{
    color:                  #333;
    text-decoration:        none;
}

a.post:hover, a.post:active
{
    color:                  #333;
    text-decoration:        underline;
}

.list a
{
    display:                inline-block;
    width:                  469px;
}

.dateless a
{
    width:                  auto;
}

.list a:link, .list a:visited
{
    color:                  #0075AE;
    font:                   12px Arial, Verdana, sans-serif;
    text-decoration:        none;
}

.list a:hover, .list li a:active
{
    color:                  #0075AE;
    font:                   12px Arial, Verdana, sans-serif;
    text-decoration:        underline;
}

a.icon_linkedin
{
    background:             transparent url(images/icon-linkedin.png) no-repeat 0 0;
}

a.icon_xing
{
    background:             transparent url(images/icon-xing.png) no-repeat 0 0;
}

a.icon_linkedin, a.icon_xing
{
    display:                inline-block;
    width:                  16px;
    height:                 16px;
}

h6 a, h6 a:link, h6 a:visited
{
    color:                  #333;
    text-decoration:        none;
}

h6 a:hover, h6 a:active
{
    color:                  #333;
    text-decoration:        underline;
}

.stButton
{
    background:             url(images/button-share.png) no-repeat right -20px !important;
    display:                inline-block !important;
    text-decoration:        none !important;
    height:                 20px !important;
    padding:                0 !important;
}

.stButton .chicklets
{
    background:             url(images/button-share.png) no-repeat 0 0 !important;
    color:                  #fff !important;
    font:                   11px/14px Arial, Verdana, sans-serif !important;
    height:                 20px !important;
    margin:                 0 5px 0 0 !important;
    padding:                3px 4px 3px 26px !important;
}


/*=========================================*/
/*         UNIVERSAL CLASS RULES           */
/*=========================================*/
.aligncenter, div.aligncenter
{
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}

.alignleft, .prev
{
    float:                  left;
}

.alignright, .next
{
    float:                  right;
}

.cat-item
{
    color:                  #999;
    font:                   italic 12px Arial, Verdana, sans-serif;
}

.center
{
    text-align:             center;
}

.center-share
{
    display:                inline-block;
    position:               absolute;
    left:                   50%;
    top:                    0;
    margin:                 0 0 0 -31px;
}

.clear
{
    clear:                  both;
}

.clear-wide
{
    clear:                  both;
    width:                  888px;
    height:                 0;
}

.column-right
{
    float:                  right;
    width:                  517px;
    padding:                24px;
}

.column-right p
{
    margin:                 0 0 16px;
}

.hidden
{
    display:                none;
}

.intro
{
    color:                  #777;
    font:                   italic 11px Arial, Verdana, sans-serif;
    margin:                 0;
    padding:                0;
}

.intro
{
    color:                  #777;
    font:                   13px/18px Arial, Verdana, sans-serif;
    margin:                 0;
    padding:                0;
}

img.centered
{
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}

img.alignright
{
    padding:                4px;
    margin:                 0 0 2px 7px;
    display:                inline;
}

img.alignleft
{
    padding:                4px;
    margin:                 0 7px 2px 0;
    display:                inline;
}

.list
{
    width:                  531px; /* was 412px but didn't line up nicely */
    margin:                 0;
    padding:                0;
}

.list li
{
    border-bottom:          1px solid #ccc;
    list-style:             none;
    margin:                 0;
    padding:                12px 0 12px 2px;
}

.list .heading
{
    color:                  #555;
    font:                   bold 13px Arial, Verdana, sans-serif;
}

.list .date
{
    color:                  #999;
    font:                   italic 12px Arial, Verdana, sans-serif;
    float:                  right;
}

.navigation
{
    position:               relative;
    width:                  517px;
}

div.post, div.single-post
{
    padding:                0 0 24px;
}

div.post
{
    border-bottom:          1px solid #ccc;
    margin:                 0 0 40px;
}

div.single-post
{
    margin:                 0;
}

div.post p, div.single-post p
{
    text-align:             justify;
}

.postedby
{
    display:                block;
    float:                  right;
    height:                 18px;
    padding:                2px;
}

.seo
{
    position:               absolute;
    top:                    -3000px;
    left:                   -3000px;
}

.twitter-message
{
    width:                  388px;
    margin:                 0 0 24px !important;
}

.video
{
    position:               absolute;
    width:                  388px;
    height:                 218px;
    left:                   24px;
    top:                    24px;
    z-index:                10;
}

.wp-caption
{
    border:                 0 none;
    border-radius:          3px;
    -moz-border-radius:     3px;
    -khtml-border-radius:   3px;
    -webkit-border-radius:  3px;
    width:                  390px !important;
    margin:                 10px;
    padding:                4px 0 0;
    text-align:             center;
}

.wp-caption img
{
    border:                 0 none;
    margin:                 0;
    padding:                0;
}

.wp-caption-text
{
    color:                  #999;
    font:                   italic 11px/16px Arial, Verdana, sans-serif;
    padding:                0 4px 5px;
    margin:                 0;
    text-align:             center !important;
}


/*=========================================*/
/*          UNIVERSAL FORM RULES           */
/*=========================================*/
#usermessagea, #usermessage4a
{
    font-size:              11px;
    width:                  188px;
    margin-top:             -48px;
}

#usermessage3a
{
    font-size:              11px;
    position:               absolute;
    top:                    0;
    right:                  0;
    margin:                 0;
}

#cf_field_1, #cf_field_2, #cf_field_3,
#cf3_field_1, #cf3_field_2, #cf3_field_3,
#li-4-1 input, #li-4-2 input, #li-4-3 input
{
    border:                 0 none;
    color:                  #999;
    font:                   italic 12px/15px Arial, Verdana, sans-serif;
    height:                 15px;
    padding:                2px 4px 3px;
}

#cf_field_1, #cf_field_2, #cf_field_3,
#li-4-1 input, #li-4-2 input, #li-4-3 input
{
    background:             transparent url(images/form-field-long.png) no-repeat 0 0;
    width:                  380px;
}

#cf3_field_1, #cf3_field_2, #cf3_field_3
{
    background:             transparent url(images/form-field-short.png) no-repeat 0 0;
    width:                  292px;
    width:                  169px;
}

#cf3_field_1, #cf3_field_2
{
    margin-bottom:          8px;
}
    
#cf_field_4
{
    background:             transparent url(images/form-textarea-long.png) no-repeat 0 0;
    border:                 0 none;
    color:                  #999;
    font:                   italic 12px/15px Arial, Verdana, sans-serif;
    width:                  380px;
    height:                 88px;
    padding:                2px 4px 3px;
}

#li-4-4 textarea
{
    background:             transparent url(images/form-textarea-longer.png) no-repeat 0 0;
    border:                 0 none;
    color:                  #999;
    font:                   italic 12px/15px Arial, Verdana, sans-serif;
    width:                  509px;
    height:                 88px;
    padding:                2px 4px 3px;
}

.cf_li_err
{
    width:                  388px;
    width:                  391px;
}

#contact-form .cf-sb
{
    cursor:                 pointer;
    display:                inline-block;
    height:                 20px;
    text-decoration:        none;
    margin:                 0 0 0 293px !important;
}

#respond .cf-sb
{
    cursor:                 pointer;
    display:                inline-block;
    height:                 20px;
    text-decoration:        none;
    margin:                 0 0 0 422px !important;
}

#sendbutton, #sendbutton3, #sendbutton4
{
    background:             transparent url(images/form-submit.png) no-repeat 0 0;
    border:                 0 none !important;
    color:                  #fff;
    cursor:                 pointer;
    display:                inline-block;
    font:                   11px/14px Arial, Verdana, sans-serif;
    width:                  95px;
    height:                 20px;
    margin:                 0;
    padding:                3px 0;
}

#sendbutton3
{
    position:               absolute;
    top:                    74px;
    right:                  8px;
}

.reqtxt, .emailreqtxt
{
    color:                  #999;
    font:                   italic 11px Arial, Verdana, sans-serif;
    margin:                 0;
    padding:                0;
}


/*=========================================*/
/*      EDGES & ROUNDED CORNERS RULES      */
/*=========================================*/
.edge-nw, .edge-n, .edge-ne
{
    position:               absolute;
    width:                  16px;
    height:                 16px;
    top:                    0;
    z-index:                1;
}

.edge-e, .edge-w, .inner
{
    position:               absolute;
    width:                  16px;
    top:                    16px;
    z-index:                1;
}

.edge-sw, .edge-s, .edge-se
{
    position:               absolute;
    width:                  16px;
    height:                 32px;
    bottom:                 0;
    z-index:                1;
}

.edge-nw, .edge-w, .edge-sw
{
    left:                   0;
}

.edge-ne, .edge-e, .edge-se
{
    right:                  0;
}

.edge-n, .edge-s, .inner
{
    left:                   16px;
}

.edge-nw
{
    background:             url(images/edge-nw.png) no-repeat 0 0;
}

.edge-n
{
    background:             url(images/edge-n.png) repeat-x 0 0;
}

.edge-ne
{
    background:             url(images/edge-ne.png) no-repeat 0 0;
}

.edge-e
{
    background:             url(images/edge-e.png) repeat-y 0 0;
}

.edge-se
{
    background:             url(images/edge-se.png) no-repeat 0 0;
}

.edge-s
{
    background:             url(images/edge-s.png) repeat-x 0 0;
}

.edge-sw
{
    background:             url(images/edge-sw.png) no-repeat 0 0;
}

.edge-w
{
    background:             url(images/edge-w.png) repeat-y 0 0;
}

.inner
{
    background:             #fff;
}

.shadow
{
    background:             url(images/edge-shadow.png) no-repeat 0 0;
    position:               absolute;
    width:                  40px;
    height:                 50px;
    right:                  -30px;
    bottom:                 0;
}


/*=========================================*/
/*               PAGE RULES                */
/*=========================================*/
#page
{
    width:                  100%;
    max-width:              1000px;
    margin:                 0 auto;
    padding:                0;
    text-align:             left;
}


/*=========================================*/
/*              HEADER RULES               */
/*=========================================*/
#header
{
    position:               relative;
    width:                  888px;
    height:                 67px;
    margin:                 0 auto;
    padding:                0;
}

#header .edge-e, #header .edge-w, #header .inner
{
    height:                 19px;
}

#header .edge-n, #header .edge-s, #header .inner
{
    width:                  856px;
}

#logo
{
    background:             url(images/logo.png) no-repeat 0 0;
    display:                block;
    position:               absolute;
    width:                  217px;
    height:                 35px;
    top:                    16px;
    left:                   16px;
    z-index:                2;
}

#menu
{
    position:               absolute;
    width:                  535px;
    height:                 20px;
    right:                  0;
    top:                    0;
    margin:                 23px 0 0;
    padding:                0 15px;
    z-index:                2;
}

#menu li
{
    float:                  left;
    list-style:             none;
}

#menu li a
{
    display:                block;
    float:                  left;
    height:                 20px;
    letter-spacing:         0;
    margin:                 auto 6px;
    outline:                none;
    overflow:               hidden;
    position:               relative;
    text-align:             center;
    text-decoration:        none;
    top:                    1px;
    z-index:                10;   
}

#menu li a span
{
    color:                  #000;
    display:                inline-block;
    font:                   12px/14px Trebuchet MS, Arial, sans-serif;
    height:                 20px;
    margin:                 0 5px 0 0;
    padding:                3px 0 3px 5px;
}

#menu li.current
{
    background:             transparent url(images/button-nipple.png) no-repeat center bottom;
    height:                 49px;
}

#menu li.current a
{
    background:             transparent url(images/button-lava.png) no-repeat right -20px;
    color:                  #fff;
}

#menu li.current a span
{
    background:             transparent url(images/button-lava.png) no-repeat 0 0;
    color:                  #fff;
}

#menu li a:hover
{
    background:             transparent url(images/button-lava.png) no-repeat right -20px;
    border:                 0 none;
    color:                  #fff;
}

#menu li a:hover span
{
    background:             transparent url(images/button-lava.png) no-repeat 0 0;
    color:                  #fff;
}

#menu li a:active
{
    background:             transparent url(images/button-lava.png) no-repeat right -20px;
    border:                 0 none;
    color:                  #fff;
}

#menu li a:active span
{
    background:             transparent url(images/button-lava.png) no-repeat 0 0;
    color:                  #fff;
}


/*=========================================*/
/*          MAIN CONTENT RULES             */
/*=========================================*/
#content
{
    width:                  888px;
    margin:                 16px auto;
    padding:                0;
}

#home-intro
{
    clear:                  left;
    float:                  left;
    width:                  388px;
    margin:                 0;
    padding:                0 24px 48px;
}

#home-intro p
{
    color:                  #777;
    font-size:              13px;
}

#home-intro a
{
    float:                  right;
}

#home-social-targeting
{
    background:             url(images/home-social-targeting.png) no-repeat 0 0;
    float:                  right;
    position:               relative;
    width:                  388px;
    height:                 255px;
    margin:                 0 0 16px;
    padding:                0 24px 24px;
    overflow:               hidden;
}

#follow-us
{
    height:                 60px;
    margin:                 0 0 16px;
    padding:                0;
}

#follow-us li
{
    float:                  left;
    position:               relative;
    width:                  135px;
    height:                 60px;
    list-style:             none;
    padding:                0;
    overflow:               hidden;
}

#follow-us li a
{
    display:                block;
    width:                  135px;
    height:                 60px;
}

#twitter, #xing, #flickr
{
    margin:                 0 16px 0 0;
}

#facebook, #linkedin
{
    margin:                 0 15px 0 0;
}

#twitter a
{
    background:             url(images/follow-us-twitter.png) no-repeat 0 0;
}

#facebook a
{
    background:             url(images/follow-us-facebook.png) no-repeat 0 0;
}

#xing a
{
    background:             url(images/follow-us-xing.png) no-repeat 0 0;
}

#linkedin a
{
    background:             url(images/follow-us-linkedin.png) no-repeat 0 0;
}

#flickr a
{
    background:             url(images/follow-us-flickr.png) no-repeat 0 0;
}

#rss a
{
    background:             url(images/follow-us-rss.png) no-repeat 0 0;
}

#latest-tweets, #latest-post
{
    position:               relative;
    width:                  436px;
    height:                 300px;
}

#latest-tweets .edge-e, #latest-tweets .edge-w, #latest-tweets .inner,
#latest-post .edge-e, #latest-post .edge-w, #latest-post .inner
{
    height:                 252px;
}

#latest-tweets .edge-n, #latest-tweets .edge-s, #latest-tweets .inner,
#latest-post .edge-n, #latest-post .edge-s, #latest-post .inner
{
    width:                  404px;
}

#latest-tweets
{
    float:                  left;
}

#latest-post
{
    float:                  right;
}

#latest-tweets h4, #latest-post h4
{
    left:                   24px;
    top:                    20px;
    z-index:                10;
}

#latest-tweets h4
{
    background:             url(images/h4-latest-tweets.png) no-repeat 0 0;
    width:                  110px;
}

#latest-post h4
{
    background:             url(images/h4-latest-post.png) no-repeat 0 0;
    width:                  110px;
}

#latest-tweets .latest, #latest-post .latest
{
    color:                  #777;
    font:                   12px Arial, Verdana, sans-serif;
    position:               absolute;
    width:                  388px;
    left:                   24px;
    top:                    74px;
    margin:                 0;
    padding:                0;
    z-index:                10;
}

#latest-tweets p, #latest-post p
{
    color:                  #999;
    font-style:             italic;
    margin:                 0 0 16px;
}

#latest-post a.button
{
    position:               absolute;
    right:                  24px;
    bottom:                 24px;
    z-index:                10;
}


/*=========================================*/
/*     SOCIAL TARGETING CONTENT RULES      */
/*=========================================*/
#social-targeting-links
{
    clear:                  left;
    float:                  left;
    font-size:              16px;
    list-style:             none;
    margin:                 0 0 0 24px;
    padding:                0;
    width:                  200px;
}

#social-targeting-links li
{
    border-bottom:          1px solid #ccc;
    list-style:             none;
    margin:                 0;
    padding:                8px 0;
}

#social-targeting-links li.last
{
    border:                 0 none transparent;
}

#social-targeting-intro
{
    float:                  right;
    width:                  388px;
    margin:                 24px 0 0;
    padding:                0 24px 24px;
}

#social-targeting-advertisers,
#social-targeting-ad-networks,
#social-targeting-publishers
{
    float:                  left;
    position:               relative;
    width:                  237px;
    height:                 184px;
    margin:                 0;
    padding:                24px;
}

#social-targeting-advertisers
{
    clear:                  both;
    margin-right:           16px;
}

#social-targeting-ad-networks
{
    margin-right:           17px;
}

#social-targeting-advertisers h3,
#social-targeting-ad-networks h3,
#social-targeting-publishers h3
{
    position:               absolute;
    width:                  285px;
    height:                 56px;
    left:                   0;
    top:                    0;
}

#social-targeting-advertisers p,
#social-targeting-ad-networks p,
#social-targeting-publishers p
{
    margin-top:             56px;
}

#social-targeting-advertisers a,
#social-targeting-ad-networks a,
#social-targeting-publishers a
{
    margin-top:             16px;
}

#social-targeting-video,
#advertisers-technology-chart-box,
#ad-networks-technology-chart-box,
#publishers-technology-chart-box
{
    float:                  left;
    position:               relative;
    width:                  888px;
    height:                 528px;
}

#ad-networks-technology-chart-box
{
    height:                 678px;
}

#publishers-technology-chart-box
{
    height:                 604px;   
}

#social-targeting-video .edge-e,
#social-targeting-video .edge-w,
#social-targeting-video .inner,
#advertisers-technology-chart-box .edge-e,
#advertisers-technology-chart-box .edge-w,
#advertisers-technology-chart-box .inner
{
    height:                 480px;
}

#ad-networks-technology-chart-box .edge-e,
#ad-networks-technology-chart-box .edge-w,
#ad-networks-technology-chart-box .inner
{
    height:                 630px;
}

#publishers-technology-chart-box .edge-e,
#publishers-technology-chart-box .edge-w,
#publishers-technology-chart-box .inner
{
    height:                 556px;
}

#social-targeting-video .edge-n,
#social-targeting-video .edge-s,
#social-targeting-video .inner,
#advertisers-technology-chart-box .edge-n,
#advertisers-technology-chart-box .edge-s,
#advertisers-technology-chart-box .inner,
#ad-networks-technology-chart-box .edge-n,
#ad-networks-technology-chart-box .edge-s,
#ad-networks-technology-chart-box .inner,
#publishers-technology-chart-box .edge-n,
#publishers-technology-chart-box .edge-s,
#publishers-technology-chart-box .inner
{
    width:                  856px;
}

#social-targeting-form
{
    clear:                  both;
    position:               relative;
    width:                  888px;
    height:                 164px;
    margin:                 0 auto;
    padding:                0;
}

#social-targeting-form .edge-e,
#social-targeting-form .edge-w,
#social-targeting-form .inner
{
    height:                 116px;
}

#social-targeting-form .edge-n,
#social-targeting-form .edge-s,
#social-targeting-form .inner
{
    width:                  856px;
}

#social-targeting-form h4
{
    background:             url(images/h4-social-targeting-form.png) no-repeat 0 0;
    width:                  168px;
    left:                   24px;
    top:                    24px;
    z-index:                10;
}
    
#social-targeting-form .intro
{
    color:                  #999;
    font:                   italic 12px/16px Arial, Verdana, sans-serif;
    position:               absolute;
    width:                  388px;
    left:                   0;
    top:                    52px;
    padding:                24px;
    z-index:                10;
}

.beta-form
{
    position:               absolute;
    width:                  388px;
    right:                  24px;
    top:                    32px;
    z-index:                10;
}

.beta-form form
{
    background:             transparent url(images/form-arrow.png) no-repeat 208px 32px;
    width:                  388px;
}

.beta-form label
{
    display:                none !important;
}

#advertisers-technology-chart-box,
#ad-networks-technology-chart-box,
#publishers-technology-chart-box
{
    clear:                  both;
    margin-bottom:          24px;
}

#technology-chart
{
    border:                 0 none transparent;
    border-collapse:        collapse;
    position:               absolute;
    top:                    24px;
    left:                   24px;
    width:                  840px;
    z-index:                9;
}

#technology-chart *
{
    text-align:             left;
    vertical-align:         top;
}

#technology-chart th, #technology-chart td
{
    border:                 1px solid #DDD;
    padding:                8px 8px 16px; 
}

#technology-chart th
{
    border-top:             0 none transparent;
}
    
#technology-chart .left
{
    border-left:            0 none transparent; 
}

#technology-chart .right
{
    border-right:           0 none transparent; 
}

#advertisers-technology-chart-box .note,
#ad-networks-technology-chart-box .note,
#publishers-technology-chart-box .note
{
    position:               absolute;
    bottom:                 16px;
    left:                   0;
    width:                  100%;
    text-align:             center;
    z-index:                9;
}


/*=========================================*/
/*         PARTNERS CONTENT RULES          */
/*=========================================*/
#partners-magazineone,
#partners-publigroupe,
#partners-qut,
#partners-usg,
#partners-web2com,
#partners-zanox
{
    float:                  left;
    width:                  130px;
    height:                 168px;
}

#partners-magazineone
{
    background:             transparent url(images/partners-magazineone.png) no-repeat 0 0;
}

#partners-publigroupe
{
    background:             transparent url(images/partners-publigroupe.png) no-repeat 0 0;
}

#partners-qut
{
    background:             transparent url(images/partners-qut.png) no-repeat 0 0;
}

#partners-usg
{
    background:             transparent url(images/partners-usg.png) no-repeat 0 0;
}

#partners-web2com
{
    background:             transparent url(images/partners-web2com.png) no-repeat 0 0;
}

#partners-zanox
{
    background:             transparent url(images/partners-zanox.png) no-repeat 0 0;
}


/*=========================================*/
/*         MAIN BLOG CONTENT RULES         */
/*=========================================*/
#search, #lets-connect
{
    float:                  left;
    position:               relative;
    width:                  250px;
}   

#search
{
    height:                 72px;
    margin:                 0 0 24px;
}

#lets-connect
{
    clear:                  left;
    height:                 166px;
    margin:                 0 0 48px;
}

#lets-connect p
{
    color:                  #999;
    font:                   italic 12px/16px Arial, Verdana, sans-serif;
}

#search .edge-e, #search .edge-w, #search .inner
{
    height:                 24px;
}

#lets-connect .edge-e, #lets-connect .edge-w, #lets-connect .inner
{
    height:                 118px;
}

#search .edge-n, #search .edge-s, #search .inner,
#lets-connect .edge-n, #lets-connect .edge-s, #lets-connect .inner
{
    width:                  218px;
}

#search .search
{
    position:               absolute;
    left:                   24px;
    top:                    24px;
    z-index:                10;
}

#search #s
{
    background:             transparent url(images/form-field-mini.png) no-repeat 0 1px;
    border:                 0 none;
    color:                  #999;
    font:                   italic 12px/15px Arial, Verdana, sans-serif;
    width:                  122px;
    height:                 16px;
    margin-right:           16px;
    padding:                2px 4px 3px;
}

#search .submit
{
    background:             transparent url(images/button-lava.png) no-repeat right -20px;
    cursor:                 pointer;
    float:                  right;
    height:                 20px;
    position:               relative;
    margin:                 0 24px 0 0;
    top:                    1px;
}

#search .submit input
{
    background:             transparent url(images/button-lava.png) no-repeat 0 0;
    border:                 0 none;
    color:                  #fff;
    cursor:                 pointer;
    display:                inline-block;
    font:                   11px/14px Arial, Verdana, sans-serif;
    width:                  48px;
    height:                 20px;
    margin:                 0 5px 0 0;
    padding:                3px 0;
}

#lets-connect h4
{
    background:             url(images/h4-lets-connect.png) no-repeat 0 0;
    width:                  140px;
    left:                   24px;
    top:                    24px;
    z-index:                10;
}

#lets-connect p
{
    position:               absolute;
    width:                  202px;
    left:                   24px;
    top:                    72px;
    z-index:                10;
}

#lets-connect a.button
{
    position:               absolute;
    right:                  24px;
    bottom:                 24px;
    z-index:                10;
}

#postmetadata
{
    position:               relative;
    width:                  565px;
    height:                 128px;
    margin:                 24px 0 24px -24px;
}

#postmetadata .edge-e, #postmetadata .edge-w, #postmetadata .inner
{
    height:                 80px;
}

#postmetadata .edge-n, #postmetadata .edge-s, #postmetadata .inner
{
    width:                  533px;
}

#postmetadata p
{
    font-style:             italic;
    position:               absolute;
    width:                  379px;
    left:                   24px;
    top:                    24px;
    z-index:                10;
    text-align:             left;
}

#postmetadata .ubervu
{
    position:               absolute;
    right:                  22px;
    top:                    18px;
    z-index:                10;
}
    
    
/*=========================================*/
/*           BLOG COMMENTS RULES           */
/*=========================================*/
#comments, #respond
{
    clear:                  right;
    float:                  right;
    position:               relative;
}

#comments
{
    width:                  526px;
    margin-right:           16px;
    padding:                0px;
}

#comments h5
{
    border-bottom:          1px solid #ccc;
    padding:                24px 24px 16px;
}

#comments .list
{
    width:                  526px;
}

#comments .list a
{
    width:                  auto;
}

#comments .list li
{
    padding:               12px 24px;
}

li.author-comment
{
    background:             #DEDAD2;
    /*
    border-left:            1px solid #CCC;
    border-right:           1px solid #CCC;
    */
}

.comment-author, .comment-author a, .comment-author a:link, .comment-author a:visited
{
    color:                  #222;
    font:                   18px Arial, Verdana, sans-serif;
    text-decoration:        none;
    margin:                 0 0 4px;
}

.comment-author a:hover, .comment-author a:active
{
    color:                  #222;
    font:                   18px Arial, Verdana, sans-serif;
    text-decoration:        underline;
    margin:                 0 0 4px;
}

#respond
{
    width:                  565px;
    height:                 300px;
    margin:                 24px 0 16px;
}

#respond .edge-e, #respond .edge-w, #respond .inner
{
    height:                 252px;
}

#respond .edge-n, #respond .edge-s, #respond .inner
{
    width:                  533px;
}

#respond h4
{
    background:             url(images/h4-respond.png) no-repeat 0 0;
    width:                  160px;
    left:                   24px;
    top:                    24px;
    z-index:                10;
}

#respond .respond
{
    position:               absolute;
    left:                   24px;
    top:                    72px;
    z-index:                10;
}

#respond .respond label, #li-4-5, #li-4-5items
{
    display:                none;
}


/*=========================================*/
/*          CONTACT CONTENT RULES          */
/*=========================================*/
#contact-map, #contact-form
{
    position:               relative;
    width:                  436px;
    height:                 300px;
    margin:                 24px 0 16px;
}
#contact-map .edge-e, #contact-map .edge-w, #contact-map .inner,
#contact-form .edge-e, #contact-form .edge-w, #contact-form .inner
{
    height:                 252px;
}

#contact-map .edge-n, #contact-map .edge-s, #contact-map .inner,
#contact-form .edge-n, #contact-form .edge-s, #contact-form .inner
{
    width:                  404px;
}

#contact-map
{
    float:                  left;
}

#contact-form
{
    float:                  right;
}

#contact-map h4, #contact-form h4
{
    left:                   24px;
    top:                    24px;
    z-index:                10;
}

#contact-map h4
{
    background:             url(images/h4-contact-map.png) no-repeat 0 0;
    width:                  110px;
}

#contact-form h4
{
    background:             url(images/h4-contact-form.png) no-repeat 0 0;
    width:                  130px;
}

#contact-map .latest, #contact-form .latest
{
    color:                  #999;
    font:                   italic 11px Arial, Verdana, sans-serif;
    position:               absolute;
    width:                  388px;
    left:                   24px;
    top:                    90px;
    margin:                 0;
    padding:                0;
    z-index:                10;
}

#contact-map p
{
    position:               absolute;
    left:                   24px;
    top:                    72px;
    z-index:                10;
}

#contact-map .contact-map
{
    position:               absolute;
    right:                  24px;
    top:                    36px;
    z-index:                10;
}

#contact-form .contact-form
{
    position:               absolute;
    left:                   24px;
    top:                    72px;
    z-index:                10;
}

#contact-form .contact-form label
{
    display:                none;
}


/*=========================================*/
/*          SIDEBAR CONTENT RULES          */
/*=========================================*/
.column-left
{
    float:                  left;
    width:                  259px;
    padding:                24px;
}

.column-left ul
{
    width:                  250px;
    margin:                 0;
    padding:                0;
}

.column-left ul ul
{
    width:                  186px;
    margin-left:            64px;
}

.column-left li
{
    border-bottom:          1px solid #ccc;
    list-style:             none;
    margin:                 0;
    padding:                12px 0 12px 2px;
}

.column-left li li
{
    border:                 0 none transparent;
    padding:                8px 0 0;
}

.column-left li a, .column-left li a:link, .column-left li a:visited
{
    color:                  #0075AE;
    font:                   12px Arial, Verdana, sans-serif;
    text-decoration:        none;
}

.column-left li a:hover, .column-left li a:active
{
    color:                  #0075AE;
    font:                   12px Arial, Verdana, sans-serif;
    text-decoration:        underline;
}


/*=========================================*/
/*              FOOTER RULES               */
/*=========================================*/
#footer
{
    width:                  878px;
    margin:                 0 auto;
    padding:                5px 5px;
}

#footer .facebook, #footer .twitter, #footer .rss
{
    display:                block;
    float:                  left;
    width:                  21px;
    height:                 20px;
    margin:                 0 1px 0 0;
    padding:                0;
}

#footer .facebook
{
    background:             url(images/footer-facebook.png) no-repeat 0 0;
}

#footer .twitter
{
    background:             url(images/footer-twitter.png) no-repeat 0 0;
}

#footer .rss
{
    background:             url(images/footer-rss.png) no-repeat 0 0;
}

#copyright
{
    color:                  #999;
    float:                  left;
    font:                   italic 12px Arial, Verdana, san-serif;
    margin:                 3px 4px 0;
}

#footer .menu
{
    display:                inline;
    float:                  right;
    margin:                 3px 0 0 0;
    padding:                0;
}

#footer .menu li
{
    float:                  right;
    list-style:             none;
    margin:                 0 4px;
}

#footer .menu li a
{
    color:                  #999;
    font:                   italic 12px Arial, Verdana, san-serif;
}


/*=========================================*/
/*            MOBILE MEDIA RULES           */
/*=========================================*/
@media only screen and (max-device-width: 480px)
{
    #home-intro p.intro
    {
        font:                   italic 9px Arial, Verdana, sans-serif;
    }
}