/*
Theme Name:		Arrow Attitude
Theme URI:		http://jfastudios.com
Description: 	<Fill>
Version: 		2.0
Author:			Julio Ricardo Flores Andrade
Author URI:		http://jfastudios.com/contacto
Tags:			attitude, arrow
*/

@import "reset.css";

body						{ font:normal 14px Georgia, Palatino,"Palatino Linotype", Times, "Times New Roman", serif;
				  			  background:url(../images/smudge.jpg) -20% 0px no-repeat #e4e4ce; }
a:link, a:active, a:visited	{ color: #00afcf; text-decoration:none; }
a:hover						{ color: #d61829; }
acronym						{ border-bottom:1px dotted; }
.wrap						{ width:840px; margin:0 auto; }
#main						{ margin-left:-5%; float:left; width:340px; padding:30px 60px;
							  background:url(../images/main-bg.png) repeat; }
#main p						{ line-height:1.6em; margin-bottom:1em; }
#main hr					{ width:366px; height:2px; margin:1.6em auto; border:none;
							  background:url(../images/nav-stripe.png) 0px -350px no-repeat; }
#logo						{ width:279px; height:67px; margin:0 auto; text-indent:-9999px;
							  background:url(../images/nav-stripe.png) -285px 0px no-repeat; }
#description				{ margin:1em auto; text-align:center; font:normal 24px "Trebuchet MS",Arial,sans-serif;
							  color:#947511; }
#post-it					{ float:left; width:360px; }
#nav						{ position:relative; width:315px; height:312px; margin:12px 0 0 20px;
							  background:url(../images/nav-stripe.png) -395px -82px no-repeat; border: 1px solid transparent; }
#nav li						{ text-indent:-9999px; }
#nav li a					{ display:block; text-decoration:none; background: url(../images/nav-stripe.png) no-repeat;
							  margin-left:45px; }
#nav a span.icon			{ display:none;position:absolute; width:94px;height:84px; bottom:0; right:-42px;
							  background: url(../images/nav-stripe.png) no-repeat;}
#nav a span.tooltip			{ display:none;position:absolute; width:245px; top:320px; left:60px; padding:.5em .856em;
							  font:16px/1.4 Arial, Helvetica,sans-serif; text-indent:0px; color:#614530;
							  background:url(../images/main-bg.png) repeat;
							  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#nav a[rel=blog]			{ width:82px; height:45px; margin-top:82px; background-position:0px -172px; }
#nav a[rel=blog]:hover						{ background-position:-198px -172px; }
#nav a[rel=blog]:hover span.icon			{ display:block;background-position:1px 0; }
#nav a[rel=blog]:hover span.tooltip			{ display:block; }
#nav a[rel=portfolio] 						{ width:183px; height:59px; background-position:0px -216px; }
#nav a[rel=portfolio]:hover					{ background-position:-198px -216px; }
#nav a[rel=portfolio]:hover span.icon		{ display:block;background-position:-94px 0; }
#nav a[rel=portfolio]:hover span.tooltip	{ display:block;}
#nav a[rel=about] 							{ width:196px; height:54px; background-position:0px -276px; }
#nav a[rel=about]:hover						{ background-position:-198px -276px; }
#nav a[rel=about]:hover span.icon			{ display:block;background-position:-188px 0; }
#nav a[rel=about]:hover span.tooltip		{ display:block; }
#footer						{ padding:2em; background:url(../images/footer-bg.png) repeat; clear:both; }
#footer hr					{ width:323px; height:5px; margin:1.6em auto; border:none;
							  background:url(../images/nav-stripe.png) 0px -355px no-repeat; }
#footer h3					{ font: bold 2em Arial,"Helvetica Neue",Helvetica,sans-serif; color:#fafaf7; margin-bottom:.6em;
							  letter-spacing:-1px; }
#album						{ float:left; width:400px; margin-left:-42px; padding:10px 30px; }
#post						{ float:left; width:325px; padding:10px 30px; }
#post h5,
#post .copyright			{ color:#3f3e32; }
#post h5					{ font:bold 20px/1.168 "Trebuchet MS",Arial,sans-serif; margin-bottom:1em;
							  text-shadow: 0 1px 0 #aaa9a1; text-transform:capitalize; }
#post p						{ font:13px/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif; color:#fafaf7; margin-bottom:1em; }
#post a						{ text-decoration:none; color:#FAFAF7; padding:.4em .6em;
							  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
							  background-color:#D61829; }
#post .copyright			{ font:italic bold 10px Verdana,Tahoma,sans-serif; }
.clearfix:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix					{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix			{ height: 1%; }
.clearfix					{ display: block; }
/* End hide from IE-mac */