/* ------------------------------------------------
ASU Decision Theater
Global styles for dt.asu.edu
------------------------------------------------ */

/* ----{ Reset }-------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 {
     font-style:normal; font-weight:normal;
}

ol,ul {
     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;
} 

/* ------------------------------------------------
=Fixes/Templates
------------------------------------------------ */

.clearfix:after,
form li:after {
	visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}

.pngfix {
	behavior: url(/javascript/iepngfix.htc)
}

.ir {
	text-indent: -9999px;
	display: block;
}

/* ------------------------------------------------
=Universal
------------------------------------------------ */

body {
   font: 13px/20px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
   background: url(/images/bg_tile.gif) top left repeat-x;
   color: #333;
}

#container {
   background-color: #fff;
   width: 990px;
   margin: 0 auto;
}

strong {
   font-weight: bold;
}

h2 {
   font-size: 30px; font-weight: bold;
   color: #333;
   margin: 0 0 20px 0;
}

h3 {
   display: block;
   font-size: 14px;
   color: #fff; background-color: #000;
   padding: 6px 15px; margin: 0;
   border-left: 1px solid #fff;
   text-transform: uppercase;
   clear: both;
   letter-spacing: 1px;
}

h3 a {
	color: #ffc423;
	text-decoration:  none;
	padding-left: 20px;
	background: url(/images/link_arrow.gif) 0 50% no-repeat;
}

h3 a:hover {
   color: #fff;
}

h4 {
   color: #6a737b;
   font-size: 16px; font-weight: bold;
   margin: 20px 0 0 0;
}


	
h4.subheading {
	color: #333;
	margin: .75em 0 0 0;
}

h5 {
   margin: 10px 15px;
   padding: 0 0 15px 0;
   border-bottom: 1px solid #ccc;
   font-weight: bold; font-size: 12px;
   line-height: 125%;
   color: #666;
}

h5 a {
   font-weight: normal;
}


p {
   margin-bottom: 20px;
}

p small {
   font-size: 12px; font-style: italic;
   margin: 5px 0; padding: 0 0 10px 0;
   border-bottom: 1px solid #ccc;
   display: block;
}

a {
   color: #903;
   outline: none;
}

a:hover {
   color: #ffc423;
}

a:active {
   color: #666;
}

em {
   font-style: italic;
}

.last {
   border-right: none !important;
}

.left { float: left; }
.right { float: right; }

.button,
#searchsubmit {
   text-transform: uppercase;
   -moz-border-radius: 13px;
   -webkit-border-radius: 13px;
   border-radius: 13px;
   background-color: #ffc423;
   font: bold 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
   color: #333; text-decoration: none;
   padding: 5px 20px;
   -moz-text-shadow: 0 1px 1px rgba(255,255,255,.75);
   -webkit-text-shadow: 0 1px 1px rgba(255,255,255,.75);
   text-shadow: 0 1px 1px rgba(255,255,255,.75);
   border: none;
   width: auto;
	overflow: visible;
}

.button:hover {
   background-color: #e2ae1f;
   color: #222
}

.button:active {
   background-color: #fc0;
}

fieldset {
   
}

legend {
   font-style: italic; font-size: 12px;
   color: #333;
   background-color: #ccc;
   border-bottom: 1px solid #ccc;
   padding: 3px 20px;
   -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; 
   border-top-right-radius: 5px; border-top-left-radius: 5px;
}

form ul {
   border-top: 1px solid #ccc;
   padding-top: 10px;
}

form li {
   padding: 5px 0; margin: 0 0 5px 0;
}

li label {
   float: left;
   display: block;
   padding-left: 20px;
   width: 200px; width/**/:/**/ 180px;
   line-height: 24px;
   vertical-align: middle;
}

li input.lg,
li textarea.lg {
   float: left;
   width: 400px;
   background-color: #fff;
   border-color: #cccc99;
   border: solid;
   border-bottom: 1px solid #cccc99; border-right: 1px solid #cc9; border-top: 1px solid #cccc99; border-left: 1px solid #cc9;
   padding: 3px 5px;
   font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

li input.lg:focus,
li textarea.lg:focus {
	background-color: #ffc;
	border-top: 1px solid #cccc99;
	border-left: 1px solid #cc9;
	border-top: 1px solid #cccc99;
	border-left: 1px solid #cc9;
}

li.button-row {
   border: solid;
   padding-left: 200px; margin: 0;
}

/* ------------------------------------------------
=Header
------------------------------------------------ */


#primary {
   background-color: #000;
   padding: 0 20px;
   height: 1%;
}

