@charset "utf-8";
/* CSS Document */


* { padding: 0; margin: 0; }



body {

    text-align: center;

    background: url(../imagenes/fondo_top.jpg) #01397d no-repeat; 

    font: normal 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

}

#logo { width:260px; height:82px; float:left; margin-top:45px; 
}

ul,

li  { list-style-type: none; }

img { border: 0; }





table,

tr,

td {

    border: 0;

    border-collapse: collapse;

    

}



div.clear {

	position: relative;

	clear: both;

}



.hidden { display: none; }





/*****************************************************

* Typography

*****************************************************/



body#home h1 {

	text-indent: -7777px; color:#FFFFFF;

}



h2,

h3 {

font-family: Arial, Helvetica, sans-serif;
font-size: 42px;
font-style: normal;
font-weight: normal;
color:#0c3b6f;
letter-spacing: -1px;
line-height: 1.4em;

}

h3 {

	font-weight: normal;

	letter-spacing: -1px;

	font-size: 150%;

	margin-bottom: .7em;

	color: #fff;

}

	#whole_post h3 {

		margin: .1em 0 .4em 0;

		padding: 0 0 .5em 0;

		border-bottom: 1px solid #1e4979;

		font-size: 180%;

		font-weight: bold;

	}



h5 {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #fff;

	letter-spacing: 4px;

	margin: 10px;

	line-height: 100%;

	text-transform: uppercase;

}
h6 {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #3399cc; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
h6 span {

		font: normal 100% Georgia, "Century Schoolbook", Times, serif;

	color: #fff; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 
}
h7 {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #3399cc; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
#preguntas a {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #3399cc; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
#preguntas span {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif; margin-left:15px;

	color: #fff; 



}
#preguntas a:hover {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #fff; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
.mini_post a {

	font: normal 60% Georgia, "Century Schoolbook", Times, serif;

	color: #3399cc; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
#subir span {

	font: normal 50% Georgia, "Century Schoolbook", Times, serif;

	color: #fff; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 

}
h8 {

		font: normal 100% Georgia, "Century Schoolbook", Times, serif;

	color: #fff; 

	letter-spacing: 2px;

	padding-top:5px; padding-left:15px;

	line-height: 100%;

	text-transform: uppercase; 


}

	.column_right h5 {

		margin-top: 40px;

		letter-spacing: 3px;

	}

	

	#hotness h5 {

		margin-left: 10px;

	}

	

	#flickrness h5,

	#virb_friends h5,

	#virb_tunes h5 {

		margin: 7px 0 15px 0;

	}

	

	.column_small_right h5.alt {

		margin-bottom: 10px;

	}

	.column_right h5.solo { margin-top: 0; }

	

em { font-family: Georgia, "Century Schoolbook", Times, serif; }



p {

	font-size: 80%;

	color: #6691be;

	line-height: 100%;

}



	#cover_story p {

		font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal; text-align:right;
color:#06c;


line-height: 1.4em;


	}

	

	a#intro_link p,

	a#intro_link:visited p {
	float: left;
	width: 820px;
	font-size: 80%;
	color: #90b0d2;
	padding: 10px 5px 0 5px;
	line-height: 100%;

	}
		a#intro_link:hover p {
	float: left;
	width: 820px;
	font-size: 80%;
	color: #fff;
	padding: 10px 5px 0 5px;
	line-height: 100%;

	}


		a#intro_link p em,

		a#intro_link:visited p em {

			display: block;

		}

	

	p.post_date,

	#cover_story p strong {

		font-size: 85%;

		text-transform: uppercase;

		letter-spacing: 1px;

	}

	#cover_story p strong {

		color: #bbb;

		font-size: 70%;

	}
	#preguntas_titulo {
	float: left;
	text-align: left;
	width: 950px;
	border-top-color: #3399cc;
	background-color:#001435;
	margin-bottom:5px;
}
#preguntas_menu {
	float: left;
	text-align: left; 
	width: 950px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3399cc;

	margin-bottom:5px;
}
#preguntas_menu  a:hover {

	width: 950px;
 background-color:#069; padding: 0px 20px 0 px 20px;

	margin-bottom:5px;
}
#preguntas {
	float: left;
	text-align: left;
	width: 950px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3399cc; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399cc; background-color:#000; padding: 10px 0 10px 5px;

	margin-bottom:15px;
}
	
