/* 
Theme Name: Cristheme
Theme URI: http://cristianvirtual.org
Description: Mezcla de elementos interesantes. Otro intento a raiz de mi eterna inconformidad con el blog
Version: 0.1
Author: Cristian Barahona
Author URI: http://cristianvirtual.org
Copyright (c) 2008 Cristian Barahona
*/

*{margin:0;padding:0;}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	background:  #003366;
}
#wrapper{
background:#fff;
width:970px;
margin:0 auto;
padding:0;}
a{color: #336699;
text-decoration:none;}
.clear{clear:both;}
td {padding:0px 5px;}
blockquote{
	background: url(images/blockquote-bg.png) no-repeat top left;
	padding:0px 0px 10px 25px;
}
#header ul,#navigation ul li,#sidebarwrap ul,ol.commentlist {
list-style:none;}
.floatleft{
float:left;}
.floatright{
float:right;}
/************************************************
*	Header
*************************************************/
#header{
	background:url(images/headerbg.jpg) repeat-x top ;
	height:65px; /*65px; */
}
#header h1{
	font-size:25px;
}
#header_l h1 a {
	background:transparent url(images/header_title.jpg) no-repeat 0px 0px;
	display:block;
	height:60px;
	text-indent:-9999px;
	width:400px;
	float:left;
}
#header_l {
	background:transparent url(images/header.jpg) no-repeat scroll left top;
	float:left;
	height:62px;
	padding:0px 10px 10px 0px;
	width:720px;
}
#header_r {
	float:right;
	padding:8px 10px;
	text-align:right;
	width:207px;
}
#header_r a:hover,#asides a:hover{
color:#333333;
text-decoration:underline;}
#header_r span.rss,#header_r span.email{
margin-left:5px;}
/*NAVIGATION****************************************************************************/
#navigation{
	height:10px;
	margin: 0px; /*-5px 0 0px;*/
}

/************************************************
*	Menu cabecera
*************************************************/
.kwicks {
	display: block;
	height: 100px; /* a IE le tengo q sumar los -20 de abajo */
	margin: 0px;
	margin-top: -15px;
	margin-bottom: 10px;
	list-style-type: none;
}

.kwicks li {
	float: left;
}

li:after {
	content: "";
}

.kwicks .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100px;
	width: 120px;
	background: #fff;
	border-right: 2px solid #fff;
}

.kwicks .kwick span {
	display: none;
}

.kwicks .opt1 {
	background: #9ce782 url(images/menu_blog.jpg) ;
	margin-left: 0;
	padding-left: 0;
}

.kwicks .opt2 {
	background: #92bdfa url(images/menu_fotos.jpg);
}

.kwicks .opt3 {
	background: #faa892 url(images/menu_cris.jpg);
}

.kwicks .opt4 {
	background: #e78282 url(images/menu_contacto.jpg);
}

.kwicks .opt5 {
	background: #000 url(images/menu_fotos.jpg);
	border-right: 0;
}
/************************************************
*	mis  candies
*************************************************/
.zpc {
	padding: 2px;
	margin: 2px;
	border: 1px solid #336699;
}
p.foto {
	color: #000;
	margin: 40px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 40px;
	height: 40px;
	background: url(images/mi-a530.png) no-repeat left center;
	border: 1px solid #FF890D;
	margin-top: 5px;
	margin-bottom: 5px;

}
p.foto a {
	color: #428412;
	background: none;
}
code {
	color: #000;
	font-family: monospace;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(images/code-bg.png) no-repeat left top;
	border: 1px dashed #ccc;
	margin-top: 5px;
	margin-bottom: 5px;

}

acronym, abbr {
	border-bottom: 2px dotted #428412;
}

