/*
==================================================
  SECTION-DOMA.CSS
  Controls all layout styles for glad.org/doma

  Author:   Ruthie BenDor
  Updated:  2009-04-07
==================================================
*/


/*
================================================================================
    DOMA Landing Page
================================================================================
*/


.section-doma #primary {
  width:665px !important;
  background:#FFF;
}

.section-doma #secondary {
  width:215px !important;
}

.section-doma .col-inner .col-inner {
  padding-top:0 !important;
}

.section-doma #content h2 {
  clear:both;
  position:relative;
  overflow:hidden;

  padding:0.321em 0 !important;
  margin:0 !important;
  border-bottom:3px solid #660000;
}

.section-doma #content h3 {
  padding:0.643em 0 0 0 !important;
  margin:0 !important;
}

.section-doma #content h2 span {
  display:block;
  position:relative;
  float:right;
  font-size:70%;
}

.section-doma #content h2 span a {
  display:block;
  padding:0 10px;
  color:#000066 !important;
}

.section-doma #content h2 span a:hover,
.section-doma #content h2 span a:active {background:#C6D4E3;}


/* --- Title area --- */
.section-doma #title-area {background:#660000;}

.section-doma #content #title-area .col-inner {
  padding-bottom:10px !important;
}

.section-doma #title-area #title {width:425px;}

.section-doma #title-area #title h1 {margin-bottom:0.321em;}

.section-doma #title-area #title h3 {color:#FFF;}

.section-doma #title-area ul {
  margin:0;  
  position:relative;
  overflow:auto;
}

.section-doma #title-area li {
  display:block;
  float:left;
  background:#F00;
  padding:0 !important;
  margin:0 5px !important;
  position:relative;
  overflow:auto;
}

.section-doma #title-area li a {
  display:block;
  float:left;
  width:113px;
  padding:5px;
  text-align:center;
  border:1px solid #FFF;
  background:#FFFFCC;
}

.section-doma #title-area li a:link,
.section-doma #title-area li a:visited {
}

.section-doma #title-area li a:hover,
.section-doma #title-area li a:active {background:#FFF;}

.section-doma #title-area #pullquote {
  background:#FFF;
  width:425px;
  float:right;
  margin-right:0 !important;
  overflow:hidden;
}

.section-doma #title-area #pullquote .col-inner {
  border:5px solid #FFF;
  padding:0 !important;
}

.section-doma #title-area #pullquote blockquote p,
.section-doma #title-area #pullquote cite {
  color:#660000 !important;
  width:auto !important;
}

.section-doma #title-area #pullquote blockquote {
  background:transparent url(/assets/img/blockquote-web.png) no-repeat 0 -5px;
  width:320px;
}

.section-doma #title-area #pullquote .pullquote-photo {
  width:85px;
  margin-right:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.section-doma #title-area blockquote p {
  margin:0 0 0.321em 40px !important;
}

.section-doma #title-area cite {
  display:inline;
  color:#999;
  font-size:0.75em;
  font-style:italic;
  margin-left:40px !important;
}





/* === /doma/index ============================ */

.section-doma #video-wrapper p {
  margin:0 !important;
}


.section-doma #lawsuit, 
.section-doma #plaintiffs,
.section-doma #team {
  margin-right:10px !important;
  padding-right:9px !important;
}

.section-doma #lawsuit {width:205px;}

.section-doma #plaintiffs,
.section-doma #team {
  width:420px;
  margin-right:0 !important;
  padding-right:0 !important;
}

/*
.section-doma #content {
  background:#FFF url("/sandbox/doma/img/ussc-photo-cropped-faded.jpg") no-repeat 0 0;
} 

.section-doma #content-inner {background:transparent;}

*/

.section-doma .item-meta {
  margin:0 !important;
  padding:0.643em 0 !important;
}

.section-doma .item-photo {
  position:relative;
  float:left;
  padding:1px;
  margin:5px 10px 5px 0;
  background:#999;
}

.section-doma .item-photo img {display:block;}

.section-doma #secondary h5 {width:130px;}




/* === /doma/updates ========================== */



.section-doma #twitter-area,
.section-doma #blog-area,
.section-doma .news-half,
.section-doma .press-release-half {width:310px;}

