/* CSS layout */

/* PAGE ATTRIBUTES */
/* background color 000066 */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
	
table {
	margin:5px 5px 5px 5px ;
	border:none;
	width:99%;
	background-color:transparent;
	}

td {
	padding:2px 2px 2px 2px ;
	background-color:transparent;
	vertical-align:top;
	}

A			{color: #660099; text-decoration: none;}

A:link 		{color:#000000;}
A:visited	{color: #7F7F7F;}
A:hover		{color:#000066;background:#f7f799;font-weight:300;}
A:active	{color: #D7D700;}
A img 		{border: 0px; width: 90%;} 
img.size	{width:90%;height:90%;}
.small 		{font-size: 78%;}

/* CONTENT CONTAINERS
surround Top Navigation, Page Content, and Footer 
------------------------------------------------------------------*/
#container {
	position:relative;
	background-color: #000066;
	margin-left: 30px;
	margin-right: 30px;
}

#content_container {
	background-color: #FFFFFF;
	top:50px;
	max-height: 400px;
}


/* MASTHEAD BANNER 
no text, only image
------------------------------------------------------------------*/
#top_left {
	position: absolute;
	width: 160px;
	left: 0px;
	top: 0px;
	color: #E1E1E1;
}

#masthead {
	position: relative;
	height: 150px;
	min-width: 800px;
	max-width: 1000px;
	margin-left: 173px;
	background-image: url('http://amgallo.com/alp/images/masthead1k.jpg');
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
}

p.masthead {
	text-indent: 220px;
	line-height: 14px;
	text-align: right;
}


/* 	TOP NAVIGATION
	NAVIGATION MENU - HORIZONTAL
	A CSS menu that eliminates multiple buttons, from wellstyled.com
	Display amgallo.com links with fast roll-overs 
--------------------------------------------------------------*/

#top_nav {
	background-color:#000066;
	text-align:right;
	height:20px;
	}

#menu {
	position:relative;
	top:10px;
	height:20px;
	}

div.outer {
	float: right;
	width: 100px; height: 20px;
	background: url('http://amgallo.com/alp/images/menu_leaves.jpg') no-repeat 0 -100px;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:78%;
	font-weight:bold;
	color:#FFFFCC;
	text-decoration: none;
	text-align:center;
	background: url('../alp/images/menu_leaves.jpg') no-repeat left top;
	}

div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}

div.outer a:hover {
	background: url('../alp/images/menu_leaves.jpg') no-repeat -200px 0;
	color: yellow;
	}
div.outer a:active {
	background: url('../alp/images/menu_leaves.jpg') no-repeat -200px 0;
	color: white;
	}


/* LEFT CONTENT 
Left navigation block and Date, pulled in from Include
------------------------------------------------------------------*/

#left_col {
	position:absolute;
	left: 0px;
	top: 100px;
	width: 160px;
	min-height: 400px;
	padding:1em .5em 0em .5em;
	text-align:center;
	color: #E1E1E1;
	}
	
h1.left_col {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125%;
	color:#EAEAEA;
	text-align:center;
	}
	
/* 	PAGE CONTENT 
	Editable region of template
------------------------------------------------------------------*/

#content_title {
	position: relative;
	background-color: #FFFFFF;
	min-width: 800px;
	max-width: 1000px;
	margin-left: 175px;
	padding-top: 12px;
	padding-bottom: 12px;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 105%;
	text-align: left;
	text-indent: 20px;
	color:#FFCC11;
	}

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #990000;
	padding:.5em .5em .5em .5em;
	text-indent:.5em;
}

.quotetext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #990000;
	padding:.5em .5em .5em .5em;
	text-indent:.5em;
}

.quoteauthor {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bold;
	color: #990000;
	padding:.5em .5em .5em .5em;
	text-indent:.5em;
}

h1.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 105%;
	text-align: left;
	text-indent: 20px;
	color: #D7D700;
}

#page_content {
	position: relative;
	margin-left: 175px;
	min-width: 800px;
	max-width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	min-height: 304px;
	background: white;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 150%;
	text-align: left;
	color: #000080;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 125%;
	text-align: left;
	text-indent: 20px;
	color: #000080;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	font-weight: lighter;
	color: #000080;
}

