body {min-width: 1000px; background: #e7e8e2; color: #5a5a5a;}

.clear {clear: both; overflow: hidden; height: 0; font-size: 1px;}

#wrapper {background: #fff url(../i/bg-header.png) 0 0 repeat-x;}
#wrapper-inner {background: transparent url(../i/bg-content.png) 50% 97px no-repeat;}

/* @group Header */
#header {position: relative; height: 97px; width: 950px; margin: 0 auto;}

#header h1 {position: absolute; left: 11px; top: 42px; margin: 0;}
#tagline {position: absolute; right: 33px; top: 42px; height: 17px; width: 211px; margin: 0; background: url(../i/the-future-of-iran.png) 0 0 no-repeat; text-indent: -10000px;}

#nav {list-style-type: none; position: absolute; right: 34px; top: 61px; width: 500px; margin: 0; text-align: right;}
#nav li {display: inline; margin: 0; padding: 3px 14px 3px 12px; background: url(../i/nav-divider.png) 100% 50% no-repeat; font: bold .917em/2 Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase;}
#nav li.last {padding: 0 0 0 12px; background: transparent;}
#nav a {color: #999; text-decoration: none;}
#nav a:hover {color: #4d4e4e;}

#nav li.selected {padding-left: 6px;}
#nav .selected a {padding: 0 0 0 6px; background: url(../i/arrow-selected.png) 0 50% no-repeat; color: #4d4e4e;}
/* @end */

/* @group Footer */
#footer-wrapper {height: 94px; background: url(../i/bg-footer.png) 0 0 repeat-x;}
#footer {height: 64px; width: 910px; margin: 0 auto; padding: 30px 20px 0;}

#footer p {margin: 0; color: #8f8f8f; font-size: .834em;}
#footer #copyright {font-size: 1em;}
/* @end */

/* @group Content */
#content {width: 910px; margin: 0 auto; padding: 22px 25px 30px;}

#main {display: inline; float: left; width: 600px;}
#sidebar {display: inline; float: right; width: 290px;}

#main_full {width: 910px;}

  /* @group Banners */
  .banner {overflow: hidden; position: relative; height: 301px; width: 600px; margin: 0 0 32px; text-indent: -10000px;}
  .banner .more a {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../i/blank.png) 0 0 repeat; cursor: pointer;}
  
  #hope-for-iran {background: url(../i/banners/hope-for-iran.jpg) 0 0 no-repeat;}
  #omids-mission {background: url(../i/banners/omids-mission.jpg) 0 0 no-repeat;}
  #in-focus {background: url(../i/banners/in-focus.jpg) 0 0 no-repeat;}
  #take-action {background: url(../i/banners/take-action.jpg) 0 0 no-repeat;}
  #contact-us {background: url(../i/banners/contact-us.jpg) 0 0 no-repeat;}
  /* @end */
  
  /* @group Titles */
  .title {overflow: hidden; position: relative; height: 17px; margin: 0 0 20px; text-indent: -10000px;}
  
  #t-more-resources-full {width: 910px; margin-bottom: 30px; background: url(../i/titles/more-resources-alt.png) 0 0 no-repeat;}
  
  #t-featured-articles {width: 601px; margin-left: -1px; margin-bottom: 10px; background: url(../i/titles/featured-articles.png) 0 0 no-repeat;}
  #t-in-focus-articles {width: 600px; margin-bottom: 10px; background: url(../i/titles/in-focus-articles.png) 0 0 no-repeat;}
  #t-reader-comments {width: 600px; margin-bottom: 5px; background: url(../i/titles/reader-comments.png) 0 0 no-repeat;}
  #t-our-mission {width: 600px; background: url(../i/titles/our-mission.png) 0 0 no-repeat;}
  #t-our-team {width: 600px; margin-bottom: 10px; background: url(../i/titles/our-team.png) 0 0 no-repeat;}
  #t-contact-us {width: 600px; margin-bottom: 15px; background: url(../i/titles/contact-us.png) 0 0 no-repeat;}
  #t-happening-now {width: 601px; margin: 0 0 10px -1px; background: url(../i/titles/happening-now.png) 0 0 no-repeat;}
  #t-past-actions {width: 600px; margin-bottom: 10px; background: url(../i/titles/past-actions.png) 0 0 no-repeat;}
  #t-sign-petition {width: 600px; margin-bottom: 15px; background: url(../i/titles/sign-petition.png) 0 0 no-repeat;}
  
  #t-latest-news {width: 290px; background: url(../i/titles/latest-news.png) 0 0 no-repeat;}
  #t-key-documents {width: 290px; background: url(../i/titles/key-documents.png) 0 0 no-repeat;}
  #t-selected-videos {width: 290px; background: url(../i/titles/selected-videos.png) 0 0 no-repeat;}
  #t-more-resources {width: 290px; margin-bottom: 15px; background: url(../i/titles/more-resources.png) 0 0 no-repeat;}
  #t-reports-publications {width: 290px; margin-bottom: 15px; background: url(../i/titles/reports-publications.png) 0 0 no-repeat;}
  #t-history-culture {width: 290px; background: url(../i/titles/history-culture.png) 0 0 no-repeat;}
  /* @end */
  
  /* @group Articles (list) */
  .articles {margin: 0 0 20px;}
  .article {border-bottom: 1px solid #d6d6d6; padding: 20px 0 20px 160px;}
  .articles .last {border: 0;}
  .article .article-img {display: inline; float: left; position: relative; width: 130px; width: 130px; margin: -6px 0 -6px -166px; padding: 11px; background: url(../i/img-frame.png) 0 0 no-repeat;}
  .article h3 {margin: 0 0 .25em; padding: .25em 0 0; color: #333; font-size: 1.5em;}
  .article h3 a {color: #333; text-decoration: none;}
  .article h3 a:hover {color: #9d3350;}
  .article p {margin: 0 0 .25em;}
  .article p.meta {color: #d5d5d5;}
  .article p.meta .date {padding: 0 5px 0 0; color: #3d8e8b;}
  .article p.meta .signatures, .article p.meta .author {padding: 0 0 0 5px; color: #333;}
  .article .more a {padding: 0 0 0 10px; background: url(../i/arrow.png) 0 45% no-repeat; color: #3d8e8b; font-weight: 700; text-decoration: none; text-transform: uppercase;}
  .article .more a:hover {color: #9d3350;}
  
  .articles-navigation {overflow: hidden; margin: 15px 0 0;}
  * html .articles-navigation {overflow: visible; height: 1%;}
  .articles-navigation div.left {float: left;}
  .articles-navigation div.right {float: right;}
  .articles-navigation a {color: #3d8e8b; font-weight: 700;}
  .articles-navigation a:hover {text-decoration: none;}
  /* @end */
  
  /* @group Article (full) */
  .article-full h2 {margin: 0 0 .25em; font: normal 2.334em/1 'Arial Narrow', Arial, Helvetica, sans-serif;}
  .article-full p.meta {color: #d5d5d5;}
  .article-full p.meta .date {padding: 0 5px 0 0; color: #3d8e8b;}
  .article-full p.meta .signatures, .article-full p.meta .author {padding: 0 0 0 5px; color: #333;}
  .article-content {padding: 0 0 15px;}
  .article-content a {color: #3d8e8b; text-decoration: underline;}
  .article-content a:hover {text-decoration: none;}
  .article-content h3 {margin: 0 0 1em; color: #333; font-size: 1.25em;}
  .article-content h4 {margin: 0 0 .5em; color: #444; font-size: 1em;}
  
  #comments {list-style-type: none; margin: 0;}
  .comment {border-bottom: 1px solid #d4d4d4; margin: 0; padding: 10px 20px 1px; font-size: .917em;}
  .comment p {margin: 0 0 1em; color: #696969;}
  .comment .meta {margin: 0 0 .25em;}
  .comment a {color: #3d8e8b; text-decoration: underline;}
  .comment a:hover {text-decoration: none;}
  
  #post-comment {border-top: 1px solid #d4d4d4;}
  #post-comment a {color: #3d8e8b; text-decoration: underline;}
  #post-comment a:hover {text-decoration: none;}
  /* @end */
  
  /* @group Basic Form */
  .basic-form {border-bottom: 2px solid #d4d4d4; border-top: 2px solid #d4d4d4; padding: 10px 20px; background: #eaebe6;}
  .basic-form h4 {margin: 0; color: #333; font-size: 1em;}
  .basic-form p {margin: 0 0 1em;}
  .basic-form .field {margin: 0 0 5px;}
  .basic-form .left, .basic-form .right {clear: both; float: left; width: 275px;}
  .basic-form .right {clear: none; float: right;}
  .basic-form input.text {width: 267px; color: #333;}
  .basic-form textarea {width: 552px; color: #333;}
  .basic-form .field .default {color: #555;}
  .basic-form .submit {text-align: right;}
  .basic-form .submit button {height: 24px; width: 84px; border: 0; margin: 0; padding: 0; background: url(../i/btn-submit.png) 0 0 no-repeat; text-indent: -10000px;}
  /* @end */
  
  /* @group Plain Content Page */
  .content {margin: 0 0 2em;}
  .content blockquote {margin: -.5em 0 0; padding: 0; color: #999; font: normal 1.5em 'Arial Narrow', Arial, Helvetica, sans-serif;}
  .content blockquote p {margin: 0 0 1em;}
  /* @end */
  
  /* @group Team Members */
  .our-team-member {border-bottom: 1px solid #d6d6d6; padding: 20px 0 20px 160px;}
  .our-team-member .our-team-member-img {display: inline; float: left; position: relative; width: 130px; width: 130px; margin: -6px 0 -6px -166px; padding: 11px; background: url(../i/img-frame.png) 0 0 no-repeat;}
  .our-team-member h3 {margin: 0 0 .25em; padding: .25em 0 0; color: #333; font-size: 1.5em;}
  .our-team-member p {margin: 0 0 .25em;}
  .our-team-member a {color: #3d8e8b; text-decoration: none;}
  .our-team-member a:hover {text-decoration: underline;}
  /* @end */

  /* @group Sidebar */
  #featured {overflow: hidden; height: 302px; width: 290px; margin: 0 0 31px; background: url(../i/bg-featured.png) 0 0 no-repeat;}
  #featured .item {position: relative; height: 84px; width: 172px; margin: 0 0 4px; padding: 14px 14px 0 104px;}
  
  #featured h3 {margin: 0; font-size: 1em; text-transform: uppercase;}
  #featured p {margin: 0; font-size: .917em; line-height: 1.4;}
  #featured .action {font-size: .834em;}
  #featured .action a {position: absolute; left: 103px; top: 69px; height: 17px; width: 82px; color: #fff; font-weight: 700; line-height: 18px; text-align: center; text-decoration: none; text-transform: uppercase;}
  
  #featured .featured-1 {background: url(../i/content/featured-1.jpg) 14px 12px no-repeat;}
  #featured .featured-2 {background: url(../i/content/featured-2.jpg) 14px 12px no-repeat;}
  #featured .featured-3 {background: url(../i/content/featured-3.jpg) 14px 12px no-repeat;}
  
  .item-list {margin: 0 0 20px;}
  .item-list ol {list-style-type: none; margin: 0;}
  .item-list li {border-bottom: 1px solid #e7e7e7; margin: 0; padding: 8px 12px 8px 38px; background: url(../i/icon-numbers.png) 9px 9px no-repeat; color: #9d3350; font-size: .917em; font-weight: 700; line-height: 1.3;}
  * html .item-list li {height: 1%;}
  .item-list strong {display: block; margin: 0 0 3px;}
  .item-list a {color: #333; text-decoration: none;}
  .item-list a:hover {text-decoration: underline;}
  .item-list span {color: #666;}
  .item-list span.date {color: #a8a3a4; text-transform: uppercase;}
    
  .item-list-alt {padding: 0 0 15px;}
  .item-list-alt h4 {border-bottom: 4px solid #dae1e1; margin: 0; padding: 0 0 5px 10px; color: #3d8e8b; font: bold 1.5em 'Arial Narrow', Arial, Helvetica, sans-serif;}
  .item-list-alt ol {list-style-type: none; border-bottom: 1px solid #dae1e1; margin: 1px 0 15px; background: #f3f4ef;}
  .item-list-alt li {border-bottom: 1px solid #fff; margin: 0; padding: 8px 12px 8px 38px; background: url(../i/icon-numbers-alt.png) 9px 9px no-repeat; color: #9d3350; font-size: .917em; font-weight: 700;}
  * html .item-list-alt li {height: 1%;}
  .item-list-alt strong {display: block;}
  .item-list-alt span {color: #666;}
  .item-list-alt a {color: #333; text-decoration: none;}
  .item-list-alt a:hover {color: #3d8e8b;}
  
  .item-list .item-2, .item-list-alt .item-2 {background-position: -291px 9px;}
  .item-list .item-3, .item-list-alt .item-3 {background-position: -591px 9px;}
  .item-list .item-4, .item-list-alt .item-4 {background-position: -891px 9px;}
  .item-list .item-5, .item-list-alt .item-5 {background-position: -1191px 9px;}
  
  #sidebar blockquote {overflow: hidden; position: relative; margin: 0 -10px 0 0; padding: 0; height: 210px; width: 300px; background: url(../i/quote.png) 0 0 no-repeat; text-indent: -10000px;}
  
  #videos {margin: 0 0 20px;}
  #videos object, #videos embed {margin: 0 0 10px;}
  
  .promoted-article {border-top: 4px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 0 0 20px;}
  .promoted-article .inner {overflow: hidden; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 12px 12px; background: #f3f4ef;}
  * html .promoted-article .inner {overflow: visible; height: 1%;}
  .promoted-article h3 {margin: 0 0 .67em; font-size: 1em; text-transform: uppercase;}
  .promoted-article h3 a {color: #3d8e8b; text-decoration: none;}
  .promoted-article h3 a:hover {text-decoration: underline;}
  .promoted-article p {margin: 0 0 .67em; font-size: .917em; line-height: 1.5;}
  .promoted-article .action a {padding: 0 0 0 10px; background: url(../i/arrow.png) 0 45% no-repeat; color: #3d8e8b; font-weight: 700; text-decoration: none;}
  .promoted-article .action a:hover {text-decoration: underline;}
  .promoted-article img {float: left; position: relative; border: 1px solid #e3e4df; margin: -2px 10px 5px 0; padding: 5px; background: #fff;}
  /* @end */
/* @end */

/* @group IE6 */
* html .item-list li, * html .item-list-alt li {height: 1%;}
/* @end */