/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Sean
*/


/*BODY*/

* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

html {
	height: 100%;
}


body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0 0 5px 0;

	
}

body.section-1 {
		
}

body.section-2 { }

body.section-3 { 
	width: 95%;
}

body.section-4 {
	padding: 0;
	margin: 0;
}

p {
    margin: 0;


}

h1 {
	font-size: 18px;
	display: inline;
	color: #333;
	padding: 0 3px 0 0;
}

h2 { 
	font-size: 14px; 
	color: #999;
	background: white;
	line-height: 1.5;
	/*padding: 5px 5px;*/
	display: inline;
	

}

#header h2 {
	color: #999;
	display: inline;
}


h3 { 
	font-size: 16px; 
	display: inline;
	padding: 0 3px 0 0;

}

h4 { 
	font-size: 12px; 
	display: inline;
	color: white;
	background-color: black;
	line-height: 1.3;
	padding: 3px;

}



/*LINKS*/


a { color: #666; }

a:link { text-decoration: none; color: #999; }
a:active { text-decoration: none; color: #428730 }
a:visited { text-decoration: none; color: #999; }
a:hover { text-decoration: underline; color: #333; font-weight: normal; }

#header h2 a { 
	color: #3087d3;
}

#header h2 a:hover { 
	color: #3087d3;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}


a img { border: none; }


/*MENU*/

#menu {
	
	width: 200px;
	height: 90%;
    /*overflow: auto;*/
	bottom: 0;
	left: 0;
	top: 0;
    position: fixed;
	background: white;
	background-position: top center;
	padding: 10px 10px 10px 30px;
	margin:  3em 20px 3.4em 0;
/*	border-right: #3087d3 dotted 1px; */
	border-right: #111 dotted 1px;
	color: #333;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

div#homepage {
	
	/*border-left: #3087d3 dotted 1px;*/
	padding:  8px 0 0 0;

}

#footer p a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
	color: #666;
	font-weight: normal;
	
}

div#footer {
	position: absolute;  /*or fixed*/ 
	bottom: 9px;	
	width: 90px;
	
}

div#header {
	/*position: fixed;*/
	padding: 0 0 10px 0;
	
}


#menu div.container ul li {
	background: white;
	margin-bottom: 0.5em;
}

#menu div.container p {
	background: white;
}



#menu ul li.section-title { 

	font-weight: bold;
/*	color: #3087d3 ; */
	color: #666;
	cursor: pointer;
}

#menu ul li.section-title:hover { 

	color: #333;
	text-decoration: underline;
}



/*CONTENT*/

#content {
    width: 400px;
    margin: 50px 0 0 240px;
    top: 0;
    
}


#content div.container {
	padding: 0 0 0 5px;
/*	border-left: #3087d3 dotted 1px; */
	width: 700px;
}

div#text {
	margin: 50px 0 0 0;
	text-align: justify;
	font-size: 12px;
	word-spacing: 2px;
	line-height: 125%;
}


#links ul li div.section.title {
	font-weight: bold;
	color: #999 ;
	
}

div.picture {
	margin: 50px 0 50px 35px;
	
}

#twitter_update_list li span {
	background: white;
	
}

p.nav {
	padding: 10px;
	
}

/*#content p { 
	color: #666;
	display: inline;
	padding: 0 0 15px 10px;
}*/
#content p { width: 400px; color: #666; margin-bottom: 9px; padding: 0 0 15px 10px; }

p {
    margin: 0 0 9px 0;
}

#text p {
	padding: 0 0 0 0px;
}

#copy p {
	padding: 0 0 0 0;
	
}

div#copy {
	padding: 20px 0 20px 20px;
	font-size: 12px;
	width: 500px;
	text-align: justify;
}

#footer p {
	color: #999;
	
}

#content div.container p {
	
	
}

/*what on earth is this?!!*/
#content div.container div div p {
	background: transparent;
}


/*IMAGES*/

#img-container	{ margin: 0 0 0 15px; padding: 10px 0 0 0;}

#s1 div {
	
	padding: 10px 0 0 10px;
	margin: 15px 0 0 -11px;
/*	border-left: #3087d3 dotted 1px; */
	
	
}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 0 0; }

#once { clear: left; }

/*TWITTER*/

ul#twitter_update_list {
	width:  250px;
	color: #333;
	list-style: none;
	list-style-image: none;
}

div#homepage {
	
}

#twitter_update_list li {
	padding: 5px;
	background: white;
	margin: 5px 0 5px 0;
	
}

#twitter-link {
	
	
}

a#twitter-link {
	color: white;
	float: left;
	
}

a#twitter-link:hover {
	color: white;
	float: left;
	font-weight: normal;
	text-decoration: underline;
	
}


#homepage h2 {
	padding: 5px;
	text-indent: 5px;
	white-space: pre;
	/*width: 400px;*/
	}

div#links {
	position: fixed;
	bottom: 50px;
	
}

#twitter_div {
	margin-top: 10px;
	
}

#video p {
	font-size: 12px;
	padding: 0 0 0 0;
	
}

div#video {
	padding: 20px 0 0 20px;
	width: 625px;
}

#homepage img {
	border: white 2px solid;
	margin: 7px 0 7px 0;
	
}