@charset "UTF-8";
/* Brag Book CSS Document */

body {
background-color:#f3f0e9;
margin:0;
}

p {
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

h1 {
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

h2 {
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:15px;
}

a {
color:#990000;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

ul {
list-style-position: outside;
list-style-type:none;
margin:10px 0 15px;
padding:0;
}

li {
background:transparent url(images/arrow.gif) no-repeat scroll left center;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:4px 0 4px 12px;
}

img {
border:0;
}

textarea {
resize:none;
}

#topbar {
background-color:#990000;
height:41px;
margin-bottom:25px;
}

#topbar_container {
margin:0 auto;
width:1000px;
}

#topbar_container p {
float:right;
margin:16px 65px 0 0;
}

#topbar_container a {
color:#FFFFFF;
}

#wordmark {
float:left;
}

#content {
background:url(images/page_bg.gif) no-repeat top left;
margin:0 auto;
overflow:hidden;
position:relative;
width:1000px;
z-index:5;
}

#desc {
left:630px;
position:absolute;
top:95px;
width:310px;
z-index:15;
}

#flash {
height:580px;
left:0;
overflow:hidden;
position:relative;
top:0;
width:650px;
z-index:10;
}

#noFlash {
display:none;
height:580px;
left:0;
overflow:hidden;
padding-top:175px;
position:relative;
top:0;
width:600px;
z-index:10;
}

#noFlash p, #noFlash a, #noFlash a:hover {
color:#FF0000;
font-size:16px;
text-align:center;
}

/* POPUP STYLES */

.popup {
border:4px solid #FFFFFF;
height:360px;
left:35px;
position:absolute;
top:85px;
visibility:hidden;
width:576px;
z-index:25;
}

.popup p {
font-size: 11px;
}

.popup a {
color:#FF5533;
}

.popup img {
margin-right:2px;
}

.btnsright {
bottom:3px;
position:absolute;
right:4px;
z-index:35;
}

.btnsright p {
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
margin:0;
text-transform:uppercase;
}

.btnsright a {
cursor:pointer;
}

.btnsleft {
bottom:3px;
left:4px;
position:absolute;
z-index:35;
}

.btnsleft p {
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
margin:0;
text-transform:uppercase;
}

.btnsleft a {
cursor:pointer;
}

.textright {
position:relative;
left:298px;
width:265px;
text-align:left;
}

.textleft {
position:relative;
left:15px;
width:260px;
text-align:right;
}

.closeleft {
margin:5px 6px;
text-align:left;
}

.closeleft p {
margin:0;
}

.closeright {
margin:5px 6px;
text-align:right;
}

.closeright p {
margin:0;
}

.closeleft a, .closeleft a:visited, .closeright a, .closeright a:visited {
color:#FF5533;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
text-transform:uppercase;
}

#apDiv1 {background: url(images/div01bg.jpg) no-repeat top left;}
#apDiv1 h2 {color:#FFFFFF;margin-top:100px;}
#apDiv1 p {color:#FFFFFF;}

#apDiv2 {background: url(images/div02bg.jpg) no-repeat top left;}
#apDiv2 h2 {margin-top:45px;}

#apDiv3 {background: url(images/div03bg.jpg) no-repeat top left;}
#apDiv3 h2 {margin-top:5px;}

#apDiv4 {background: url(images/div04bg.jpg) no-repeat top left;}
#apDiv4 h2 {margin-top:25px;}

#apDiv5 {background: url(images/div05bg.jpg) no-repeat top left;}
#apDiv5 h2 {margin-top:25px;}

#apDiv6 {background: url(images/div06bg.jpg) no-repeat top left;}
#apDiv6 h2 {margin-top:90px;}

#apDiv7 {background: url(images/div07bg.jpg) no-repeat top left;}
#apDiv7 h2 {margin-top:100px;}

#apDiv8 {background: url(images/div08bg.jpg) no-repeat top left;}
#apDiv8 h2 {margin-top:25px;}

#apDiv9 {background: url(images/div09bg.jpg) no-repeat top left;}
#apDiv9 h2 {color:#FFFFFF;margin-top:25px;}
#apDiv9 a {color:#ffd700;}
#apDiv9 p {color:#FFFFFF;}

#apDiv10 {background: url(images/div10bg.jpg) no-repeat top left;}
#apDiv10 h2 {margin-top:100px;}

#apDiv11 {background: url(images/div11bg.jpg) no-repeat top left;}
#apDiv11 h2 {margin-top:25px;}

#apDiv12 {background: url(images/div12bg.jpg) no-repeat top left;}

#apDiv13 {background: url(images/div13bg.jpg) no-repeat top left;}
#apDiv13 h2 {margin-top:30px;}

#apDiv14 {background: url(images/div14bg.jpg) no-repeat top left;}
#apDiv14 h2 {margin-top:90px;}

#apDiv15 {background: url(images/div15bg.jpg) no-repeat top left;}
#apDiv15 h2 {margin-top:35px;}

