/* CSS Document */
/* Author: Sean Gilbert, StockTwits */

* {
margin:0pt;
padding:0pt;
}

.none {
display:none;
}

img {
padding:0;
margin:0;
vertical-align:top;
border:none;
}

object {
display:block;
padding:0;
margin:0;
}

.left {
float:left;
display:block;
margin-right:2em;
margin-bottom:1em;
}

.right {
float:right;
display:block;
margin-left:2em;
margin-bottom:1em;
}

.border {
border:1px solid #CDCDCD;
}

.clear {
clear:both;
}

/* -- Basics -- */
body {
margin:0;
padding:0;
height:100%;
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-size: 12px;
color:#2D2D2D;
text-align:center;
background:#F4F4F4 url(../../images/desktop/bg.jpg) repeat-x;
background-position:0 28px;
}

/* Basics */

ul, ol {
margin: 0 0 1.5em 2em;
}

dl {
margin: 0 0 1.5em 0;
}

li {
margin-bottom:0.35em;
}

blockquote {
width:85%;
color: #000;
font-style: italic;
padding: 1.5em;
margin:0 auto;
}

p {
margin: 0 0 1.6em 0;
line-height:1.6em;
}

strong {
font-weight:bold;
}

acronym {
color:#000;
background-color:#FAF6EB;
}

h1 { margin-bottom:1em; color:#000; font-size:2.8em; line-height:1.2em; }
h2 { margin-bottom:.3em; color:#000; font-size:2.4em; line-height:1.2em; }
h3 { margin-bottom:0.75em; color:#000; font-size:14px; line-height:1.3em; }
h4 { color:#000; font-size:12px; }
h5 { color:#000; font-size:1em; font-weight:bold; margin-bottom:10px; }
h6 { color:#000; font-size:11px; font-weight:800; }

a {
color:#4871A8;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.clear {
clear:both;
}

#wrapper {
position:relative;
width:900px;
text-align:left;
margin:0 auto;
background-color:transparent;
}

#globalHeader {
position:relative;
width:900px;
height:95px;
text-align:left;
margin:0 auto;
}

#header {
position:relative;
width:900px;
height:95px;
margin:0 auto;
text-align:left;
}

a.logo {
position:absolute;
top:24px;
left:0;
width:326px;
height:0;
display:block;
padding-top:52px;
background:url(../../images/desktop/stocktwits.png) no-repeat 0 0;
overflow:hidden;
}

p.tagline {
position:absolute;
top:54px;
left:324px;
width:372px;
height:0;
padding-top:20px;
color:#FFF;
font-size:0.9em;
font-weight:bold;
background:url(../../images/desktop/tagline.png) no-repeat 0 0;
overflow:hidden;
}

/* Footer
--------------------------------------- */

#footerWrapper {
position: relative;
width:900px;
clear:both;
}

#footer {
width:900px;
text-align:left;
clear:both;
text-align:center;
margin:0 auto;
}

.footerBox {
color:#000;
padding:10px 0;
font-size:11px;
}

ul.footerNav {
float:left;
width:900px;
list-style:none;
padding:0;
margin:0 0 15px 0;
text-align:center;
}

ul.footerNav li {
color:#545454;
display:inline;
padding:0;
margin:0;
border-right:1px solid #FFF;
}

ul.footerNav li.last {
border-right:none;
}

ul.footerNav li a {
color:#600D0B;
padding:0 5px;
text-decoration:underline;
}

ul.footerNav li a:hover {
text-decoration:none;
}

/* -- Content -- */

#allContent {
float:left;
width:900px;
}

#primaryContent {
position:relative;
float:left;
width:900px;
height:380px;
margin-bottom:10px;
background:transparent url(../../images/desktop/featurebg.png) no-repeat 0 0;
overflow:hidden;
}

#secondaryContent {
position:relative;
float:left;
width:894px;
padding:0 2px;
margin-bottom:10px;
background-color:#FFF;
border:1px solid #CDCDCD;
}

.primaryBox {
position:relative;
padding:0 5px;
}

.secondaryBox {
padding:20px;
}

.feature, .feature p, .feature h2, .feature h3, .feature h4 {
color:#FFF;
}

.feature h2 {
font-weight:normal;
font-size:30px;
margin-bottom:20px;
font-family: "Futura", Helvetica, Arial;
}

.snazzy {
color:#00AEEF;
}

.reg {
font-size:0.5em;
font-weight:normal;
}

.primaryBox .boxLeft {
position:absolute;
top:15px;
left:0;
}

.primaryBox .boxRight {
position:absolute;
top:30px;
left:460px;
height:325px;
}

ul.featureList {
color:#D7D7D7;
font-size:16px;
margin:0 0 0 1em;
font-weight:100;
font-family: "Futura", Helvetica, Arial;
}

p.downloadLink {
position:absolute;
left:60px;
bottom:0;
display:block;
width:218px;
height:38px;
}

a.downloadBtn {
float:left;
width:218px;
height:0;
display:block;
padding-top:38px;
background:#000 url(../../images/desktop/downloadbtn.gif) no-repeat 0 0;
overflow:hidden;
z-index:9998;
}

a.downloadBtn:hover {
background-position:0 -38px;
}

ul.screens {
float:left;
width:894px;
padding:25px 0;
margin:0;
list-style:none;
}

ul.screens li {
float:left;
width:266px;
padding:0 16px;
margin:0 !important;
display:inline-block;
list-style:none;
}

ul.screens li img {
padding:2px;
background-color:#ACACAC;
border:1px solid #CDCDCD;
}

ul.screens h3 {
color:#528EE0;
}