#pregunta1,#pregunta2,#pregunta3,#pregunta4,#pregunta5,#pregunta6,#pregunta7,#pregunta8,#pregunta9  { height:20px; background-color:#000; margin-bottom:15px; 
}
	.column_left p {

font-family: Georgia, serif; margin:15px 10px 10px 10px; padding:15px 10px 10px 10px;
font-size: 13px;
font-style: normal;


letter-spacing: normal;
line-height: 1.45em; color:#cddff4;

	}	
		.column_left .sublistas {

font-family: Georgia, serif; margin:0px 0px 0px 45px; padding:0px 10px 0px 10px;
font-size: 13px;
font-style: normal;


letter-spacing: normal;
line-height: 1.45em; color:#cddff4; 

	}
				.column_left ol {

font-family: Georgia, serif; margin:0px 10px 10px 35px; padding:15px 10px 10px 10px;
font-size: 13px;
font-style: normal; list-style: none; line-height: 1.45em;  


letter-spacing: normal;
line-height: 1.45em; color:#cddff4;

	}	
		.column_left ul {

font-family: Georgia, serif; margin:0px 10px 10px 35px; padding:15px 10px 10px 10px;
font-size: 13px;
font-style: normal; list-style: circle; line-height: 1.45em;  


letter-spacing: normal;
line-height: 1.45em; color:#cddff4;

	}

				.column_left li {


font-style: normal; list-style: circle; 


	}	
					.column_left li span { font-weight:bold; color:#00CCFF; list-style: circle; 


	}
#excepcion { list-style: circle;
}
.nocircle li{ list-style: none;
}


		


	#the_intro p    { margin: 0 0 1em 0; }

	#the_intro p em { font: normal 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }

	

		#the_intro p img {

			float: left;

			margin: 2px 12px 5px 0;

		}

	







	#footer p {

		font-size: 65%;

		line-height: 170%;

	}





/*****************************************************

* Linkage

*****************************************************/



a,

a:visited {

	color: #39c;

	text-decoration: none;

	

}

a:hover {

	color: #fff;

	border-color: #b8cade;

}



	a#cover_link,

	a#cover_link:visited {

		display: block;

		position: absolute;

		width: 950px;

		height: 215px;

		top: 0;

		left: 0;

		border: 5px  double #003;

		text-indent: -7777px;

		

	}

	a#cover_link:hover {

		border: 5px  double #FFFFFF;

	}

	

	a#intro_link,

	a#intro_link:visited {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 50px;
	padding: 15px;
	border: 0;

	}



	

	.extras em a,

	.extras em a:visited { color: #39c; }

	.extras em a:hover   { color: #fff; }





	.mini_post a.comments,

	.mini_post a.comments:visited { font-size: 95%; }

	

	body#home .full_post .post p a,

	body#home .full_post .post p a:visited,

	#whole_post .post p a,

	#whole_post .post p a:visited {

		border-color: #032a56;

		background: #032a56;

		padding: 1px 1px 0 1px;

	}

	body#home .full_post .post p a:hover,

	#whole_post .post p a:hover {

		border-color: #b8cade;

		background: none;

	}

	

	#nav a,

	#nav a:visited {

		border: 0;

	}

	

	.jobsinc li a,

	.jobsinc li a:visited,

	.post_list li a,

	.post_list li a:visited {

		color: #72b338;

	}

	.jobsinc li a:hover,

	.post_list li a:hover {

		color: #fff;

	}

	

	.post_list li strong a,

	.post_list li strong a:visited {

		color: #9fe722;

	}

	

	#post_job a,

	#post_job a:visited {

		color: #fff;

	}

	#post_job a:hover,

	.post_list li strong a:hover {

		color: #fff;

		border-bottom: 1px solid #b8cade;

	}

	

	body#archive .mini_post p a,

	body#archive .mini_post p a:visited,

	body#archive .full_post p a,

	body#archive .full_post p a:visited {

		color: #fff;

	}
	.txt { font-family: “Lucida Grande”, san serif;
font-size: 14px; color:#00FFFF;
font-style: normal;
font-weight: normal;

letter-spacing: normal;
line-height: 1.5em;
	}
		.sublistas { font-family: “Lucida Grande”, san serif;
font-size: 10px; color:#00FFFF;
font-style: normal;
font-weight: normal;

letter-spacing: normal;
line-height: 1.5em; margin-left:20px;
	}

	body#archive .mini_post p strong a,

	body#archive .mini_post p strong a:visited,

	body#archive .full_post p strong a,

	body#archive .full_post p strong a:visited {

		color: #b5cae1;

	}

	body#archive .full_post p strong a,

	body#archive .full_post p strong a:visited {

		font-size: 120%;

	}

	body#archive .mini_post p a:hover,

	body#archive .full_post p a:hover {

		color: #fff;

	}

	

	.feed_icon a,

	.feed_icon a:visited {

		padding: 0 0 0 17px;

		background: url(/_graphics/feed_menu.gif) no-repeat left 3px;

	}
#subir {
	width:950px;
	height:18px;
		border-bottom: 1px dotted #39c;
	background-color:#000;
	float: left;
}
.mini_post h7 { padding:7px; }

h3 a, 

h3 a:visited,

h5 a,

h5 a:visited {

	color: #fff;

}





/*****************************************************

* Layout

*****************************************************/



div#billboard {

	width: 100%;

	background: url(/_graphics/bg_gradient.jpg) repeat-x;

}



