/* ----------------------------------------------------------
    National Campaign to Close Guant�namo CSS
    Managed by: Blue State Digital
    Last Update: May 2009 

    TABLE OF CONTENT

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */
/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { font-size: 100%; }


/* 02 =COMMON STYLE 
---------------------------------------------------------- */

html{background:#656469;}
body { background:#656469; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#353535; padding:0 0 1px 0; }

body.error{background-image:none; background-color: #FFF;}

a {color:#0071ae;}
a:hover {text-decoration:none;}
a.rss { display:inline-block; width:23px; height:23px; text-indent:-9999px; background:url(/page/-/images/rss.gif) 0 0 no-repeat; position:relative; top:6px; left:-2px; }

blockquote { font-size: 12px; background-color:#dadcde; margin: 10px; padding: 10px; line-height: 1.5; }



/* 03 =LAYOUT
---------------------------------------------------------- */

#wrapper { width:980px; text-align:left; margin:0 auto; position:relative; }

#header { width:960px; margin-left: 10px; height:90px; text-align:center; background: #fff url(/page/-/images/win-without-war-header.png) 10px 5px no-repeat}
#header h1 a{color: #353535; text-decoration: none;}
#header h1 { font-family:"Times New Roman", Times, serif; /*text-transform:uppercase; letter-spacing:0.23em;*/ padding:11px 0 0; }
#header h1 span { display:block; font-family:Arial, Helvetica, sans-serif; font-size:55px; font-weight:bold; /*letter-spacing:-0.07em;*/ color:#d91103; margin:-4px 0 0; }
#header h1 span span { display:inline-block; text-transform:none; color:#0071ae; margin:0 0 0 0; }

ul#nav { width:980px; height:27px; font-family:"Times New Roman", Times, serif; font-size:15px; text-transform:uppercase; padding:7px 30px 0; }
ul#nav li { display:inline; padding:0 35px 0 0; }
ul#nav li.last { display:inline; padding:0; }
ul#nav li a { display:inline-block; color:#000; text-decoration:none; }
ul#nav li a:hover, ul#nav li a.active { border-bottom:2px solid #d91103; }

#nav li ul {
-moz-box-shadow:0 6px 6px rgba(0, 0, 0, 0.6);
background-color:#cacaca;
border-color:-moz-use-text-color #FFFFFF #FFFFFF;
border-style:none solid solid;
border-width:medium 2px 2px;
color:#FFFFFF;
padding-bottom:10px;
text-align:left;
z-index:99;}

#nav li ul li a {
border:medium none;
font-size:0.8em;
margin:10px 0;
}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { line-height:	1.0; position: relative; left: 25px; }
.sf-menu ul { position:	absolute; top: -999em; width: 100%; /* left offset of submenus need to match (see below) */ margin-bottom: 10px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.80em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }



/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 1.5em; min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .4em; top: .55em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(/page/-/img/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .3em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ color: #b5c4d0; color: rgba(255, 255, 255, 0.7); }

/*** shadows for all but IE6 ***/

.sf-shadow li#home ul {
	padding-right: 50px;
}
.sf-shadow li#about ul {
	padding-right: 100px;
}
.sf-shadow li#blog ul {
	padding-right: 90px;
}
.sf-shadow li#news ul {
	padding-right: 35px;
}
.sf-shadow li#projects ul {
	padding-right: 15px;}







.white-box { width:980px; background:url(/page/-/images/white-box-bg.png) 0 0 repeat-y scroll transparent; overflow:hidden; padding-bottom:10px}

#footer { width:924px; height:33px; background:#565656; font-family:"Times New Roman",Times,serif; font-size:10px; text-transform:uppercase; color:#fff; position:relative; top:-45px; left:29px; }
#footer p.first { float:left; padding:9px 0 0 13px; }
#footer p.last { float:right; padding:9px 13px 0 0; }
#footer a {color:#fff;}


/* 04 =HOMEPAGE
---------------------------------------------------------- */

