/* @override http://mocaloca.com/themes/site_themes/mocaloca/css/site.css */

/* --------------------------------------------------
	Layout Style Sheet
	author:		Adriana Cortes
	website:	MocaLoca
-------------------------------------------------- */

.entry{
	margin-bottom: 20px;
}

.red {
  color: #D21F1F;
  font-style: italic;
}

.gray {
  color: #999999;
  font-style: italic;
}

.darkgray{
  color: #6F6F6F;
}

.postComment{
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 10px;
}

body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,li,dt,dd,table,fieldset,legend,hr { margin:0; padding:0; border:none; list-style:none; }
img { border:none; }

.clear { position:relative; display:block; clear:both; }

body {
	background:#c5d2e6 url('/themes/site_themes/mocaloca/images/bg-body.jpg') repeat-x bottom;
	font:12px Georgia, Arial; color:#000; text-align:center;
	margin-top:46px;
	line-height: 17px;
}

p { margin-top:16px; }

.entry p {
	margin-top:0px;
}

h4 { font-size:12px; display:block; height:16px; overflow:hidden; text-indent:-4000px; }
	h4.lastestfinds { background:url('/themes/site_themes/mocaloca/images/t-latestfinds.gif') no-repeat; }
	h4.fromtheblog { background:url('/themes/site_themes/mocaloca/images/t-fromtheblog.gif') no-repeat; }
	h4.reading { background:url('/themes/site_themes/mocaloca/images/t-reading.gif') no-repeat; }
	h4.arquives { background:url('/themes/site_themes/mocaloca/images/t-arquives.gif') no-repeat; }
	h4.blogsiread { background:url('/themes/site_themes/mocaloca/images/t-blogsiread.gif') no-repeat; }
	h4.contact { background:url('/themes/site_themes/mocaloca/images/n-contact.gif') no-repeat; }

#wrap {
	position:relative;
	width:926px;
	margin:auto; padding-bottom:360px;
	text-align:left;
}

a:link, a:visited { color:#161616; background-color:transparent; text-decoration:none; }
a:hover { text-decoration:underline; }

#ct-blog a:link, #ct-blog a:visited { color:#D11B1C; background-color:transparent;text-decoration:underline; }

#ct-blog a:hover { text-decoration:none }

#leftbar {
	position:relative; top:54px;
	float:left;
	width:197px;
	background:transparent;
	}
	
	#nav li { display:block; margin-bottom:2px; }
	#nav li a {
		display:block;
		height:25px;
		background-color:#e2e9f3; background-position:14px center; background-repeat:no-repeat;
		overflow:hidden; text-indent:-2000px;
	}
	#nav li a:hover { background-color:#eef2f8; }
	#nav li.current a { background-color:#fff; }
		#nav li.home a { background-image:url('/themes/site_themes/mocaloca/images/n-home.gif'); }
		#nav li.blog a { background-image:url('/themes/site_themes/mocaloca/images/n-blog.gif'); }
		#nav li.profile a { background-image:url('/themes/site_themes/mocaloca/images/n-profile.gif'); }
		#nav li.contact a { background-image:url('/themes/site_themes/mocaloca/images/n-contact.gif'); }

	#leftboxes li {	
		display:block; width:173px;
		padding:18px 12px; margin-bottom:2px;
		background-color:#e2e9f3;
		font-size:11px;
	}
	#leftboxes li span {
		display:block;
		height:15px;
		margin-bottom:14px;
		overflow:hidden; text-indent:-2000px;
	}
		#leftboxes li span.status { background:url('/themes/site_themes/mocaloca/images/t-workstatus.gif') no-repeat; }
		#leftboxes li span.contact { background:url('/themes/site_themes/mocaloca/images/n-contact.gif') no-repeat; }
		#leftboxes li span.props { background:url('/themes/site_themes/mocaloca/images/t-props.gif') no-repeat; }
	
	#leftboxes li.viewport { padding:0; }
	#leftboxes li.viewport a {
		width:197px; display:block;
		height:165px;
		background:url('/themes/site_themes/mocaloca/images/n-viewportfolio.gif') no-repeat;
		overflow:hidden; text-indent:-4000px;
	}
		
#blogtitle {
	position:relative;
	width:440px; height:50px;
	display:block; clear:both;
}