#primary ul li {
   float: left;
}

#primary ul li.last {
   float: right;
}

#primary ul li a {
   text-transform: uppercase;
   color: #fff; font-weight: bold; font-size: 11px;
   line-height: 40px; text-decoration: none;
   padding: 0 10px;
}

#primary ul li.current_page_item a,
#primary ul li.current_page_ancestor a,
#primary ul li.current_page_parent a, {
   color: #ffc423;
}

#primary ul li a:hover     { color: #ffc423 }
#primary ul li a:active    { color: #ccc; }

#engage-nav {
   padding-top: 9px;
   height: 40px; height/**/:/**/ 31px;
}

#primary #engage-nav a {
   height: 22px; width: 176px;
   background: url(/images/button_engage.gif) top left no-repeat;
   padding: 0;
}

#primary #engage-nav a:hover    { background-position: center left; }
#primary #engage-nav a:active   { background-position: bottom left; }

/* ------------------------------------------------
=Content
------------------------------------------------ */

#content {
   padding: 157px 0 30px 0 !important;
   display: block;
   height: 1%;
}

.home #content {
   padding-top: 0 !important;
}

#solutions #content    { background: url(/images/headers/header05.jpg) top left no-repeat; }
#project #content      { background: url(/images/headers/header05.jpg) top left no-repeat; }
#contact #content      { background: url(/images/headers/header03.jpg) top left no-repeat; }
#about #content        { background: url(/images/headers/header07.jpg) top left no-repeat; }
#default #content      { background: url(/images/headers/header02.jpg) top left no-repeat; }
#news #content         { background: url(/images/headers/header06.jpg) top left no-repeat; }
#engage #content       { background: url(/images/headers/header02.jpg) top left no-repeat; }

#article {
   float: left;
   width: 743px;
}

.home #article {
   padding-right: 13px;
   width/**/:/**/ 730px;
}

#article img {
   float: right;
   margin: 20px;
}

#article img.alignleft {
   float: left;
   margin: 0 15px 10px 0;
   padding: 5px;
   border: 1px solid #ccc;
}

#article h2,
#article h4,
#article p {
   padding: 0 15px;
}

#article h2 {
   line-height: 115%;
}

.home #article h2 {
   padding: 0;
}

#article .center-image {
   float: none;
   margin: 0;
}

.home #categories p {
   font-size: 14px; line-height: 125%;
}

.intro {
   font-weight: bold; font-size: 20px;
   line-height: 24px;
   color: #6a737b; text-transform: none;
   background: none;
   margin: 0 0 20px 0;
}

.home .hero {
   margin-bottom: 35px;
}

#categories {
   border-bottom: 5px solid #903;
   padding-bottom: 20px;
}

#categories li {
   float: left;
   width: 186px;
   display: block;
}

.home #categories li {
   width: 243px;
}

#categories li ul li {
   float: none;
   padding: 5px 10px 5px 24px; margin-right: 5px;
   background: url(/images/bullet_yellow.gif) 10px 8px no-repeat;
   width: 145px;
   border-bottom: 1px solid #e5e5e5;
   line-height: 16px;
}

#categories li p {
   padding: 0 10px; margin: 5px 0 10px 0;
}

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

#categories li ul li.featured {
   background: #fff3d3 url(/images/bullet_arrow_yellow.gif) 10px 9px no-repeat;
}

#categories h4 {
   margin: 0; padding: 0;
}

#categories h4 a {
   height: 44px; width: 185px;
   border-left: 1px solid #fff;
}

.home #categories h4 a {
   height: 44px; width: 243px;
   border-left: 1px solid #fff;
}

#categories .last,
#categories .last h4 a {
   width: 184px;
}

.home #categories .last,
.home #categories .last h4 a {
   width: 243px;
}

#about-ttl  { background: url(/images/ttl_about.gif) top left no-repeat; }
#res-ttl    { background: url(/images/ttl_research.gif) top left no-repeat; }
#engage-ttl { background: url(/images/ttl_engage.gif) top left no-repeat; }

#ug-ttl     { background: url(/images/ttl_urban_growth.gif) top left no-repeat; }
#env-ttl    { background: url(/images/ttl_environment.gif) top left no-repeat; }
#ph-ttl     { background: url(/images/ttl_public_health.gif) top left no-repeat; }
#edu-ttl    { background: url(/images/ttl_education.gif) top left no-repeat; }

#categories h4 a:hover,
.home #categories h4 a:hover {
   background-position: bottom left;
}

