/*
Theme Name: ortorisko
Theme URI: http://www.asterisko.com.br/
Description: Theme that unites blog and portfolio under one root. White, blue, yellow and orange, fixed width sidebar on right, designed for asterisko.
Version: 1.0
Author: Alexandre R. Janini
Author URI: http://www.asterisko.com.br/
*/

/***********/
/* General */
/***********/

html, body { 
	border: 0; 
	margin: 0; 
	padding: 0; 
}
body { 
	background-color: #173b8b; 
	font-family: 'Trebuchet MS', futura, helvetica, arial; 
}
a { 
	color: #1c487e; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}
div.clear { 
	clear: both; 
}

/**********/
/* Header */
/**********/

div#header { 
	width: 960px; 
	height: 120px; 
	margin: 0 auto; 
	background: #ffcc00 url('images/header-bg.png') no-repeat 0 0; 
}
div#header img#logo { 
	margin: 10px 0 0 10px;
	border: none;
}

/**************/
/* Navigation */
/**************/

div#nav { 
	width: 960px; 
	height: 42px; 
	margin: 0 auto; 
	background: #ff8901 url('images/nav-bg.jpg') repeat-x; 
}
div#nav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
div#nav ul li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	line-height: 42px; 
	padding: 0 10px; 
	color: #fff; 
	font-size: 150%; 
}
div#nav ul li a { 
	color: #fff; 
	text-decoration: none; 
}
div#nav ul li a:hover { 
	text-decoration: underline; 
}

/**************/
/* Search Box */
/**************/

div#search { 
	float: right; 
	margin: 10px 10px 0 0; 
	width: 300px; 
}
div#search input#s { 
	border-width: 0; 
	width: 220px; 
	height: 18px; 
	padding: 4px 5px 0 5px; 
	margin: 0; 
	float: left; 
	color: #808080; 
	background-color: #fff; 
}
div#search input#searchsubmit { 
	border-width: 0; 
	width: 70px; 
	height: 22px; 
	padding: 0; 
	margin: 0; 
	float: left; 
	color: #808080; 
	background-color: #ececec; 
	font-weight: bold; 
	float: right; 
}

/*******************/
/* Content Wrapper */
/*******************/

div#wrapper { 
	width: 960px; 
	margin: 0 auto; 
	background-color: #ffffff; 
	padding: 10px 0; 
}

/**********************************/
/* Left Column, main content here */
/**********************************/

div#content { 
	width: 630px; 
	margin: 0 0 0 10px; 
	background-color: #fff; 
	float: left; 
}
div#content.nosidebar {
	width: 940px;
	margin: 0 10px;
}
div#content div.post-meta {
	border: 10px solid #1c487e;
	border-top: none;
	padding: 5px;
	font-size: 80%;
}
div#content div.post-meta span {
	font-weight: bold;
}
div#content h2 { 
	background-color: #1c487e; 
	color: #fff; 
	margin: 0; 
	padding: 0; 
	line-height: 42px; 
	font-weight: bold; 
	padding: 0 10px; 
}
div#content h2 a { 
	color: #fff;
}
div#content h3{ 
	background-color: #e2e2e2; 
	color: #000; 
	margin: 0; 
	padding: 0; 
	line-height: 42px; 
	font-weight: bold; 
	padding: 0 10px; 
}
div#content a img { 
	border: none;
}
div#content a img.size-large { 
	border: 2px solid #1c487e;
	border-bottom: 2px dashed #1c487e;
	margin-bottom: 10px;
}
div.see-more {
	border: 10px solid #ececec;
	padding: 10px;
	margin: 0;
	background-color: #e2e2e2;
	font-style: italic;
	text-align: center;
}
div.spacer10 {
	height: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.aligncenter  {
	display: block;
	margin: 0 auto;
}

.wp-caption {
	border: 10px solid #ececec;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	margin: 10px;
	/* optional rounded corners for browsers that support it
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 90%;
	padding: 0 5px 5px 5px;
	margin: 0;
	font-style: italic;
}

/******************************/
/* Portfolio portion of Index */
/******************************/

div#content div#portfolio { 
}
div.port-prev { 
	background-color: #ececec; 
	margin: 10px 0 0 0; 
	padding: 10px; 
	width: 610px; 
	height: 230px; 
}
div.port-prev img { 
	float: left; 
	border: 0;
}
div.port-prev div.text { 
	float: right; 
	background-color: #fff; 
	width: 210px; 
	height: 170px; 
	padding: 10px; 
	overflow: hidden; 
	position: relative; 
}
div#content div.port-prev div.text h2 { 
	background-color: transparent;
	background-image: none;
	color: #000; 
	text-align: center; 
	font-weight: normal; 
	padding: 0; 
	margin: 0; 
	line-height: 1; 
	font-weight: bold;
}
div#content div.port-prev div.text h2 a { 
	margin: 0;
	padding: 0;
	color: #1c487e;
}
div.port-prev div.text p { 
	padding: 0 0 10px 0; 
	margin: 0; 
	line-height: 130%;
}
div.port-prev div.com-cat  { 
	float: right; 
	background-color: #fff; 
	width: 230px; 
	height: 40px;
	padding: 0; 
	position: relative; 
}
div.port-prev div.com-cat div { 
	width: 110px; 
	height: 30px; 
	overflow: hidden; 
	background-color: #ff8901; 
	color: #fff; 
	font-size: 80%;
	text-align: center; 
	line-height: 30px; 
	position: absolute; 
	bottom: 0; 
}
div.port-prev div.com-cat div a { 
	color: #fff; 
	text-decoration: none; 
}
div.port-prev div.com-cat div a:hover { 
	text-decoration: underline; 
}
div.port-prev div.com-cat div.comments { 
	left: 0; 
}
div.port-prev div.com-cat div.category { 
	right: 0; 
}
div#content div#portfolio div.see-more { 
	border-top: 0;
}
div#content div.entry div.post img.arch-port {
	margin: 0 120px;
	border: 10px solid #ececec;
}
/*************************/
/* Blog portion of Index */
/*************************/

