/* 
Theme Name: SCIFE 2010
Theme URL: http://www.scife.es
Description: A SCIFE theme developed by Idibay Consulting.
Author: Idibay Consulting
Author URI: http://www.idibayconsulting.com
Version: 1.0
*/

/***** RESET CSS STYLES *****/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	font-style: italic;
	margin-left: 30px;
	border-left: 1px solid #ccc;
	padding-left: 12px;
	}
strong, b{
	font-weight: bold;
}
em, i{
	font-style: italic;
}
/**** DEFAULT LINKS ****/
a, a:link, a:visited, a:active {
}
a:hover {
}

/**** DEFAULT IMAGES AS LINKS ****/
a img, a:link img, a:visited img, a:link:active img, a:visited:active img, a:hover img{
	text-decoration: none;
	border: 0;
}

/**** CONTAINER ****/

body{
	text-align:center; /*Hack for centering #container in IE6 */
	background: #e3e3e3 url(images/bg_body.jpg) top center repeat-y;
	font-family: Verdana, Arial;
	font-size: 10pt;
}
#container{
	width:960px;
	margin: 0 auto;
	text-align: left;
	background-color: #7a0225;
}

/**** HEADER ****/
#header{
}
#header h1.title{
}
	#header h1.title a, #header h1.title a:link, #header h1.title a:visited{
	}
	#header h1.title a:hover{
	}

/***** TOP LINKS *****/
#header ul.top_links{
	list-style: none;
	height: 22px;
	background: url(images/bg_top_links.jpg) left repeat-x;
	text-transform: uppercase;
	font-size: 9pt;
	padding: 8px 30px 0px 0px;
	text-align: right;
}
#header ul.top_links li{
	display: inline;
	margin-left: 15px;
}
	#header ul.top_links li a, #header ul.top_links li a:link, #header ul.top_links li a:active
		#header ul.top_links li a:visited{
			color: #fff;
			text-decoration: none;
		}
	#header ul.top_links li a:hover{
		text-decoration: underline;
	}
/**** NAVIGATION MENU ****/
ul.nav{
	list-style: none;
	height: 27px;
	background: url(images/bg_nav.jpg) left repeat-x;
	text-transform: uppercase;
	padding: 4px 0px 0px 25px;
	font-size: 11pt;
	z-index: 15;
}
ul.nav li{
	display: inline;
	margin-right: 18px;
	z-index: 15;
}
	ul.nav li a, ul.nav li a:link,ul.nav li a:active,ul.nav li a:visited{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		display: block;
		height: 27px;
	}
	ul.nav li a:hover{
		text-decoration: underline;
	}

	/** dropdown **/
	/*** NAVIGATION MENU WITH DROP DOWN ***/
	ul.nav ul {
		margin: 0;
		padding: 0;
		margin-top: 5px;
		background: #ab0132 url(images/bg_dropdown.jpg) bottom repeat-x;
		width: 240px;
		z-index: 15;
		}
	ul.nav li ul li{
		background-color: #ab0132;
		width: 240px;
		height: 28px;
		z-index: 15;
	}
	ul.nav li {
		float:left;
		position:relative;
		}

	/* style the second level background */
	ul.nav li.mas ul a.drop, ul.nav li.mas ul a.drop:visited {
		background-image: none;
		background-color: transparent;
		color: #111;
		width: 240px;
		font-size: 10pt;
		height: 28px;
		}
	/* style the second level hover */
	ul.nav li.mas ul a.drop:hover{
		background-image: none;
		background-color: transparent;
		}
	ul.nav li.mas ul :hover > a.drop {
		background-color: transparent;
		background-image: none;
		color: #fff;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	ul.nav ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:22px;
		left:0; 
		padding-bottom: 0px;
	}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#nav table {
		position:absolute; 
		top:0; 
		left:0; 
		}

	/* style the second level links */
	ul.nav li.mas ul a, ul.nav li.mas ul a:visited {
		background-image: none;
		background-color: transparent;
		color:#fff; 
		height:14px; 
		padding: 7px 10px; 
		width:220px;
		font-size: 10pt;
		}
	/* yet another hack for IE5.5 */
	* html ul.nav ul a, * html ul.nav ul a:visited {
		/*width:150px;
		w\idth:128px;*/
		}
	ul.nav li.mas ul a:hover{
		background-image: none;
		background-color: #fff;
		color: #ab0132;
		text-decoration: none;
	}
	ul.nav li:hover ul,
	ul.nav a:hover ul{
		visibility:visible; 
	}

