/* 
Theme Name: MOT Opera Multimedia
Theme URI: http://motoperamultimedia.org
Description: 
Author: 
Author URI: 
Version: 1
Tags: Framework
Template: hybrid
*/



 @import url('css/18px.css'); 

/**
* Body
************************************************/

/* Contains everything */
body {
	position:relative;
	color:#fff;
	font-family:arial,verdana,"sans serif";
	font-size:62.5%; /* scaled default font size; 1em = 10px */
	line-height:24px;
	text-align:center;
	background-color:#000;
}	
	

 
	/* Wrapper for everything inside of the body */
	#body-container {
	margin:20px auto;
	width:885px;
	min-width:885px;	
	position:relative;
	padding:0 8px 0 7px;
	text-align:left;
	background:#000;
	}
/**
* Elements
************************************************/

/* Hyperlinks */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* Headers */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
/* Alignment */
.left, .alignleft { float:left;}
.right, .alignright {float:right;}

.center, .aligncenter {   display: block;
   margin-left: auto;
   margin-right: auto;
}
.block, .alignnone {}
.clear {clear:both;}


/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	
	height:90px;
	background:url(images/header.jpg) no-repeat 0 0;
	
	}

	/* Contains site title and tagline */
#logo h1,
#logo h1 span {
	margin:0;
	width:138px;
	height:89px;
}

#logo h1 {
	position:relative;
	font-size:.8em;
	padding:0;
	float:left;
}

#logo h1 a {
	color:#fff;
	text-decoration:none;
	padding:0;
}

#logo h1 span {
	cursor:hand;
	position:absolute;
	background:url('images/logo-house.jpg') no-repeat top left;
}
#logoT h1,
#logoT h1 span {
	margin:0;
	width:138px;
	height:89px;
}

#logoT h1 {
	position:relative;
	font-size:.8em;
	padding:0;
	float:left;
}

#logoT h1 a {
	color:#fff;
	text-decoration:none;
	padding:0;
}

#logoT h1 span {
	cursor:hand;
	position:absolute;
	background:url('images/logo.jpg') no-repeat top left;
}

/**
* Page navigation
************************************************/
#landingNav{

	height:195px;
	padding:0 0 0 136px;
	text-align:center;	
	}
#landingNav img{padding:0;
margin:0;float:left;}

#TopNav{
margin-left:25px;
	height:89px;
	padding:0;
	text-align:center;	
	
	}
#TopNav img{padding:0;
margin:0;}
/* Wrapper for navigation */
#nav {
	height:34px;
	padding:6px 0 0 0;
	text-align:center;
	
	}

/* Opera goes bannanas, showing horizontal scrollbar when nav is hovered
I chose #page instead of #nav because Safari would hide the drop menu */
@media screen and (min-width: 0) {

	#body-container  {
		overflow:hidden;		
	}
}


#nav ul li {
	position:relative;
	display:inline;
	margin:0;
border-left:#fff 1px solid;
padding:0 11px 0 11px;

}
#nav ul li.first_item {border:none;}
/* Top nav links */
#nav ul li a {
	font-size:1.3em;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-transform:normal;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	

	

}
#nav ul li a:hover {color:#7e714c;}
#nav ul li.current_page_item a {color:#7e714c;}
#nav ul li.current_page_item ul li a, #navigation ul li ul li.current_page_item a {color:#000;}


#nav ul li.drop a {
	
	padding-bottom:6px;
	background:transparent url('../images/arrow.gif') no-repeat center 14px;
}
#nav ul li.drop ul li a {
	padding:0;
	background-image:none;
	border:none;
}

#nav ul li:hover ul,
#nav ul li.sfhover ul {
    display:block;
}

#nav ul ul {
	display:none;
    position:absolute; 

    width:178px; 
	top:12px;
	left:-45px;
	padding-top:10px;
	border-bottom:#7e714c 1px solid;
}
 
html>body #nav ul ul {
    width:auto;
}

#nav ul ul li {
	height:auto;
	text-align:left;
	width:178px;
	float:left;

	border-top:#7e714c 1px solid;
	border-left:#7e714c 1px solid;
	border-right:#7e714c 1px solid;
	
	background:#ebe8df;
	padding:2px 0 2px 8px;
	margin:0;
}

#nav ul ul li:hover,
#nav ul ul li.sfhover {
	background:#f7f8f2;
}

#nav ul ul li a {
	line-height:1.2em;
	display:block;
	width:178px;
	border:none;
	color:#000;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-align:left;
	text-transform:none;
	font-weight:normal;
	padding:0;

}
#nav ul ul li a:hover {color:#000;}
/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	margin:0 auto;
	width:885px;
	min-width:885px;	
	position:relative;
	padding:180px 0 0 0;
	text-align:left;
	background:#000;
	min-height:640px;
	}


body.page-39 #container{
	background: url(images/backgrounds/giovanni.jpg) no-repeat 0 0;}	
body.page-49 #container{
	background: url(images/backgrounds/hispanico.jpg) no-repeat 0 0;}	
body.page-28 #container{
	background: url(images/backgrounds/nabucco.jpg) no-repeat 0 0;}	
body.page-36 #container{
	background: url(images/backgrounds/nightmusic.jpg) no-repeat 0 0;}	
body.page-41 #container{
	background: url(images/backgrounds/nutcracker.jpg) no-repeat 0 0;}	
body.page-45 #container{
	background: url(images/backgrounds/pilobolus.jpg) no-repeat 0 0;}	
body.page-47 #container{
	background: url(images/backgrounds/sleepingbeauty.jpg) no-repeat 0 0;}	
body.page-24 #container{
	background: url(images/backgrounds/tosca.jpg) no-repeat 0 0;}



body.front-page #header-container, body.page-10 #header-container, body.page-8 #header-container{
	display:none;
}
body.front-page #container, body.page-10 #container, body.page-8 #container{
	padding:0;
	background:#000;
}
body.front-page #container{
min-height:510px;	
}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	.entry-content {
		 float:left;
		width:300px;
		padding:35px 0 10px 1em;
		color:#fff;
		}

.videoE {width:560px; float:left;padding:35px 0 0 0;margin-right:13px;}

.content p{font-size:1.2em; line-height:1.4em;margin-bottom:1em;}
.content a{font-size:1.3em; color:#ff9c01; line-height:1.4em;}
		/* Breadcrumb trail */
		.breadcrumb {}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title {}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container { border-top:#77787b 1px solid; padding-top:1em; height:90px;text-align:center;}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .social{height:40px; }
		#footer .copyright {color:#77787b; font-size:1.1em; line-height:1.4em;}
		#footer .credit {}