/*  
Theme Name: Zo'C
Theme URI: 
Description: A customized theme for an ad hoc purspose, buit upon StartPoint by Jesús Carrera.
Version: 1.0 
Author: Guilherme Zühlke O'Connor
Author URI: http://www.z-oc.com
*/

/*
 * Zero ground.
 */
/* Eric Meyer's Baseline Style */
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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* /Eric Meyer's Baseline Style */


/*
 * Basic Layout
 */

#header {
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px 0 0 60px;
	z-index: 20;
}

#menu-top {
	margin: 0;
	height: 126px;
	overflow: hidden;
	position: relative;
}

#menu-top-inner {
	position: absolute;
	right: 0;
	top: 0;
	height: 126px;
	width: 700px;
}

#main {
	margin: 0em 0 120px 1em;
}

/* Hack for IE not to leave too much space */
* html #main {
	margin: 1em 0 0px 1em;
}
/* end of hack */


#container {
	width: 100%;
	float: left;
	margin: 0 -25em 0 0;
	padding: 0;
}

#content {
	margin-right: 25em;
	margin-top: 0;
	padding: 4em 3em 7em 7em;
	overflow: hidden;
}

#sidebar {
	width: 23em;
	float: right;
	margin: 1em 0 0 0;
/*	background: #181809;*/
	background: #080800;
	padding: 0.5em;
	/*color: #222218;*/
	color: #ccc;
	color: #f4efea;
}



#footer {
	clear: both;
/*	position: fixed;*/
	bottom: 0;
	width: 100%;
	height: 46px;
	padding: 15px 0px 15px 0px;
}

/* hack for IE, because it doesn't understand 'position:fixed' nor gracefully degrade */
* html #footer {
	position: relative;
}


/* end of hack */

ul, ol, li {
	list-style-type: none;
}


dt {
	font-weight: bold;
}

dd {
	padding-left: 1.5em;
}

.clearer {
	clear: both;
	height: 0;
}

.entry-title {
	clear: both;
}

img.left, div.left {
	float: left;
	margin: 0 10px 10px 0;
}

div.left, div.right {
	font-size: 0.7em;
}

img.right, div.right {
	float: right;
	margin: 0 0 10px 10px;
}

/*
 * General definitions
 */
 
input, textarea {
	border: 1px solid #a0a078;
	font-size: 1em;
	background: #fff;
}

table td {
	border: 1px solid black;
	background: #a0a078;
}

/*
 * Colors
 */

body {
	background: fixed #f4efea url(img/typo-flight.jpg) repeat-x left bottom;
	color: #555;
}

#menu-top ul.menu a, #menu-sec a {
	color: #333;
}

#menu-sec {
	margin-right: 25em;
	margin-top: 1em;
	background: #fff;
}

#content h3 {
	color: #c85700;
	margin-top: 2.1em;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

#content h2 {
	font-size: 1.5em;
}

#content h4, #content h5, #content h6 {
	color: #c85700;
}

blockquote {
	background: #fbf4ec;
	color: #583714;
	font-style: italic;
}

blockquote:before, blockquote:after {
	color: #f8870e;
}

p.pullout {
	color: #583714;
	border: 2px dotted #e8dcd0;
	background: #fbf4ec;
}

p.pullout:first-letter {
	color: #f8870e;
}

#menu-top {
	background: #fcac44 url(img/tile.gif) repeat-x top left;
	color: #202018;
}

#menu-top-inner {
	background: url(img/top_circles.png) top right no-repeat;
}

#content {
	background: #fff;
}

#footer {
	background: #111104;
	background: #000;
	color: #ccc;
}

#footer a {
	color: #f8870e;
}


/*
 * Typography
 */

html {
	font: normal small sans-serif;
}

body{ 
	line-height: 1.6;
}

body.scr_low {
	font-size: 1.0em;
}

body.scr_med {
	font-size: 1.0em;
}

body.scr_high {
	font-size: 1.1em;
}

body.scr_wide {
	font-size: 1.2em;
}


h1, h2, h3, h4, h5, h6,
#menu-top ul.menu, #menu-sec {
	font-weight: normal;
	letter-spacing: 0.1em;
	font-family: /*"y2k neophyte",*/ "Century Gothic", "trebuchet ms", "skia", "monaco", "Hoefler text", "Andale mono", sans-serif;
}

