/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
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;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* generic html elements */
body {
  font: 12px Helvetica, Arial, Verdana;
  color: #000;
  text-align: left;
}
a {
  text-decoration: none;
  color: #473412;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #473412;
}
/* forms */
input, textarea {
  border: 1px solid #a6db56;
  padding: 5px;
}

strong {
  font-weight: bold;
}

/* generic classes */
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.hidden {
  display: none;
}
.image {
    margin-right: 8px;
    border: 1px solid #eee;
}
.image img {
    margin: 3px;
}
h1.pageTitle {
  font-size: 24px;
  padding: 0 5px;
  margin: 10px 0;
  border-bottom: 2px solid #a6db56;
  color: #473412;
}

/* errors */
/*.fieldWithErrors {
  padding: 2px;
}*/

.formError {
  color: red;
  display: block;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}



/* layout */
#wrapper {
  width: 1020px;
  margin: 0 auto;
}

#header {
  width: 1020px;
  height: 94px;
  background-image: url('/images/layout/header_background_right.gif');
  background-repeat:no-repeat;
  background-position:right;
}

#logo {
  margin: 20px 0 0 20px;
}

#nav {
  width: 1020px;
  height: 34px;
  background-image: url('/images/layout/nav_background_left.gif');
  background-repeat: no-repeat;
  background-position: left;
  background-color: #a6db56;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
}
  #nav li {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    padding: 5px 15px 0;
    height: 25px;
    cursor: pointer;
  }
  #nav li.selected, #nav li.hovered {
    background-color: #fff;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
  }
    #nav li.selected a, #nav li.hovered a {
      color: #473412;
    }
  #nav li a {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
  }
    #nav li a:hover {
      text-decoration: none;
    }

#bd {
  border-right: 2px solid #a6db56;
  border-left: 2px solid #a6db56;
  background-image: url(/images/layout/side_bar_background.gif);
  background-repeat: repeat-y;
  background-position: right;
  overflow: hidden;
}

#content {
  width: 680px;
  float: left;
  padding: 5px;
}

#sidebar {
  width: 320px;
  float: left;
  padding: 3px;
}

#footer {
  width: 1020px;
  height: 34px;
  margin-bottom: 20px;
  background-color: #a6db56;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  color: #fff;
}
  #footer a {
    color: #fff;
  }
/* content */
#articles .row {
  padding: 5px 2px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9fca4;
}
#articles .row.last {
  border-bottom: 0;
}
  #articles .row h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
  }
    #articles .row h3 a {
      
    }
    #articles .row h3 a:hover {
      text-decoration: underline;
      color: #6aa414;
    }
  /*#articles .row p {
  }*/
  #articles .row .withPhoto {
    height: 100px;
  }
  #articles .row .features {
    margin-top: 10px;
  }
    #articles .row .features a:hover{
      text-decoration: underline;
    }
    #articles .row .features .desc {
      padding: 0 10px 0 3px;
    }
  #articles .row .source {
    font-size: 10px;
    color: #999;
  }


/* side bar modules */
#sidebar .module {
  padding: 10px;
}
  #sidebar .module a:hover {
    text-decoration: underline;
  }
 /* #sidebar .module a {
    font-size: 10px;
  }*/
  #sidebar .module h4 {
    font-size: 16px;
    font-weight: bold;
    color: #473412;
    padding: 0 0 5px 0;
  }

#sidebar #mostPopular li {
  margin-left: 5px;
  border-bottom: 1px dashed #d9fca4;
  margin-bottom: 5px;
  padding: 5px 0;
}
  #sidebar #mostPopular li .number {
    font-size: 16px;
    font-weight: bold;
    padding: 2px 9px 0 0;
    color: #a6db56;
    
  }
  #sidebar #mostPopular li .desc {
    width: 250px;
  }
  #sidebar #mostPopular .source {
    font-size: 9px;
    color: #666;
  }
