/*  
Theme Name: Yissus
Theme URI: http://wordpress.org/
Description: Yissus portfolio hand drawing style. Fixed width, 2 columns.
Tags: handstyle, two columns, fixed, customized with FTP Manager and E-mail Obfuscation.
Version: 1
Author: Cristian Sans, Gimmicklab
Author URI: http://www.gimmicklab.com/
Date: 25/02/2008
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
/* -------------------------------------------- */


/* Body */

body {
	font-size: 62.5%;
	background: #fff;
}

/* Tipography */

body, h1, h2, h3, h4, h5, h6, textarea {
	font-family: "Helvetica", "Lucida Grande", Verdana,"Bitstream Vera Sans", Arial, sans-serif;
}

/* Block Elements */

h1 {font-size: 2.4em;}
h2, h3 {
	font-size: 1.2em;
	text-transform: uppercase;
}
p {
	font-size: 1.2em;
	line-height: 1.2em;
}
ul, li {list-style: none;}
ol {font-size: 1.2em;}
ol li {
	display: list-item;
	list-style: decimal;
	margin-left: 20px;
}
ul {font-size: 1.2em;}
ul li {
	font-size: 1em;
	margin: 15px 0 15px 15px;
}
span {font-size: 1em;}
hr {display: none;}
img {border: none;}
label {display: block;}
input, textarea {
	border: 1px solid #d6d6d6;
	padding: 2px;
}
textarea {
	width: 500px;
	font-size: 1.1em;
	font-weight: normal;
}
acronym, abbr { cursor: help;}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
a {
	font-size: 1em;
	text-decoration: none;
	outline: none;
	border-bottom: 1px solid #d6d6d6;
	color: #525252;
}
a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #525252;
}

/* Main Estructure */

div#container {
	width: 975px;
	margin: 0 auto 0 auto;
}
div#main {
	float: left;
	background: #fff url(images/sketchbook.png) repeat-y top right;
	width: 665px;
	min-height: 2050px;
	height: auto !important; /* All browsers except IE6 took the !important */
	height: 2050px; /* IE6 min-height */
	position: absolute; /* Attached to the bottom */
}
div#sidebar {
	float: right;
	background: #fff url(images/joe.png) no-repeat;
	background-position: 10px 3px;
	width: 310px;
	min-height: 2025px; 
	height: auto !important; /* All browsers except IE6 took the !important */
	height: 2025px; /* IE6 min-height */
	position: relative; /* Relative to footer */
}
div#footer {
	width: 175px; 
	margin: 45px 0 0 70px;
}
div#footer img {
	float:  left;
}
div#footer p.credits  {
	clear: both;
	width: 175px;
	height: 22px;
}
div#footer p.credits span  {
	visibility: hidden;
}
div#footer p#yissus {
	margin-top: 25px;
}

/* Header */

div#main h1 {
	width: 605px;
	height: 126px;
	background: #fff url(images/untitled.png) no-repeat;
	background-position: -10px 0;
	text-indent: -9000px;
	margin-bottom: 15px;
}

/* Post and Page */

div.post, div#page {
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #525252;
}
div.post, div#page {
	width: 555px;
}
div.post h2, div#page h2 {
	margin-bottom: 20px;
}
div.post span {
	display: block;
	font-size: .9em;
	margin-top: 5px;
	text-transform: lowercase;
}
div.post img {
	border: 1px solid #d6d6d6;
	padding: 5px;
	margin-bottom: 15px;
}
div.post p, div#page p {
	margin-bottom: 10px;
}
p.postmetadata {
	border-top: 1px solid #d6d6d6;
	padding-top: 10px;
	margin-top: 20px;
}
p.postmetadata, div.pagination p, p#commentstatus {
	font-size: 1.1em !important;
	line-height: 1.6em !important;
}
div#page ul {
	padding-bottom: 25px;
}
div#page ul li {
	list-style-type: disc;
	display: list-item;
	margin-left: 15px;
}
div.pagination {
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 1.1em;
	text-align: center;
	width: 500px;
}
div.pagination a, div.pagination span {
	padding: 5px 7px 4px 7px;
	border: 1px solid #d6d6d6;
	margin: 0 2px 0 2px;
	line-height: 1.6em;
}
span.current {
	border: 1px solid #525252 !important;
}
div.pagination a {
	text-decoration: underline;
}
div.pagination a:hover {
	border: 1px solid #525252;	
}

/* Comments */

p#commentstatus {
	padding: 8px 10px 8px 10px;
	border: 1px solid #d6d6d6;
	margin: 25px 0 30px 0;
	background-color: #d9d9d9;
}
p#commentstatus a {
	border-bottom: 1px solid #999;
}
p#commentstatus a:hover {
	border-bottom: 1px solid #525252;
}
div.post h3 {
	margin-bottom: 20px;
}
ol.comments {
	margin-bottom: 30px;
}
ol.comments li {
	margin-bottom: 25px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
}
ol.comments li p {
	font-size: 1em;
}
ol.comments li span.commentauthor {
	font-weight: bold;
	font-size: 1em;
	display: inline;
}
p.nocomments {
	font-weight: bold;
	margin: 20px 0 30px 0 !important;
}
p#logged {
	margin: 0 0 30px 0;
}
form#commentform label {
	margin: 0;
}