#slideshow { width:600px; height:325px; margin:0 0 14px 0; position:relative; overflow: hidden; background-color: #000; }
#slideshow img { display:block; margin:0; }
.slide { position:relative; width:600px; height:325px; }
.left .slide p { width:519px; height: 78px; font-size:14px; color:#fff; margin:0; background: transparent url(/page/-/images/slide-bg.png) 0 0 repeat; position:absolute; top:226px; left:10px; padding: 10px 15px 0;}
.slide p span { display:block; font-size: 25px; line-height:30px; }
.slide p span a{color: #FFF; text-decoration: none;}

#pagination { width:30px; font-size:18px; line-height:22px; position:absolute; top:226px; right:11px; z-index:900;}
#pagination a { display:block; width:30px; height:22px; color:#000; background: transparent url(/page/-/images/slide-bg-page.png) 0 0 repeat; text-align:center; text-decoration:none; }
#pagination a.activeSlide { background: transparent url(/page/-/images/slide-bg.png) 0 0 repeat; color: #FFF;}

#sub-nav { width:314px; margin:0 0 14px; }
#sub-nav form { color:#fff; padding:4px 0  5px 16px; border:5px solid #c00101; background-color:#EE1C25; overflow:hidden; }
#sub-nav form p { font-size:14px; letter-spacing:-0.01em; margin:0 0 8px; overflow:hidden; }
#sub-nav form p strong { display:block; font-size:31px; letter-spacing:-0.05em; }
#sub-nav form input { width:173px; border:none; font-size:12px; padding:7px 5px 5px 5px; background-color:#eee; float:left; }
#sub-nav form input#submit { width:62px; font-weight:bold; text-transform:uppercase; color:#fff; padding:5px; margin:0 0 0 28px; background-color:#0071ae; cursor:pointer; }

#sub-nav ul { width:314px; border-bottom:6px solid #0369a4; }
#sub-nav ul li { background:url(/page/-/images/sub-nav-bg.gif) 265px 14px no-repeat scroll #0062A3; padding:6px 15px 7px; border-top:5px solid #0369a4; border-right:5px solid #0369a4; border-left:5px solid #0369a4; }
#sub-nav ul li a { display:block; font-size:14px; letter-spacing:-0.01em; color:#fff; text-decoration:none; }
#sub-nav ul li strong { display:block; font-size:28px; letter-spacing:-0.05em; }

.left { width:600px; float:left; padding:0 0 58px 0; margin:0 0 0 29px; }
.left h2 { font-size:30px; font-weight:bold; letter-spacing:-0.04em; text-transform:uppercase; padding:0 0 5px; border-bottom:1px solid #cecece; margin:0 0 17px; }

.post { margin:0 0 20px; position:relative; }
.post img { float:left; margin:5px 9px 0 3px; }
#interior .left .post h2 { padding-bottom: 5px; }
.post h3 { font-size:18px; font-weight:bold; margin:-5px 0 3px; width:570px }
.post h3 a{color: #353535; text-decoration: none;}
.post h3 a:hover{text-decoration: underline;}
.left p { font-size:12px; line-height:20px; color:#505153; margin:0 40px 0 0; }
.left p.credits, #sidebar p.credits { font-size:11px; line-height:normal; margin:0 0 2px 0; }
#interior .left p.credits {padding-top: 0;}
.left p.credits span { text-transform:uppercase; color:#0e1b43; }
.left p.count, .left p.count a { display:block; width:26px; height:33px; }
.left p.count { text-align:center; margin:0; position:absolute; top:-3px; right:6px; }
.left p.count a { font-size:17px; font-weight:bold; line-height:28px; color:#fff; text-decoration:none; background:url(/page/-/images/comments.gif) 0 0 no-repeat; }

.left .sub { padding:11px 0 0; }
.left .sub h2 { font-size:20px; letter-spacing:-0.07em; text-transform:uppercase; padding:0 0 9px; margin:0 0 11px; }
.left .sub ul li {display:inline;}
.left .sub ul li img { margin:0 6px 0 -3px; }
.left .sub ul li.last img {margin:0;}

#sidebar { width:314px; float:left; padding:0 0 15px; margin:0 0 0 10px; }

#twitter_feed {color:#505153;
font-size:12px;
line-height:20px;
margin:0 40px 0 0;  width:309px; border-left:#336AA0 5px solid; border-right:#336AA0 5px solid;}

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

#tweet {border-bottom: #cccccc 1px solid; margin:10px 5px 10px 5px;}
.tweets {float:right; width:240px;}
.twitter_image {float:left;}
.twitter_image img {width:48px; height:48px}
#twitter_footer {height:38px}

#facts, #plan {background-color:#dadcde;}
#sidebar #facts p {padding:6px 10px 9px; font-size:12px;line-height:20px;}
#h2-facts { background:url(/page/-/images/facts-plan-bg.gif) 0 0 no-repeat; }
#h2-facts.off { background:url(/page/-/images/facts-plan-bg.gif) 0 -40px no-repeat; }
#h2-facts, h2#h2-plan { font-family:"Times New Roman", Times, serif; font-size:19px; padding:12px 0 4px 14px; cursor:pointer; }
#h2-facts span, h2#h2-plan span { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#d91103; margin:0 0 0 -3px; }
#h2-plan { width:100px; border:none; margin:0; padding:0; position:relative; top:-281px; left:198px; z-index:999; }
#h2-plan.on { top:-40px; left:198px; z-index:999; }
#h2-facts.off, h2#h2-facts.off span, #h2-plan.off, h2#h2-plan.off span {color:#fff;}
#facts ul, #plan ul { font-size:12px; line-height:18px; padding:10px 14px 3px 14px; }
#facts ul li, #plan ul li { background:url(/page/-/images/bullet.gif) 0 6px no-repeat; padding:0 5px 12px 15px; }
#facts strong, #plan strong {color:#0071ae;}
#plan { display:none; margin:-40px 0 40px; }

#news { padding:0 0 21px; overflow:hidden}
#news .new-title { padding:0 0 6px; border-bottom:1px solid #cecece; margin: 0 0 10px; width: 315px; height: 35px; }
#news h2 { font-size:20px; font-weight:bold; letter-spacing:-0.07em; text-transform:uppercase; float: left; padding-top: 11px; }
#news h4.powered { float: left; padding-top: 14px; padding-left: 5px; }
#news a.rethink img { float: left; padding-left: 5px; }
#news h2 a.rss { width:15px; height:15px; background:url(/page/-/images/rss-small.gif) 0 0 no-repeat; position:relative; left:-1px}
#news ul li { clear:left; padding:0 0 8px; }
#news h3 { font-size:13px; margin:0 0 4px; }
#news p { font-size: 12px; }

.statusBoxRoot_gsnb {font-family:Arial,Helvetica,sans-serif; font-weight:bold}
.gs-title  {font-size:13px;margin:0 0 4px;}
.gs-snippet {clear:left; padding:0 0 8px; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px;}
.gs-publisher {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold}
.gs-clusterUrl {font-family:Arial,Helvetica,sans-serif; font-size:12px;}
.titleBox_gsnb {border-bottom:1px solid #CECECE; margin:0 0 10px; padding:0 0 6px; width:315px;}

ul#connect {overflow:hidden;}
ul#connect li { font-size:8px; font-weight:bold; display:inline; overflow:hidden; }
ul#connect li a { display:block; float:left; width:56px; text-align:center; text-transform:uppercase; text-decoration:none; color:#d91103; padding:59px 0 0 0; }
ul#connect li#facebook a { background:url(/page/-/images/facebook.gif) center top no-repeat scroll transparent; margin:0 29px 0 0; }
ul#connect li#flickr a { background:url(/page/-/images/flickr.gif) center top no-repeat scroll transparent; margin:0 29px 0 0; }
ul#connect li#twitter a { background:url(/page/-/images/twitter.gif) center top no-repeat scroll transparent; margin:0 29px 0 0; }
ul#connect li#myspace a { background:url(/page/-/images/myspace.gif) center top no-repeat scroll transparent; margin:0 8px 0 0; }
ul#connect li#youtube a { background:url(/page/-/images/youtube.gif) center top no-repeat scroll transparent; margin:0 29px 0 0; }
ul#connect li#rss a { background:url(/page/-/images/rss.jpg) center top no-repeat scroll transparent; margin:0; }


/* 05 =SUBPAGES
---------------------------------------------------------- */

#interior .left { padding:0 0 87px 0; margin:0 0 0 29px; background:url(/page/-/images/interior-left-bg.gif) 0 0 repeat-x; }
#interior .left h1 { font-size:30px; font-weight:bold; letter-spacing:-0.04em; color:#fff; padding:10px 12px 8px; background-color:#545454; }
#interior .left h2 { font-size:22px; font-weight:normal; text-transform:none; letter-spacing:0.01em; color:#d91103; padding:17px 10px; border:none; margin:0; }
#interior .left h3 { font-size:12px; font-weight:bold; letter-spacing:0.09em; text-transform:uppercase; padding:4px 10px; width:470px}
#interior .left p { color:#000; padding:6px 10px 9px; margin:0; }
#interior .left ul, #interior .left ol { font-size:12px; line-height:20px; color:#000; padding:18px 18px 18px 35px; margin:10px 32px; display:table; }
#interior .left li {list-style-type:disc;}
#interior .left ol li{ list-style-type: decimal;}
#interior .left a {text-decoration:none;}
#interior .left a:hover {text-decoration:underline;}

#interior #sidebar {padding-top:0;}
#interior #sidebar #sub-nav { float:none; margin:0 0 14px; }

#interior.wide .left { width:924px; float:none; }
#interior.wide #footer {width:924px;}

#content.error-page{width: 500px; margin: 200px auto 0 auto; border: 5px solid #C00101; padding: 100px;}
#content.error-page h1{font-size: 22px; font-weight: bold; margin-bottom: 15px;}

/* 06 =FRAMEWORK
---------------------------------------------------------- */
.full-width .left {width:920px;}
.full-width #footer {width:920px;}

#interior #signupheader h2 {background-color:#545454;
color:#FFFFFF;
font-size:30px;
font-weight:bold;
letter-spacing:-0.04em;
padding:10px 12px 8px;
}


#interior div#speakout form#participate table {background:#DADCDE none repeat scroll 0 0;border:1px solid #666666;}
#interior div#speakout form#participate table p  {padding:0px; margin:0px}
#interior #wrapper div#speakout input.btn, div#speakout input.landing-button {background:#d91103 none repeat scroll 0 0;border-color:#CCCCCC #999999 #999999 #CCCCCC;border-style:solid;border-width:1px;color:#FFFFFF;cursor:pointer;font-family:Arial,Sans-serif;font-weight:bold;height:auto;padding:1px;}

#interior div#speakout #tabs ul#nav-tabs  {padding:5px 0 0 0; margin:0px; list-style-type:none}
#interior div#speakout #tabs ul#nav-tabs li  {list-style-type:none}

#interior #speakout h2 {
background-color:#545454;
color:#FFFFFF;
font-size:30px;
font-weight:bold;
letter-spacing:-0.04em;
padding:10px 12px 8px;
}

#interior div#speakout table#landing p {
margin:0 280px 10px 0;
padding:5px;
}


/* 07 =UTILITY
---------------------------------------------------------- */

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding:8px 13px 13px 2px;}
.floatr {float: right; margin: 0; padding:8px 2px 13px 13px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}

.edit-this{padding: 0 0 0 10px;}

#disqus_thread{padding: 10px; clear: both; padding-top: 20px !important;}