/*******************************
 * http://marionmartinez.com/style.css
 *
 * by Mike Waggoner  --  http://herebox.org
 *
 * Licensed under Creative Commons By; Non-Commercial; Share Alike
 * http://creativecommons.org/licenses/by-nc-sa/2.0/
\*******************************

/* Classes
   ----------------------- */

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

h2 {
	text-align: center;
}

h3 {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 10px 0px;
}

a, a:visited {
	color: #ffff99;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	clear: both;
}

p {
	line-height: 1.2em;
	margin: 0.2em 0em 1.1em 0em;
}

.inputbox {
	background: #eee;
	border: white inset 2px;
	color: black;
}

.submitbutton {
	color: gray;
	background: black;
	border: solid outset 1px gray;
}

/* Layout
   ----------------------- */

body {
	font-weight: normal;
	background: black;
	color: #cccccc;
}

#page {  
	margin: auto;
	width: 760px;
	font-family: Georgia, Times, "Times New Roman", serif;
	background: black;
	
	/* border: 1px dotted red; */
}

#header {

	width: 760px;
	margin: auto;

	/* border: 1px dotted green; */
}

	#headlogo {
		height: 99px;
		width: 250px;
		
		
		/*
		background-image: url('/mm/img/logo-full.png');
		background-repeat: no-repeat;
		*/
	}

	#headlogo img {
		margin-top: 50px;
	}

	#headtxt {
		width: 200px;

		margin-top: 40px;
		padding-left: 5px;

		text-align: center;

		float: right;
	}

	#headtxt h2 {  
    color: yellow;
    font-weight: bold;
	}

	#headtxt h3 {
		
	}

	#headimg { /* this should fade between images */
		height: 200px;
		width: 300px;

		text-align: center;

		float: right;
	}

	#menu { /* see 'Navigation Menu Dropdown' section */ }

	#crumbs { /* see below */ }

body#splash {
	background: black; 
	background-image: url('/img/corazondelnino-splash.jpg');
	background-repeat: no-repeat;
	background-position: right -250px;
}

#splashpage {
	height: 100%;
	width: 40%
}

#splashlogo {
	margin: 5% 0 0 10%;
}

#splashenter {
	margin-top: 35px;
	text-align: center;
	font-weight: bold;
  color: #aaa;
}

#splashfooter {
	color: #555;

	position: fixed;
	bottom: 5px;
	left: 10%;
	}

#splashcounter {
	display: none;
}

#content {
	
	color: #cccccc;
	padding: 0;
	
	/* border: 1px dotted white; */
}

#content.indent {
	margin-left: 50px;
}

#bottominfo {
	clear: both;
}

#thankyou {
	clear: left;
	width: 70%;
	border-top: solid gray 1px;
}

#counter {
	width: 30%;
	border-top: solid gray 1px;
}

#footer {
	font-size: 0.9em;
	color: gray;
	border-top: 1px solid gray;
	clear: both;
	/* border: 1px dotted green; */
}
#footer ul {
	list-style: none;

	margin-top: 20px;
}

#footer ul li {
	
	margin: 0 0 10px 20px;
	/* display: inline; */
}

#footer a {
	color: #bbbbbb;
}

.paddedcell {
	padding: 10px;
}
	

/* Navigation Menu Dropdown
   --------------------------- */

#menu {
	font-size: 1em;
	text-align: center;  /* centers menu for non-ie browsers */
}

#menu ul {
	padding: 0;
	margin: 0 auto;
	
	white-space: nowrap;
	list-style-type: none;
}

* html #menu ul {	 /* required for centering menu in ie */
  display: inline block;    /* for IE only */
  width: 1px;               /* IE will expand 1px width to fit menu width */
  padding: 0 2px;           /* fix bug in IE to get border spacing correct */
  }

#menu ul li {
	/* display: table-cell; */
	display: inline;
	position: relative;
}

* html #menu ul li {
  display: inline;          /* for IE only */
  }

#menu li ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
}

* html #menu li ul {
	top: 30px;
}

#menu ul li a {
	display: inline;

	border: 1px solid #ccc;

	background: black; /* #999966 required for odd ie6 bug */
	
	text-decoration: none;
	font-weight: bold;
	color: #ccc;
	
	margin-left: 5px;
	padding: 3px;
}

* html #menu ul li a {
  display: inline-block;    /* for IE only */ 
  margin: 0;           /* to correct an IE bug that doubles the border width */  
  }

