#container
{
width: 90%;
margin: 0px auto;

}

#banner {padding: 0px; 
		background-color: rgba(255,255,255,0.1);
		border-bottom: 0px dotted;}

#updatebox { padding: 6px; font-family: 'Droid Sans', monotype; font-size: 12px;
background-color: rgba(240,240,240,0.5);
border-radius: 0em;
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
box-shadow: 0 3px 10px rgba(0,0,0,.3); 
float: left;
width: 23%;
margin-left: 0px;}

#content {margin-left: 29% ; padding: 20px; width: 600px }

div.navigation {color: rgba(0,0,0,0.2); font-family: 'Bevan'; font-size: 11px; text-transform: uppercase; letter-spacing: 2px}

span.socialmediaicons { border-bottom: 1px dotted; color: white; }

h2 {color: rgba(0,0,0,1); font-size: 14px; text-transform: uppercase; font-weight: normal; letter-spacing: 2px}

body {font-size: 100%; margin-left: 20px; padding: 20px; background-color: rgb(255,190,0); font-family: 'Droid Sans'}

h1 { font-family: 'Bevan', color: rgba(255,255,255,0.8); font-weight: normal; margin: 0}

h1.hashtag {font-size: 600%; color: rgba(255,0,0,0.1); float:top-left; margin: 0}




.event { padding: 6px; font-family: 'Droid Sans', monotype; font-size: 12px;
background-color: rgba(255,255,240,1);
border-radius: 1em; }

.meta {font-size: smaller;}



div.checkin { background-color: rgba(255,255,255,0.3);
	border-radius: 1em; padding: 4px; }
	div.checkin.em {color: rgba(0,255,0,1)}
	
div.tweet { background-color: rgba(192,230,230,1);
	border-radius: 1em; padding: 4px;
	border-bottom: 1px}

div.gbtweet { color: white; background-color: rgba(255,40,40,0.5);
	border-radius: 1em; padding: 4px;
	border-bottom: 1px}

p.tweet {color: rgba(255,0,0,0.8); background-color: rgba(150,255,255,0.4);}
.untpd {color: rgba(255,128,0,0.8);}

div.footer {color: rgba(0,0,0,0.3); font-size: 10px;
clear: both;
margin: 0;
padding: 0em;
}


body {background: black; text-align: center; color: white;}

#splash {
width: 620px;
margin: 0px auto;
}

#splash-image {border: 1px; position:relative;}
    
#splash-headline-overlay {text-align: left; position:relative;
	top:-300px; /* in conjunction with left property, decides the text position */
	left:40px;
	width:400px; /* optional, though better have one */}

#splash-subhead-overlay {text-align: left; position:relative;
	top:-250px; /* in conjunction with left property, decides the text position */
	left:40px;
	width:260px; /* optional, though better have one */}

.w {color: white; }

div.keep-in-touch {margin-bottom: 30px; }

div.flickrbox {margin-top: 30px; padding-top: 30px;}