/*
 * Style Sheet Name: noC
 * Style Sheet URI: http://www.juangiordana.com.ar/
 * Description: Default Style Sheet for www.juangiordana.com.ar
 * Version: 3.0
 * Author: Juan Francisco Giordana
 * Author URI: http://www.juangiordana.com.ar/
 *
 * Style Sheet built by Juan Giordana. So simple that sucks.
 */

/*
 * XHTML (defaults)
 */
body {margin:0; padding:0; font: 0.8em Arial, Helvetica, Verdana, sans-serif; background:#1d1d20 url('/img/header-bg.jpg') top left repeat-x; color: #fff;}
a {color:#69f; text-decoration:none;}
a:hover, a:active {color:#0cf; text-decoration:underline;}
a:visited {color:#960; text-decoration:none;}
img, a img {border:0;}
form {margin:0; padding:0;}
label {font-size:1em; cursor:pointer;}

code {font-size:1em; color:#9c3; line-height:1.2em;}

pre {background-color:#fafafa; color:#000; padding:0.5em 0 0.5em 0.5em; overflow:auto;}

/*
 * Begin Global
 */
  #wrapper {margin:0 auto; width:980px; background:#1d1d20 url('/img/wrapper-bg.jpg') top left repeat-y;}

  /* Header */
  #header {height:100px; background:#1d1d20 url('/img/header-bg.jpg') top left repeat-x;}
  #logo h1, #header p {margin:0; float:left; background:#1d1d20 url('/img/logo.jpg') top left no-repeat;}
  #logo a {width:370px; height:100px; display:block; text-decoration:none;}
  #logo a span {visibility:hidden;}

  ul#nav {margin:0; padding:0; float:right; position:relative; top:75px; list-style:none; font-size:12px; font-weight:bold; text-align:center;}
  #nav li {margin:0 0 0; padding:0; float:left; line-height:25px;}
  #nav li.last {margin:0}
  #nav li a {width:75px; height:25px; display:block; background:#1d1d20 url('/img/tab.jpg') top left no-repeat; color:#fff; text-decoration:none;}
  #nav li a:hover {background-position:center center; color:#9c0; text-decoration:underline;}
  #nav li a:active {background-position:bottom left; color:#000;}

  /* Contents */
  #contents {margin:0; padding:10px 0 0 20px; float:left; width:564px; min-height:600px; color:#b3b3bb;}
  #contents.fullWidth {width:940px; background:#1d1d20; padding:10px 20px;}

  /* Navigation Bar */
  #sidebar {margin:0 0 0 598px; padding:10px 0 0 10px; color:#fff; background:url('/img/sidebar-bg.jpg') top left repeat-x;}
  #sidebar a {color:#f90;}
  #sidebar h2 {font-size:1.1em; color:#fff; margin:0 0 1em 0; padding:0;}
  #sidebar h3 {font-size:0.9em; color:#fff; margin:0 0 0.5em 0; padding:0;}

  #contents h1, #contents h1 a {font-size:1.5em; color:#993;}
  #contents h2, #contents h2 a {font-size:1.2em; color:#996;}
  #contents h3, #contents h3 a {font-size:1.1em; color:#9c6;}

  /* Footer */
  #footer {clear:both; padding-top:10px; margin:0 0 80% 0; background:#1d1d20; border-top:1px dotted #333;}
  dl.flinks {width:33%; float:left;}
  .flinks a {color: #CC99CC;}
  .flinks dd {margin:0 0.5em;}

  #copy {clear:both; font-size:x-small; text-align:center; color:#999;}
  #copy a {color:#999;}

/* Classes */
  .clear {clear:both;}
  .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

  .ruler {width:75%; height:1px; color:#bbb;}
  .l {text-align:left;}
  .c {text-align:center;}
  .r {text-align:right;}
  .uc {text-transform:uppercase;}
  .lc {text-transform:lowercase;}
  .b {font-weight:bold;}

  /* Show/Hide Events */
  .shown  {display:block;}
  .hidden {display:none;}

  /* Inline lists */
  ul.il {margin:0; padding:0; list-style-type:none;}
  .il li {display:inline; margin:0; padding:0 1em; border-right:1px solid #333;}
  .il li:first-child {padding-left:0;}
  li.last {border:0;}

  /* Two Columns */
  div.tc {margin:0;}
  div.tcl {margin:0; width:50%; float:left;}
  div.tcr {margin:0 0 0 50%;}
  .tcl h3, .tcr h3 {margin:0;padding:0;}

  /* Table */
  table.tbl {width:100%; margin:0 0 20px 0; border-spacing:0;}
  .tbl thead {background-color:#454545; color:#fff;}
  .tbl tbody {background-color:#fff; color:#000;}
  .tbl tfoot tr td {}
  .tbl tbody tr:hover {background-color:#FFFFD9;}
  .tbl th {padding:5px;}
  .tbl td {padding:3px;}
  td.short {width:60px;}
  tr.bg {background-color:#eee;}

  /* Forms */
  dl.forms {margin:0; padding:0;}
  .forms dt {margin:0; padding:0; width:10em; float:left;}
  .forms dd {margin:0 0 0.5em 10em;}

  .req:before {content:"* ";}
  .success {color:olive;}
  .error {color:#c00;}
  .yyyy {width:30px;}
  .day {width:15px;}

  .gmailimg {vertical-align:middle;}
  .rss20 {padding-left:1.5em; background: url('/img/icons/feed-12x12.png') center left no-repeat;}

/* posts */
  .post {margin-bottom:2em;}
  .post h2 a, .post h3 a{text-decoration:underline;}
  .postInfo {margin:1em 0.1em; padding:1em; font-size:0.9em; line-height:120%; background-color:#373737; border:1px dotted #aaa;}

/* comments */
  .comments {margin:10px; padding:10px; line-height:120%;}
  input.comment, textarea.comment {padding:0.2em;width:80%; border:1px solid #333; font:1.2em Arial; color:#333; background-color:#fbfbfb;}
  input.comment:hover, textarea.comment:hover, input.comment:focus, textarea.comment:focus {background-color:#fff;}
  .commentsList li {width:458px; margin:0 0 0.5em 0.5em; padding:1px 5px;}
  #commentsMsg {margin-left:7em; font-size:medium;}
  .author {background-color:#444; color:#ccc;}
  .anonym {background-color:#333;}
  .author, .anonym {padding:0.1em  0.2em 0}

	#captcha {margin-left:1em; padding:0; width:150px; height:30px; vertical-align:top; border:none; font-size:20px; text-align:center; letter-spacing:5px; text-transform:uppercase;}

/* contact */
  input.contact, textarea.contact {padding:0.2em;width:80%; border:1px solid #333; font:1.2em Arial; color:#333; background-color:#fbfbfb;}
  input.contact:hover, textarea.contact:hover,
  input.contact:focus, textarea.contact:focus {background-color:#ffe;}

/* Sidebar Category */
#category a {color:#9c0;}
#category a:hover {text-decoration:underline;}
#category ul {margin:1em 0; padding:0; list-style:none;}
#category ul li {margin:0 0 0 1em; padding:0;}

/* Sidebar Archive */
#archive a {color:#ccc;}
#archive a:hover {color:#8080C0;}
#archive h3 {margin:1em 0; padding:0;}
#archive dt {font-weight:bold;}
#archive dd {margin:0; padding:0;}
#archive ul {margin:0.5em 0; padding:0; list-style:none;}
#archive ul li {margin-left:1em;}

/* Sociable */
ul.sb {margin:0; padding:0; list-style-type:none;}
.sb li {display:inline; margin:0; padding:0 0.5em 0.5em 0;}
.sb li:first-child {padding-left:0;}
.sb a {display:inline-block; width:18px; height:18px;}
.sb li a:hover{text-decoration:underline;}
.sb li a span {display:none;}

#sb-delicious {background: url('/img/icons/sb-delicious.png') top left no-repeat;}
#sb-digg {background: url('/img/icons/sb-digg.png') top left no-repeat;}
#sb-technorati {background: url('/img/icons/sb-technorati.png') top left no-repeat;}
#sb-fresqui {background: url('/img/icons/sb-fresqui.png') top left no-repeat;}
#sb-meneame {background: url('/img/icons/sb-meneame.png') top left no-repeat;}
#sb-bloglines {background: url('/img/icons/sb-bloglines.png') top left no-repeat;}
#sb-reddit {background: url('/img/icons/sb-reddit.png') top left no-repeat;}
#sb-furl {background: url('/img/icons/sb-furl.png') top left no-repeat;}
#sb-blinklist {background: url('/img/icons/sb-blinklist.png') top left no-repeat;}
#sb-magnolia {background: url('/img/icons/sb-magnolia.png') top left no-repeat;}
#sb-stumbleupon {background: url('/img/icons/sb-stumbleupon.png') top left no-repeat;}
#sb-spurl {background: url('/img/icons/sb-spurl.png') top left no-repeat;}
#sb-rojo {background: url('/img/icons/sb-rojo.png') top left no-repeat;}
#sb-shadows {background: url('/img/icons/sb-shadows.png') top left no-repeat;}
#sb-simpy {background: url('/img/icons/sb-simpy.png') top left no-repeat;}
#sb-comments {background: url('/img/icons/sb-comments.png') top left no-repeat;}
#sb-scuttle {background: url('/img/icons/sb-scuttle.png') top left no-repeat;}
#sb-yahoo {background: url('/img/icons/sb-yahoo.png') top left no-repeat;}
#sb-google {background: url('/img/icons/sb-google.png') top left no-repeat;}
#sb-fsdaily {background: url('/img/icons/sb-fsdaily.png') top left no-repeat;}
#sb-icerocket {background: url('/img/icons/sb-icerocket.png') top left no-repeat;}
#sb-newsvine {background: url('/img/icons/sb-newsvine.png') top left no-repeat;}

/*
 * Images are wrapped in divs classed "flickr_badge_image" with ids
 * "flickr_badge_imageX" where "X" is an integer specifying ordinal position.
 * Below are some styles to get you started!
 */
#flickr_badge_uber_wrapper {width:450px; margin:0 auto;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px; float:left; width:120px; height:150px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}