/* Sidebar */

div#sidebar h2#title {
	width: 225px;
	height: 167px;
	background: #fff url(images/workinprogress.png) no-repeat;
	background-position: 30px 0;
	text-indent: -9000px;
	margin: 340px 0 0 10px;
}
div#sidebar ul#menu {
	margin-top: 35px;
}
div#sidebar ul#menu li {
	width: 187px;
	line-height: 0;
	margin: 0 0 0 35px;
}
div#sidebar ul#menu li a, div#sidebar ul#ftp li a {
	border: 0;
}
div#sidebar ul#tags li {
	background: #fff url(images/tags.png) no-repeat top left;
	display: block;
	width: 212px;
	height: 159px;
	padding: 155px 35px 25px 40px;
	margin: 25px 0 45px 5px;
}
div#sidebar ul#tags li p {
	line-height: 1.2em;
}
div#sidebar ul#tags li p a {
	border-bottom: 1px solid #d6d6d6;
}
div#sidebar li#tags li p a:hover {
	border-bottom: 1px solid #525252;
}
div#sidebar ul#menu li#ftp {
	margin: 30px 0 0 70px;
}
div#sidebar ul#links {
	background: #fff url(images/links-bottom.png) no-repeat bottom left;
	width: 249px;
	max-height: 615px;
	height: auto !important; /* All browsers except IE6 took the !important */
	height: 615px; /* IE6 max-height */
	padding: 0 0 40px 0;
	margin-left: 25px;
}
div#sidebar ul#links h2 {
	background: #fff url(images/links-header.png) no-repeat top left;
	width: 249px;	
	height: 96px;
	text-indent: -9000px;
}
div#sidebar ul#links ul {
	margin: 10px 25px 0 30px;
	background: none;
}
div#sidebar ul#links ul li, div#sidebar ul#links li {
	margin: 0 !important;
	line-height: 1.8em !important;
}

/* Links for Bookmarks and Download */

ul#links a, div.download a {
	background: #fff url(images/download-icon.png) no-repeat top left;
	padding: 10px 0 15px 30px;
	height: 10px;
	border-bottom: 0;
	text-decoration: underline;
}
div.download a {
	font-size: 1.1em;
	display: block;
	margin: 20px 0 20px 0;
}

/* Download and FTP */

div.post form, div#page form {
	padding: 0 0 15px 0;
}
div.post form label, div#page form label {
	margin: 25px 0 0 0;
}
ul#files {
	margin-top: 25px;
	padding-bottom: 25px;
	font-size: 1em;
}
ul#files li {
	list-style: none !important;
	margin-left: 0 !important;
}
div.download {
	padding-bottom: 25px;
}
div.download p {
	margin: 5px 0 15px 0;
}

/* Profile */

div.profile p {
	width: 400px;
	height: 346px;
	margin: 0 !important;
}
div.profile p {
	text-indent: -9000px;
}
div.profile p#chapter1 {background: #fff url(images/bio1.jpg) no-repeat 5px 5px;}
div.profile p#chapter2 {background: #fff url(images/bio2.jpg) no-repeat 5px 0;}
div.profile p#chapter3 {background: #fff url(images/bio3.jpg) no-repeat 5px 0;}
div.profile p#chapter4 {background: #fff url(images/bio4.jpg) no-repeat 5px 0; }
div.profile p#chapter5 {background: #fff url(images/bio5.jpg) no-repeat 5px 0;}
div.profile p#chapter6 {background: #fff url(images/bio6.jpg) no-repeat 5px 0;}
div.profile p#chapter7 {background: #fff url(images/bio7.jpg) no-repeat 5px 0;}

p#chapter1 {border-top: 1px solid #d6d6d6;  border-left: 1px solid #d6d6d6;  border-right: 1px solid #d6d6d6; padding: 5px 5px 0 5px;}
p#chapter2, p#chapter3, p#chapter4, p#chapter5, p#chapter6 {border-left: 1px solid #d6d6d6;  border-right: 1px solid #d6d6d6; padding: 0 5px 0 5px;}
p#chapter7 {border-bottom: 1px solid #d6d6d6;  border-left: 1px solid #d6d6d6;  border-right: 1px solid #d6d6d6; padding: 0 5px 5px 5px;}

/* Contact */

div.contact {
	background: #fff url(images/contact-bg.png) no-repeat top left;
	height: 300px;
	margin-top: 35px;
}
div.contact h2, div.contact p {
	text-indent: -9000px;
}
div.contact p.bottom a {
	border-bottom: 1px solid #d6d6d6 !important;
}
div.contact img {
	margin: 122px 0 0 115px;
}
div.contact a {
	border: 0;
}

/* Clear Fix */

.clearfix:after, #container:after, #footer p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Aligment */

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}