#sidebar #mostPopular a {
  font-weight: normal;
}
#sidebar #friends li {
  margin-left: 11px;
}
#sidebar #share .body {
  padding: 5px 10px 5px 40px;
  background-color: #fff;
  border: 1px solid #d9fca4;
}
#sidebar #share .desc {
  padding: 10px 15px 10px 5px;
}
#sidebar #sponsors .adBlock {
  width: 120px;
  height: 120px;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0px solid #ccc;
  margin-left: 15px;
}
/* /story/xxx/xxxx */

#story h1 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}
  #story h1 a:hover {
    text-decoration: underline;
    color: #6aa414;
  }
#story .source {
    font-size: 10px;
    color: #999;
}
#story #extras {
  margin-top: 30px;
}

/* story comments */
#new_comment label {
  float: left;
  display: block;
  width: 160px;
}
#new_comment p {
  padding: 5px;
  margin-bottom: 10px;
  clear: both;
}
#comments li {
  margin-right: 50px;
}
  #comments li .header {
    padding: 5px;
    border-bottom: 1px solid #d9fca4;
    background-color: #f0ffd9;
  }
  #comments li .author, #comments li .author a {
    font-weight: bold;
  }
  #comments li p {
    padding: 10px 5px 20px 5px;
  }
#comments ul {
  margin-bottom: 30px;
}
#comments #comment_submit {
  background-color: #a6db56;
  border-color: #79B41E;
  color: #fff;
  font-weight: bold;
}
#comments .buttons {
  text-align: right;
  padding-right: 175px;
}
/* feedback */
#new_feedback label {
  float: left;
  display: block;
  width: 160px;
  font-weight: bold;
}
#new_feedback p {
  padding: 5px;
  margin-bottom: 10px;
  clear: both;
}
#feedback #feedback_submit {
  background-color: #a6db56;
  border-color: #79B41E;
  color: #fff;
  font-weight: bold;
}
#feedback .buttons {
  text-align: right;
  padding-right: 200px;
}
#inspiration li {
  float: left;
  padding: 2px;
  border: 1px solid #eee;
  margin: 3px;
  height: 75px;
}

/* badges */
#badgeCodes {
  margin-top: 20px;
}

#badgeCodes li {
  float: left;
  text-align: center;
  padding: 0 30px;
  margin-bottom: 30px;
}
#badgeCodes .imageHolder {
  height: 130px;
}

/* homepage (/) */
.filters li {
  float: left;
  background-color: #fff;
  border: 1px solid #D9FCA4;
  padding: 1px 5px;
  margin-right: 10px;
}
.filters li.selected {
  background-color: #a6db56;
  border-color: #79B41E;
}
/*.filters li a {
  
}*/
.filters li.selected a {
  color: #fff;
}

/* archives */
#archives li {
  list-style: square;
  margin-left: 30px;
  padding-top: 5px;
}

/* about */
#about #content a {
  background-color: #ffefd2;
  padding: 1px 3px;
  text-decoration: underline;
}
  #about #content a:hover {
    text-decoration: none;
  }
  
#footer p {
  padding: 10px 0 0 10px;
}

/* pagination */
.pagination {
  background: white;
  /* self-clearing method: */ }
  .pagination a, .pagination span {
    padding: 5px 10px;
    display: block;
    float: left;
    margin-right: 3px; }
  .pagination span.disabled {
    color: #999;
    border: 1px solid #f0ffd9; }
  .pagination span.current {
    font-weight: bold;
    background: #a6db56;
    color: white;
    border: 1px solid #79b41e; }
  .pagination a {
    text-decoration: none;
    /*color: #105CB6;*/
    border: 1px solid #d9fca4; }
    .pagination a:hover, .pagination a:focus {
      border-color: #79b41e; }
  .pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child+html .pagination {
    overflow: hidden; }


.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0; padding: .2em .2em 0;
  border-bottom: 1px solid #79b41e;
}
.ui-tabs .ui-tabs-nav li { 
  list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;
  border: 1px solid #d9fca4;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;
  border: 1px solid #79b41e;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
  background: #a6db56;
  color: white;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }