/*
Theme Name: ken210
Theme URI: http://ken210.com/
Description: For us by us.
Version: 0.1
Author: Ken Rosaka
Author URI: http://ken210.com/
Tags: random, simple, fixed width

	ken210 v0.1
	 http://ken210.com/

	This theme was designed and built by Ken Rosaka,
	whose portifolio you will find at http://http://ken210.com/

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

*/

/* ==== gerais ==== */

*, body, html {
	margin:0;
	padding:0;
	outline:none;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
}

.wrap {
	width:960px;
	margin:0 auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.hidden {display:none;}

.show {display:block;}

.post {
	overflow:auto;
}

.white {color:white;}

.bold {font-weight:bold;}

img {border:none}

.content br {clear:both; margin:0}

.rodapePost{margin-top:10px;}

.urlSite, .rodapePost {
	font-family: Geneva, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:1.3em;
}

.version {
	font-variant:small-caps;
}

#page-2 .alignleft {
	margin-right:20px;
}

#page-2 p{
	font-size:1.5em;
}

#page-2 h3{
	font-size:2em;
	color:#fff;
	margin:20px 0;
}

#page-2 dl, #page-2 ul{
	font-size:1.5em;
}

#page-2 ul{
	list-style:none;
}

#page-2 li{
	margin:5px 0;
}

#page-2 dt{
	margin-top:10px;
	color: #e5f090;
}

/* ==== braille ==== */

#braille {
	background:#4c505c;
	color:#fff;
	font-family: Palatino Linotype, Georgia, serif;
}

#braille .header {
	overflow:auto;
}

#braille .header .titulo {
	display:block;
	width:464px;
	height:81px;
	background:url(images/header-braille.gif);
	margin:200px 248px;
}

#braille .header .menu {
	width:408px;
	margin:0 auto;
}

#braille .header .menu a {
	display:block;
	float:left;
}

#braille .header #btProfile,
#braille .header #btProfileSel,
#braille .header #btContact,
#braille .header #btContactSel {
	background:url(images/sprite-menu-braille.gif);
	height:40px;
	width:166px;
	margin:0 19px;
}

#braille .header #btProfile,
#braille .header #btProfileSel {background-position:left top;}

#braille .header #btContact,
#braille .header #btContact {background-position:left bottom;}

#braille .content {
	position:relative;
	margin:100px 58px;
}

#braille .post {
	margin:20px 0;
}

#braille .theContent {
	padding:10px 0;
}

#braille h2 {
	font-size:3.1em;
	font-variant:small-caps;
	color:#fff;
	margin:0;
	padding:0;
}

#braille a {text-decoration:none; color:#968e86;}

#braille a:hover{
	color:#fff;
}

#braille .content p {
	font-size:1.3em;
	color:#000;
}

#braille .content img {
	border:#4c505c 1px solid;
}

#braille .infoBox {
	padding:10px;
	width:800px;
	background:#7b7e87;
	color:#000;
	margin:10px;
}

#braille .footer {
	font-size:1.3em;
}

#braille .footer .social {
	padding:30px 0 0 30px;
	list-style:none;
}

#braille .footer .social li a {
	width:16px;
	height:16px;
	float:left;
	margin-right:10px;
}

#braille .footer .social #facebook,
#braille .footer .social #flickr,
#braille .footer .social #lastfm,
#braille .footer .social #twitter {
	background:url(images/social1.png);
}

#braille .footer .social #facebook {background-position:left -64px;}
#braille .footer .social #flickr {background-position:right -64px;}
#braille .footer .social #lastfm {background-position:left -80px;}
#braille .footer .social #twitter {background-position:right -80px;}

#braille .footer ul li{
	display:inline;
}

#braille .footer .thanksTo {
	float:right;
}

#braille .footer .thanksTo li a {
	margin-right:30px;
}

/* ==== grunge ==== */

#grunge {
	background:#000;
	color:#968e86;
	font-family: Palatino Linotype, Georgia, serif;
}


#grunge .header,
#grunge .footer {
	height:292px;
}

#grunge .contact1, #grunge .contact2 {
	width:403px;
	height:32px;
	position:absolute;
	margin-left:123px;
	top:129px;
}

#grunge .contact1 {
	z-index:3;
	background:url(images/contact.jpg) no-repeat;
}

#grunge .contact2 {
	z-index:4;
	background:url(images/contact.jpg) no-repeat left -32px;
}

#grunge .infoBox {
	padding:10px;
	width:800px;
	background:#24211e;
	color:#fff;
	margin:10px;
}

#grunge .infoBox p {
	font-family: Geneva, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:1.3em;
	line-height:1.7em;
}

#grunge .description {
	color:#e5f090;
	margin:0;
}

#grunge .content {
	margin:0 58px;
}

#grunge .post {
	margin:20px 0;
}

#grunge .theContent {
	padding:10px 0;
}

#grunge h2 {
	font-size:3.1em;
	font-variant:small-caps;
	color:#fff;
	margin:0;
	padding:0;
}

#grunge a {text-decoration:none; color:#968e86;}

#grunge a:hover{
	color:#fff;
}

#grunge .content p {
	font-size:1.3em;
}

#grunge .content img {
	border:#000 1px solid;
}

#grunge .header {
	background:url(images/header1.jpg);
}

#grunge .header .menu {
	padding:241px 0 0 45px;
}

#grunge .header a,
#grunge .header a:hover {
	display:block;
	float:left;
}

#grunge .header #btProfile,
#grunge .header #btProfileSel,
#grunge .header #btContact,
#grunge .header #btContactSel {background:url(images/sprite-menu1.jpg);}

#grunge .header #btProfile,
#grunge .header #btContact {height:30px}

#grunge .header #btProfileSel,
#grunge .header #btContactSel {height:51px}

#grunge .header #btProfile,
#grunge .header #btProfileSel {width:87px;}

#grunge .header #btProfile {background-position:left top;}
#grunge .header #btProfile:hover {background-position:left -60px;}

#grunge .header #btProfileSel {background-position:left -120px;}


#grunge .header #btContact,
#grunge .header #btContactSel {width:98px;}

#grunge .header #btContactSel {background-position:left -171px;}

#grunge .header #btContact {background-position:left -30px;}
#grunge .header #btContact:hover {background-position:left -90px;}

#grunge .footer {
	font-size:1.3em;
	background:url(images/footer1.jpg);
}

#grunge .footer .social {
	padding:264px 0 0 30px;
	list-style:none;
}

#grunge .footer .social li a {
	width:16px;
	height:16px;
	float:left;
	margin-right:10px;
}

#grunge .footer .social #facebook,
#grunge .footer .social #flickr,
#grunge .footer .social #lastfm,
#grunge .footer .social #twitter {
	background:url(images/social1.png);
}

#grunge .footer .social #facebook {background-position:right top;}
#grunge .footer .social #flickr {background-position:right -16px;}
#grunge .footer .social #lastfm {background-position:right -32px;}
#grunge .footer .social #twitter {background-position:right -48px;}

#grunge .footer .social #facebook:hover {background-position:left top;}
#grunge .footer .social #flickr:hover {background-position:left -16px;}
#grunge .footer .social #lastfm:hover {background-position:left -32px;}
#grunge .footer .social #twitter:hover {background-position:left -48px;}

#grunge .footer ul li{
	display:inline;
}

#grunge .footer .thanksTo {
	float:right;
}

#grunge .footer .thanksTo li a {
	margin-right:30px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}