#blogtitle h1 {
	position:relative; float:left;
	width:440px; height:34px;
	margin:28px 0 22px 28px;
	margin-bottom:0px;
	font-size:14px; font-weight:700;
	background:url('/themes/site_themes/mocaloca/images/logo-mocaloca.gif') no-repeat left;
	overflow:hidden; text-indent:-4000px;
}
#blogtitle h1 a { position:relative; top:8px; display:block; width:98px; height:26px; }
#blogtitle h1 span {
	position:relative; top:-12px; right:0;
	display:block; float:right;
	width:287px; height:16px;
	background:url('/themes/site_themes/mocaloca/images/tagline-mocaloca.gif') no-repeat left;

}
	
#wrap-content {
	position:relative; float:left;
	width:500px; min-height:840px;
	margin:0 16px;
	background:#fff;
}

.pad { padding: 15px; }

#ct-comics { position:relative; margin:auto; }
#ct-blog, #ct { position:relative; padding:28px 28px; padding-top: 0px; }
	#ct-blog .date { color:#999; }
	#ct-blog p img { float:left; margin:0 12px 12px 0; }
	
	#ct { padding-bottom:240px; }
	#ct .intro { display:block; clear:both; margin-bottom:24px; }
	#ct .intro h4 { position:relative; top:10px; margin-bottom:12px;}
	#ct .intro img { float:left; border:6px solid #eaeaea; margin-right:20px; }
	#ct .intro a {
		display:block;
		width:45px; height:10px;
		margin-top:10px;
		background:url('/themes/site_themes/mocaloca/images/bt-mocascv.gif') no-repeat;
		overflow:hidden; text-indent:-4000px;
	}


.tosay { margin:30px 26px; }
	