/* FOOTER 
Non-editable, contains copyright linkage
------------------------------------------------------------------*/

#footer {
	position:relative;
	height: 50px;
	margin-left: 175px;
	min-width:800px;
	max-width:960px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #990033;
	background-image: url('http://amgallo.com/alp/images/alp_logo.jpg');
	background-repeat: no-repeat;
	background-position: 10px;
	text-align: center;
	font-size: 78%;
	color: #FFFFCC;
}

#footer A			{color: #660099; text-decoration: none;}
#footer A:link 		{color: #FFFFCC;}
#footer A:hover		{color: #FFFFCC; background:#000066; font-weight:900;}
#footer A:active	{color: #FFFFCC;}
#footer A:visited	{color: #FFFFCC;}

/* BLOGGING SPECS */


	UL {	
	    PADDING-LEFT: 1em; 
	    MARGIN-top: 2px; 
	    MARGIN-BOTTOM: 0px; 
	    MARGIN-LEFT: 1em; 
	    LIST-STYLE-image: url('http://amgallo.com/images/arrow.gif');
	    font-size:90%;
	    }
		
    DIV.byline {
		LETTER-SPACING: 0.09em;
		MARGIN-TOP: 10px; 
		MARGIN-BOTTOM: 10px; 
		BORDER-LEFT: #000080 5px solid; 
		PADDING-LEFT: 5px; 
		PADDING-BOTTOM: 2px; 
		PADDING-TOP: 0px; 
			}

	H2 {	
		COLOR: #000080; 
		font-family: Georgia, "Times New Roman", Times, serif;
		padding-left: 5px;
		padding-right: 5px;
		}

	H2.section {	
		MARGIN-TOP: 6px; 
		MARGIN-bottom: 4px; 
		FONT-SIZE: 10px; 
		COLOR: #000080; 
		BORDER-BOTTOM: #000080 1px solid;
		LETTER-SPACING: 0.09em;
        TEXT-TRANSFORM: uppercase;
		}
		
	H2.date {	
		BORDER-RIGHT: #000080 5px solid; 
        BORDER-TOP: #000080 1px dotted; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 11px; 
		PADDING-BOTTOM: 2px; 
		COLOR: #000080;
		margin-top:10px;
		PADDING-TOP: 2px; 
		PADDING-left: 2px; 
		LETTER-SPACING: 0.09em; 
		TEXT-ALIGN: right;
		}

	H3.subject {	
		FONT-SIZE: 12px; 
		TEXT-TRANSFORM: uppercase; 
		COLOR: #000080; 
        TEXT-DECORATION: underline;
        LETTER-SPACING: 0.09em;
        PADDING-LEFT: 2px;
		}

	.post {
		text-indent:10px;
		max-width:860px;
		}
		
/* LEFT NAVIGATION - VERTICAL 
Navigation Left Menu styling
------------------------------------------------------------------*/

#navlist {
	padding: 1px;
	margin-left: 0;
	width: 10em;
	color:#EAEAEA;
	}

#navlist li {
	list-style: none;
	margin: 0px;
	border:1px #D7D700;
	border-bottom-style:dotted;
	text-align: left;
	}

#navlist li a {
	display: block;
	padding:.5em .3em .5em .3em;
	color:#EAEAEA;
	text-decoration: none;
	font-size: 78%;
	}

#navlist li a:link {color: #CCCC00;font-size: 78%;}
#navlist li a:visited {color:#EAEAEA;}
#navlist li a:link#current {color: ##EAEAEA;}

#navlist li a:hover {
	font-weight:900;
	color: #000066;
	background:#CCCC00;
	border-right: 5px #990033 solid;
	}
	
/* NAVIGATION MENU NO. 2 - HORIZONTAL WITH FAST ROLL OVERS */

#navH a {background: url("http://amgallo.com/alp/includes/menu_leaves.jpg") 0 0 no-repeat;}
#navH a:hover {background-position: -100px 0;}
#navH a:active {background-position: -200px 0;}