/*

Theme Name: Canchero(tm) Portfolio

Theme URI: http://www.vakgraun.com

Version: 0.8b

Author: <a href="http://www.jonatanflores.com">(c) 2009 Jonatan Flores</a>

Author URI: http://www.jonatanflores.com

Tags: blue, custom header, fixed width, two columns, widgets



*/



/* 00 - START */

* { outline: none; }



body {font-family:'Lucida Grande', Verdana, Arial;background: url(images/pattern.gif) repeat;color: #333;margin:0; padding: 0; font-size: 11px; color: #2b2b2b;

}



#page {margin: 0 0 0 70px;width: 940px;padding:0;

}

/* ----------------------------------------------*/

a {font-size: 11px; color: #2e2e2e; padding: 0; margin: 0; text-decoration: none; }
a:hover {text-decoration:underline;}


/* 01 - CLEARFIX */

.clearfix:after {

    content: " ";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}



/* ----------------------------------------------*/





/* 02 - HEADER */

#header { height:170px;

}

#logo {margin:0; padding: 26px 10px 10px 10px;width:650px;float: left;background: url(images/top-line.gif) top center repeat-x ;

}

#logo.img {align: left;

}

#datos {background: url(images/top-line.gif) top center repeat-x ;margin:0 0 0 10px; padding: 26px 10px 10px 10px;width:240px;float:right;

}

#datos a:hover {text-decoration:underline;

}

/* FIN HEADER */



/* 03 - BODY */





#left-col {margin:0; padding: 10px;width:650px; height:auto;float:left;background: #FFF;

}



#right-col {margin: 0 0 0 10px; padding: 0 !important;;width:260px; height:auto;float:right;

}



/* FIN BODY */





.content img{margin: 10px 0;padding: 0;

}

.new {font-size: 10px;font-family: "Times New Roman", Courier, Garamond, serif;font-style:italic;color: #ff481f;

}



small {font-size: 0.9em;line-height: 1.5em;}



h1, h2, h3 {font-weight: bold;

}



h1 {font-size: 4em;text-align: center;}



#headerimg .description {font-size: 1.2em;text-align: left;}



h2 {font-size: 1.6em;

}



#titleworks h2 {margin: 0;padding: 5px 0;border-top: 2px solid #000;position: relative;font-family: "Times New Roman", Courier, Garamond, serif;font-size: 22px; font-style:italic;

}



#titleworks h2 span.category { position: absolute; right: 10px;  font-size: 0.8em; font-style:italic;}





#sidebar .boxes h2 {margin-bottom: 10px;padding: 2px 0 8px 0;font-family: "Times New Roman", Courier, Garamond, serif;font-size: 22px; font-style:italic;border-top: 2px solid #000;background: url(images/bottom-title-line.gif) bottom center repeat-x ;

}

#sidebar .boxes {background: #FFF;padding: 5px 10px 10px 10px !important;margin-bottom: 10px;width:240px;

}

#sidebar .boxes ul { padding: 0;}


#sidebar .boxes ul li { padding-bottom: 5px;margin: 0; }

#sidebar .boxes ul li a:hover{ text-decoration: underline; }

#sidebar .boxes img { padding: 0;margin: 0; }

#sidebar a { font-weight: bold; }

#titleworks a {
	font-size: 12px;
	font-weight: bold;
	color: #2e2e2e;
	padding: 0;
	margin: 0;
	text-decoration: none;
}



#datos a {font-size: 11px;font-weight: normal;padding: 0;margin: 0;text-decoration: none;

}





h2.pagetitle {font-size: 1.6em;

}



h3 {font-size: 1.3em;}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}



.entry p a:visited {color: #b85b5a;}









#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}



code {font: 1.1em 'Courier New', Courier, Fixed;}



acronym, abbr, span.caps

{font-size: 0.9em;letter-spacing: .07em;}



/* End Typography & Colors */







.post {margin: 0;text-align: left;}

.postmetadata {clear: both;

}



.clear {clear: both;

}



#footer {padding: 0;margin: 0;width: 940px;clear: both;}



#footer p {margin: 0;padding: 20px 0;text-align:left;}

/* End Structure */







/*	Begin Headers */

h1 {padding: 0;margin: 0;}



h2 {margin: 0;}



h2.pagetitle {margin-top: 30px;text-align: center;

}



#sidebar h2 {margin: 5px 0 0;padding: 0;}



h3 {padding: 0;margin: 30px 0 0;}



h3.comments {padding: 0;margin: 40px auto 20px ;}

/* End Headers */







/* Begin Images */

p img {padding: 0;max-width: 100%;}



/*	Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than usingalign="center", being much more futureproof (and valid) */



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}

/* End Images */







/* Begin Lists

Special stylized non-IE bulletsDo not work in Internet Explorer, which merely default to normal bullets. */







.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}



#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;

}

#sidebar ul li {margin: 0;padding: 0;list-style-type: none;list-style-image: none;margin-bottom: 15px;

}



#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 0;}



#sidebar ul ul ul, #sidebar ul ol {margin: 0;}



ol li, #sidebar ul ol li {margin: 0;padding: 0;list-style-type: none;list-style-image: none;}



#sidebar ul ul li, #sidebar ul ol li {margin: 0;padding: 0;}

/* End Entry Lists */







/* Begin Sidebar */

#sidebar {padding: 0; margin: 0;

}



#sidebar form {margin: 0;}

/* End Sidebar */



.footer a {font-size: 11px;font-weight: bold;color: #2e2e2e;

  	text-decoration: none;

}







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {cursor: help;}



acronym, abbr {border-bottom: 1px dashed #999;}



blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}



blockquote cite {margin: 5px 0 0;display: block;}



.center {text-align: center;}



.hidden {display: none;}

a img {border: none;}



.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {display: block;margin-left: auto;margin-right: auto;

}



.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-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: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;

}

/* End captions */





ul.simple, ul.simple li{ list-style:  none outside; padding: 0; margin: 0; }

 

/* =layout

-------------------------------------------*/

#left-col h3 { cursor: pointer;/*border-bottom:double #000000;*/font-weight:bold;margin: 0;padding: 13px 0 8px;width:650px;background: url(images/bottom-title-line.gif) top center repeat-x ; position: relative;



}#left-col h3 a{ text-decoration: none; }	span.category { position: absolute; right: 10px; font-weight:normal; font-size: 0.8em; color: #7b7b7b; }



div.collapse{ margin: 0;padding: 0;width:650px; background: url(images/bottom-title-line.gif) top center repeat-x ;

}	

div.collapse-container{ margin: 0; padding: 10px 0;width:650px; height: 100%;}