div#content div#blog { 
	margin-top: 10px; 
}
div.entry div.header { 
	width: 100%;
	height: 60px;
	overflow: hidden;
	background-color: #ececec; 
	margin: 0; 
	position: relative; 
}
div.entry div.header div.square { 
	width: 60px; 
	height: 60px; 
	background-color: #ff8901; 
	color: #fff; 
	text-align: center; 
	position: absolute; 
}
div.entry div.header div.date { 
	top: 0; 
	left: 0; 
	font-weight: bold; 
	font-size: 150%; 
}
div.entry div.header div.date span { 
	font-weight: bold; 
	font-size: 50%; 
	display: block;
	padding-top: 7px;
}
div.entry div.header div.comments { 
	top: 0; 
	right: 0; 
	font-weight: bold; 
	font-size: 150%; 
	padding-top: 7px; 
}
div.entry div.header div.comments span { 
	font-weight: bold; 
	font-size: 50%; 
	display: block;
}
div.entry div.header div.comments div.number { 
	font-weight: bold; 
	font-size: 150%; 
	margin-top: 5px; 
}
div.entry div.header div.comments a { 
	color: #fff;
	text-decoration: none;
}
div.entry div.header div.title-box { 
	position: absolute; 
	left: 60px; 
	margin: 6px 10px; 
	width: 490px; 
	white-space: nowrap;
	overflow: hidden;
}
div.entry div.header div.title-box div.title { 
	font-size: 150%; 
}
div.entry div.header div.title-box div.author { 
	float: left; 
	font-size: 80%; 
}
div.entry div.header div.title-box div.category { 
	float: left; 
	margin-left: 10px; 
	font-size: 80%; 
}
div.entry div.header div.title-box div.category a { 
	text-transform: uppercase; 
	font-weight: bold; 
}
div.entry div.header div.title-box div.author a { 
	text-transform: uppercase; 
	font-weight: bold; 
}
div.entry div.post { 
	text-align: justify; 
	line-height: 130%; 
	margin: 0; 
	padding: 0; 
	padding-top: 10px; 
	overflow: hidden;
}
div.entry div.post p { 
	margin-top: 0; 
	padding-top: 0; 
} 

/***********/
/* Sidebar */
/***********/

div#sidebar { 
	width: 300px; 
	float: right; 
	background-color: #fff; 
	margin-right: 10px; 
}
div#sidebar ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
div#sidebar ul li { 
	clear: both; 
}
div#sidebar ul li h2 { 
	background-color: #1c487e; 
	color: #fff; 
	margin: 0; 
	padding: 0; 
	line-height: 42px; 
	font-size: 130%;
	font-weight: bold; 
	padding: 0 10px; 
}
div#sidebar ul li h2 a { 
	color: #fff;
}
div#sidebar ul li h2 img { 
	display: none;
}
div#sidebar ul li ul li { 
	font-size: 95%; 
}
div#sidebar ul li ul li ul{ 
	border: none; 
	margin: 0;
	padding: 0;
	font-size: 100%;
}
div#sidebar ul li ul#twitter_update_list{ 
	list-style: none; 
	border: none; 
	padding: 0; 
	margin: 0;
}

