/* base
----------------------------------------------- */

body,html {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana;
color: #000;
font-size: 11px;
line-height: 15px;
background-attachment:fixed;
overflow:auto;
}

blockquote, p, li {
padding-right: 5px;
padding-left: 5px;
background-color:#FFF;
}

#project {
padding-left: 26px;
line-height:15px;
}

#project p{
width:500px;
padding:0px;
}

#news p{
padding-left:0px;
margin:0px 0px 0px 0px;
}


#static p{
margin-left:50px;
width:390px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 50px;
}

.news_article{
background-color:white;
padding-left:5px;
margin:0px 0px 0px 0px;
}

.centered{
text-align:center;

}

#home p {
margin:0px 0px 0px 0px;
padding-top:10px;
}

.name{
font-family: Verdana;
color: #000;
font-size: 11px;
line-height: 30px;
margin:0px 0px 0px 0px;
}


blockquote {
margin-right: 0;
margin-left: 20px;
}


.italic{
font-family: Verdana;
color: #000;
font-size: 11px;
font-style:italic;
line-height: 5px;
margin-bottom:0px;
}

.bold {
font-family: Verdana;
color: #000;
font-size: 11px;
font-weight:bold;
line-height: 15px;
margin-bottom:0px;
}


h1 {
font-family: Verdana;
color: #000;
font-size: 11px;
font-weight:bold;
line-height: 15px;
margin-bottom:0px;
}

h2 {
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-family: Verdana;
color: #000;
font-weight:normal;
font-size: 11px;
line-height: 12px;
background-color: #fff;
}

h3 {
font-family: Verdana;
color: #000;
font-size: 17px;
font-weight:bold;
line-height: 22px;
background-color: #fff;
margin: 0;
padding-top:15px;
}

small, .small {
font-size: 0.9em;
}

.copyright{
color:#CCC;
fontsize:9px;
}

/* links
----------------------------------------------- */
a {
text-decoration: none;
color: #000;
background-color: #FFF;

}


a:hover {
text-decoration: none;
color: #000;
background-color: #000;
}

#project a{
color:#000;
background-color:#ddd;
}

#project a img{
color:#fff;
background-color:#ddd;
}

#project a:hover{
color:#fff;
color:white;
}

#projects a{
padding:1px 5px 1px 5px;

}

#col1 a{
padding:1px 5px 1px 2px;;
line-height:20px;
background-color:#ccc;
}


#col1 a:hover{
background-color:black;
color:white;

}

#page-nav #projects a{
background-color:#ccc;
}

#page-nav #projects a:hover{
background-color:#000;
color:white;
}

#news a{
color:#000;
background-color:#ddd;
}

#news a:hover{
color:#fff;

}

#newsfeed a{
background-color:#555;
color:white;
}

#newsfeed a:hover{
background-color:#ccc;
color:white;
}

#static a{
color:#000;
background-color:#ddd;
}

#static a img{
background-color:#fff;
}



#static a:hover{
color:#fff;
}

a#plist:hover{
}
p#plist:hover {
background-color:#EEE;
color:#BBB;
}

.edit{
color:#FFF;
}
.edit:hover{
color:#FFF;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#home{
position:fixed;
top:0px;
left:0px;
z-index:8;
width:120px;

}



#col1{
position:fixed;
width:100px;

z-index:4;
top:50px;

}

#col2{
position:fixed;
width:150px;
left:00px;
top:170px;

z-index:6;

}

#projects{
line-height:17px;
}

#bgcol{
position:absolute;
width:250px;
left:0px;
height: 100%;
z-index:2;
}

#bgcol img{
position:fixed;
}


#content{
position:absolute;
left:270px;
top:17px;
z-index:10;
font-family: Verdana;
color: #000;
font-size: 11px;
line-height: 15px;
background-color:white;
}

#splash{
position:fixed;
left:250px;
width:100%;
height:100%;
right:0px;
z-index:3;
}

#static {
position:absolute;
top:50px;
left:250px;
width:580px;
height:100%;
background-attachment:fixed;
z-index:10;
}

#news{
top:50px;
position:absolute;
left:300px;
width:400px;
}

#newsfeed{
z-index:10;
position:absolute;
right:70px;
width:250px;
top:0px;
background-color:black;
padding:5px;
color:white;
}

#newsfeed p{
background-color:black;
padding:0px;
margin:0px;
}
#newsfeed .bold{
color:white;
}


#webitem p{
padding:0px;
margin:0px;

}



#splash-photo{
position:relative;

margin-top:65px;
margin-left: auto ;
margin-right: auto ;
z-index:3;
text-align:center;
}


/* mootools nav
----------------------------------------------- */


.thumb{
border:0px;
}


#kwicks_container { 
	display: block;
	width:130px;
	margin-bottom:30px;

}

#kwicks {
	position: absolute;

}
 
#kwicks .kwick {
position:relative;
	display: block;
	width: 150px;
	height: 18px;
	z-index:5;
	border:0px;
border-left:0px;
border-right:0px;
	overflow:hidden;

}
 

ul {
left:0px;
list-style-position:inside;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:18px;
list-style-type:none;
}


/* mootools accordion

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}




/*Supersize Plugin Styles*/

#loading {
position: absolute;
top: 49.5%; 
left: 49.5%;
z-index: 0;
width: 24px; 
height: 24px;
text-indent: -999em;
background-image: url(images/progress.gif);
}
#supersize{

position:fixed;
overflow:hidden;/*Needed to eliminate scrollbars*/
}
#supersize img, #supersize a{
height:100%;
width:100%;
top:0px;
left:0px;
position:absolute;
z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
z-index: 0;

}
#supersize .activeslide, #supersize .activeslide img{
z-index: 0;

}