/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #FFF;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color:#000;}
a:active { text-decoration: none;}
a:visited { text-decoration: none; color:#000;}
a:hover { text-decoration:none; background:#F39; color:#FFF;}

a img { border: none; }


/* container refers to: menu + content */
.container {
    padding: 5px 5px 25px 5px;
}

#menu {
    /*width: 215px;*/
    overflow: hidden;
	/*top: 55px;*/
    /*bottom: 100px;*/
	/*left: 20px;*/
    position: fixed;
    height: 100%;
	/*background-color: #FFF;*/
	text-align: right;
	color:#F39;
}

#menu .container { 
	background: #fff;	
	/* margin will move whole menu box */
	margin: 50px 0 0 20px;
	/* padding refers to white space around words(content of menu) */
	padding: 0px 5px 20px 20px;
	width: 160px;
}

#menu ul {
	list-style: none;
	/* refers to space around each section title */
	margin: 0 0 12px 0;
}


#menu ul li.section-title {
	font-size:14px;
	color:#000;
}


#content {
    height: 100%;
}

#content .container { 
	padding: 82px 0 0 50px;
    margin: 0 0 0 215px;
}


/* p refers to the text in the content area? */
#content p { 
	width: 400px; 
	margin-bottom: 9px; 
}	

#content p a:link {}


/* refers to titles in content area */
.subtitles{color:#0FF; font-size:12px;}


p {margin: 0 0 9px 0;}

h1 { font-size: 32px; }
h2 { font-size: 10px; }
h3 { font-size: 16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h4 { font-size: 10px; }

#img-container	{ 
	margin: 0; 
	padding: 0; 
}

#img-container p { 
	width: 400px; 
	margin: 0; 
	padding: 0 0 12px 0; 
}


#once { clear: left; }

#logo { 
	position: fixed;
	top: 10px;
	right: 20px;
	background: none;
	border:none; 
}

#title { 
	position: fixed;
	top: 10px;
	left: 20px;
	background: none;
	border:none; 
	color: #80FF00;
	font-size: 20px;
}


#footer-left {
	position: fixed;
	bottom: 0px;
	left: 20px;
	color:#000;
}
	
#footer-right { 
    position: fixed; 
    bottom: 10px; 
    right: 20px;
    background-color:#000;
	color:#FFF;
}

#footer-right a:link{
	color:#F39;
}
	

<!-- Layout of the Press thumbs. Let’s plan on floating 3 list items next to each other with a border around each one: -->
ul#press {  
    float: left;  
    list-style: none; 
    margin-left: 0;  
    width: 672px;  
}  

ul#press a {    
    float: left;  
    margin: 0 10px 10px 0;  
    padding: 5px;  
    width: 202px;  
}  

<!-- styling for the images and links -->
ul#press a { display: block; width: 100%; }  
ul#press a:hover { text-decoration: none; color:#3F0; opacity: 0.75; background:#FFF; color:#000;}  
ul#press img { display: block; padding-bottom: 5px;}