/* --------------------------------------------------------------

   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.

-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */


#lime_bar {
  font-size: 0.9em !important;
  line-height: 1.1em !important;
}

h1 {
  display: none;
  font-weight: normal;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.5em;
  text-align: right;
  color: #222;
  margin: 2.5em 0 1em 0;
}

h2, h4 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 1.5em;
  text-transform: uppercase;
  font-family: Georgia, serif;
}

body {
  padding-top: 100px;
  background: url(../assets/nuttnet-jumping_logo.jpg) no-repeat scroll center 65px;;
  color: #222;
  /* font-size: 0.8em; */
  background-color: #ececec;
  font-family: Georgia, serif;
}

.container {
  margin-top: 310px;
}

#down_arrows,
#down_arrows_color {
  width: 81px;
  height: 364px;
  position: absolute;
  top: 20px;
  right: 10px;
}

#down_arrows { background: url(../assets/arrows.png) top left no-repeat; display: none; }
#down_arrows_color { background: url(../assets/arrows_color.png) top left no-repeat; }

#switch {
  cursor: pointer;
  width: 138px;
  height: 155px;
  background: url(../assets/switch.png) top left no-repeat;

  position: absolute;
  top: 20px;
  right: 100px;
  display: none;
}

#borders div {
  height: 1em;
  margin-bottom: 1em;
}

#borders #column1 {
  background-color: #757575;
}

#borders #column2 {
  background-color: #353535;
}

#borders #column3 {
  background-color: #828282;
}

#borders #column4 {
  background-color: #acacac;
}

/* ======================================================= *
 * Post                                                    *
 * ======================================================= */

div.post {
 border-bottom: 1px solid #CCC;
 padding-bottom: 1em;
 margin-bottom: 0.8em;
 font-size: 1.4em;
}
div.post div.post_meta span.month {
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
}

div.post div.post_meta span.day {
  font-size: 3em;
  line-height: 0.7em;
  padding-bottom: 1em;
  vertical-align: top;
}

div.post div.post_meta span.th {
  font-weight: bold;
  vertical-align: top;
}

div.post div.post_meta span.year {
  font-weight: bold;
  color: #888;
  vertical-align: top;
}

div.post div.post_meta div.post_date {
  margin-bottom: 0.9em;
 }

div.post div.post_meta {
  margin-bottom: 1.8em;
}

div.post div.post_meta div.post_author .key,
div.post div.post_meta div.post_tags   .key {
  font-style: italic;
}

div.post div.post_meta div.post_author .value,
div.post div.post_meta div.post_tags   .value {
  font-weight: bold;
}

div.post div.post_main div.post_body {
  margin-bottom: 1.8em;
  margin-right: 12px;
}

div.section_navigation {
  margin-top: 1em;
  margin-bottom: 1.8em;
  padding-top: 0.6em;
  border-bottom: 1px solid #CCC;
}

/* ======================================================= *
 * Comments                                                *
 * ======================================================= */

ul#comment_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#comment_form div#comment_form_user_info input {
  width: 380px;
}

div#comment_form div#comment_form_user_field,
div#comment_form div#comment_form_email_field {
  position: relative;
  margin-bottom: 1em;
  height: 2.4em;
}

div#comment_form div#comment_form_user_info label {
  position: absolute;
}

div#comment_form div#comment_form_user_info div input {
  margin-left: 200px;
  background-color: #EEE;
  border: 1px solid #BBB;
}

div#comment_form div#comment_form_user_info div input:focus {
  background-color: #FFF;
}

div#comment_form div#comment_form_user_info .tip {
  display: none;
  margin-left: 200px;
}

div#comment_form div#comment_sign_in {
  margin-left: 200px;
}

div#comment_form div#comment_form_content_field label {
  float: left;
  vertical-align: top;
  width: 200px;
}

div#comment_form div#comment_form_content_field textarea {
  padding: 0;
  margin: 0 0 1em 0pt;
  width: 380px;
  height: 150px;
}

div#comment_form div#comment_form_buttons {
  margin-left: 200px;
  margin-bottom: 1em;
}

/* ======================================================= *
 * Plugins                                                 *
 * ======================================================= */
div.plugin_block .section {
  margin-bottom: 3em;
}

div.plugin_block #search form .form_input {
  width: 118px;
}

div.plugin_block #media_recent_images ul {
  list-style-type: none;
  margin: 0;
}

div.plugin_block #media_recent_images ul li img {
  margin: 0;
}

/* ======================================================= *
 * Links                                                   *
 * ======================================================= */
a {
  text-decoration: none;
  color: #000;
}
a:visited {
  color: #222;
}

a:hover {
  text-decoration: underline;
  color: #26a;
}