/**** CONTENT ****/
#content{
	background-color: #eee;
	width: 690px;
	float: left;
	padding: 25px;
	z-index: 1;
}
#content h2{
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #b30000;
	margin: 10px 0px 20px 0px;
}
	#content h2 a, #content h2 a:active, #content h2 a:link{
		color: #b30000;
		text-decoration: none;
	}
	#content h2 a:visited{
	}
	#content h2 a:hover{
		color: #888;
	}
#content .post_date{
	color: #777;
	text-align: right;
	font-size: 9pt;
	margin-bottom: 8px;
}

/**** CONTENT -> ENTRY ****/
#content .entry{
	font-size: 10pt;
	color: #111;
	z-index: 1;
}
#content .entry .flickralbum{
	text-align: center;
	z-index: 2;
}
#content .entry .flickralbum object{
	border: 1px solid #aaa;
	padding: 4px;
	background-color: #fff;
	z-index: 0;
}
#content .entry h3{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 15px;
	color: #111;
	border-bottom: 1px solid #aaa;
	padding-bottom: 2px;
}
#content .entry h4{
}
#content .entry h5{
}
#content .entry h6{
}
#content .entry p{
	margin: 10px 0px;
	line-height: 14pt;
}
	#content .entry a, #content .entry a:active, #content .entry a:link{
		text-decoration: none;
		font-weight: bold;
		color: #93002a;
	}
	#content .entry a:visited{
		color: #444;
	}
	#content .entry a:hover{
		color: #444;
		text-decoration: underline;
	}  
#content .entry img{
	border: 1px solid #bbb;
	padding: 3px;
}
#content .entry ul, #content .entry ol{
	margin: 12px 0px 9px 50px;
}
#content .entry ul li, #content .entry ol li{
	margin-bottom: 6px;
}
#content .postmetadata{
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 10px;
	font-size: 9pt;
	color: #333;
	margin: 20px 0px;
}
#content .postmetadata p.data_left{
	width: 480px;
	float: left;
	line-height: 20px;
}
#content .postmetadata p.data_right{
	float: right;
	width: 170px;
	text-align: right;
	line-height: 22px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
#content .postmetadata a, #content .postmetadata a:link, #content .postmetadata a:active, 
	#content .postmetadata a:visited{
		color: #93002A;
		text-decoration: none;
	}
#content .postmetadata a:hover{
	color: #333;
	text-decoration: underline;
}

#content .navigation a{
	font-weight: bold;
	color: #93002A;
	font-size: 11pt;
	text-decoration: none;
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 4px 8px;
}
#content .navigation a:hover{
	background-color: #93002A;
	border: 1px solid #fff;
	color: #fff;
}

/**** ENTRY -> GALERIA ****/

#content .entry .galeria-videos{
	width: 320px;
	float: left;
}
#content .entry .galeria-fotos{
	width: 327px;
	float: right;
	border-left: 2px solid #aaa;
	padding-left: 20px;
}
#content .entry .galeria-videos ul, #content .entry .galeria-fotos ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .entry .galeria-videos ul li, #content .entry .galeria-fotos ul li{
	width: 300px;
	padding: 10px 10px 10px 10px;
	clear: both;
}
#content .entry .galeria-videos ul li.odd, #content .entry .galeria-fotos ul li.odd{
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#content .entry .galeria-videos h4, #content .entry .galeria-fotos h4{
	margin-top: 0px;
}
#content .entry .galeria-videos h4 a, #content .entry .galeria-fotos h4 a{
	color: #222;
	font-weight: normal;
	text-decoration: none;
}
#content .entry .galeria-videos a:hover, #content .entry .galeria-fotos h4 a:hover{
	text-decoration: underline;
}
#content .entry .galeria-fotos img.thumbnail{
	display: block;
	margin: 5px 0px 2px 0px;
}
#content .entry .galeria-videos img.thumbnail{
	margin-left: 15px;
	float: right;
}
#content .entry .galeria-videos a img, #content .entry .galeria-fotos a img{
	border: 1px solid #999;
	padding: 2px;
	background-color: transparent;
}
#content .entry .galeria-videos a img:hover, #content .entry .galeria-fotos a img:hover{
	border: 1px solid #b30000;
	background-color: #fff;
}