.previous-post-link,
.next-post-link {
	margin: -3.5em 0 1em 0;
	font-size: 1.0em;
	width: 50%;
}

h1.entry-title, h2.entry-title  {
	font-size: 1.5em;
	line-height:1.5em;
	color:#c60;
	max-width: 30em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );
}

h1.entry-title a, h2.entry-title a {
	font-size: inherit;
	text-decoration: none;
	color:#c60;
}

div.post-datetime, 
div.post-category {
	color:#c60;
	font-size: 0.9em;
	letter-spacing: 0.12em;
	display: inline;
	padding-right: 0.5em;
}

a:link {
  color:#974;
  }
  
a:visited {
  color:#974;
}
  
a:hover {
  color:#c60;
  }
  
a img {
  border-width:0;
  }
  
a.more-link {
	display: block;
	text-align: right;
	text-decoration: none;
	color:#c60;
	font-size: 110%;
}

a.more-link:hover, h1.entry-title a:hover, h2.entry-title a:hover {
	color:#479;
	text-decoration: underline;
}

#sidebar ul {
	font-size: 1em;
}

#sidebar ul li ul li a {
	text-decoration:  none;
	border-bottom: 0px dotted;
	color:#69b;
}

#menu-top ul.menu a, #menu-sec a {
	text-decoration: none;
}

#menu-top ul.menu a:hover, #menu-sec a:hover {
	text-decoration: underline;
}

#content h2, #content h3 {
	text-align: left;
}

acronym, abr {
	text-transform: lowercase;
	font-variant: small-caps;
}

blockquote {
	font-style: oblique;
	max-width: 30em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );
	margin-left: 4em;
	display: block;
	padding: 0 60px;
}

blockquote:before, blockquote:after {
	display: block;
	font-size: 700%;
	width: 50px;
	margin: 0;
	height: 0.1em;
}

blockquote:before { /* If the brwoser doesn't support generated support, deliberatedly there is no alternative */
	content: '"'; /* Use the basic quotation mark on browsers that don't understand generated quotes */
	content: open-quote;
	height: 0;
	margin-left: -0.55em;
	margin-top: 0em;   
}

blockquote:after {/* If the brwoser doesn't support generated support, deliberatedly there is no alternative */
	content: '"'; /* Use the basic quotation mark on browsers that don't understand generated quotes */
	content: close-quote;
	height: 0.7em;
	margin-top: -0.7em;   
	text-align: right;
	width: 110%;
}

p {
	text-align: left;
	margin: 0.8em 0 0.8em 0;
	max-width: 45em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "45em": "auto" );
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

p code {
    background-color: #E7EBF2;
    font-family: Verdana, Courier, Courier New, Sans Serif;
    font-size:8pt;
    padding: 0.1em;
    border-bottom: #092565 dotted 1px;
}

pre {
    background-color: #E7EBF2;
    border: #092565 dashed 1px;
    font-family: Verdana, Courier, Courier New, Sans Serif;
    overflow-x: auto;
    font-size:8pt;
    padding: 0.5em;
    margin: 1.8em 1em 1.8em 0;
    max-width: 45em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "45em": "auto" );
}

p.warning {
    background-color: #F2E7EB;
    border: #650925 dashed 1px;
    padding: 0.5em 0.5em 1em 0.5em;
}

p.pullout {
	float: right;
	width: 35%;
	font-size: 1.2em;
	line-height: 1.3;
	padding: 0.5em 0.5em 1em 0.5em;
	padding-top: 2.2em;
	margin: 0 0 1em 1em;
	text-align: center;
	max-width: 11em;
}

p.pullout:first-letter {
	font-size: 3.3em;
	font-weight: bold;
	float: left;
	margin: -0.3em -0.3em -0.6em 0.3em;
	position: relative;
	display: block;
}

/* Hack for IE not to put text much to the bottom */
* html p.pullout:first-letter {
	top: -1em;
}

#menu-top ul.menu li, #menu-sec li {
	display: inline;
	margin: 0px;
}

#menu-top ul.menu li {
	font-size: 1.5em;
	padding: 0.3em 0.5em 0.2em 0.5em;
}

