/*
Style Name: HTMLNINJA
Description: Styles para o site htmlninja.com
Version: 1.0
Author: Alex Koti
Author URI: http://alexkoti.com
*/

/* CSS RESET */
	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; }/* alexkoti@gmail.com */
	/* remember to define focus styles! */
	:focus { outline: 0; }
	body { line-height: 1; color: black; background: white; }
	ol, ul { list-style: none; }
	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: "" ""; }




/* ========================================================================== */
/* Paleta de cores ========================================================== */
/* ========================================================================== */
/*

color:			#000;
background:		#FFF;

*/

/* ========================================================================== */
/* DEBUG ==================================================================== */
.debug div	{outline:1px solid #DF2F00;}
.debug div div{outline:1px solid #FF9B00;}
.debug div div div				{outline:1px solid #FED800;}
.debug div div div div			{outline:1px solid #CCD803;}
.debug div div div div div		{outline:1px solid #6DC807;}
.debug ul	{outline:1px solid #0000CC;}
.debug ul li {outline:1px solid #00CCFF;}


/* ========================================================================== */
/* GERAL e TAGS ============================================================= */
/* ========================================================================== */
a 			{text-decoration:none;color:#AAABB6;}
a:hover 	{text-decoration:underline;}
b, strong 	{font-weight:bold;}
i, em		{font-style:italic;}
label 		{cursor:pointer;}
p 			{margin:10px 0;}

table		 				{border-collapse:collapse;}
table.table_full			{width:100%;}		
table tr th 				{}
table tr td 				{}
table.more_padding tr td 	{}
table tr.even td 			{}


/* ========================================================================== */
/* CLASSES GLOBAIS ========================================================== */
/* ========================================================================== */
img.aligncenter		{display:block;margin:0 auto;}
.txt_right 			{text-align:right;}
.txt_left 			{text-align:left;}
.txt_center			{text-align:center;}
.fleft,
.alignleft			{float:left;}
.fright,
.alignright			{float:right;}
.aligncenter		{display:block;margin:0 auto;}
.links_prev_next	{}
.link_prev			{}
.link_next			{}
.cleaner			{clear:both;}

/* ========================================================================== */
/* NINJA ==================================================================== */
/* ========================================================================== */
body {
	background:url(pattern.gif) repeat-y center top;
	background-size: 200% auto;
	color:#063054;
	font:18px 'trebuchet ms', arial, sans-serif;
}
#splash {
	margin:40px auto 10px;
	max-width:600px;
}
h2 {
	font-size:30px;
	font-weight:bold;
	letter-spacing:5px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
}

#html_ninja {
	font-size:40px;
	margin:0 auto 30px;
	text-align:center;
	width:250px;
}
#services dt {
	margin:20px 0 0;
}
#email {
	font:30px arial, sans-serif;
	text-align:center;
}
#email span {
	color:#AAABB6;
	font:bold 36px 'courier new',monospace;
}
address {
	font-size:10px;
	margin:10px;
	text-align:center;
}
acronym {
	border-bottom:1px dotted #063054;
}
#services dd {
	background-image:url(icons.png);
	background-repeat:no-repeat;
	padding:0 0 0 22px;
}

#service_sites			{background-position:0 0;}
#service_psd_to_html	{background-position:0px -50px;}
#service_wordpress		{background-position:0px -100px;}
#service_w3c			{background-position:0px -150px;}
#service_accessibility	{background-position:0px -200px;}
#service_jquery			{background-position:0px -250px;}
#service_seo			{background-position:0px -300px;}