@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700);
body 	{
	background-color:#000000;
	background-image:url("picts-mobi/main-background.jpg");
	background-position: 0px 0px;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}




/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #D9AA76; text-decoration: underline; }

a:hover				{ color: #FFFFFF; text-decoration: underline; }




/* THIS LINE AND BODY ABOVE CONTROL THE GENERAL FONT SIZE */

body		{ color: #D2C6B5; font: normal 0.95em "Pontano Sans", arial, sans-serif; }

.title		{ color: #D2C6B5; font: 400 1.4em "Cinzel", arial, sans-serif; text-decoration: none; border-bottom: 1px solid #FF0000; }

.subtitle	{ color: #FFFFFF; font: 400 1.2em "Cinzel", arial, sans-serif; }

.hilite		{ color: #CCFF99; }

.bottomlinks	{ color: #FF0000; }

.mp3track	{
		font-size: 0.95em;
		width: 93%;
		margin-bottom: 5px;
		padding: 2px 2px 3px 2px;
		border: solid #999999;
		border-width: 0px 0px 1px 0px;
		}




/* PAGE WIDTHS HEIGHTS */

.pageheight	{ min-height: 640px; }

.pagewidth	{ width: 100%; }

.pagediv	{ text-align: center; }

.videodiv	{
		font: normal 1.1em "Pontano Sans", arial, helvetica, sans-serif;
		float: left;
		text-align: center;
		padding: 0px;
		margin: 8px 16px 8px 0px;
		}

.videodiv img	{ margin-bottom: 3px; }

.video-spacer	{ clear: both; font-size: 1px; padding: 0px; margin: 0px; }

.video-outerdiv { max-width: 250px; }

#splitdiv	{
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		padding: 0px;
		}

#contentdiv	{
		max-width: 550px;
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
		margin-left: auto;
		margin-right: auto;
		}

#contentdiv-galviewer	{
		max-width: 768px;
		text-align: center;
		padding-left: 6px;
		padding-right: 6px;
		margin-left: auto;
		margin-right: auto;
		}





/* ALIGNMENT */

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.center-div	{ margin-left: auto; margin-right: auto; }




/* HEADER */

.header		{
		background-color: #000000;
		width: 100%;
		padding: 0px;
		margin: 0px;
		border: solid #725C3C;
		border-width: 0px 0px 1px 0px;
		}

.logoimage	{ display: block; }

.socialicons	{ padding-left: 2px; }

.socialtable 	{ margin: 0px 7px 0px auto; }




/* FOOTER */

#footerpad	{
		max-width: 550px;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
		margin-left: auto;
		margin-right: auto;
		}

#footerdiv	{
		color: #D2C6B5;
		font: normal 0.65em "Pontano Sans", arial, sans-serif;
		letter-spacing: 01px;
		background-color: #000000;
		padding: 6px;
		text-align: center;
		border: solid #725C3C;
		border-width: 1px 0px 1px 0px;
		}




/* BORDERS AND BARS */

.page-splits	{
		font-size: 0.1em;
		line-height: 1px;
		border: #C0C0C0 0px solid;
		border-bottom: #5D462C 1px solid;
		height: 3px;
		width: 99%;
		margin: 3px 0px 3px 0px;
		}




/* IMAGES */

img 		{ border: 0; }

.imagediv	{
		height: 200px;
		text-align: left;
		background-color: #000000;
		background-image: url("picts-mobi/home-large.jpg");
		background-repeat: no-repeat;
		margin: 0px 0px 12px 0px;
		border: solid #725C3C;
		border-width: 6px 1px 6px 1px;
		}

.img-borders		{ border: #725C3C 1px solid; margin-right: 8px; margin-bottom: 4px; }

.imagetext	 	{ color: #666666; font: 0.80em "Pontano Sans", arial, sans-serif; }




/* GALLERY */

.Galborder	 	{ border: #725C3C 1px solid; cursor: pointer; margin: 0px 2px 2px 0px; }	

a:hover .Galborder,
a:active .Galborder 	{ border: #FF0000 1px solid; cursor: pointer; margin: 0px 2px 2px 0px; }

.galwidth		{ max-width: 460px; }

.Galspacefix		{ font-size: 0px; }

.viewer-border		{ border: #725C3C 3px solid; padding: 0px; }

.viewer-respond		{
			width: 94%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			}

.close-button		{ padding: 10px 6px 10px 6px; }




/* HOME PAGE MUSIC PLAYER */

.homeplayer		{ width: 100%; }

.homeplayerdiv		{
			max-width: 550px;
			min-width: 210px;
			}




/* LIST CODE */

ul 		{ margin-top: 0px; margin-bottom: 0px; }
li 		{ color: #996600; }
li span 	{ color: #FFFFFF; }




/* SETUP PAGES FOR PRINTING */

@media print {
.printhide 	{ display:none; }
}
@media screen{
.printonly { display:none; }
}




/* MUSIC MENU */

#musicmenu 	{ padding: 10px 0px 10px 0px; margin: 0px; }

.musicmenucell	{
		white-space: nowrap;
		float: left;
		padding: 0px 12px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

#floatclear	{ clear: both; font-size: 1px; padding: 0px; margin: 0px; }




/* MENU CODE */

.menutable		{ background-color: transparent; }

#menudiv		{
			background-color: #000000;
	/* MENU GRADIENT */
	background: -webkit-linear-gradient(#666666, #000000, #000000);	/* Safari */
	background: -o-linear-gradient(#666666, #000000, #000000);	/* Opera */
	background: -moz-linear-gradient(#666666, #000000, #000000);	/* Firefox */
	background: linear-gradient(#666666, #000000, #000000);		/* Standard */
			background-repeat:repeat-x;
			padding: 0px 2px 5px 2px;
			margin: 0px 0px 0px 0px;
			border-top: #725C3C 0px solid;
			border-bottom: #725C3C 0px solid;
			}

#menunav, #menunav ul 	{
			width: 100%;
			list-style: none;
			padding: 0px;
			margin: 0px;
			}

/* MENU PADDING, WIDTH, FONT FACE & COLOR */

#menunav a 		{
			color: #D9AA76;
			font: 0.85em "Cinzel", arial, sans-serif;
			font-weight: 700;
			text-decoration: none;
			text-align: center;
			padding: 10px 5px 10px 5px;
			width: 80px;
			display: block;
			cursor: pointer;
			}

/* MENU BACKROUND, BORDER & MARGINS - IMAGE BELOW ADDS GRADIENT */

ul#menunav li:first-child  { border-left: #000000 0px solid; }

#menunav li 		{
			background-color: transparent;
			background-repeat:repeat-x;
			display: inline-block;
    			*display:inline;/* For IE*/
    			*zoom:1;
			padding: 0px;
	/* MENU FADE UP */
	transition: background 0.5s ease;
	-webkit-transition: background 0.5s;
			border-right: #000000 0px solid;
			}

/* MENU HOVER FONT COLOR */

#menunav li a:hover 
			{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}

/* MENU HOVER BACKGROUND */

#menunav li:hover 
			{
			background-color: #725C3C;
			background-image: none;
			}

/* CURRENT PAGE MENU HIGHLIGHT */

#menunav a.current { color: #FFFFFF; }