.form-container {
   border-left: 1px solid #ccc; border-top: 1px solid #ccc;
   background: #eeeeee;
   padding: 20px 20px 10px 20px;
   margin: 20px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

#article p.postmetadata {
   margin: 10px 15px 20px 15px; padding: 10px;
   clear: both;
   background-color: #eee;
}

#article p.postmetadata small {
   border: none;
   margin: 0; padding: 0;
}

div.wpcf7-response-output {
   padding: 20px !important;
}

div.wpcf7-validation-errors {
   background-color: #ffc;
   border: none !important;
   color: #933;
}

.wpcf7-not-valid-tip-no-ajax {
   color: #933 !important;
   display: block;
   clear: both;
   padding-left: 200px;
}

div.wpcf7-mail-sent-ok {
   background-color: #cfc;
   border: none !important;
}

#myFlash {
	width: 990px;
	height: 325px;
	margin-bottom: 35px;
}

.profile {
   width: 530px;
}

.portrait {
   margin-left: 15px;
}

.link-list li {
   padding: 0 15px;
}

/* ------------------------------------------------
=Sidebar
------------------------------------------------ */

#sidebar {
   padding: 0 15px;
   width: 247px; width/**/:/**/ 217px;
   float: left;
   display: inline;
}

#sidebar h4 {
   color: #666;
   text-transform: uppercase;
   font-size: 11px; font-weight: bold;
   margin: 0 0 7px 0;
}

#sidebar p {
   line-height: 125%;
}

#sidebar ul {
   border-top: 1px solid #e5e5e5;
}

#sidebar li {
   border-bottom: 1px solid #e5e5e5;
}

#sidebar li a {
   font-size: 14px; font-weight: bold;
   padding: 5px 8px;
   display: block;
   text-decoration: none;
}

#sidebar li.current_page_item,
#sidebar li.current_page_parent,
#sidebar li.current_page_ancestor {
   background-color: #eee;
}

#sidebar li ul {
   border: none;
   margin: -3px 0 8px 0;
}

#sidebar li ul li {
   border: none;
   background: url(/images/bullet_yellow.gif) 8px 8px no-repeat;
}

#sidebar li ul li.current_page_item a {
   font-weight: bold;
}

#sidebar li ul li a {
   font-size: 12px; font-weight: normal;
   line-height: 18px;
   padding: 3px 12px 3px 22px;
   color: #777 !important;
}

#sidebar li ul li a:hover {
   color: #903 !important;
}

#sidebar label.screen-reader-text {
   display: block;
   font-style: italic; color: #666;
   padding: 5px 0;
}

#sidebar input#s {
   border: none;
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
   padding: 2px;
   width: 200px; width/**/:/**/ 196px;
   margin-bottom: 10px; 
}

.home #sidebar {
   background: #f4f4f4 url(/images/bg_hp_sidebar.gif) top left repeat-x;
   width: 234px;
   margin: 0 0 0 0; padding: 0;
   xoverflow: visible;
}

.home #sidebar h3 {
   border-left: none; border-bottom: 1px solid #ccc;
   background-color: transparent;
   text-transform: none;
   font-size: 22px; line-height: 24px; font-weight: bold;
   color: #333;
   padding: 20px 18px 10px 18px; margin: 0;
   letter-spacing: normal;
}

.home #sidebar ul {
   border: none;
   border-bottom: 1px solid #fff;
}

.home #sidebar li {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #ccc;
}

.home #sidebar li a {
   padding: 8px 18px;
   line-height: 100%;
}

.home #sidebar .sidebar-links {
   border: none;
   margin: 8px 0 0 15px;
}

.home #sidebar .sidebar-links li {
   float: left;
   border: none !important;
   padding: 0; margin-bottom: 10px;
}

.home #sidebar .sidebar-links li.last {
   border-left: 1px solid #666 !important;
}

.home #sidebar .sidebar-links li a {
   color: #666;
   text-transform: uppercase;
   font-size: 11px; font-weight: bold;
   padding: 0 10px; margin: 0;
}

.home #sidebar .sidebar-links li a:hover {
   color: #999;
}

#sidebar dl {
   margin-bottom: 10px;
}

#sidebar dt {
   font-weight: bold;
}

#sidebar dd {
   padding-left: 10px;
}

#sidebar ul.content-list {
   border: none;
   margin-bottom: 10px;
}

#sidebar ul.content-list li {
   border: none;
   list-style-type: disc;
   margin-left: 25px;
}

#sidebar .sidebar-promo {
   background-color: #eee;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding: 15px 15px 5px 15px;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin-top: 20px;
}

.nocomments { display:none; }