/* Fix IE. Hide from IE Mac \*/
/*
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
*/
/* End */

#menu li:hover ul, #menu li.over ul { 
	display: block;
}

#menu ul li a:hover { color: white; background: gray; } /* Hover Styles */
		
ul#subnav li a { padding: 2px 5px; } /* Sub Menu Styles */


/* Homepage Column Box
   --------------------------- */

.columnbox {
	width: 100%;
	border-top: 1px solid #ccc;
	border-collapse: collapse;
}

.columnboxleft, .columnboxright {
	padding: 10px 0px 10px 10px;
	margin: 0px;
}

.columnboxleft {
	padding-right: 10px;
}

.columnbox .vbar {
	background-color: #ccc;
	padding: 0px;
}


/* Sub-Navigation Menu
   --------------------------- */

#quickLinks

{
	font-weight: bold;
	color: #ccc;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.0em;
	text-align: right;
	
	width: 60%;
	float: right;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


#quickLinks a, #quickLinks a:visited {
	color: #ccc;
	text-decoration: none;
}

#quickLinks p
{
	/* line-height: 0.5em; */
	padding: 0px;
}

#quickLinks ul {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	
	white-space: nowrap;
	list-style-type: none;
}

* html #quickLinks ul {	 /* required for centering menu in ie */
	display: inline block;    /* for IE only */
	width: 1px;               /* IE will expand 1px width to fit menu width */
	padding: 0px 2px;           /* fix bug in IE to get border spacing correct */
}

#quickLinks ul {
	position: relative;
}

#quickLinks ul li {
	/* display: table-cell; */
	display: inline;
}

* html #quickLinks ul li {
	display: inline;          /* for IE only */
}

#quickLinks ul li a {
	display: inline;
	padding: 2px;
}

* html #quickLinks ul li a {
  display: inline-block;    /* for IE only */ 
  margin: 0;           /* to correct an IE bug that doubles the border width */  
  }

#quickLinks ul li a:hover { text-decoration: underline; } /* Hover Styles */

#quickLinks li div {
	display: normal;  /* change to none to make into dynamic display drop down */
	position: absolute;
	top: 20px;
	left: 0;
	text-align: left;
	background-color: black;
	width: 400px;
	padding: 4px 0px;
}

#quickLinks li:hover div, #quickLinks li.over div {
	display: block;
}

.XnewsLinks {
	margin-bottom: 4px;
}

.subnavContainer {
	font-size: 0.7em;
}

#quickLinks .subnavContainer a, #quickLinks .subnavContainer a:visited
{
	color: #ffff99;
}

/*
.newsLinks out {
	display: none;
}

.newsLinks over {
	display: block;
}*/

/* Breadcrumbs
   --------------------------- */

#crumbs {
	color: #000;
	background-color: #ddd;
	padding: 3px;
	/* margin-left: 10px; */
	/* border-left: 1px solid black; */
	border-bottom: 1px solid black;
	}

#crumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#crumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}



/********************
UNUSED AND OLD
********************/


/***************************
/ INDIVIDUAL ELEMENTS
/***************************/

#ondisplay {
	border-top: 1px #ccc solid;
	padding-top: 8px;
}

#ondisplay img {
	margin: 5px 15px;
}

#pagename h2 {
	text-align: center;
}

#artstate p {
	margin: 0 15px 0 15px;
}

#shows p, h4 {
	margin-left: 25px;
}

#gallery h3 {

	margin-top: 75px;

}

#gallery img {
	
	margin: 15px;

}

#technatags {
	margin: 20px 0 20px 60px;

	/* border-bottom: solid 1px gray; */
}

#technatags ul, #boloties ul {
	display: inline;
	list-style: none;
}

#technatags li, #boloties li, #corazones li, 
#aztechnas li, #guadalupes li {
	width: 200px;
	
	margin-bottom: 15px;	

	float: left;
	display: block;

	/* border: solid blue 3px; */
}

#aztechnas li {
	width: 300px;  // wider for longer descriptions
}

.boloimg {
	margin-left: 15px;
}

.desc {
	font-size: 0.8em;
	color: gray;
	font-style: italic;
}

form#buy {
	display: inline;
	margin-left: 80px;
}

form#24inch, form#36inch {
	display: inline;
	}

#view img {
	margin: 20px 0 20px 20px;
}