/* ================================================= */
/* STYLES: LUCIO MUNIAIN et al.*/
/* ================================================= */


body {
    margin: 30px 0px 0px 0px; padding:0px;
    text-align:left;
    background-color: #fff;
    color: #2E2E2E;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;font-size:10px;cursor:default;
}

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

a:hover, a:active { color: #000}

a img { border:0 }

a.menu {color:#B1B1B1}
a.menu:active, a.menu:hover {color:#1CD6E0}
a.menu:visited {color:#CEF6F5}

#container { width: 840px }
#menu { width: 230px; float: left; padding: 0px;}
#content { width: 610px; height: 610px; float: left; padding: 0px;}
.header { border: 0px; margin: 0px 0px 20px 0px; padding: 10px 5px 10px 33px; background: #E0F8F7; }
.header_right { border: 0px; margin: 0px 0px 20px 0px; background: #E0F8F7; width: 610px; padding: 10px 0px 10px 0px; }
.plain { border: 0px;  padding: 10px 5px 0px 33px; background: #fff; }




.gallery { width: 190px; float: left; border: 0px; margin: 0px 10px 13px 0px;}
.gallery img { width: 180px; border: 1px solid #dedede; padding: 0px; display: block; }
.gallery a { font-size: 9px; outline: none; display: block; }


/*note to self, delete this div when finished */
#picture img { border: 1px solid #dedede; }

#album { float: left; border: 0px width: 290px; padding: 5px }
#album img { border: 1px solid #dedede; width: 290px }
#songs { float: right; border: 0px; width: 290px }

.etc { width: 270px; float: left; border: 0px; margin: 0 12px 20px 0px; padding-right: 12px; }


/*slideshow */


#s4 .pics { width: 640px; padding-left: 30px; margin-bottom:50px; overflow: hidden; }

.pics img { 
	margin: 20px 0px; 
	border: 1px solid #dedede; 
	top:0; left:0;
	cursor: pointer 
}

td a { margin: 0px;}
.nav { margin: 0px;  }
#nav img { margin-bottom: 5px }
#nav a, #s7 strong { margin: 0 10px 0px 0px; border: 0px; padding-top:5px; background: #dedede;}
#nav a.activeSlide { background: #000; padding-top:5px; }
#nav a:focus { outline: none; }
#output { text-align: left; }
		


/* menu styles */
	
	
ul#filter { float: left; font-size: 10px; list-style: none; margin: 0px 0px 10px 0px; width: 200px; padding-left: 23px }
ul#filter li { 
	line-height: 16px;
	text-transform: uppercase;
	text-indent: 10px;
	margin-left: 10px;
	padding-left: 10px
}
ul#filter li:first-child { text-indent: 0px; padding-bottom: 10px;}
ul#filter a { color: #2E2E2E; text-decoration: none; font-weight: normal }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #2E2E2E; font-weight: bold; }
ul#filter li.levelup { padding: 20px 0px 10px 0px; font-weight: normal;  }


/*news styles */

div.news {
	font-size: 120%;
	line-height: 130%;
	padding: 0px 20px 20px 0px;
	border-bottom: 1px solid #808080;
	
}


/* navigation for news*/

div.pagination {
	padding: 20px 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #E0F8F7;
	background-color: #dedede;
	
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #dedede;
	color: #000;
	background-color: #E0F8F7;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000;
		
		font-weight: bold;
		background-color: #000;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #808080;
	}


/* other */

.alert { width: 590px; background: #F4FA58; color: #FF0000; padding: 5px; margin-bottom: 10px }

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#flexdiv { border:0px }

#footer { clear: both; padding: 40px 0px 40px 30px; font-size: 9px }

/*EOF