div#sidebar ul li ul#twitter_update_list li  { 
	border: 10px solid #ececec; 
	background-color: #ececec; 
	list-style-image: none; 
	width: 280px; 
	left: 0; 
	bottom: 0; 
	margin: 10px 0 0 0; 
	padding: 0; 
	text-align: right; 
}
div#sidebar ul li ul#twitter_update_list li  span { 
	display: block;
	text-align: left;
	background-color: #fff;
	padding: 10px;
	border-bottom: 10px solid #ececec;
}

a#twitter-link {
	background: #ececec url('images/twitter-icon.gif') no-repeat 280px center;
	padding: 10px 25px 10px 10px;
	display: block;
	margin: 10px 0;
	font-size: 90%;
	text-align: right;
}
div#sidebar ul li div.boxes  { 
	border: 10px solid #ececec; 
	margin: 10px 0; 
	padding: 10px 10px 36px 10px; 
	width: 260px; 
	position: relative; 
	line-height: 130%; 
	list-style-image: none; 
}
div#sidebar ul li div.about-port {
	padding-bottom: 10px;
}
div#sidebar ul li div.boxes div { 
	background-color: #ececec;
	display: block; 
	position: absolute; 
	width: 280px; 
	left: 0; 
	bottom: 0; 
	margin-top: 10px; 
	padding-top: 10px; 
	text-align: right; 
	font-size: 90%;
}
div#sidebar ul li div.boxes div.comments { 
	background-color: transparent; 
	text-align: right; 
	position: absolute; 
	right: 0; 
	margin: 0; 
	padding: 0; 
}
div#sidebar ul li div.boxes div.date { 
	text-align: left; 
}
div#sidebar ul li ul { 
	border: 10px solid #ececec; 
	margin: 10px 0; 
	padding: 10px; 
	position: relative; 
}
div#sidebar ul li ul li { 
	line-height: 130%; 
	list-style-image: url(images/bullet.gif); 
	margin-left: 13px; 
}
div#sidebar ul li#rss-1 ul { 
	overflow: hidden; 
}

/**********/
/* Footer */
/**********/

div#footer { 
	width: 960px; 
	margin: 0 auto; 
	background: #ffcc00 url('images/footer-bg.jpg') repeat-x top center; 
	min-height: 300px; 
	 }
div#footer div.footer-float { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 230px; 
	float: left; 
	margin: 10px 0 10px 10px; 
	background-color: #ececec; 
	padding-bottom: 10px; 
}
div#footer div.footer-float h2 { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	background: #ff8901 url('images/nav-bg.jpg') repeat-x center center; 
	padding: 0; 
	color: #fff; 
	font-size: 140%; 
	text-align: center; 
	line-height: 42px;
}
div#footer div.footer-float div.footer-item { 
	height: 60px; 
	background-color: #fff; 
	margin: 10px 10px 0 10px; 
}
div#footer div.footer-float div.footer-item div.date { 
	width: 60px; 
	height: 60px; 
	background-color: #ff8901; 
	color: #fff; 
	text-align: center; 
	position: absolute; 
}
div#footer div.footer-float div.footer-item div.date div.month { 
	font-weight: bold; 
	font-size: 80%; 
	margin-top: 8px; 
}
div#footer div.footer-float div.footer-item div.date div.day { 
	font-weight: bold; 
	font-size: 150%; 
	margin: -4px; 
}
div#footer div.footer-float div.footer-item div.text { 
	margin-left: 60px; 
	font-size: 95%; 
	padding: 10px; 
	line-height: 20px; 
	overflow: hidden; 
	height: 30px; 
}
div#footer div.footer-wide { 
	width: 460px; 
}
div#footer div.footer-wide div.footer-item { 
	height: 100px; 
	background-color: #fff; 
	margin: 10px 0 0 10px; 
	float: left; 
	width: 215px; 
}
div#footer div.footer-wide div.footer-item div.footer-text { 
	width: 101px; 
	line-height: 150%;
}
div#footer div.footer-wide div.footer-item div.footer-text span { 
	width: 101px; 
	background-color: #fff;
}
div#footer div.footer-wide div.footer-item img { 
	float: left; 
	border: 0; 
}
div#footer div.footer-wide div.footer-item div.footer-text { 
	float: right; 
	width: 96px; 
	height: 86px; 
	padding: 7px; 
	font-size: 95%; 
	text-align: center; 
	position: relative; 
}
div#footer div.footer-wide div.footer-item div.footer-text span { 
	font-weight: bold; 
	position: absolute; 
	bottom: 3px; 
	display: block; 
	text-align: center; 
	width: 96px;}