#menu-sec {
	padding: 0.5em 1em 0 0;
}

#menu-sec li {
	font-size: 1.3em;
	padding: 0.3em 1em 0.2em 0.5em;
}

#footer {
	font-size: x-small;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a {
	text-decoration: none;
}


/*
 * Specific Elements
 */

em.count {
	font-size: 1.5em;
	color: #c85700;
}

#header span {
	display: none;
}

#menu-top ul.menu {
	position: absolute;
}

#menu-top ul.menu, #menu-sec {
	text-align: right;
	bottom: 0.3em;


	right: 1em;
}

* html #menu-top ul.menu {
	_right: 11em;
}

.post {
	margin: 0 0 4em 0;
	max-width: 45em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "45em": "auto" );
}

.post img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
}

div.feed {
	float: left;
	margin-right: 10px;
}

#archive-type {
	font-family: "trebuchet ms", "skia", "monaco", "Hoefler text", "Andale mono", sans-serif;
	margin: 0 0 2em 0;
}

#comments h4, #comment-leave h4 {
	font-size: 1.4em;
	margin: 0.5em 0 1em 0;
}

#comments, #comment-leave {
	margin: 0 2em 0 0;
	padding: 0em 3em 1em 0;
}

#commentform {
	font-size: 1.2em;
	margin-left: 1em;
	padding: 1em 0 1em 0;
	overflow: hidden;
}

#commentform div {
	margin: 0.2em 0 0.2em 0;
}

input, textarea {
	border: 1px solid #a0a078;
	font-size: 1em;
	background: #fff;
}

#commentform textarea {
	width: 90%;
	height: 16em;
	padding: 0.5em 1em 0.5em 1em;
	background: #fffbf6;
}

* html #commentform textarea {
	width: 18em;
}


#commentform input {
	background: #fffbf6;
}

#termsquestion label {
	background: #f88;
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 0 0.5em 0 0.5em;
}

input#author, email#author, url#author {
	width: 40%;
}

.entry-content {
	margin: 1em 0 0 0;
}

#flickr, #reading {
	text-align: center;
}

#flickr img, #reading img {
	display: inline;
	border: none;
	background: #202018;
	padding: 5px;
	margin: 1px;
}

.flickr_badge_image {
	display: inline;
}

#author img {
	float: left;
	margin: 0 5px 0 0;

	background: #202018;
	padding: 5px;
}

#author {
	font-size: 0.9em;
	letter-spacing: 0.08em;
}

.previous-post-link {
	float: left;
}

.next-post-link {
	float: right;
	text-align: right;
}

.comment {
	padding: 2em 3em 2em 1em;
	max-width:45em;
}

.comment-number {
	font-family: /*"y2k neophyte",*/ "Century Gothic", "trebuchet ms", "skia", "monaco", "Hoefler text", "Andale mono", sans-serif;
	width: 82px;
	height: 83px;
	float: left;
	padding: 0;
	font-size: 3.5em;
	font-weight: bold;
	text-align: center;
}

.comment img.avatar {
	border: 1px solid #A0A078;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.comment-number a {
	text-align: center;
	display: block;
	text-decoration: none;
}

.comment-author {
	font-family: /*"y2k neophyte",*/ "Century Gothic", "trebuchet ms", "skia", "monaco", "Hoefler text", "Andale mono", sans-serif;
	letter-spacing: 0.06em;
	font-size: 1.2em;
	color: #335;
}

.comment-content {
	margin-left: 8em;
	border-left: 1px solid #a0a078;
	padding-left: 2em;
}

.comment-datetime {
	text-align: right;
}

li.mycomment div.comment-number {
/*	border: 1px solid #f0f0f0;*/
	padding-bottom: 50px;
/*	background: url(img/small_owl.png) center bottom no-repeat;*/
	text-align: center;
}

#sidebar ul li {
	margin: 0 0 0.5em 0;
	padding: 1em;
/*	background: #fbf4ec;
	border: 1px dashed #ffd2a7;*/
}

#sidebar, #sidebar ul, #sidebar ul li {
	overflow: hidden;
}
	
#sidebar ul li ul li, #sidebar ul li ul , #sidebar ul {
	padding: 0;
	margin: 0;
	border:none;
	background: transparent;
	list-style-type: none;
}

