/* hand coding and design by abstract machines dot net */


.sandwichbody {font-family:helvetica, arial, sans-serif; font-size: 100%;
background-color:transparent;
text-align: center; 
margin:0 auto 0 auto;
}

#containerone {
	margin:0px auto 0px auto;
	max-width:1400px;
	min-width:400px;
	min-height:700px;
	margin-left:auto; /* centering */
	margin-right:auto;
	text-align:left;}
	
#containerone img {border:0px;}
	
	

/*  ************ TOP PANEL ********* */


#header {
	margin:0px 0px 0px 1em;
	background-color:transparent;
}


h1 {color:black}

h1 a {
	text-decoration:none;
	color:black;
}
h1 a:hover {
	text-decoration:none;
	color:red}

h1 span {float:left;width:5px;font-weight:bold;
}
h2 {text-align:right;
font-family:helvetica, arial; font-size: 4.1em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 .4em 0 0;
}
h2 span {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-weight: 100; line-height: 1em;
  margin:0 .4em 0 0;

}

h3 span {margin:2em 3em .5em 2em;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: .8em;
        margin-top: .6em; color: #666;
padding-left:20px;
}

h3 p, h3 p a {
	 border-bottom:1.3px solid #eee;
	text-decoration:none;
	font-family: "Lucida Grande", Tahoma;
		font-size: .7em;
		font-weight: lighter;
		font-variant: normal;
		text-transform: uppercase;
		color: #666666;
	        margin: 10px 12% 10px 12%;
		text-align: center!important;
		letter-spacing: 0.3em;
}

/* ****** ******* ******   C/V ******* *********** */
#cv_container ul.cv {  /* wrapper */
	list-style-type:none;
	display:block;
	border-left:1px solid black;
	padding:0 0 0 .5em;
	margin:0 0 0 2em;
}

#cv_container ul.cv li span { /*      HEADERS  */
	margin:0 0 15px 50px;
	font-size:3em;font-family:helvetica;letter-spacing:-1px;color:black;
}

#cv_container ul.cv li {
	font-family:helvetica, times;
	font-size:.9em;	
	margin:.5em 0 .5em 0
}

p.year {  /*   year */
margin:0 0 0 25px;
font-family: Gill Sans, Verdana;
	font-size: 1.3em;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: regular;
	color:gray;
}


 /*      ******** THUMBNAILS   *********** */
#cv_container ul.cv li p.img {margin:10px 0 0 75px; }

#cv_container ul.cv li p.img img {width:20px; height:20px;padding:0 15px 0 15px;border:none;}

#cv_container ul.cv li p.detail {  /*   details */ 
	margin:0 0 0 60px;
}

 /*      ******** END SECTIONS WITH ADDITIONAL STYLING FOR BREAKS   *********** */

#cv_container ul.cv li p.endsection {  /*   end of sections margin b */ 
	margin:0 0 15px 50px;
}

        /* *************** ********** MULTIMEDIA ******* */

/* ********* CONTAINER  ********  **** */
#cv_container ul.cv li p.cvtoggle {  /*   *******  MULTIMEDIA DIV  hide() show() * */ 
	margin:0 0 15px 50px;
	font-size:2em;font-family:helvetica;letter-spacing:-1px;color:black; /* show() inner header */
	border:1px solid black;
	margin:10px 0 10px 0;
	background-color:#eee;
	min-height:300px
}

/* ************   HIDDEN PANELS   **********   */
#cv_container ul.cv li p.cvtoggle span {float:right;margin:0 0 0 0; /* show() details */
	font-size:.8em;width:40%;}  
/* image float left in expanded  show() hide() div*/
#cv_container ul.cv li p.cvtoggle img {border:none;float:left;margin:2em 0 0 0;} /*   multimedia div IMAGE */ 
	
#cv_container ul.cv li p.cvtoggle a{  /*   multimedia div */ 
	
}
#cv_container ul.cv li p.detail a:hover {  /*   multimedia div */ 
	color:black;text-decoration:none;background-color:red
}
/* event handling element show() hide() */
#cv_container ul li a {
 border-bottom:1.3px solid #eee;
