/*
Theme Name: Rafa Baronesi Site
Theme URI: http://rafabaronesi.com/
Description: The very first version of the theme for the Rafa's website.
Version: 1
Author: Nicolás Fantino
Author URI: http://www.100px.com/

This theme IS copyrighted and IS NOT released under GPL License and it SHOULD NOT be used (nor be copied, distributed, etc.) on other site than http://www.rafaelbaronesi.com without express consent of the site's author
*/

/*** reseting stuff ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*** beloved clearfix ***/
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
/*** /reset ***/

/*** basics ***/
body {
background:#f1f1f1;
color:#6B6C6D;
font:63%/1.4 arial,helvetica,sans-serif;
/*text-align:center*/
}
a {
color:#e32;
text-decoration:none
}
a:hover {
color:#000
}
p {
margin:0 0 1em 0
}
strong, b {
font-weight:bold
}
em, i {
font-style:italic
}
small {
font-size:.9em
}
h5 {
font-size:1.8em;
font-weight:bold;
letter-spacing:-.05em
}

/*** positions ***/
#supercontainer {
background:#fff url(_img/bkg.gif) repeat-x 0 0;
border-bottom:1px solid #ddd;
padding-top:15px
}
#container {
width:960px;
margin:0 15px;
text-align:left
}
#header {
position:relative;
height:330px;
/*margin-top:15px;*/
background:transparent url(_img/header-1.jpg) no-repeat 0 0
}

/*** header ***/
#header h1 a {
font-size:3em;
font-weight:bold;
text-transform:uppercase;
color:#fff;
background:#e32;
width:155px;
height:60px;
padding:6px 10px;
line-height:1;
display:block;
position:absolute;
top:35px;
left:0
}
#header h1 a:hover {
background:#000;
color:#e32
}
#header h2 {
position:absolute;
top:-1000em;
left:-1000em
}
#menu {
position:absolute;
top:36px;
right:0
}
#menu li {
display:inline;
float:left;
}
#menu a {
font-size:1.1em;
font-weight:bold;
text-transform:lowercase;
display:block;
float:left;
width:128px;
height:71px;
text-align:center;
line-height:71px
}
#menu a:hover {
background-color:#faf5f5
}

/*** footer ***/
#footer {
background:#e32;
width:960px;
margin:0 15px;
text-align:left;
position:relative
}
#footer h1 {
font-size:3em;
font-weight:bold;
text-transform:uppercase;
color:#fff;
padding:6px 10px;
line-height:1;
display:block;
}
#footer p {
position:absolute;
top:3px;
right:10px;
width:80px
}
#footer p a {
width:35px;
height:35px;
display:block;
float:left;
margin:0 2px;
text-indent:-1000em
}
#footer p a:hover {
background-position:0 -90px;
}
.cc {
background:transparent url(_img/cc.gif) no-repeat 0 0
}
.wp {
background:transparent url(_img/wp.gif) no-repeat 0 0
}

/*** content ***/
#content {
position:relative
}
	/* data */