#sidebar ul li ul li {
	border-top: 1px dotted #479;
}

#sidebar ul li ul {
	border-bottom: 1px dotted #479;
}

#sidebar ul li {
	border-bottom: 1px solid #202018;
}

#sidebar h4 {
	padding: 0.5em 0 0.4em 0;
	text-align: center;
	text-transform: lowercase;
	font-size: 1.4em;
}

#blogroll a img {
  border: none;
  width: 16px;
  height: 16px;
}

#theme {
	position: relative;
	font-size: 1.1em;
	text-align: right;
	color:#994400;
	padding: 0.1em 1em 0.1em 250px;
	border: 0px solid red;
	margin: 0;
	margin-top: -0.2em;
	background: #fdb320;
	z-index: 1;
}

.post-custom-fields {
	margin: 1em 0 1em 0;
}

.post-meta-key {
	color: #f8870e;
}

/*#theme h1, theme h2 {
	font-size: 1em;
}*/

/*
 * Element: #footer
 */
 
 #footer .scalable, #footer .scalable a, #footer .scalable a span , #footer .scalable a span img {
	height: inherit;
	padding: 0;
	margin: 0;
	float: left;
}

#footer .scalable {
	margin-left: 30px;
}


#footer:hover {
/*	height: 138px;*/
}




#copyright {
/*	position: absolute;
	bottom: 1.8em;
	right: 10%;*/
	margin-right: 4em;
	float: right;
}

#hosting {
/*	position: absolute;
	bottom: 0.5em;
	right: 10%;*/
	margin-right: 4em;
	float: right;
	clear: right;
}

#comment-entries ul, #comment-entries ul li,
.post-entry ul, .post-entry ul li {
	list-style-type: disc;
	padding: 0em 0 0em 0;
	max-width: 45em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "45em": "auto" );
}

#comment-entries ol, #comment-entries ol li,
.post-entry ol, .post-entry ol li {
	list-style-type: decimal;
	max-width: 45em;
	width:expression(
		document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)? "45em": "auto" );
}

.post-entry ol, .post-entry ul {
	margin-left: 3em;
}


/*
 * 404
 */

#sugestions404 {
	margin: 2em 0 2em 0;
}

#sugestions404 li {
	margin: 1px solid red;
	width: 29%;
	float: left;
	margin: 0 1% 0 1%;
}

#sugestions404 li ul li {
	width: 100%;
	float: none;
	padding: 0.2em 0 0.2em 0;
	margin: 0;
}

span#error404 {
	color: #f8870e;
	font-size: 1.3em;
	margin: 1em 0 3em 0;
}

#comments ol#trackbacks {
	list-style-type: decimal;
}

/* The Malarkey Image Replacement method */
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

a.downloadit {
	display: block;
	height: 72px;
	background: url(img/download_it.png) center top no-repeat;
}

a.downloadit:hover {
	background: url(img/download_it_hover.png) center top no-repeat;
}

/*
 * Adsense
 */

#adsense {
   float: right;
}

/*
 * Dirty hacks so MS-IE can behave like a decent browser
 */
 
/* Hacking IE to get .png alpha transparency*/
@media all /* hides css from Netscape 4.x, Mac IE 4.01, Mac IE 5.0, Win IE 4, Konqueror 3.0 */
{
	* html #header img
	{
		visibility: hidden;
	}

	* html #header
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
		(
			src='http://www.z-oc.com/img/logo.png',sizingMethod='scale'
		);
	}

	* html #menu-top-inner
	{
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
		(
			src='http://www.z-oc.com/img/top_circles.png',sizingMethod='none'
		);
	}

	* html .feed img
	{
		visibility: hidden;
	}

	* html .feed span
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
		(
			src='http://www.z-oc.com/img/feed-icon.png',sizingMethod='scale'
		);
	}

	* html #technorati img
	{
		visibility: hidden;
	}

	* html #technorati span
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
		(
			src='http://www.z-oc.com/img/technorati-icon.png',sizingMethod='scale'
		);
	}

	* html #delicious img
	{
		visibility: hidden;
	}

	* html #delicious span
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
		(
			src='http://www.z-oc.com/img/delicious-icon.png',sizingMethod='scale'
		);
	}
}