text-decoration:none;
font-family: helvetica,times;
	font-size: 0.9em;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #666666;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0px;}
	
	/* *************** ********** MULTIMEDIA inner show() hide () DIV STYLES ******* */
	p#atlanta_toggle {
		background:url('foghatmedia/images/foghat.jpg') 0 0 no-repeat;
	}
	
	
	
	p#weirding_toggle {
		background:url('foghatmedia/images/heartface_header_background_small.png') 0 0 repeat;
	}
	
	p#pica_toggle {
	}
	
	










/**   ******  ** HORIZONTAL NAVIGATION BAR   ******  **/
.horizontal {
	height:10px;
	margin:0 .2em 0 0; /* for containermedia div */
	padding:10px 0px 0px 30em;
}
.horizontal ul {margin:0 .4em 0 0; border-bottom:5px solid #eee; } /*previously hot pink */

.horizontal li {
	list-style-type:none;
	display:inline;
	white-space:nowrap; 
}

.horizontal li a {padding:5px 10px 5px 10px; font-family: Lucida, Arial; font-variant: small-caps;	text-decoration:none;
	color:gray; font-size:1em;}

.horizontal li a:hover {color:black; }

/*  **************** BOTTOM PANEL********* *******  ************* */
/* #bottom {
	clear:both;
	display:block;
	float:left;
	position:relative;
	min-width:800px;
}
*/


/*  **************** BOTTOM PANEL left/navigation ************* */
#nav {
	/* background:url('sandwichmedia/images/boomboxes/blank.png')0 0;
background-repeat:repeat; */
	float:left;
	width:20%;
	min-width:100px;
	text-align:left;
	display:inline;
	padding:15px 0px 0px 0px;
	margin:15px 5px 0px -25px;
	padding:0px 0px 0px 0px;
	border:0;
	text-align: left;
}



#nav ul {
	list-style-type:none;
	border:0;
	margin:0 10px 0 0;
	display:block;
	list-style-image:none;
	list-style-position:outside;
}

#nav li a:hover {color:black;}

.verticalnav a {
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-variant:small-caps;
	font-size:1.1em;
	text-decoration:none;
	color:gray;
}

/*     CSS TYPOGRAPY ::  HOVER ::  VERTICAL NAV BAR */


/*   get arty: EACH LI WITH DIFFERENT BG COLORS FOR HOVER ::  VERTICAL NAV BAR  
.opaquehover, .opaquehover2, .opaquehover3, .opaquehover4, .opaquehover5, .opaquehover6, .opaquehover7, .opaquehover8, .opaquehover9, .opaquehover10, .opaquehover11 {
background-color:none;	
}
.opaquehover:hover, .opaquehover3:hover, .opaquehover5:hover, .opaquehover7:hover, .opaquehover9:hover, .opaquehover11:hover {	
	background-color:lime;	
}

.opaquehover2:hover, .opaquehover4:hover, .opaquehover6:hover, .opaquehover8:hover, .opaquehover10:hover {
	background-color:green;
}

*/

.opaquehover:hover, .opaquehover3:hover, .opaquehover5:hover, .opaquehover7:hover, .opaquehover9:hover, .opaquehover11:hover {	
		background-color:#eee;	
	
}

.opaquehover2:hover, .opaquehover4:hover, .opaquehover6:hover, .opaquehover8:hover, .opaquehover10:hover {
	background-color:#eee;
}

.opaquehover:hover, .opaquehover11:hover {
background-color:#eee;
}

#innernav {

	min-height:400px;
	max-width:100px;

}



#footer {
	clear:both;
	text-align:center;
	margin:50px auto 10px auto;
	max-width:1400px;
	min-width:400px;
}

#footer h1 {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-size: .8em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 .4em 0 0;}
#footer h2 {color:gray;margin:2em 3em .5em 2em; font-family:Georgia;
	font-size: .3em;
        font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom: 1.3px solid #eee; 	/* previously a hot pink #FF00FF */
	}
	
	#footer h2  a {
		color:black;
		text-decoration:none;
		
	}
	#footer h2 a:hover {
		text-decoration:underline;
	}