/*COTENT-CONTAINER**********************************************************************/
#content-container{
padding:10px;}
/*CONTENT********************************************************************************/
.content{
width:535px;
float:left;
padding-right:10px;}
.content h1,.entry h1{
	font-size:16px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #CCCCCC;
}
.content h1 a{
	color: #003366;
	text-decoration:none;
}
.content h1 a:hover{
	color: #336699;
}
.content a{
text-decoration:underline;}
.content a:hover{
	color:#000000;
}
.title{}
.info {
	background:#dadaf4 none repeat scroll 0%;
	padding:0px 10px 0px 0px;
	font-size:10px;
	height:19px;
}
.info a{
color: #000000;text-decoration:none;}
.info a:hover{
text-decoration:underline;}
span.day {
	font-size:12px;
	font-weight:bold;
	background: #003366;
	padding:2px 5px 3px;
	color:#FFFFFF;
}
span.month{
	font-size:11px;
	background:#6699cc;
	padding:3px 5px 3px;
	margin:0px 13px 0px -4px;
}
.post{
margin-bottom:20px;
background:white;}
.post img.wp-smiley{
border:none;
padding:0px;
background:none;}
.entry{
	padding:7px 0;
	text-align: justify;
}
.entry h1{
border:none;
padding-top:5px;}
.entry h3{
font-size:13px;}
.entry p{
margin-bottom:10px;}
.entry ul,.entry ol{
margin:0px 0px 10px 20px;
list-style-position:inside;}
h2.pagetitle{
font-size:17px;
font-weight:lighter;
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
color:#FF3366;
margin-bottom:10px;}
/************************************************
*	Sidebar
*************************************************/
#sidebarwrap{
float:right;
width:400px;
margin:-20px 0 0 0;}
#sidebar_l{
width:200px;
float:left;
margin-left:4px;}
#sidebar_r{
float:right;
width:180px;}
span.titlea{
background: #E4E4E4;
padding:1px 2px 2px;}
#asides,#topsidebar {
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	margin:0px 0px 10px 4px;
	padding:10px 0;
	line-height:15px;
}
#asides ul li{
margin-bottom:10px;}
#asides a{
color:#000000;}
.intro{
background:#99DEF2 url(images/introbg.jpg) no-repeat top;
padding:10px;
margin:0px 0px 10px 4px;}
img.photo{
float:left;
padding:1px 8px 1px 1px;}
#sidebarwrap h2,#sidebarwrap h3{
	font-size:12px;
	padding:3px 3px 2px 3px;
	border-top:2px solid #336699;
	text-transform:uppercase;
}
#searchform{
	padding:5px 0 5px 4px;
	border-bottom:1px solid #dadaf4;
	background:#dadaf4;
	margin:3px 0px 15px 4px;
}
#s {
border:1px solid #333333;
font-size:11px;
padding:3px;
width:300px;}
#sidebar_l #s,#sidebar_r #s{
border:1px solid #999999;
margin-top:10px;
width:95%;
background:#FFFFFF;}
#sidebar_l #searchform,#sidebar_r #searchform{
padding:0px;
background:#FFFFFF;
border:none;}
#searchsubmit{
	border:none;
	background:#003366;
	font-size:10px;
	color: #ffffff;
	padding:3px 6px;
}
#topsidebar ul li,#sidebar_l ul li,#sidebar_r ul li{
	margin-bottom:20px;
	background:#ececf4;
}
#topsidebar ul li ul li,#sidebar_l ul li ul li,#sidebar_r ul li ul li{
	margin-bottom:2px;
	background:#dadaf4;
	padding:2px 0px 2px 6px;
	color:#000000;
	border-right:2px solid #003366;
}
#topsidebar ul li ul li a, #sidebar_l ul li ul li a,#sidebar_r ul li ul li a{
color:#000000;}
#topsidebar ul li ul li a:hover,#sidebar_l ul li ul li a:hover,#sidebar_r ul li ul li a:hover{
text-decoration:underline;}
#topsidebar ul li ul li a:hover,#topsidebar ul li ul li:hover,#sidebar_l ul li ul li a:hover,#sidebar_r ul li ul li a:hover,#sidebar_l ul li ul li:hover,#sidebar_r ul li ul li:hover{
	background:#cacaf4;
}
p.postinfo{
padding:35px 10px 6px ;
margin-bottom:10px;
line-height:20px;}
li#tag_cloud {
text-align:center;}
/*COMMENT LAYOUT************************************************************************/
#comments {
margin-top:50px;}
#comments h2,.entry h2 {
font-size : 14px;
padding-top:5px;}
ol.commentlist {
margin:10px 0 10px 0;
border-bottom:1px solid #ccc;
}
.commentlist li {
padding:8px 10px;}
.alternate {
background-color: #f8f8f8;}
.authorcomment{
border-top:1px solid #666666;
background: #E0E0E0;}
.commentdata{
float:left;
text-align:right;
margin-right:10px;
padding:0px 10px 0px 0px;
width:80px;
border-right:1px solid #EAEAEA;}
.commenttext {
float:left;
width:400px;}
#formsection{
margin:20px 0;}
.columnform{
float:left;
margin-right:10px;}
#author, #email, #url {
width:205px;
margin-bottom:4px;
padding:2px 0px;}
#commentarea{
width:100%;padding:2px 0px;
height:148px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
#submit {
	background:#336699 none repeat scroll 0% 50%;
	border:2px solid #003366;
	color:#FFFFFF;
	font-size:11px;
	height:29px;
	margin:10px 0pt 0pt 1px;
	width:207px;
}
/*FOOTER********************************************************************************/
#footer{
	background:#001933;
	padding:4px 0;
	text-align:center;
	color:#ffffff;
}
#footer a{
color: #999999;
text-decoration:underline;}
ul#botnav{
text-align:right;
margin:10px 10px 5px;
font-size:10px;}
ul#botnav li{
display:inline;
margin-right:10px;}
ul#botnav li a{
text-transform:uppercase;}
/*ICONS*********************************************************************************/
span.tag, span.comment, span.calendar, span.rss,span.rss2,span.folder,span.tag,span.author,span.prev,span.asidedot{
padding:0 0  3px 19px;
line-height:17px;}
span.tag{
background: url(images/tag.png) no-repeat top left;}
span.folder{
background:transparent url(images/folder.gif) no-repeat scroll 2px 0px;
margin-right:11px;}
span.tag{
background: url(images/tag.png) no-repeat top left;
margin-left:5px;}
span.comment{border:none;
background: url(images/comment.png) no-repeat top left;}
span.calendar{
background: url(images/calendar.png) no-repeat top left;}
span.author{
background: url(images/author.png) no-repeat top left;}
span.rss{
background: url(images/rss.png) no-repeat top left;}
span.asidedot{
background:transparent url(images/asidebullet.gif) no-repeat scroll -4px 2px;}
span.rss2{
background: url(images/rss2.gif) no-repeat top left;}
span.prev{
background: url(images/prev.png) no-repeat top left;}
span.email{
background: url(images/email.png) no-repeat top right;
padding:1px 24px  3px 0px;}
span.next{
background: url(images/next.png) no-repeat top right;
padding:1px 19px  3px 0px;}
span.rss3{
	background: url(images/rss.png) no-repeat top right;
	padding:1px 24px  3px 0px;
}
span.login{
	background: url(images/author.png) no-repeat top right;
	padding:1px 24px  3px 0px;
}