.section-doma #twitter-area {
  margin-right:10px !important;
  padding-right:10px !important;
}

.section-doma #blog-area {
  margin-right:0px !important;
}

.section-doma .post {
  margin:0 !important;
  padding:0 !important;
}

.section-doma .news-third,
.section-doma .press-release-third {
  width:210px;
  margin-top:0 !important;
  padding-top:0 !important;
}

.section-doma .news-full,
.section-doma .press-release-full {
  width:570px;
  margin-top:0 !important;
}


/* === /doma/lawsuit ========================== */


.lawsuit-section {
  
}


/* === /doma/plaintiffs ======================= */

.section-doma .plaintiff {
  position:relative;
  overflow:auto;
}

.section-doma .plaintiff-slideshow {
}

.section-doma .selected {
  border:1px solid #006 !important;
}

.section-doma .toggle-plaintiff {
  border:1px solid #FFF;
  display:block;
  float:left;
  margin-right:5px;
}

.section-doma .toggle-plaintiff a {
  position:relative;
  overflow:auto;
}

.section-doma .toggle-plaintiff img {
  display:block;
  float:left;
}

/* --- Twitter --- */

#twitter-follow a:link, #twitter-follow a:visited {
  background:transparent !important;
  margin:0 !important;
}

#twitter-follow a:hover, #twitter-follow a:active {
  background:#C6D4E3 !important;
}

.tweet {
	width: auto;
	font-size: 0.75em;
	margin:0 10px 1.929em 10px !important;
}

.tweet blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

.tweet blockquote div {
	margin: 0.321em 10px;
  font-size:1.125em !important;
  position:relative;
	overflow:hidden;
}

.tweet p.text {
  margin:0.643em 0 0.643em 60px !important;
}

.tweet cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	top: 6px;
	background: transparent url(/assets/img/tweet-tip.gif) no-repeat 29px 0;
	font-style: normal;
}	


/* === /doma/faq ============================== */

.section-doma #primary dl,
.section-doma #primary dl h4 {font-size:1em;}

.section-doma #primary dl {
  border-bottom:1px dotted #DDD;
}

.section-doma #primary dl h4 {
  margin:0.643em 0 !important;
}

.section-doma #primary dd.anchor {
  font-size:87.5%;
  text-align:center;
}


/* === /doma/survey =========================== */

.section-doma table#youarehere {
  border-bottom:1px solid #CCC;
  margin-top:0;
}

.section-doma #youarehere td {width:80px;background:#EEE;padding:5px 6px;}
.section-doma #youarehere td.past {color:#999;}
.section-doma #youarehere td.present {background:#000099;color:#FFF;font-weight:bold;border-bottom:3px solid #006;}

.section-doma .form-wrapper {background:#FFF;} 

.section-doma .form-step {
  margin-right:0 !important;
  overflow:hidden;
}

.section-doma .form-step .col {
  width:290px !important;
  padding-left:20px;
}

.section-doma .form-step .form-controls {
  clear:both;
  text-align:center;
  background:#EEE;
  padding:0.643em 0;
}

/* Adjacent Fields */

li#field-doma_age, li#field-doma_dob,
li#field-doma_spouse_age, li#field-doma_spouse_dob,
li#field-doma_city, li#field-doma_state, li#field-doma_zip {
  display:block;
  float:left;
  margin-top:0 !important;
}

li#field-doma_age, li#field-doma_spouse_age {width:70px;}

li#field-doma_age input, li#field-doma_spouse_age input {
  width:40px !important;
}

li#field-doma_dob, li#field-doma_spouse_dob {width:190px;}

li#field-doma_dob input, li#field-doma_spouse_dob input {
  width:180px !important;
}

li#field-doma_occupation, li#field-doma_spouse_occupation, li#field-doma_phone_primary {clear:both;}


/* Step 1 of the form has some adjacent fields */

li#field-doma_city {width:130px;}

li#field-doma_city input {
  width:110px !important;
}

li#field-doma_state {width:60px;}

li#field-doma_zip {width:70px;}

li#field-doma_zip input {
  width:60px !important;
}