/*
Theme Name: Portable Grid
Theme URI: 
Description: Theme based on <a href="http://www.suprb.com/grid-a-licious/">Grid-A-Licious(tm)</a> by <a href="http://www.suprb.com">Suprb</a>.
Version: 1.0
Author: <a href="http://www.portable.cl">Portable</a>
*/

body {			background-color:#292627;
				color:#666;
				font-family: Arial, sans-serif;
				font-size:11px;
				line-height: 15px;
				padding:20px;
				margin:0px;	}

a {	color:#666; text-decoration:none; }
a:hover	{ color:#CCC; text-decoration:none; }
a:active{ border:none;}

#top{ height:60px; margin-bottom:0;}

h1.blogtitle { width:150px; height:42px; margin:0; padding:0;}
h1.blogtitle a{ width:150px; height:42px; margin:0; padding:0; text-indent:-9000px; position:absolute; background-image:url(images/portable-web.gif); background-position:left top; background-repeat:no-repeat;}
h1.blogtitle a:active{ border:none;}

h2 { font-size:14px; margin-top:0; margin-bottom:10px;}


.round { 		background-color:white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				padding: 10px;
				width: 200px;
				float: left;
				margin-right: 10px; }

.contentIndex p img { display:none; }

.eachpost { 	background-color:#000;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				position:absolute;	}

.eachpost img { border:0; margin-bottom:10px;}
			
.eachpost > div { padding:10px; }
	
.eachpost .author { padding-right: 3em; }

.author, .comment { text-decoration:none; }

.signature { margin-top:1.5em; }
	
#allposts { margin-bottom:60px; }

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

#menuItem { height: 50px; }

#mainContent img { display: none }
#mainContent {  -moz-border-radius:3px;
				-webkit-border-radius:3px;
  				-khtml-border-radius: 3px;
				border: 0;
				background: #fff;
				padding: 0 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important; }
.main p img {	-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border: 0;
				background: #fff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

.twocols { background: #000 }
.threecols { background: #000 }

input, textarea, select, button{
				background-color:#white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				padding: 3px;
				border:0px;
				margin-top: 5px;
				color:#666;
				font-size:11px;
				font-family: Arial, sans-serif; }
				
textarea { width: 420px; padding: 5px; }

input { padding: 5px; width: 420px; }

.bubble { width: 430px; margin-bottom: 10px; }

.bubble blockquote { background: #fff;
				margin: 0px;
   				-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;
				padding: 3px;
				background: white; }

.bubble blockquote p { margin: 3px; padding: 0px; }

.bubble cite { 	position: relative;
				margin: -7px;
				padding: 7px 0px 13px 18px;
				top: 5px;
				background: transparent;
				font-style: normal;
				display: block; }

.commentmetadata { margin: 0; display: block; }

#commentBox a { text-decoration: none; }

small a { text-decoration: none; }


#top-left { float:left; width:230px; height:42px; margin:0; padding:0;}
#top-tag { float:left; width:230px; margin:0; padding:0; height:42px;}
#top-tag h2{ margin:0; padding:0; font-size:16px; padding-top:16px;}

#top-right { text-align:left; float:left;}
#access {float:left; width:600px;}
ul.global { padding:0; float:left; width:inherit; margin:0; padding-top:16px;}
ul.global li {float:left; margin-right:20px; font-size:14px; padding:0; font-weight:bold;}

#slideshow { width:660px; text-align:right; height:400px; overflow:hidden; background-color:#111; margin-bottom:10px}
#slideshow-page { width:430px; text-align:right; height:355px; overflow:hidden; background-color:#111; margin-bottom:10px}
/*Colores por Tags*/

.sitios-web {color:#D40000;}
.diseno-grafico {color:#FF6600;}
.ilustraciones {color:#FFCC33;}
.newsletter {color:#993366;}
.intranet {color:#FF3366;}
.presentaciones {color:#669999;}
.identidad {color:#006699;}
.animaciones {color:#999900;}
.audiovisual {color:#33CC00;}


.title { font-size:16px;}
.year { font-size:14px; margin-top:0;}

.divisor { height:1px; font-size:1px; padding:0; margin:10px 0; background-color:#111;}
#divisor { height:1px; font-size:1px; padding:0; margin:10px; background-color:#111;}