html, body
{	padding: 0;	margin: 0;}

body
{	font-family: 'Open sans', sans-serif;
	position: relative;
	-webkit-text-size-adjust: none; background: #eee url(graphy.png) repeat;
	
}


body *
{	text-shadow: none;}


h1{	font-size: 3em; padding: 0 12% 0 12%; color: #000; font-weight:400;   margin: 0; }

h2{font-size:1.4em;   color: #454600; padding: 0 12%;   font-weight: 400; font-family: 'Sigmar One', cursive; }

@media only screen and (max-width: 480px) {
h2 {padding: 0 30px; font-size: 1.6em;	}
}

h3{	font-size: 1.8em; line-height: 1.8em; padding: 0 32% 0 12%; font-weight: normal; color: #222; }

@media only screen and (max-width: 480px) {
h3 { font-size: .98em; padding: 0;}
}

h4{	font-size: 1.2em; letter-spacing: .32em; font-weight: 300; color: #FF8FFD;}


p{font-size: 1.2em; margin: 0 23% 0 0; padding:8px 15%; font-weight: 300; line-height:1.6em; color: #000;}

.color {color: #888; font-weight: 100; letter-spacing: .75em; font-variant:small-caps;}

@media only screen and (max-width: 480px) {
	p{ padding:8px 2%; font-size: 1.2em;  }
}


.caps {font-variant:small-caps;}
.title {font-size: 1.8em; font-weight: 600;}
.lge {font-size: 2em;}
@media only screen and (max-width: 479px) {
	.lge {font-size: 1em;}
}
.date {letter-spacing: .2em; border-bottom: 12px solid #eee; padding: 0 0 1px 0;}
.ltrs {  margin: 0 5% 0 0;}

hr {  border: solid #fff 120px; opacity: .4; margin: 100px 0; }

a, a:link, a:active, a:visited, a:hover
{color: skyblue; border-bottom: 0;text-decoration: none; outline:none; padding: 2px 2px 4px 2px; border-radius: 4px; }

a {outline: none;}

a:hover{color: pink; border-bottom: 0;text-decoration: none; 
outline:none; background: white;}

a:active {color: white; background: skyblue;}

ul li {	list-style-type: disc;	margin: 0 0 0 12%; padding: 12px 12% 0 1%; color: #444; font-size: 1.4em;}


/* menu stuff g'wan 'ere*/


#alpha {width: 100%; height: auto; background: #eee url(paper-bg.png) repeat;  position: fixed; opacity:.95; text-align: left; padding: 0 0 0px 16px;  z-index: 10; border-bottom: 4px solid #e5e5e5;  }

#alpha h3 {font-size: 1.4em;}

@media only screen and (max-width: 480px){
#alpha {height: auto; padding: 0 0 0px 12px; border-top: }	
#alpha h3 {font-size: 1.02em;}

#alpha a {background: #222; padding: 4px;}
}




/*
#beta {width: 100%; height: 165px; background: transparent;  opacity:.9;  padding: 0; margin: 122px 0 0 0; position: absolute; }
#beta h1 {font-size: 6em; padding: 0 0 0 12%; margin: 0;}

@media only screen and (max-width: 768px){
#beta h1 {font-size: 5em; padding: 0 0 0 12%; margin: 27px 0 0 0;}

@media only screen and (max-width: 480px){
#beta {height: auto; margin: 50px 0 0px 0;}
#beta h1 {font-size: 3em; padding: 0 0 0 2%; margin: 27px 0 0 0;}
}
*/

#tweets {height: auto; width: auto; padding: 120px 0 0 0 ;}
#tweets h1 {font-size: 6em; padding: 0 0 0 12%; margin: 0;}

@media only screen and (max-width: 768px){
#tweets h1 {font-size: 5em; padding: 0 0 0 12%; margin: 27px 0 0 0;}

@media only screen and (max-width: 480px){
	#tweets {height: auto; width: auto; padding: 80px 0 0 0 ;}
    #tweets h1 {font-size: 3em; padding: 0 0 0 2%; margin: 0px 0 30px 0;}
	#tweets h3 {padding: 0 12px 0 12px; font-size: 1.23em;}
	#tweets p {font-size: 1.2em; margin: 0 2% 0 12px;}
}

#footer
{	background: #000;
	font-weight: normal;	width: 100%;
	height: 30px; bottom: 0; margin: 0; opacity: .9;}

#footer a {color: #333;}
#footer a:hover {color: #000;}
#footer h3 {font-size: 1.2em; line-height: 1.6em; margin: 0; padding: 10px 0 10px 0; font-weight: normal; color: #555;}