/*
screen stylesheet for atriumss.com
created : 2006-02-26
last edited : 2009-09-24
*/


/* ----------------------------------------------------------------------------- general setting */

* {margin:0; padding:0;} /* set all elements spacing to zero */

body {
	background: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Loma, Thonburi, sans-serif;
	font-size: 80%; /* set as base size */
	color: #3B3B3B;
} 

html, body, #container {width: 100%;} /* set page to full width */

#container {padding: 65px 0 60px 0;} /* padding for static (fixed) header and footer */

img {border: 0;}

table {border-collapse: collapse;}

th, td, input, select, textarea {font-family: Verdana, "Microsoft Sans Serif", Loma, Thonburi, sans-serif;}

textarea {font-size: 80%}

pre, code {font-family: monospace;}

a {background-color: transparent; text-decoration: none;}
a:link {color: #000000;}
a:visited {color: #444444;}
a:hover {color: #EE2222;}
a:active {color: #111111;}

/* --------------------------------------------------------------------------------------- setting header */

#header {
	position:fixed;
	top: 0;
	width: 100%;
	height: 64px;
	background: transparent url(../images/bg_header.png) top left repeat-x;
	color: #3B3B3B;
}

#header h2 {
	float: left;
	width: 290px;
	height: 64px;
	background: transparent url(../images/logo.png) top left no-repeat;
	text-indent: -5000em;
}

#header ul {font-size: 1.35em;}

#header li {float: left; padding: 20px; list-style-type: none;}

#header li a:link {color: #FF3333;}
#header li a:visited {color: #FF6666;}
#header li a:hover {color: #FF4455;}
#header li a:active {color: #FF5566;}


/* -------------------------------------------------------------------------------- setting profile page */

#gallery {float: left; margin: 10px 10px 70px 30px; width: 460px;}

#gallery h3 {margin-top: 1em; margin-bottom: 1em; border-bottom: 2px solid #FFCC66;}

#gallery p {margin-bottom: 0.8em; text-indent: 2.5em;}


#contentprofile {margin: 10px 30px 10px 520px;}

#contentprofile h3 {margin-bottom: 1em; border-bottom: 2px solid #FFCC66;}

#contentprofile p {margin-bottom: 0.8em; text-indent: 2.5em;}


/* -------------------------------------------------------------------------- setting project link page */

#projlink {margin: 10px; background: #FFCC66;}

#projlink ul {list-style: none;}

#projlink li {float: left; padding: 0 10px 0 0;}


/* -------------------------------------------------------------------------- setting project list pages */

#contentproject {
	width: 480px; 
	height: 480px; 
	margin: 10px auto 2px auto;
	background: transparent url("../images/projects_yellow.jpg");
}

#contentproject h2 {margin: 0 0 20px 210px; padding-top: 120px; font-size: 2em;}

#contentproject ul {list-style: none; font-size: 1.5em; margin-left: 210px;}

#contentproject li {margin-bottom: 0.35em;}


#contentprojlist {padding-bottom: 200px;}

#contentprojlist h3 {clear: left; margin: 20px 10px 1em 10px; border-bottom: 2px solid #FFCC66; font-size: 1.4em;}

#contentprojlist h4 {background-color: transparent; font-size: 1.25em; color: #5B5B5B;}

#contentprojlist ul.projlist {clear: left; list-style: none; margin-left: 30px;}

#contentprojlist ul.projlist li.projkey {width: 220px; margin: 0 10px 30px 0; float: left;}

#contentprojlist ul.projlist li.projkey img {border: 1px solid #000000;}

#contentprojlist ul.projlist li.projicon {width: 240px; margin: 0 10px 10px 0; float: left;}

#contentprojlist ul.projlist li.projicon ul {list-style: none;}

#contentprojlist ul.projlist li.projicon ul li {float: left; width: 70px; padding: 0 6px 6px 0; font-size: 0.8em; line-height: 0.95em;}

#contentprojlist ul.projlist li.projicon ul li img {border: 1px solid #000000;}

#contentprojlist ul.projlist li.projicon ul li img.usgbclogo {border: 0;}

#contentprojlist ul.projlist li.projtext {padding: 0 30px 10px 0;}

#contentprojlist ul.projlist li.projtext p {padding: 5px 0 10px 0;}


/* ---------------------------------------------------------------------------------------- setting footer */

#footer {
	position: fixed;
	bottom: 0; 
	width: 100%; 
	height: 60px; 
	background: transparent url(../images/bg_footer.png) repeat-x left bottom;
	font-size: 0.85em;
}

#footer p {display: inline;}