/*
	Theme Name: Modern Clix
	Them URI: http://www.rodrigogalindez.com
	Description: A minimal, grid based, elastic theme. Wordpress 2.7 ready.
	Version: 1
	Media: Screen
	Version: Tue 6, Jan 2008
	Author: Rodrigo Galindez
	Author URI: http://www.rodrigogalindez.com
	Tags: black, white, three-columns, fixed-width, custom-header, custom-colors, theme-options, right-sidebar
*/
/* ----------------------------------------------- [ * ] */
/* @import url(css/grid-900.css); */
* {
  margin: 0px;
  padding: 0px; }

/* -------------------------------- [ General Elements ] */
html {
  min-height: 100%;
  /* For Firefox 3.5 or later */
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
  overflow-x: auto; }

/* -------- [ color definitions ] */
/* -------- [ width definitions ] */
/* sidebar: 250px (27.77%), maincontainer: 650px (72.22%), post-meta: 110px (17%), post-content: 540px (83%) */
/* -------- [ type sizes ] */
body {
  font-family: 'lucida sans', verdana, sans-serif;
  font-size: 62.5%;
  background: white;
  color: #111111; }

.hidden, div.like, hr {
  display: none; }

img {
  vertical-align: middle;
  border: 0px; }

h1, h2, h3, h4 {
  padding-left: 2px;
  padding-right: 8px;
  color: #999999;
  margin-bottom: 1em; }

h1 {
  margin-bottom: .3em;
  font-size: 4.2em; }

h2 {
  font-size: 2.4em;
  line-height: 1.3; }

h3 {
  font-size: 1.7em;
  line-height: 1.9; }

h4 {
  margin-bottom: .4em;
  font-size: 1.3em;
  line-height: 1.6; }

h5 {
  font-size: 1.2em;
  line-height: 1.6; }

a:link, a:visited, a:active {
  text-decoration: none;
  font-weight: bold;
  color: #666666; }
  a:link:hover, a:visited:hover, a:active:hover {
    color: #0f83db; }

acronym {
  border-bottom: 1px dotted #eee; }

kbd {
  font-family: "Monaco", "Courier New", fixed;
  font-size: 1em;
  text-transform: uppercase; }

/* ----------------------------------------- [ Wrapper ] */
#wrapper {
  width: 960px;
  max-width: 960px;
  margin: 1em auto 3em;
  overflow: hidden; }

/* ------------------------------------------ [ Header ] */
#header {
  height: 10em;
  width: 960px;
  border-bottom: 1px solid #333333;
  overflow: hidden; }
  #header h1 {
    margin-top: .2em; }
    #header h1 a, #header h1 h2 {
      color: #999999; }
      #header h1 a:hover, #header h1 h2:hover {
        color: #0f83db; }

/* ------------------------------------------ [ Content ] */
#maincontainer {
  font-size: 1.4em;
  line-height: 1.6;
  float: left;
  width: 73%;
  margin-right: 1em; }

#content {
  padding-top: 1em;
  padding-right: 0.4em;
  overflow: hidden;
  float: left; }
  #content .section {
    margin: 0 0 2em 0;
    padding: 1em 0 0 0;
    border-top: 1px dotted #bbb; }
  #content .first {
    border: 0; }

.section {
  margin: 0 0 2em 0;
  clear: both; }

ul.nav {
  margin: 0 0 2em 0;
  list-style-type: none; }

.nav li {
  margin: 0;
  padding: .4em 4px .5em 4px;
  font-size: 1.1em;
  line-height: 1.6;
  border-bottom: 1px dotted #bbb; }
  .nav li.last {
    border-bottom: 0; }

#mainrightcontainer {
  width: 57%; }

.static {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8em;
  line-height: 1.6; }

#mainrightcontainer {
  margin-left: 108px; }

hr.mainrightcontainer {
  display: block; }

#leftside {
  float: left;
  padding: 4px;
  width: 99px; }

/* -------------------------------------------- [ Post ] */
.post {
  padding: 1em 0 2em 0;
  clear: both;
  border-bottom: 1px solid #ccc;
  width: 100%; }