#content #data {
width:480px;
float:right;
position:relative
}
#data #blog {
position:absolute;
top:-1000em;
left:-1000em
}
#data .pagetitle {
position:relative;
margin-top:-1.4em;
font-size:2em;
letter-spacing:-.05em
}
.post {
margin-bottom:30px;
border-top:1px solid #e32;
padding-top:.5em;
position:relative
}
.post h4 {
font-size:3em;
letter-spacing:-.05em;
line-height:1;
font-weight:bold;
margin-bottom:.3em
}
.post .date {
font-size:1.2em;
font-weight:bold;
line-height:1;
margin:0;
}
.post.latest {
/*margin-top:-5.7em !important;
border-top:0;*/
border-top:10px solid #e32;
/*padding-top:0*/
}
.post.latest h4 {
font-size:4em;
letter-spacing:-.05em;
line-height:1;
font-weight:bold;
margin-bottom:.3em
}
.post.latest .date {
font-size:1.4em;
font-weight:bold;
line-height:1;
margin:0
}
.h-thumb a {
border:1px solid #ccc;
display:block
}
.h-thumb a:hover {
border-color:#555
}
.h-thumb a img {
border:0;
margin:2px;
vertical-align:bottom
}
.h-thumb {
float:right;
width:190px;
height:190px;
margin:0 0 10px 20px
}
.postbody {
font-size:1.2em;
}
.postmeta {
margin-top:15px;
padding:10px 7px;
border:5px solid #eee;
font-size:1.2em;
font-weight:bold;
zoom:1
}
.postmeta .tags {
padding:3px 0 5px 30px;
font-size:.9em;
font-weight:normal;
line-height:1.5em;
display:block;
background:transparent url(_img/ico-tags.gif) no-repeat 10px 3px
}
a.comments {
background:transparent url(_img/bkg-a-comments.gif) no-repeat 0 0;
padding:2px 0 2px 30px
}
a.comments:hover {
background-position:0 -30px
}
a.akst_share_link {
margin-left:20px;
color:#188A41;
background:transparent url(_img/bkg-a-sharethis.gif) no-repeat 0 0;
padding:2px 0 2px 20px
}
a.akst_share_link:hover {
background-position:0 -30px;
color:#000
}
#akst_form {
font-size:1.2em
}

/*** extras ***/
#content #extras {
width:450px;
float:left;
position:relative
}
* html #content #extras {
float:none
}
#content #extras * {
zoom:1
}
#teaser {
background:#e32;
color:#fff;
padding:10px
}
#teaser h3 {
font-size:3em;
letter-spacing:-.05em;
line-height:1;
font-weight:bold;
}
#teaser p {
font-size:1.1em;
line-height:1.1;
margin-bottom:0
}
#banners {
position:relative;
z-index:1000
}
#banners ul {
position:relative;
z-index:1000
}
#banners ul li {
display:inline;
font-size:3em;
font-weight:bold;
letter-spacing:-.05em;
position:relative;
line-height:.8
}
#banners ul li a {
display:block;
width:223px;
height:98px;
float:left;
position:relative;
border-width:1px;
border-style:solid
}

#banners ul li a span {
position:absolute;
padding-right:10px;
bottom:8px;
left:10px
}
#banners ul li#contact a {
background:#089DCB url(_img/bkg-contact.jpg) no-repeat 50% 50%;
border-color:#089DCB;
color:#044F64
}
#banners ul li#youtube a {
background:#478B38 url(_img/bkg-youtube.jpg) no-repeat 50% 50%;
border-color:#478B38;
color:#20401A
}
#banners ul li#press a {
background:#D31B1D url(_img/bkg-press.jpg) no-repeat 50% 50%;
border-color:#D31B1D;
color:#750F0F
}
#banners ul li#book a {
background:#D27D00 url(_img/bkg-book.jpg) no-repeat 50% 50%;
border-color:#D27D00;
color:#683F00
}
#banners ul li#contact a:hover,
#banners ul li#youtube a:hover,
#banners ul li#press a:hover,
#banners ul li#book a:hover {
background:#000;
color:#fff;
/*background:#fff url(_img/bkg-banners-a-hover.gif) repeat 0 0;*/
border-color:#000
}