.posted {  } 
.posted p { margin-top:10px; }
	.say a {
		display:block;
		width:242px; height:16px;
		margin-bottom:10px;
		background:url('/themes/site_themes/mocaloca/images/t-somethingtosay.gif') no-repeat;
		overflow:hidden; text-indent:-4000px;
	}
	
	.date { /* font-style:italic; */ }
	
	.by { font-weight:700; }
	.allcomments a {
		display:block;
		width:84px; height:12px;
		margin-top:10px;
		background:url('/themes/site_themes/mocaloca/images/bt-viewallcomments.gif') no-repeat;
		overflow:hidden; text-indent:-4000px;
	}
	.numcomments { margin:16px 0 24px 0; }
	.numcomments a { color:#cc0000; font-weight:700; font-size:11px; }
	.commopen { margin-bottom:12px; }
	.commopen a { color:#000; }

#rightbar {
	position:relative; top:18px; float:right;
	width:197px;
	padding-top:24px;
	/* background:url('/themes/site_themes/mocaloca/images/rightbar-top.gif') no-repeat top right; */
	background:url('/themes/site_themes/mocaloca/images/rightbar-top.png') no-repeat top right;
	font-size: 11px;
}

#rightbar ul li { margin-bottom:6px; }
#rightbar dl dt { margin-bottom:4px; }
#rightbar dl dd { color:#999; font-style:italic; }

.box { background:#e2e9f3; padding:16px; width: 165px; overflow: hidden; }
.box1 { height:58px; padding-left:12px; }
.box2 { background:#fff; padding:16px 7px; }
.box, .box2 { margin-bottom:2px; }
.box h4 { margin-bottom:16px; }

.icdelicious { background:#e2e9f3 url('/themes/site_themes/mocaloca/images/ic-delicious.gif') no-repeat 170px 12px; }
.icamazon { background:#e2e9f3 url('/themes/site_themes/mocaloca/images/ic-amazon.gif') no-repeat 170px 12px; }

.commtitle { font-weight:700; margin-bottom:20px; }

/* LINKS */
a.keepreading  {
		display:block;
		width:60px; height:11px;
		margin-top:10px;
		background:url('/themes/site_themes/mocaloca/images/bt-keepreading.gif') no-repeat;
		overflow:hidden; text-indent:-4000px;
	}
a.subscribe { 
	display:block;
	width:45px; height:9px;
	margin-top:4px;
	background:url('/themes/site_themes/mocaloca/images/bt-subscribe.gif') no-repeat;
	overflow:hidden; text-indent:-4000px;
}
a.moredelicious { 
	display:block;
	width:74px; height:9px;
	margin-top:14px;
	background:url('/themes/site_themes/mocaloca/images/bt-moreondelicious.gif') no-repeat;
	overflow:hidden; text-indent:-4000px;
}
a.postcomment {
	display:block;
	width:67px; height:12px;
	margin-top:14px;
	margin-bottom:14px;
	background:url('/themes/site_themes/mocaloca/images/bt-postacomment.gif') no-repeat;
	overflow:hidden; text-indent:-4000px;
}
a.send {
	display:block;
	width:22px; height:9px;
	margin:0 0 0 0;
	background:url('/themes/site_themes/mocaloca/images/bt-send.gif') no-repeat;
	overflow:hidden; text-indent:-4000px;
}


#twitter { margin-bottom:0px; background-color: #33ccff; width: 180px; }

#twitter2 { margin-bottom:0px; background-color: #FFFFFF; width: 180px; }


/* FORMS */

#statusTexto label { width: 240px;}

.error li {width: 240px; font:12px Georgia;}

label {
	display:block; float:left;
	width:67px; /* height:11px; */
	margin-top:4px;
	overflow:hidden; /* text-indent:-4000px; */
}
	label.lb-name { background:url('/themes/site_themes/mocaloca/images/lb-yourname.gif') no-repeat; }
	label.lb-email { background:url('/themes/site_themes/mocaloca/images/lb-youremail.gif') no-repeat; }
	label.lb-url { background:url('/themes/site_themes/mocaloca/images/lb-url.gif') no-repeat; }
	label.lb-comment { background:url('/themes/site_themes/mocaloca/images/lb-comment.gif') no-repeat; }
	
	
	/* CONTACT
	   form#contact { position:relative; left:0; width:286px; padding-left:138px; margin-bottom:32px; background:url('/themes/site_themes/mocaloca/images/img-formcontact.gif') no-repeat left top; overflow:hidden; }
	   form#contact input, form#contact textarea { width:272px; margin-bottom:16px; }
	*/
	form#contact { position:relative; left:0; margin-bottom:32px; overflow:hidden; }
	form#contact label { float:none; height:16px; margin-bottom:8px; }
	form#contact input, form#contact textarea { margin-bottom:16px; }
	
	label.lb-name1 { background:url('/themes/site_themes/mocaloca/images/lb-yourname1.gif') no-repeat; }
	label.lb-email1 { background:url('/themes/site_themes/mocaloca/images/lb-youremail1.gif') no-repeat; }
	label.lb-subject { background:url('/themes/site_themes/mocaloca/images/lb-subject.gif') no-repeat; }
	label.lb-message { background:url('/themes/site_themes/mocaloca/images/lb-message.gif') no-repeat; }
	

input, textarea { border:1px solid #c6d3e7; background:#fff; padding:2px 4px; font:12px Georgia; color:#6d727a; }	

form#topost { margin-top:32px; }
form#topost h4 {
	display:block;
	width:94px; height:16px;
	margin:20px 0;
	background:url('/themes/site_themes/mocaloca/images/t-postacomment.gif') no-repeat;
	overflow:hidden; text-indent:-4000px;
}
form#topost input, textarea { width:380px;}

form#contact label, form#contact input { display:block; }

	
hr {  display:block; clear:both; visibility:hidden; border:0; margin:2px 0; *margin:-5px 0; }
	
	
/*
#content p, ul, li {
	font-size: 12px;
	color: #000;
	text-align: justify;
	}

.date {
	font-size: 13px;
	background: transparent;
	color: #f90;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
	}

.title {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #000;
	text-align: left;
	}



#rightbar {
	position: absolute;
	top: 0;
	right: 0;
	border-top: 5px solid #fc0;
	color: #666;
	margin: 0;
	padding: 0;
	width: 210px;
	background: transparent;
	}

#rightbar p {
	font-size: 11px;
	margin: 10px;
	background: transparent;
	color: #ffc;
	}

.sidetitle {
	margin: 15px 10px 10px 10px;
	font-size: 12px;
	background: transparent;
	color: #fff;
	} 

#tmb {
	height: 25px;
	width: 25px;
}

#test {
	font-size: 10px;
}

#flickr {
	margin-top: 15px;
}

.error { text-indent: 0px; width: 100%; }

#formStatus { display: none; }