.post-content {
  text-align: left;
  margin-left: 18%;
  padding-left: 0.5em;
  width: 81%; }
  .post-content h3 {
    line-height: .9;
    font-size: 1.4em; }
  .post-content h4 {
    padding-left: 0px; }
  .post-content h5, .post-content code {
    width: 35.7em; }
  .post-content h5 {
    margin-top: 2.5em;
    margin-bottom: .5em;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase; }
  .post-content blockquote {
    margin: 0 3.2em 0 3.2em; }
    .post-content blockquote p {
      padding: 0; }
    .post-content blockquote dl {
      margin: 0 0 1em 0;
      padding-left: 8px;
      padding-right: 8px;
      font-size: 1.2em; }
  .post-content dt {
    margin: 0 0 .5em 0;
    font-weight: bold;
    font-size: 1em; }
  .post-content dd {
    width: 30em;
    margin: 0 0 1em 2em;
    line-height: 1.6; }
  .post-content ul, .post-content ol {
    margin-left: -12px;
    padding-right: 8px;
    list-style-type: none; }
  .post-content li {
    margin: 0 0 1em 0;
    padding-left: 12px;
    font-size: 1em;
    line-height: 1.6; }
  .post-content ol {
    margin-left: 8px !important; }
    .post-content ol li {
      padding-left: 0;
      list-style-type: decimal;
      background: none; }

.post-meta {
  width: 16%;
  float: left;
  font-size: 0.8em; }

.post-last {
  padding-top: 8px; }
  .post-last li {
    list-style-type: none; }

.post-content code {
  font-family: "Monaco", "Courier New", fixed;
  font-size: .9em; }
.post-content pre {
  margin: 2em 0 2em 0;
  padding: 2em;
  font-size: 1.2em;
  background: #eee;
  overflow: auto; }
  .post-content pre code {
    color: #222; }
.post-content quote-author {
  float: right; }

/* -------------------------------------- [ Commentary ] */
#commentary {
  border-top: 1px solid #111;
  padding: 1em 0 0 0;
  overflow: hidden;
  clear: both; }

.comment {
  margin: 0 0 3em 0;
  padding: 1em 0 0 0;
  border-top: 1px dotted #ccc;
  clear: both;
  overflow: hidden; }

.comment dt {
  margin: 0 0 .5em 0;
  font-size: 1.2em;
  line-height: 1.6; }

#leave-comment {
  border-top: 1px solid #111;
  padding: 1.2em 0 0 0;
  overflow: hidden;
  clear: both; }

#leave-comment code {
  font-family: "Monaco", "Courier New", fixed;
  font-size: .9em; }

.comment-field {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: 1px dotted #ccc;
  clear: both;
  overflow: hidden; }

label {
  display: block;
  padding-top: 7px;
  font-size: 1.2em;
  line-height: 1.6;
  font-weight: bold; }

input, textarea {
  width: 94%;
  padding: 8px;
  font-family: lucida sans, verdana, sans-serif;
  font-size: 1.2em;
  border: 1px solid #ccc; }

textarea {
  height: 10em; }

/* ----------------------------------------- [ Sidebar ] */
#sidebar {
  margin: 0.3em;
  width: 23%;
  padding-top: 1em;
  float: right;
  overflow: visible; }
  #sidebar h4 {
    margin-bottom: 0.6em;
    line-height: 1.7; }
  #sidebar p, #sidebar li, #sidebar.tweet_list {
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 4px;
    list-style-type: none; }
  #sidebar ul {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    overflow: visible; }
  #sidebar .section input {
    width: 95%;
    margin: 0 0 1em 0;
    padding: 6px 1px 6px 1px;
    border: 1px solid #ccc;
    background: transparent url(images/bg-search.gif) no-repeat 7px center;
    font-size: 1.3em;
    float: left;
    text-indent: 20px; }
  #sidebar ul.nav {
    margin: 0 0 2em 0;
    list-style-type: none; }
  #sidebar .nav {
    margin: 0;
    padding: .4em 8px .5em 8px;
    font-size: 1.1em;
    line-height: 1.6;
    border-bottom: 1px dotted #bbb; }
    #sidebar .nav li.last {
      border-bottom: 0; }

#tweetside {
  margin-left: 2px;
  font-size: 1.3em; }

#foursq_list li {
  font-size: 13px;
  margin-left: 2px; }

img.icon {
  border: 0px;
  vertical-align: top;
  float: left;
  padding-right: 3px; }

.submit {
  width: auto;
  padding: 0;
  border: 0; }