div.container {

	width: 960px;

	margin: 0 auto;

}



	div#mast {

		position: relative;

		display: block;

		height: 140px;

	}

		

		#mast h1 {

			display: block;

			width: 450px;

			height: 90px;

			padding-top: 30px;

			background: url(/_graphics/thebignoob.jpg) no-repeat left 30px;

		}

			#mast h1 a,

			#mast h1 a:visited {

				display: block;

				width: 100%;

				height: 100%;

				text-indent: -7777px;

				border: 0;

			}

		

		div#bubble {

			position: absolute;

			display: inline;

			top: 22px;

			left: 444px;

			height: 36px;

			

		}

			#bubble p {

				display:inline;

				font: normal 9px "Lucida Grande", Verdana, Tahoma, sans-serif;

				color: #fff;

				line-height: 0;

				height: 24px;

				padding: 13px 12px 0 12px;

				background: url(/_graphics/bubble_right.jpg) no-repeat top right;

			}

				#bubble p span {

					display: block;

					width: 25px;

				}

			

		div#nav {

			position: absolute;

			bottom: 40px;

			right: 0;

			width: 480px;

		}

			#nav ul li {

				float: right;

				padding: 0 0 0 1em;

			}

				#nav ul li a,

				#nav ul li a:visited {

					font-size: 65%;

					color: #69f;

					padding: 5px 5px 5px 5px;

				}

				#nav ul li a.selected,

				#nav ul li a.selected:visited {

					color: #39c;

					cursor: default;

				}

				#nav ul li a:hover {

					color: #fff; background-color:#039;

				}

	

	div#canvas,

	div.canvas {
	position: relative;
	display: block;
	height: 225px;

	}

	div.canvas {

		height: 340px;

		background: url(/_graphics/canvas_shadow.jpg) #fff no-repeat left bottom;

	}

	

		div#cover_story {

			position: absolute;

			bottom: 80px;

			right: 40px;

			width: 600px;

			text-align: right;

		}

		.canvas div#cover_story {

			bottom: 90px;

		}

		

		.canvas ul {

			position: absolute;

			top: 70px;

			right: 80px;

			width: 320px;

			height: 160px;

			background: url(/_graphics/3questions.gif) no-repeat;

		}

			.canvas ul li {

				display: block;

			}

			li#q_read { height: 50px; }

			li#q_whom { height: 75px; }

			li#q_what { height: 35px; }

			

				.canvas ul li a,

				.canvas ul li a:visited {

					display: block;

					width: 100%;

					height: 100%;

					text-indent: -7777px;

					border: 0;

				}

				li#q_read a:hover { background: url(/_graphics/3questions.gif) left -160px; }

				li#q_whom a:hover { background: url(/_graphics/3questions.gif) left -210px; }

				li#q_what a:hover { background: url(/_graphics/3questions.gif) left bottom; }

		

	div#intro {
	position: relative;
	display: block;
	height: 90px;
	margin: 5px 0 15px 0;
	background: #031021;
	text-align: left;

	}

		

		#intro div {

			display: block;

			padding: 10px; 

			height: 50px;

			 background: #031021;

		}

	
	

		#intro a img,

		#intro a:visited img {

			float: left;

			margin: 0 15px 0 5px;

		}

	

	div.column_left,

	div.column_right {
	float: left;
	text-align: left;
	width: 950px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #456890; 

	}



	

		div.full_post,

		div.mini_post,

		div#whole_post,

		div.noob_bio {
	display: block;
	padding: 15px 0 20px 0;
	margin: 20px 0 30px 0;
	border-bottom: 1px dotted #003;
	background: url(../imagenes/fondo_respuestas.jpg) #03347c repeat-x;

		}

		body#archive div.full_post,

		body#archive div.mini_post {

			padding: 15px 0 20px 0;

			margin: 0 0 .7em 0;

			border-bottom: 1px solid #1e4979;

		}

		


			div#the_intro {

				border-bottom: 1px solid #1e4979;

				margin: 0 0 1em 0;

				padding: .5em 0;

			}

			body#about ul.post_list { padding: 0 0 1.5em 0; }

			

				ul.post_list li {

					font-size: 105%;

					padding: 0 0 .2em 0;

				}

				body#posts ul.post_list li { padding: 0 0 1em 0; }

			

			div#the_intro { padding: 0 0 1em 0; margin: 0; }

		

	div#hotness {

		position: relative;

		border-top: 1px solid #1e4979;

		padding: 0 0 1em 0;

		margin: 1em 0 0 0;

	}

		

		div.hot_container {

			float: left;

			width: 320px;

			text-align: left;

		}

			div.hot_spot {

				display: block;

				padding: 10px;

				margin: 0 0 1em 0;

			}

			div.hot_spot:hover {

				background: #042c59;

			}

				.hot_spot img {

					margin: 0 0 .8em 0;

				}



	div#footer { clear:both;

		border-top: 1px dotted #456890;

		padding: 20px 0;

		text-align: left; margin-top:25px;
 
	}