/* @override http://www.tonipinel.net/wp-content/themes/tonipinel/style.css */
/* Theme Name: Toni Pinel
Theme URI: http://www.tonipinel.net/
Description: Tema Personal del Blog de Toni Pinel.
Version: 1.0
Author: Toni Pinel
Author URI: http://www.tonipinel.net/
Tags: Verde, Gris, Azul, Toni Pinel

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* @group RESET CSS */
html { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
del,ins { text-decoration:none; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
hr { display:none; }
/* @endgroup RESET CSS */
/* @group LAYOUT & GENERAL STYLES */
body { font:13px Tahoma, Verdana, Sans-Serif; line-height:130%; background:#EDEDED url(images/background.jpg) no-repeat center top; }
a { color:#26ADE4; }
p { line-height:130%; }
#page { width:984px; overflow:hidden; display:block; margin:auto; }
#header { width:auto; display:block; padding:10px 0 0; margin-right:69px; overflow:hidden;  }
#secondbar { float:left; width:240px; }
#content { float:left; width:478px; margin:-16px 0 0 16px; padding:0 0 16px 0; }
#sidebar { float:left; width:234px; padding-left:16px; }

#footer { width:auto; display:block; overflow:hidden; clear:both; }
/* @endgroup LAYOUT & GENERAL STYLES */
/* @group HEADER */
#header h1 { display:block; overflow:hidden; width:238px;  }
#header h1 a { text-indent:-9999em; display:block; overflow:hidden; width:238px; height:64px;  background:url(images/interface.png) no-repeat 0px -96px; }
	#header div.description { font:13px Tahoma, Verdana, Sans-serif; float:right; color:#ADADAD; font-style:italic; margin-bottom:32px; }
	#header #last_twitter { background:url(images/interface.png) no-repeat -898px 35px; clear:both; width:625px; display:block; overflow:hidden; padding-left:93px; margin:-3px 0 0 139px; }
	#header #last_twitter p.twitter { background:url(images/interface.png) no-repeat -256px 0; width:624px; padding:20px 0 0 0; font:bold 15px Tahoma, Verdana, Sans-serif; }
	#header #last_twitter p.twitter span { border-width:0 16px 0 16px; border-style:solid; border-color:#FFF; padding:12px 16px 0; background-color:#8CC63F; color:#FFF; display:block; overflow:hidden; }
	#header #last_twitter p.powered { background:url(images/interface.png) no-repeat -256px -58px; display:block; width:auto; height:38px; text-indent:-9999em; }
	#header #last_twitter a { color:#DAE85A }
	
	#web_menu { display:block; overflow:hidden; width:auto; margin:-32px 0 0 230px; }
		#web_menu li { float:left; width:128px; background-image:url(images/interface.png); background-repeat:no-repeat; text-align:center; }
		#web_menu li a { font:bold 16px Tahoma, Verdana, Sans-Serif; text-decoration:none; color:#FFF; display:block; overflow:hidden; width:auto; height:100%;  }
		#web_menu li.blog { background-position:0 -192px; margin:0 0 0 0; }
		#web_menu li.blog a { padding-top:52px; height:76px;  }
		#web_menu li.web_design { background-position:0 -320px; margin:32px 0 0 -28px; }
		#web_menu li.web_design a { padding-top:42px; height:70px;  }
		#web_menu li.graphic_design { background-position:-128px -192px; margin:0 0 0 -32px;  }
		#web_menu li.graphic_design a { padding-top:42px; height:86px; }
		#web_menu li.music { background-position:-256px -192px;margin:32px 0 0 -32px; }
		#web_menu li.music a { padding-top:52px; height:60px; }
		#web_menu li.video { background-position:-384px -192px;margin:0px 0 0 -32px; }
		#web_menu li.video a { padding-top:52px; height:76px; }
		#web_menu li.photo { background-position:-512px -192px; margin:32px 0 0 -32px; }
		#web_menu li.photo a { padding-top:52px; height:76px; }
		#web_menu li:hover { background-position:-640px -192px; }
/* @endgroup HEADER */
/* @group FOOTER */
#footer { display:block; width:auto; overflow:hidden; padding:16px; background:#000 url(images/background.jpg) no-repeat scroll center -16px; color:#FFF; margin-top:32px; border-top:8px solid #8CC63F; }
/* @endgroup FOOTER */
/* @group SIDEBAR */
#sidebar .flickr-photos { display:block; overflow:hidden; width:auto; padding:32px 0 16px 0; }
	#sidebar .flickr-photos a.more-photos { float:right; padding:4px 0;  }
	#sidebar .flickr-photos h2.widgettitle { display:block; overflow:hidden; width:68px; margin-bottom:16px; height:18px; background:url(images/interface.png) no-repeat  -255px -110px; text-indent:-9999em; }
#twitter-tools { padding:20px 0 16px 0; }
	#twitter-tools h2 { display:block; overflow:hidden; width:78px; margin-bottom:16px; height:16px; background:url(images/interface.png) no-repeat  -255px -142px; text-indent:-9999em; }
	#twitter-tools ul li { display:block; overflow:hidden; padding-bottom:8px; border-bottom:1px dotted #CACACA; margin-bottom:8px; text-align:justify;  }
	#twitter-tools li.aktt_more_updates { border-bottom:0px none; text-align:right;  }
/* @endgroup FIRSTBAR */
/* @group SIDEBAR */
#about_me { display:block; width:auto; overflow:hidden; margin-top:210px; }
	#about_me h4 { background: url(images/interface.png) no-repeat 0px 0px; padding:30px 30px 0; font:bold 22px Tahoma, Verdana, Sans-serif; color:#DAE85A; }
	#about_me p { text-align:justify; background:#8CC63F; border-left:16px solid #FFF; border-right:16px solid #FFF; display:block; padding:8px 16px; overflow:hidden; width:auto; color:#FFF;  }
	#about_me a { background: url(images/interface.png) no-repeat 0px -50px; padding:0 30px 30px; display:block; width:auto; color:#DAE85A; }
/* @endgroup SECONDBAR */
/* @group CONTENT */
#content h2 { font:bold 26px Tahoma, Verdana, Sans-serif; margin-bottom:16px; }
#content h2.pagetitle {  font:bold 18px Tahoma, Verdana, Sans-serif; background-color:#FFF; display:block; margin-bottom:0px; padding:0 16px; color:#8CC63F;  }
#content h2.center {  font:bold 46px Tahoma, Verdana, Sans-serif; background-color:#FFF; display:block; margin-bottom:0px; padding:0 16px;   }
#content h3 { font:bold 26px Tahoma, Verdana, Sans-serif; margin-bottom:8px; }
#content small { color:#999999; display:block; font-size:11px; text-align:left; }
#content span.open { display:block; width:auto; overflow:hidden; height:20px; background:url(images/interface.png) no-repeat -352px -97px; }
#content span.close { display:block; width:auto; overflow:hidden; height:20px; background:url(images/interface.png) no-repeat -353px -173px; margin-bottom:16px; }
#content a.home_link { display:block; background-color:#FFF; width:auto; overflow:hidden; padding:16px; }
#content .entry p { padding:0 0 16px 0; }
#content .aligncenter { text-align:center; }
p.postmetadata.alt { padding:8px; margin-top:16px; font:13px Tahoma, Verdana, Sans-serif; line-height:120%; color:#999; border:1px dotted #CCC; background-color:#E6EF95; }
p.postmetadata { padding-top:8px; }
#content .post { padding:0 32px 32px; background-color:#FFF; }
a.more-link { display:block; margin:16px 0 0; }
div.navigation { padding:0 16px; background:#FFF; display:block; overflow:hidden }
#flickr-album-content { display:block; width:auto; overflow:hidden; background-color:#FFF; padding:0 16px; }
/* @endgroup CONTENT */
/* @group COMMENTS */
h3#comments { background-color:#8CC63F; padding:0 0 0 32px; font:bold 18px Tahoma, Verdana, Sans-serif; color:#FFF; text-transform:uppercase; text-align:left; margin-bottom:0px; }
	h3#comments strong { display:block; font-size:11px; color:#8CC63F; background:#FFF; padding:0 1px; margin-left:16px; }
	
ol.commentlist { display:block; width:auto; overflow:hidden; background-color:#FFF; padding:32px 32px 32px 48px; }

#respond h3 { background-color:#8CC63F; padding:0 0 0 32px; font:bold 18px Tahoma, Verdana, Sans-serif; color:#FFF; text-transform:uppercase; text-align:left; margin-bottom:0px; }
	#respond h3 strong { display:block; font-size:11px; color:#8CC63F; background:#FFF; padding:0 1px; margin-left:16px; }

#commentform { display:block; width:auto; overflow:hidden; padding:32px 32px; background-color:#FFF; }
	#commentform p { display:block; overflow:hidden; width:auto; padding:0 0 16px 0;  }
	#commentform p label { float:left; width:130px; font:13px Tahoma, Verdana, Sans-serif;  }
	#commentform p input#author,#commentform p input#email,#commentform p input#url { width:270px; border:2px solid #8CC63F; padding:2px; background:#FFF8D1;  }
	#commentform p textarea { width:400px; border:2px solid #8CC63F; padding:2px; background:#FFF8D1;  }
/* @endgroup COMMENTS */
/* @group IMAGES */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left }
	
/* @endgroup IMAGES */