/* CSS for Kurt's Website */

body{
	background-image: url('glitch_bg.png');
	background-attachment: scroll;
	background-position: center 0px;
	background-size: 60em, 60em;

	font-family: Arial, sans-serif;
	font-size:100%;
	color: black;

	text-align: left;
	text-indent: 0em;

	margin-left: auto; 
	margin-right: auto; 
}

/* link colors */
a:link    {color:#0687F5;}
a:visited {color:#0687F5;}
a:hover   {color:#0687F5;}
a:active  {color:#0687F5;}

a.secret       {text-decoration: none; color: black;}
a.secret:hover {color: #0687F5;}

/* colors
black: black
less black: #363636
gray: #666666
*/

.container {
	border: 1px solid black;
	background-color: rgba(255,255,255,0.95);
	width: 60em; 
	padding: 1em;
	margin: 3em auto 3em auto;
}

.item {
	margin:1em;
}

h4.comment{
	font-size: 1em;
	font-weight: normal;
	margin-left:   2em;
	margin-right:  2em;
	margin-top:    1em;
	margin-bottom: 1em;
}

h4.papercomment{
	font-size: 1em;
	font-weight: normal;
	margin-left:   2em;
	margin-right:  2em;
	margin-top:    1em;
	margin-bottom: 0.25em;
}

p.comment {
	margin-top: 0.75em;
	margin-bottom: 1.5em;
	margin-left:  4em;
	margin-right: 4em;
	font-size: 0.9em;
	color: #363636;
}

p.papercomment {
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	margin-left:  4em;
	margin-right: 4em;
	font-size: 0.75em;
	color: #363636;
}

p.paperlastcomment {
	margin-top: 0.0em;
	margin-bottom: 1.0em;
	margin-left:  4em;
	margin-right: 4em;
	font-size: 0.75em;
	color: #363636;
}

hr{ border-top: double thick; margin-left: 2em; margin-right: 2em; }

h1{
	font-weight:bold;
	text-align:center;
	letter-spacing:0.125em;
	font-size:2.25em;
	font-variant:small-caps;
	margin-bottom:0em;
	padding-bottom:0em;
	line-height:0%;
}
small { font-size: 0.666em; vertical-align: middle;}

h2{
	font-weight:normal;
	text-align:center;
	letter-spacing:0.0625em;
	font-size:1.375em;
}

h3{
	font-weight:bold;
	text-align:center;
	letter-spacing:0.0625em;
	font-size:1.25em;
}

h4{
	font-weight:bold;
	text-align:left;
	letter-spacing:0.0625em;
	font-size:1.125em;
}

h4.center{
	font-weight:bold;
	text-align:center;
	letter-spacing:0.0625em;
	font-size:1.125em;
}

.youtube {
margin-right: auto;
margin-left: auto;
display:block;
width:480px;
}


p {
	margin-left:4em;
	margin-right:4em;
	font-size:1em;
}

p.centered {
	text-align: center;
}

img.center {   
display: block;   
margin-left: auto;  
margin-right: auto; 
}

.tabbed_area { /* tabbed area is a subclass of div */
	border: 0px none;
	background-color:rgba(255,255,255,0.95);
	padding: 1px;
}

ul.comment {
	margin-top: 0.75em;
	margin-bottom: 1.5em;
	margin-left:  2em;
	margin-right: 2em;
	font-size: 0.9em;
	color: #363636;
}

ul.tabs {
	margin: 0px; padding: 0px;
	margin-top: 24px;
	margin-bottom: 7px;
}
ul.tabs li { list-style: none; display: inline;}

ul.tabs li a {
	background-color: #0687F5;
	color: rgba(255,255,255,0.95);
	padding: 8px;
	padding-left: 16px; padding-right: 16px;
	text-decoration: none;
	border: 1px solid #0D2534;
	border-bottom: 0px none rgba(255,255,255,0.95);
}

ul.tabs li a:hover { /* for when you are hovering over a tab*/
	background-color: #0687F5;
	border-color: black;
}

ul.tabs li a.active { /* for when a link is active*/
	background-color: rgba(255,255,255,0.95);
	color: black;
	border:1px solid black;
	border-bottom: 1px solid rgba(255,255,255,0.95);
}

.content {
	background-color: rgba(255,255,255,0.95);
	text-align: justify;
	padding: 8px;
	margin: 0px;
	border: 1px solid black;
}
#content_2, #content_3, #content_4, #content_5 { display:none;} /* # sign refers to IDs */

/* some monospace BS*/
pre,
code,
kbd,
samp,
tt{
  font-family:monospace,monospace;
  font-size:1em;
}