/*-----------------------------------------------
Title: Global screen styles
Site: Tweet the Pledge
Created: July 30 2009 (SL)
Updated: 
----------------------------------------------- */

* { margin:0; padding:0; } ul,ul li { list-style:none; }

body { font:normal 62.5% verdana,arial; text-align:center; background:#fff; padding-bottom:30px; }

a { color:#000; text-decoration:underline; }
a:hover { color:#444; }

img { border:none; outline:none; }

legend { display:none; }
fieldset { border:0; }

#wrapper { width:900px; margin:0 auto; text-align:left; background:#ced4d6 url(../images/wrap_bg.png) repeat-x 0 180px; }

#header { position:relative; height:180px; background: url(../images/header_bg.jpg) no-repeat 0 0; }
#header h1 a { padding:19px 0 0 6px; width:479px; height:149px; display:block; background: url(../images/tweet_the_pledge_logo.png) no-repeat 100% 100%;}
#header h1 a span { position:absolute; left:-9999px; }
#header #tagline{ position:absolute; left:-9999px; }
#header form { display:none; }
#header #socialLinks { position:absolute; top:95px; right:30px; }
#header #socialLinks li { float:left; padding-left:15px; }
#header #socialLinks li.linkFacebook a { display:block; width:25px; height:27px; background: url(../images/icn_facebook.png) no-repeat 0 0; text-indent:-9999px; }
#header #socialLinks li.linkTwitter a { display:block; width:25px; height:27px; background: url(../images/icn_twitter.png) no-repeat 0 0; text-indent:-9999px; }
#header #socialLinks li.addThis { padding-top:3px; }

#header #mainNavigation { position:absolute; top:133px; right:30px; }
#header #mainNavigation li { float:left; }
#header #mainNavigation li a { display:block; margin:0 11px; text-decoration:none; border-bottom:#fff 1px dotted; text-transform:uppercase; color:#fff; font-size:1.3em; }
#header #mainNavigation li a:hover { border-bottom:#fff 1px solid; }
#header #mainNavigation li.last a { margin-right:0; }


#content { padding:0 14px 0 16px; }
#content p, #content li { font-size:1.2em; color:#000; }
#content p, #content ul, #content ol, #content blockquote { padding-top:14px; }
#content li p { font-size:1em; padding-top:0; }

#steps { background: url(../images/steps_bg.jpg) repeat-y 0 0; margin-top:14px; }
#steps h2 { background: url(../images/tweet_the_pledge.png) no-repeat 0 100%; width:232px; height:19px; margin-left:11px; padding-top:15px; }
#steps h2 span { position:absolute; left:-9999px; }
#steps ol { margin:0 10px 0 14px; padding-top:14px; list-style:none; }
#steps ol li { padding-bottom:18px;  font-size:1.4em }
#steps ol li  span { float:left; width:700px }
#steps ol li .stepNumber { font:bold 1.2em verdana; color:#b2151b; width:77px; line-height:1em; }

#categories { background: url(../images/tweets_bg.jpg) no-repeat 0 100%; margin-top:10px; }
#undecided, #against, #for { float:left; width:290px; position:relative; }
#categories h3 { width:290px; height:36px; text-indent:-9999px; font-size:0; }
#categories .count { position:absolute; right:39px; top:10px; font:bold 1.2em verdana; color:#fff; }
#categories #undecided .count { right:32px; }
#categories #undecided h3 { background: url(../images/categories.png) no-repeat 0 0; }
#categories #against h3 { background: url(../images/categories.png) no-repeat 0 -36px; }
#categories #for h3 { background: url(../images/categories.png) no-repeat 0 -72px; }
#categories .tweets { height:400px; overflow-y: scroll; }
#categories .tweets a { color:#aaa; }
#categories .tweets a:hover { color:#fff; }
#categories .tweets ul { color:#fff; padding:0; }
#categories .tweets ul li { padding:20px 11px 11px 11px; background: url(../images/tweet_li_bdr.png) repeat-x 0 0; display:block; }
#categories .tweets ul li.first { background: none; padding-top:14px; }
#categories .tweets ul li .avatar { float:left; width:59px; }
#categories .tweets ul li .avatar img { border:#999 1px solid; }
#categories .tweets ul li .avatar:hover img { border:#ccc 1px solid; }
#categories .tweets ul li p { float:left; width:180px; color:#fff; font-size:.9em; min-height:60px; }
#categories .tweets ul li p a { display:block; font-weight:bold; }
#categories .tweets ul ul { margin:0; }
#categories .tweets ul ul li { font-size:.9em; padding:0; background:none; }
#categories .tweets ul ul li a { }
#categories .tweets ul ul li.first { padding:0; }
#categories .tweets ul ul li.first a { border:none; padding-left:0; }

#categories .tweets ul li p { float:left; width:180px; color:#fff; font-size:.9em; min-height:60px; }
#categories .tweets ul li p a { display:block; font-weight:bold; }
#categories .tweets ul ul { margin:0; }
#categories .tweets ul ul li { float:left; font-size:.9em; padding:0; }
#categories .tweets ul ul li a { border-left:#ccc 1px solid; display:block; padding:0 5px; }
#categories .tweets ul ul li.first a { border:none; padding-left:0; }



#voiceOpinion { padding:18px 0 0 11px; background: url(../images/voice_bg.jpg) no-repeat 50px 27px; position:relative; min-height:145px; }
#voiceOpinion h2 { background: url(../images/do_you_think.png) no-repeat 0 0; width:724px; height:44px; }

#voiceOpinion #btnShareAdmin { float: left; text-indent:-9999px; font-size:0px;}
#voiceOpinion #btnSignPetition { float: left; text-indent:-9999px; font-size:0px;}
#voiceOpinion #btnShareAdmin a { display:block; width:422px; height:42px; background: url(../images/btn_share_with_administration.png) no-repeat 0 0; }
#voiceOpinion #btnSignPetition a { margin-left: 15px;display:block; width:391px; height:42px; background: url(../images/btn_sign_the_homh_petition.png) no-repeat 0 0; }

#voiceOpinion h2 span { position:absolute; left:-9999px; }
#voiceOpinion h3 { font:bold 1.6em verdana; color:#b2151b; padding-top:14px }
#voiceOpinion p { font-weight:bold; }
#voiceOpinion #btnVoice { position:absolute; top:55px; right:-3px; text-indent:-9999px; }
#voiceOpinion #btnVoice a { display:block; width:213px; height:42px; background: url(../images/btn_voice.png) no-repeat 0 0; }
#voiceOpinion #btnVoice a:hover { background: url(../images/btn_voice.png) no-repeat 0 -42px; }


#footer { height:136px; position:relative; background: url(../images/footer_bg.png) no-repeat 0 0; }
#footer #logoCMPI { position:absolute; top:34px; left:32px; }
#footer #legal { position:absolute; top:42px; left:117px; color:#949292; font-size:1em; line-height:1.5em; }
#footer ul { position:absolute; top:35px; right:14px; }
#footer ul li { float:left; }
#footer ul li a { display:block; padding:0 10px; color:#949292; font:bold 1.1em verdana; text-decoration:none; }
#footer ul li a:hover { color:#ccc;  }

.clear {display:inline-block;}
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.tweetLink { font-size: 10px; }
.tweets ul ul img { vertical-align: middle; }