div#footer div.footer-line { 
	float: none; 
	clear: both; 
	background: #ff8901 url('images/nav-bg.jpg') repeat-x top center; 
	padding: 10px; 
	text-align: center; 
	font-size: 60%; 
}
div#footer div.footer-line img { 
	border: 0; 
	vertical-align: top; 
}
div#footer div.footer-line span.cc-info { 
	display: none; 
}

/************/
/* Comments */
/************/

ol.commentlist {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	margin: 10px 0;
}
.commentlist li, #commentform input, #commentform textarea {
	font-size: 90%;
	}
.commentlist li ul li {
	font-size: 100%;
}
.commentlist li {
	font-weight: bold;
	border: 10px solid #ececec;
	margin: 0;
	margin-bottom: 10px;
}
.commentlist li .avatar { 
	float: right;
	border: 2px solid #fff;
	background: #fff;
	margin: 0;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	}
.comment-author  {
	background-color: #ececec;
	padding: 10px 10px 0 10px;
}
.comment-meta, .commentmetadata  {
	background-color: #ececec;
	padding: 5px 10px 10px 10px;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	margin: 10px;
	}

#commentform p {
	font-family: inherit;
	}

.commentmetadata {
	font-weight: normal;
	}
li.bypostauthor {
	border: 10px solid #ffe680;
}
li.bypostauthor .comment-author  {
	background-color: #ffe680;
	padding: 10px 10px 0 10px;
}
li.bypostauthor .comment-meta, li.bypostauthor .commentmetadata  {
	background-color: #ffe680;
	padding: 5px 10px 10px 10px;
}
li.bypostauthor .reply {
	background-color: #ffe680;
	padding: 10px;
	text-align: center;
}
.comment .reply {
	background-color: #ececec;
	padding: 10px;
	text-align: center;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font-family: inherit;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	font-family: inherit;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
ul.children {
	list-style: none;
	margin: 10px;
	padding-left: 0
}
li.bypostauthor ul.children .comment-author {
	background-color: #ececec;
	padding: 10px 10px 0 10px;
}
li.bypostauthor ul.children .comment-meta, li.bypostauthor .ul.children commentmetadata {
	background-color: #ececec;
	padding: 5px 10px 10px 10px;
}
li.bypostauthor ul.children div.reply {
	background-color: #ececec;
	padding: 10px;
	text-align: center;
}

/***************/
/* FlickrPress */
/***************/

div#sidebar ul li div.flickrpress-container {
	margin: 10px 0 10px 0;
	height: 95px;
	padding: 0;
	border: 0 none;
	overflow: hidden;
}
div#sidebar ul li .flickrpress-container .flickrpress-items div {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.flickr_item {
	width: 100px;
	float: left;
	text-align: center;
	border: 0 none;
}
.flickr_item img {
	border: 10px solid #ececec;
}
a#flickr-link {
	background: #ececec url('images/flickr-icon.gif') no-repeat 280px center;
	padding: 10px 25px 10px 10px;
	display: block;
	margin: 10px 0;
	font-size: 90%;
	text-align: right;
}

/********************/
/* Download Manager */
/********************/

div.dlmanager {
	border: 10px solid #ececec;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	}

/***************/
/* Star Rating */
/***************/

span.rating_bar {
	height: 20px;
	width: 100px;
	display: block;
	background: url(images/star_off.gif) 0 0 repeat-x;
	margin: 10px auto;
	}

span.rating_bar span {
	height: 20px;
	display: block;
	background: url(images/star_on.gif) 0 0 repeat-x;
	}

/**********************************************
*  Tabela dos Filmes                         *
***********************************************/

table.filmes {
	background-color: #edf2ff; 
	border-collapse: collapse; 
	font-size: 9pt;
	margin: 0 auto 15px auto;
	border: 10px solid #ececec;
	width: 80%;
	font-size: 100%;
}

table.filmes tr td {
	border: 10px solid #ececec;
	padding: 2px;
	}

table.filmes th {
	background-color: #ececec;
	font-weight: bold;
	color: #1b3892;
	text-align: center;
	border: 10px solid #ececec;
	}

table.filmes td {
	background-color: #ffffff;
	}

table.filmes td.leftcol {
	font-weight: bold;
	text-align: right;
	}

/**********************************************
*   Tabela dos Gastos                         *
***********************************************/

table.gastos {
	border: 1px solid #ffa900;
	margin: 0 auto;
	border-collapse:
	collapse;
	}

table.gastos td {
	border: 1px solid #ffa900;
	}