/* ====================================
NAME: todoTweet Static Site
AUTHOR: Alexander L. Wolfe
COPYRIGHT: Alexander L Wolfe, 2009
==================================== */

/* GENERAL
=== === === === === === === === === === */
body {
background: #f4f2e9 url(../images/backgrounds/plain-static-bg.jpg) top left repeat-x; 
}
#static {
background: #5e9b01 url(../images/backgrounds/grass-bg.jpg) 0px 490px repeat-x; 
}
#outer-wrapper {
background: url(../images/backgrounds/static-bg.jpg) top left repeat-x; 
}
#wrapper {
background: url(../images/backgrounds/rolling-hills.jpg) center 310px repeat-x; 
}
h1 {
background: url(../images/logos/static-logo.png) top left no-repeat;
text-indent: -3000px;
height: 60px;
width: 220px; 
overflow: hidden;
font-size: 150%;
font-weight: bold;
color: #444;
margin:20px 0px 10px 0px;
}
h1 em {
display: block; 
font-size: 50%;
}
h2 {
background: url(../images/billboard/main-title.png) top left no-repeat;
text-indent: -3000px;
font-size: 300%;
font-weight: bold;
color: #444;
height: 140px;
width: 300px;
overflow: hidden;
margin-bottom: 20px;
}
h3 {
font-size: 177%;
font-weight: bold;
color: #332004;
margin: 40px 0px 10px 0px;
}
p {
font-size: 92%;
color: #666;
line-height: 22px;
margin-bottom: 20px;
}
strong {
font-weight: bold;
}

/* INTRO BAR
============================================= */
#intro-bar {
height: 500px;
position: relative;
}
#signup {
font-size: 200%;
color: #42c2fd;
background: url(../images/backgrounds/sign.png) top left no-repeat;
height: 120px;
width: 140px;
overflow: hidden;
text-indent: -3000px;
display: block;
position: absolute;
bottom: 55px;
left: 0px;
z-index: 100;

}
#tour {
font-size: 200%;
color: #42c2fd;
background: url(../images/backgrounds/tour.png) top left no-repeat;
height: 120px;
width: 120px;
overflow: hidden;
text-indent: -3000px;
display: block;
position: absolute;
bottom: 50px;
right: 66px;
z-index: 100;
}


/* BILLBOARD
============================================= */
#billboard {
height: 480px;
width: 560px;
display: block;
margin-top: 20px;
}


/* VIDEO
============================================= */
#overlay {
display: none;
width: 100%;
height: 100%;
background-color: #000;
opacity: .5; 
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
#tour-video-large {
display: none;
position: fixed; 
top: 50%; 
left: 50%;
margin-left: -378px;
margin-top: -320px;
border: 20px solid #FFF;
background-color: #FFF;
z-index: 2000;
-moz-box-shadow: 0px 10px 20px #000;
-webkit-box-shadow: 0px 10px 20px #000;
box-shadow: 0px 10px 20px #000;
}
#close-video {
background: url(../images/backgrounds/close-button.png) top left no-repeat;
height: 45px;
width: 45px;
overflow: hidden;
text-indent: -3000px;
color: #332004;
position: absolute;
top: -40px;
right: -40px;
color: #FFF;
}
#small-video {
margin-bottom: 20px;
}

/* FEATURES
============================================= */
#features p {
color: #332004;
}


/* FOOTER
============================================= */
#footer {
text-align: center;
padding: 20px 0px;
}
#footer li {
color: #332004;
font-size: 85%;
font-weight: bold;
display: inline;
margin: 0px 10px;
}
#footer a {
color: #fdb343;
}