#tabs {
padding:20px 0;
position:relative
}
#nanotabs {
position:relative;
z-index:10;
}
#nanotabs li {
display:inline;
font-size:1.6em;
line-height:1;
letter-spacing:-.05em;
font-weight:bold
}
#nanotabs li a {
color:#A6D0E7;
display:block;
padding:7px 10px;
margin-right:2px;
float:left;
border:1px solid #CAE3F1;
}
#nanotabs li a.selected, #nanotabs li a.selected:hover {
border-bottom-color:#fff;
color:#409BCC;
}
.list1 {
position:relative;
top:-1px;
z-index:1;
clear:both;
background:#DCEFFA url(_img/bkg-nanotabs-box.png) repeat-x 0 0;
border:1px solid #CAE3F1;
font-size:1.5em;
font-weight:bold;
padding:10px
}
.list1 a {
padding-top:2px;
color:#419BCC;
background: transparent url(_img/bkg-extras-li-a.gif) no-repeat 0 0;
padding-left:25px;
}
.list1 a:hover {
color:#000;
background-position:0 -50px
}
.list1 ul ul a, #tagcloud a {
background-image:none;
padding-left:0
}
.block {
position:relative;
}
.block .innerblock {
position:relative;
border-top:1px solid #419BCC;
background: transparent url(_img/bkg-innerblock.png) repeat-x 0 0;
padding:0 5px 5px;
margin-bottom:20px
}
.block .innerblock h3 {
font-size:1.6em;
font-weight:bold;
color:#419BCC;
margin-bottom:.5em
}
.block .innerblock ul {
font-size:1.4em;
font-weight:bold
}
.block .innerblock a {
color:#419BCC
}
.block .innerblock a:hover {
color:#000
}

/*- SideTabs -*/
.sideTabs .idTabs{
	font-size: 12px;
	height: 28px;
	letter-spacing: -1px
}
.sideTabs .idTabs li{
	float: left;
	line-height: 28px;
	text-transform: uppercase
}
.sideTabs .idTabs li a{
	background: url(images/tab.gif) no-repeat left top;
	color: #FFFFFF;
	display: block;
	height: 28px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 110px
}
.sideTabs .idTabs li.last a{
	margin: 0
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	color: #FF7800;
	background: url(images/tab-.gif) no-repeat left top;
	text-decoration: none
}
/*** page ***/
.page .post.latest {
/*margin-top:-4.5em*/
}


/*** single ***/
	/* comments */
#comments, #respond h3 {
font-size:2em;
letter-spacing:-.05em;
margin-bottom:.5em
}
.comment {
font-size:1.2em;
border-top:1px solid #ddd;
padding-top:3px;
margin-bottom:20px;
position:relative;
}
cite.fn {
font-size:1.8em;
letter-spacing:-.05em;
font-style:normal
}
.comment .says {
display:none
}
.comment-meta {
position:absolute;
top:1.5em;
right:0
}
ul.children {
font-size:.85em;
padding-left:15px
}
#respond {
border:1px solid #ddd;
background:#f1f1f1;
padding:10px
}
#commentform {
font-size:1.2em
}
textarea#comment {
width:450px
}
.single a.akst_share_link {
margin-left:0
}
.wp-caption {
border:1px solid #ddd;
background:#f1f1f1;
font-size:1.1em;
text-align:center;
padding-top:3px
}
.wp-caption img {
border:1px solid #ddd;
}
.wp-caption.alignright {
margin:0 0 .5em 1em
}

/*** widgets ***/
	/* links */
#linkcat-2 li a {
background:transparent url(_img/ico-links.gif) no-repeat 0 2px;
padding-left:20px
}
#linkcat-2 li a:hover {
background-position:0 -29px
}
#comm ul ul {
padding-left:15px;
font-weight:normal
}
#comm .commentAuthor {
font-weight:bold
}
#archives li a {
background:transparent url(_img/ico-archives.gif) no-repeat 0 2px;
padding-left:20px
}
#nf_flickr_badge_wrapper li {
margin-bottom:14px
}
#nf_flickr_badge_wrapper a {
margin-bottom:0
}
* html #nf_flickr_badge_wrapper a {
margin:0 7px 14px !important;
width:74px;
height:74px;
display:inline
}

.p100 {
width:100%
}
.p50 {
width:50%
}
.p48 {
width:48%;
position:relative
}
.left, .alignleft {
float:left
}
.right, .alignright {
float:right
}

.navigation {
background:#eee;
font-size:1.2em;
margin-bottom:10px;
}
.navigation a {
line-height:40px;
padding:20px 10px
}