/**** SEARCH FORM ****/

#searchform{
}
#searchform label{
}
#searchform input.searchbox{
}
#searchform input.searchbutton{
}

/**** SIDEBAR ****/
#sidebar{
	width: 200px;
	float: right;
}
#sidebar .banners{
	text-align: right;
}
#sidebar .banners img{
	margin-bottom: 18px;

}

/**** FOOTER ****/
#footer{
	clear: both;
	color: #fff;
	text-align: center;
	font-size: 8pt;
	background: url(images/bg_footer.jpg) repeat-x;
	height: 20px;
	padding-top: 8px;
}

/**** COMMENTS ****/
#comments{
}
#comments h3{
	font-size: 14pt;
	color: #222;
	font-weight: bold;
	margin: 10px 0px;
}
#comments ol#comments_list{
	margin: 20px 0px 20px 35px;
}
	#comments ol#comments_list li{
		border: 1px solid #aaa;
		padding: 10px;
		margin-bottom: 10px;
		background-color: #fff;
	}
	#comments ol#comments_list li .comment_metadata{
		color: #555;
		font-size: 9pt;
		margin-bottom: 8px;
		padding-bottom: 3px;
		border-bottom: 1px solid #f0f0f0;
	}
	#comments ol#comments_list li .comment_entry{
	}

#comments ul.trackbacks{
}
	#comments ul.trackbacks li{
	}

/* Respond section with the new comment form */
#respond{
}
#respond h3{
	font-size: 14pt;
	color: #222;
	font-weight: bold;
	margin: 10px 0px;
}
#respond p{
	margin: 5px 0px;
}
#respond label{
	font-size: 10pt;
	color: #333;
}
#respond form{
	margin-top: 20px;
	padding-left: 30px;
}
	#respond form input.name{
		width: 300px;
		border: 1px solid #aaa;
		background-color: #fff;
		color: #333;
		font-size: 10pt;
		padding: 4px;
		margin-left: 125px;
	}
	#respond form input.mail{
		width: 300px;
		border: 1px solid #aaa;
		background-color: #fff;
		color: #333;
		font-size: 10pt;
		padding: 4px;
		margin-left: 21px;
	}
	#respond form input.url{
		width: 300px;
		border: 1px solid #aaa;
		background-color: #fff;
		color: #333;
		font-size: 10pt;
		padding: 4px;
		margin-left: 182px;
	}
	#respond form input.button{
		
	}
	#respond form p.boton_enviar{
		text-align: right;
		margin-right: 75px;
	}
	#respond form textarea{
		width: 572px;
		margin-top: 8px;
		margin-left: 0px;
		border: 1px solid #aaa;
		background-color: #fff;
		color: #333;
		font-size: 10pt;
		padding: 4px;
	}




/**** ARCHIVE LIST FOR ARCHIVES AND SEARCH TEMPLATE PAGE ****/
#content ul.archive_list{
}
	#content ul.archive_list li{
	}

/**** PAGEBAR ****/
#content .pagebar{
}
	#content .pagebar a, #content .pagebar a:link, #content .pagebar a:visited{
	}
	#content .pagebar a:hover{
	} 
	
/**** CLEAR AND ALIGNMENT WP HACKS ****/
.right, .alignright{
	display: block;
	float:right;
	margin: 10px 0px 10px 20px;
	}
.left, .alignleft{
	display: block;
	float: left;
	margin: 10px 20px 10px 0px;
	}
.aligncenter{
	display: block;
	text-align: center;
	margin: 20px auto;
	}
.clear{
	clear:both;
	}