.navigation {
  margin: 0 0 1em 0;
  padding: 1em 0 0 0;
  list-style-type: none;
  clear: both; }
  .navigation li {
    font-size: 0.9em; }

/* --------------------------------------- [ Footnotes ] */
#footnotes {
  width: 960px;
  border-top: 1px solid #333333;
  padding: 1em 0 0 0;
  overflow: hidden;
  clear: both; }
  #footnotes p {
    margin-bottom: .2em;
    font-size: 1.1em; }
  #footnotes .rss {
    margin-left: 8px;
    padding-left: 16px;
    background: transparent url(images/feed-icon.gif) no-repeat center left; }

/* --------------------------------- [ General Classes ] */
.align-left {
  float: left;
  margin: 0px 10px 5px 0px;
  border: 0px;
  vertical-align: top; }

.small {
  font-size: 1.2em;
  line-height: 1.8; }

/* If you want a text in ALL CAPS */
.ver {
  text-transform: uppercase;
  color: #000; }

/* For by-lines */
.low {
  font-family: Palatino, Georgia, "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  color: #666; }

/* A nice ampersand */
.amp {
  font-family: Baskerville, Georgia, "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #666; }

/* For image captions */
.tooltip {
  display: block;
  padding-top: 8px;
  font-size: .9em; }

.left {
  float: left; }

.right {
  float: right; }

.align-right {
  display: block;
  text-align: right; }

.align-center {
  display: block;
  text-align: center; }

.both {
  clear: both; }

.image {
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: block;
  padding: 7px; }

.nudge-bottom {
  margin-bottom: 1.5em; }

.last-field, .first-post {
  border: 0; }

.title-not {
  width: 33px;
  height: 25px;
  margin: 0 6px 0 0;
  display: block;
  text-indent: -1000em;
  background: transparent url(images/not.gif) no-repeat top left;
  float: left; }

.search-field {
  padding: 0; }

/* Use for full width images (596px) */
.full-image {
  margin-left: -15.2em; }

/* Centering for older posts */
.centered {
  display: block;
  margin: 0 auto; }

.button {
  display: block;
  padding: 8px;
  background: #222;
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.button:hover {
  background: #000; }

/* ---------------------- [ Wordpress required classes ] */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.wp-caption {
  margin: 0.2em;
  padding: 0.4em;
  text-align: center; }
  .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none; }
  .wp-caption p.wp-caption-text {
    margin: .5em 0 .5em 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.6; }

#wp-calendar {
  border-collapse: collapse;
  font-size: 1.1em;
  margin: 0 auto; }
  #wp-calendar caption {
    margin-bottom: .8em;
    font-size: 1.1em;
    font-weight: bold; }
  #wp-calendar thead tr th {
    padding: 1em; }
  #wp-calendar td {
    padding: 1em; }
  #wp-calendar tr {
    padding: 1em; }

/* --------- pablo custom additions for contact page ------------ */
#tbox, #fbox, #flickbox {
  padding: 0px;
  margin: 0px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none; }

#tbox {
  background: #C0DEED;
  color: #333333;
  font-size: 1.1em; }

#fbox {
  background: #ECEFF5; }

div#flickr a.lightbox img {
  border: 1px solid #b3aaa4;
  margin: 1px 3px 1px 3px;
  padding: 3px; }

.tweet {
  font-size: 1em;
  background: #FFF;
  padding: 3px;
  margin: 3px;
  color: #000; }

.tweet_time, .tweet_timestamp {
  font-size: 1em; }

#login {
  font-size: 1.8em;
  float: left; }

#contact-box {
  width: 75%;
  margin: 0px;
  padding: 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: auto; }

#contact-email, #contact-twitter, #contact-facebook, #contact-flickr, #contact-linkedin {
  padding: 4px 0 4px 0;
  margin: 2px 0 2px 0;
  height: auto; }

.contact-icon {
  float: left;
  padding-top: 5px;
  width: 40px;
  height: auto;
  vertical-align: middle; }

.contact-text {
  margin-left: 42px;
  height: auto;
  vertical-align: top;
  text-transform: uppercase; }
  .contact-text a {
    font-size: 0.85em;
    text-transform: none; }

#tboxcontainer {
  text-transform: none; }

/*
#contact-twitter {
}

#contact-facebook {
}

#contact-flickr {
}

#contact-linkedin {
	border-bottom: 0;
} */