#apDiv16 {background: url(images/div16bg.jpg) no-repeat top left;}
#apDiv16 h2 {margin-top:60px;}

#apDiv17 {background: url(images/div17bg.jpg) no-repeat top left;}
#apDiv17 h2 {margin-top:10px;}

#apDiv18 {background: url(images/div18bg.jpg) no-repeat top left;}
#apDiv18 h2 {color:#FFFFFF;margin-top:80px;}
#apDiv18 p {color:#FFFFFF;}

#apDiv19 {background: url(images/div19bg.jpg) no-repeat top left;}
#apDiv19 h2 {margin-top:40px;}

#apDiv20 {background: url(images/div20bg.jpg) no-repeat top left;}
#apDiv20 h2 {margin-top:60px;}

#apDiv21 {background: url(images/div21bg.jpg) no-repeat top left;}
#apDiv21 h2 {margin-top:25px;}

#apDiv22 {background: url(images/div22bg.jpg) no-repeat top left;}
#apDiv22 h2 {color:#000000;margin-top:95px;}
#apDiv22 p {color:#FFFFFF;}
#apDiv22 #obama  {bottom:52px; left:54px; height:110px; position:absolute; width:130px;}
#apDiv22 #obama a:hover img {border:5px solid #FFFFFF; bottom:5px; position:relative; right:5px;}

#apDiv23 {background: url(images/div23bg.jpg) no-repeat top left;}
#apDiv23 h2 {margin-top:80px;}

#apDiv24 {background: url(images/div24bg.jpg) no-repeat top left;}
#apDiv24 h2 {margin-top:100px;}

/* SHARE POPUPS */

#share {
position:absolute;
right:385px;
width:100%;
z-index:50;
}

/* TWITTER STYLES */

#tweeter {
background-color:#55CCCC;
border:4px solid #FFFFFF;
bottom:0;
height:0;
margin:0 6px -15px 0;
padding:15px;
position:absolute;
right:0;
visibility:hidden;
}

#tweeter p {
color:#FFFFFF;
font-weight:bold;
margin:0;
text-align:right;
}

#tweeter a, #tweeter a:visited {
color:#88FFFF;
font-size:12px;
text-transform:uppercase;
}

#tweeter a:hover, #tweeter a:hover {
text-decoration:underline;
}

#tweeter textarea {
border:0;
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:50px;
margin:0;
overflow:auto;
padding:2px;
width:335px;
}

#tweeter-status {
color:#ffff00;
padding:0 3px 1px;
visibility:hidden;
}

/* EMAIL STYLES */

#email {
background-color:#77AADD;
border:4px solid #FFFFFF;
bottom:0;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
height:0;
margin:0 6px -15px 0;
padding:15px;
position:absolute;
right:0;
text-align:right;
visibility:hidden;
}

#email p {
color:#FFFFFF;
font-weight:bold;
margin:4px 0;
text-align:right;
}

#email a, #email a:visited {
color:#CCEEFF;
font-size:12px;
text-transform:uppercase;
}

#email a:hover, #email a:hover {
text-decoration:underline;
}

#email input {
border:0 none;
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:2px;
width:175px;
}

#email textarea {
border:0 none;
color:#464646;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:150px;
margin:0;
overflow:auto;
padding:2px;
width:335px;
}

#email-status {
color:#ffff00;
padding:0 3px 1px;
}

/* SUBMIT A BRAG? */

#topbar_container p#back {
float:right;
margin:16px 10px 0 0;
}

#submitBrag {
background:transparent url(images/bg_twitter.jpg) no-repeat scroll left bottom;
height:510px;
left:0;
position:relative;
top:0;
visibility:visible;
width:992px;
}

#directions {
float:left;
left:145px;
position:relative;
top:65px;
width:355px;
}

#directions h1 {
color:#995500;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
line-height:20px;
margin:6px 0;
text-align:right;
}

.bold {
font-size:25px;
font-weight:bold;
}

#directions p {
color:#995500;
margin-top:6px;
text-align:right;
}

#directions #tweet {
border:1px solid #CCAA99;
color:#995500;
font-family:verdana;
font-size:12px;
height:90px;
overflow:auto;
width:100%;
}

#directions #email-us {
margin-top:30px;
}

#twitterfeed {
background:url(images/loading.gif) no-repeat center center;
height:510px;
overflow:auto;
position:absolute;
right:0;
width:475px;
}

#twitterfeed div {
background-color:#FFFFFF;
margin:6px 6px 6px 0;
min-height:52px;
overflow:visible;
padding:2px;
}

#twitterfeed p {
margin:0;
}

#twitterfeed .entry-links {
margin-top:10px;
}

#twitterfeed .entry-links a {
background:transparent url(images/bullet.gif) no-repeat center left;
padding:0 2px 0 9px;
}

#twitterfeed img {
clear:left;
float:left;
height:48px;
margin:0 6px 2px 0;
width:48px;
}