@import url(portfolio.css);
@import url(base.css);
@import url(about.css);

body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, default;
	font-size:90%;
	background:#000;
}

#footer {
	color:#B58803;
	font-size:0.8em;
	text-align:center;
	padding:10px 0 10px 0;
	height:20px;
	background:#000;
}

p{
	color:#FFF;
}

a {}

h1 {
	color:#3399FF;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
}
h2, #related_tags h2, #last_tags h2, #overlay h2 {
	color:#3399FF;
	margin:5px;
}
h3 {
	border:none;
	color:#FF6600;
}

#content #loader_div {
	margin-left: -40px;
	float: left;
}

#formwrapper {
	width:262px;
	text-align:center;
	margin:4px 0 10px 0;
}	
#formwrapper fieldset {
	padding:5px;
	border:none;
	color:#FFF;
}
#formwrapper button {
	color:#FFF;
	padding:2px;
	font-weight:bold;
	font-size:1em;
	border:none;
	width: 110px;
	cursor-style: hand;
}
#formwrapper button:hover {
	background:#FFF;
	color:#000;
}
.button_blue {
	background:#3366FF;
}
.button_red {
	background:#FF4A19;
}
.button_green {
	background:#3FCA3F;
}
#formwrapper .tag {
	width: 80px;
	color:#FFF;
	padding:4px;
	font-weight:bold;
	font-size:1em;
	border:2px solid #FFF;
	background:#000;
	margin-right:5px;
}
#formwrapper p {
	color:#FFF;
	padding:10px;
}

#content #last_tags, #content #related_tags, {
	width:26em;
	float:right;
	margin:4px 0 10px 0;
}

#results { 
	width:254px; 
	margin:0 10px 10px 0; 
	height:200px; 
	overflow:scroll; 
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll; 
}

#about {
	width:254px;
	margin:0 10px 10px 0;
	height:300px; 
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

#help {
	width:254px;
	margin:0 10px 10px 0;
	height:300px; 
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

.icon {
	line-height : 19px;
	padding : 0 0 2px 20px;
	background-position : top left;
	background-repeat : no-repeat;
}

.tag {
	background-image : url(../img/tag.png);
	color: #FFF;
}

.username {
	background-image : url(../img/user.png);
}

.rss {
	background-image : url(../img/rss.gif);
}

.delicious {
	background-image : url(../img/delicious.gif);
}

#last_tags {
	width:254px;
	margin:0 10px 10px 0;
	height:300px; 
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

#related_tags {
	width:254px;
	margin:0 10px 10px 0;
	height:300px; 
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

.last_tags {
	line-height: 170%;
	font-size:1em;
}

.related_tags {
	line-height: 170%;
	font-size:1em;
}

.links_rendered {
	list-style: none;
	margin-left: -40px;
}

.links_rendered li{
	font-weight: bold;
	margin: 0 10px 10px 0;
	border-left:8px solid #333;
	clear:left;
	padding: 5px;
	background:#222;
	font-size:0.9em;
}
.links_rendered a:hover{
	color:#FFF;
}
.link_img {
	float:left;
	margin: 0px 10px 10px 0;
}


/* Modificaciones */
#overlay {
		z-index: 1;
		top:4px;
		left:2px;
		position: absolute;
		width:266px;
		padding: 0 12px;
		background-image:url(semitrans.png);
		color:#fff;
		height:95%;
	}
	
#overlay h1 {
	color:#FF6600;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
}