/*  
Theme Name: Alberto Iglesias 
Theme URI: http://www.albertoiglesias.com.uy/
Description: Sitio oficial de Alberto Iglesias
Version: 1.0
Author:
Author URI:
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, em, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

input, textarea, select {font-family:inherit;}

table, tr, td {vertical-align:top;}

a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
text-align:center;
background:url(images/bg-body.gif) repeat-x top;
}

.group {width:93.2em; float:left;}
.left {float:left;}
.right {float:right}
.alignleft {text-align:left; float:left;}

#wrap {
width:93.2em;
margin:0 auto;
}

#identity-area {
float:left;
width:93.2em;
height:33em;
}

#greeting {
float:left;
position:relative;
background:url(images/header-topbg.jpg) no-repeat left bottom;
width:93.2em;
height:180px
}

	#topcalendar {
	background:url(images/bg-topcalendar.jpg) no-repeat;
	width:105px;
	height:127px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	font-size:30px;
	color:#fff;
	}
	#topcalendar p {padding-top:23px;}
	#topcalendar span {display:block;}

#header {
float:left;
}
	h1 {margin-left:30px; text-indent:-9999px; width:270px;}
	h1 a {
	font-size:62px;
	color:#fff;
	width:269px;
	height:150px;
	display:block;
	background:url(images/albertoiglesias.gif) no-repeat;
	}

	#main-nav {
	float:right;
	width:575px;
	height:152px;
	}
	
	#main-nav ul {
	float:left;
	}
	
	#main-nav li {
	text-align:center;
	list-style:none;
	font-weight:bold;
	color:#fff;
	float:left;
	margin-right:5px;
	}
	
  #main-nav li a:link, #main-nav li a:visited {
	text-decoration:none;
	color:#fff;
	display:block;
	width:110px;
	height:148px;
	display:block;
	background: none;
	}
	
	#main-nav li a:hover {background:#A60909}
	#main-nav li a span {width:110px; margin-top:115px; height:18px; background:url(images/menu-sprite.png) no-repeat; text-indent:-9999px; float:left;}
	
	a#btn-bio:link span, a#btn-bio:visited span {background-position: 12px -19px}
	a#btn-bio:hover span {background-position: 12px 0px;}
	
	a#btn-trayectoria:link span, a#btn-trayectoria:visited span {background-position: -101px -19px}
	a#btn-trayectoria:hover span {background-position: -101px 0px;}
	
	a#btn-ideas:link span, a#btn-ideas:visited span {background-position: -214px -19px}
	a#btn-ideas:hover span {background-position: -214px 0px;}
	
	a#btn-multimedia:link span, a#btn-multimedia:visited span {background-position: -329px -19px}
	a#btn-multimedia:hover span {background-position: -329px 0px;}
	
	a#btn-contacto:link span, a#btn-contacto:visited span {background-position: -443px -19px}
	a#btn-contacto:hover span {background-position: -443px 0px;}
	
	
#content-wrap {
float:left;
text-align:left;
padding-left:40px;
}

	#content {
	float:left;
	width:620px;
	font-size:1.5em;
	line-height:1.5em;
	margin-right:15px;
	padding-top:10px
	}
		
		#submenu {
		float:left;
		width:150px;
		height:500px;
		background:#374660;
		margin-right:25px;
		}
		
		#submenu a {
		color:#fff;
		}
	
	#sidebar {
	float:left;
	width:240px;
	margin-right:10px;
	}
	
	#sidebar ul, #sidebar li{
	float:left;
	list-style:none;
	font-size:1.1em;
	}
	
		#sidebar h2.agenda {
		text-indent:-9999px;
		background:url(images/agenda-header.jpg) no-repeat;
		width:237px;
		height:45px;
		display:block;
		float:left;
		margin-top:20px;
		}
		
		ul.agenda {
		background:#e2e2e2;
		width:237px;
		overflow:hidden;
		}
		
		li.event {
		padding:5px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		width:237px;
		}
		
		li.event:hover {
		background:#cfcfcf;
		}
		
		li.event span, li.event a  {
		float:left;
		padding:3px 10px;
		}
		
			span#event-desc {
			display:none;
			}
			span.event-date {
			font-weight:bold;
			}
		
		a.agenda {
		background:url(images/agenda-link.jpg) no-repeat;
		width:247px;
		height:47px;
		text-indent: -9999px;
		float:left;
		}
		
		
		
		
		
	a.panel {
	display:block;
	float:left;
	width:237px;
	height:102px;
	margin-top:10px;
	background:url(images/bg-panels.jpg) no-repeat;
	text-indent:-9999px;
	}
	
  #apuntes:link, #apuntes:visited {
	background-position:left top;
	}
	
	#apuntes:hover {
	background-position:right top;
	}
	
  #enterate:link, #enterate:visited {
	background-position:left center;
	}
	
	#enterate:hover {
	background-position:right center;
	}

  #participa:link, #participa:visited {
	background-position:left bottom;
	}
	
	#participa:hover {
	background-position:right bottom;
	}
	
/* =PAGES & POSTS */	
.post {float:left;}
.entry {padding-right:15px; font-size:14px; line-height:1.5em}
.entry h2 {color:#770606; font-size:25px; font-weight:normal; margin-bottom:10px;}	
.entry h3, .entry h3 a {color:#374660; font-size:16px; font-weight:normal; margin-bottom:10px;}
.entry p {padding-bottom:10px;}
#submenu {clear:left; float:left;}
#content .group {width:450px; margin-bottom:15px}
/* =PAGES */
#content-wrap {
background: url(images/bg-elhombre.jpg) no-repeat top left;
}
.page .main-image {width:620px; float:left;clear:both; margin-bottom:10px}	
.page .main-image img {float:right; padding-right:15px;}
.page .entry {float:left; width:415px;}
.elhombre .main-image {background:url(images/side-title-elhombre.png) no-repeat 50px 45px;}
.page #submenu ul {text-align:right; margin:32px 0px 15px;}
.page #submenu li {list-style:none;}
.page #submenu a:link, .page #submenu a:visited {text-decoration:none; font-size:12px; padding:3px 15px 3px 0px; display:block; }		
.page #submenu a:hover, .page #submenu .current_page_item a {background: #445877 url(images/bullet-subnav.gif) no-repeat 137px 12px;}

/* Trayectoria */
.trayectoria .main-image {background:url(images/side-title-trayectoria.png) no-repeat 50px 15px;}
div.trayectoria {margin-top:-10px;}
.trayectoria h2 {text-indent:-9999px; font-size:0px;}
/* Trayectoria  (post-15) */
.page #post-20 {padding-top:305px; background: url(images/side-title-trayectoria.png) no-repeat 45px 15px}
.page #post-20 .main-image img {float:left;}
.page #post-20 .group {float:right; width:430px; margin-bottom:20px;position:relative; bottom:300px;}
.page #post-20 .sello {float:left; margin-right:10px;}
.page #post-20 h2 {display:none;}

/* Ideas (class .ideas) */
#header-ideas {height:328px; background:url(images/ideasimg.jpg) no-repeat right top; margin:-8px 0px 0px -10px}
#header-ideas h2 {text-indent:-9999px;}
#header-ideas div.left {margin-top:175px; width:620px;}
#header-ideas div.left h3 {font-size:16px; text-transform:uppercase;color:#770606; border-bottom:1px solid #333; padding:2px 10px;}
#header-ideas div.left ul {padding:10px 20px;}
#header-ideas div.left li {list-style:none; float:left; margin-right:10px; color:#374660; width:30%; font-size:14px}
#header-ideas div.left a {color:#374660}

/* Multimedia (class .multimedia) */
#content.multimedia h2 {font-size:55px; margin:35px 0px 10px; color:#374660}
.multimedia #header-multimedia h3 {color:#770606; font-size:15px; font-weight:normal; margin-left:5px;}
#content-wrap.multimedia {padding-left:0;}
#content-wrap.multimedia #content {margin-right:45px;}

/* menu multimedia */
.multimedia #header-multimedia ul {float:left; margin-top:80px}
.multimedia #header-multimedia ul li {float:left; list-style:none}
.multimedia #header-multimedia ul li a {width:126px; display:block; padding-top:115px; text-align:center; font-size:15px; color:#374660; text-decoration:none; }
.multimedia #link-fotografias a {background:url(images/icon-camera-big.jpg) no-repeat 0 0 ;}
.multimedia #link-videos a {background:url(images/icon-videos-big.jpg) no-repeat 0 8px; margin:0px 85px}
.multimedia #link-audiciones a {background:url(images/icon-audio-big.jpg) no-repeat 0 5px;}

.Galeria, .Videos, .Audiciones {float:right; width:440px; padding:10px 0px; border-bottom:1px solid #eee; }

.Galeria h4 a, .Videos h4 a, .Audiciones h4 a {color:#374660}
/* Galería de imagenes */
.gallery-item img {width:75px; margin:5px; border:2px solid #374660} 
/* =WP COMMON CLASSES */
.postmetadata {float:left; clear:both}

/* =FOOTER */
#footer-wrap {
width:100%;
float:left;
background:url(images/bg-footer.gif) repeat-x top;
height:155px;
margin-top:20px;
}

#footer {margin:0 auto; width:93.2em} 

#sub-nav {float:left; margin:13px 40px 0 35px}
#sub-nav ul {height:115px; float:left; width: 320px}
#sub-nav li{background:url(images/footer-bullet.gif) no-repeat left center; font-size:1.2em; width:80px; text-align:left; list-style:none; padding-left:15px; margin:8px 0 10px 5px; float:left}
#sub-nav li a {color:#fff; text-decoration:none;}

#social-links {float:left; width:242px; height:130px}
#social-links a:link, #social-links a:visited {width:242px; height:32px; background:url(images/social-icons.png) no-repeat left top; text-indent:-9999px; display:block; margin-top:70px;}
#social-links a:hover {background-position: left bottom;}
#up-logo {float:right;}
#up-logo a {width:270px; height:142px; display:block; text-indent:-9999px; background:url(images/up-logo.jpg) no-repeat;}

/*	SLIDER  */
.slider-wrap { width: 600px; float:left}			
.stripViewer .panelContainer .panel ul{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer{ position: relative; overflow: hidden; width: 450px; height: 285px; }
.stripViewer .panelContainer{ position: relative; left: 0; top: 0; float:left }
#main-photo-slider {float:left;}
.stripViewer .panelContainer .panel{ float: left; height: 100%; position: relative; width: 450px; }
.stripNavL, .stripNavR, .stripNav{ display: none; } 
.nav-thumb{ border: 1px solid black; margin-right: 5px; }
#movers-row{ margin: -43px 0 0 62px; }
#movers-row div{ width: 20%; float: left; }
#movers-row div a.cross-link{ float: right; }
.photo-meta-data{ background: url(images/transpBlack.png); padding: 10px; height: 30px;margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span{ font-size: 13px; }
.cross-link{ }
.active-thumb{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }
.cross-link-wrap {float:left; background:url(images/slide-background.jpg) top left no-repeat; width:150px; height:264px} 
.cross-link-wrap ul {padding:40px 5px 10px}
.cross-link-wrap ul li {list-style:none;}
.cross-link-wrap a {color:#ffffcc; text-decoration:none}
.cross-link-wrap span {float:left; clear:both;width:140px; cursor:pointer}
.cross-link-wrap span.slide-title {font-size:18px; text-transform:uppercase }
.cross-link-wrap span.slide-subtitle {font-size:12px; margin-bottom:22px;}
#slide-1 h2 a {text-indent:-9999px; display:block; width:450px; height:264px; background: transparent url(images/elecciones-internas.jpg) top center no-repeat; }
#slide-2 h2 a {text-indent:-9999px; display:block; width:450px; height:264px; background: transparent url(images/slide-audiciones.jpg) top center no-repeat; }
#slide-3 h2 a {text-indent:-9999px; display:block; width:450px; height:264px; background: transparent url(images/slide-agenda.jpg) top center no-repeat; }
