/* ======================================================================

    Home.css

    SEOmoz.org
    timothy@seomoz.org
    (c) 2009, All Rights Reserved.

    Stylesheet prepared by Timothy Christensen
    Version: 5-18-09

 ======================================================================== */

/*----------------------------------------------------------------------- 
    Styles
 ------------------------------------------------------------------------ */

h2 {
    border-bottom: 1px solid #DDD;
    color: #990033;
    font-size: 2.0em;
    font-weight: 100;
    line-height: 1.0em;
    margin-bottom: 1.0em;
    padding-bottom: 0.25em;
}

h2 strong {
    color: #747272;
}

h3 {
    font-size: 1.0em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 2px 0;
}

h4 {
    height: auto;
}

#pro-toolbar-wrap {
    background-color: #FFF;
}

h3.caps {
    line-height: 1;
}

.dquo {
    display: block;
    font-size: 10em;
    float: left;
    line-height: 0.5em;
    margin: 0 10px 0 -30px;
}

.read-more {
    background: url(../img/mozstar.png) left top no-repeat;
    padding-left: 23px;
}

p.read-more a {
    text-decoration: none;
}


/*----------------------------------------------------------------------- 
    Layout
 ------------------------------------------------------------------------ */

#content {
    background: #FFF;
}


/*----------------------------------------------------------------------- 
    Top Content
 ------------------------------------------------------------------------ */

#intro {
    background: url(../img/seattle_skyline.png) left bottom no-repeat;
    margin-top: 1.5em;
}

#intro h1 {
    color: #0099ff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.0em;
}

#featured {
    margin-top: 1.5em;
    margin-bottom: 0;
    z-index: 0;
}

#featured p {
    margin-bottom: 0.5em;
}

#featured ul {
    margin: 0;
}

#featured li {
    background: url(../img/mozstar.png) left top no-repeat;
    padding-left: 23px;
}


/*----------------------------------------------------------------------- 
    Middle Content
 ------------------------------------------------------------------------ */

#middle-content {
    background: #D7D7D7;
}

#middle-content div.container {
    background: #7CA5BE url(../img/bluebar_bg.gif) left top repeat;
    border-top: 1px solid #638DB8;
    border-bottom: 1px solid #EFEFEF;
    padding: 1.5em 18px;
}

#middle-content a {
    color: #FFF;
    font-weight: bold;
}

#middle-content p {
    margin-bottom: 0;
}

#middle-content blockquote {
    background: url(../img/quote.png) left top no-repeat;
    display: block;
    margin: 0;
    padding: 1.5em 1.5em 0 4.5em;
    overflow: visible;
}

#middle-content blockquote p:first-child:before {
	content: "";
}

#middle-content blockquote p {
    margin-bottom: 0.5em;
}

#middle-content p strong {
	margin-left: 1.0em;
}

#middle-content blockquote p + p {
    margin-bottom: 0;
    text-align: right;
}

#middle-content h2, #middle-content h3, #middle-content h4, #middle-content p {
    color: #FFF;
}

#middle-content h2 {
    border-bottom: 0;
    font-weight: bold;
}

#middle-content h4 {
    font-weight: bold;
    margin-bottom: 0;
}

#middle-content hr {
    background: #FFF;
    color: #FFF;
}


/*----------------------------------------------------------------------- 
    Join Now
 ------------------------------------------------------------------------ */

#join-now {
    background: url(../img/desenho.png) left top no-repeat;
    display: block;
    height: 216px;
    margin-bottom: 2.0em;
    width: 316px;
}

#join-now span {
    display: none;
}


/*----------------------------------------------------------------------- 
    Tools List
 ------------------------------------------------------------------------ */

div.tools-list-wrap {
    clear: left;
    margin-top: 1.5em;
}

ul.tools-list {
    height: 78px;
    margin: 0;
    margin-bottom: 0.5em;
}

.tools-list li {
    display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.tools-list li:first-child {
    margin-left: 0;
}

.tools-list a {
    display: block;
    font-size: 9px;
    font-weight: bold;
    padding-top: 70px;
    text-decoration: none;
    width: 80px;
}

.tools-list a:hover {
    text-decoration: underline;
}

#backlink-analysis a { background: url(../img/backlink-analysis_med.png) center top no-repeat; }
#crawl-test a { background: url(../img/crawl-test_med.png) center top no-repeat; }
#geo-target a { background: url(css/v4/images/banners/geo-target_med.png) center top no-repeat; }
#kw-difficulty a { background: url(/css/v4/images/banners/kw-difficulty_med.png) center top no-repeat; }
#labs a { background: url(/css/v4/images/banners/labs_med.png) center top no-repeat; }
#link-finder a { background: url(/css/v4/images/banners/link-finder_med.png) center top no-repeat; }
#linkscape a { background: url(/css/v4/images/banners/linkscape_med.png) center top no-repeat; }
#mozbar a { background: url(/css/v4/images/banners/mozbar_med.png) center top no-repeat; }
#popular-searches a { background: url(/css/v4/images/banners/popular-searches_med.png) center top no-repeat; }
#rank-tracker a { background: url(/css/v4/images/banners/rank-tracker_med.png) center top no-repeat; }
#term-target a { background: url(/css/v4/images/banners/term-target_med.png) center top no-repeat; }
#term-extractor a { background: url(/css/v4/images/banners/term-extractor_med.png) center top no-repeat; }
#toolbox a { background: url(/css/v4/images/banners/seo-toolbox_med.png) center top no-repeat; }
#trifecta a { background: url(/css/v4/images/banners/trifecta_med.png) center top no-repeat; }


/*----------------------------------------------------------------------- 
    Bottom Content
 ------------------------------------------------------------------------ */

#bottom-content {
	background: #D7D7D7 url(../img/lower_shadow_wrap_bg.png) center top no-repeat;
}

#bottom-content div.container {
    background: #FFF url(../img/lower_shadow_repeat_bg.gif) left top repeat-x;
    padding-top: 1.5em;
}
 
ul.latest-entries {
    list-style: none;
    margin: 0;
}

ul.latest-entries li {
    margin-bottom: 2.25em;
}

ul.latest-entries h4 {
    font-size: 1.5em;
    margin-bottom: 0;
}

ul.latest-entries img {
    float: left;
    margin-right: 8px;
    height: 40px;
    width: 40px;
}

ul.latest-entries .blog-title {
    float: left;
    margin-bottom: 0.5em;
    width: 462px;
}

ul.latest-entries p {
    margin-bottom: 0;
}

.press a {
    text-decoration: none;
}


/*----------------------------------------------------------------------- 
    Marketplace
 ------------------------------------------------------------------------ */

#marketplace {
	background: #D7D7D7 url(../img/lower_shadow_bg.jpg) center bottom no-repeat;
}

#marketplace div.container {
    background: #FFF;
}
 
.marketplace-post {
    margin-bottom: 1.5em;
}

.marketplace-post h3 {
    font-size: 1.5em;
    text-transform: none;
}

.marketplace-post h3 a {
    text-decoration: none;
}

.marketplace-post dt {
    clear: left;
    float: left;
    text-align: left;
    width: 60px;
}

.marketplace-post dd {
    float: left;
    margin-left: 10px;
    width: 190px;
}

dd.view {
    clear: left;
    margin-top: 1.5em;
    margin-left: 0;
    text-align: left;
    width: 270px;
}