/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
	font-family: "Courier New", Courier, monospace;
}

ol, ul {
	list-style: none;
}

/* End Reset */


html {
background-color:#000000;
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
}







p {
font-size: 12px;
color: #000000;
}

a {
font-size: 12px;
color: #000000;
text-decoration: none;
}

a:link {
text-decoration: underline;
color: #000000; 
}    /* unvisited link */

a:visited {
text-decoration: line-through; 
color: #000000;
} /* visited link */

a:hover {
color: #0000FF; 
text-decoration: underline;
}   /* mouse over link */

a:active {
color: red;
}  /* selected link */





/*MAIN STYLES*/

#wrap{
width:960px;
background: transparent;
}




/* Header */


#header {
width: 960px;
float: left;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}


#header img {
width: 200px;
float: left;
}





/* Main */




#welcome {
width: 920px;
margin: 2em auto;
}







/* COLUMN 1 */


#main {
clear: both;
overflow: hidden;
}

#primary {
float: left;
width: 220px;
background-image: url(projects/col1background.png);
background-repeat: repeat;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
}


#post-item {
padding-top: 10px;
}

#post-item p{
padding: 10px;
}

#primary img{
padding: 10px;
}

#primary2 {
float: left;
width: 250px;
background-image: url(projects/col1background.png);
background-repeat: repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
}


#contact {
padding-top: 10px;
}

#contact p{
padding: 10px;
}

#contact img{
padding: 10px;
}





/* COLUMN 2 */

#secondary {
float: left;
width: 700px;
overflow: hidden;
margin-bottom: 20px;
}


.post-item {
width: 330px;
overflow: hidden;
float: left;
padding-right: 20px;
padding-bottom: 20px;

}

.post-item ul{
width: 330px;
overflow: hidden;
float: left;
}

.post-item img {
float: left;
width: 310px;
border-color:#FFFFFF;
border-style: solid;
border-width: 10px;
}

.post-item p{
float: left;
width: 320px;
overflow: hidden;
background-color: #FFFFFF;
padding-bottom: 10px;
padding-left: 10px;

}














.individual_project {
width: 680px;
overflow: hidden;
float: left;
padding-bottom: 20px;
}

.individual_project ul{
width: 680px;
overflow: hidden;
float: left;
margin-bottom: 20px;
}

.individual_project img {
float: left;
width: 660px;
border-color:#FFFFFF;
border-style: solid;
border-width: 10px;
}

.individual_project p{
float: left;
width: 660px;
overflow: hidden;
background-color: #FFFFFF;
padding: 10px;
}















/* COLUMN 2 */

/*#secondary {
float: left;
width: 800px;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}


.post-item {
padding-bottom: 20px;
}

.post-item img {
float: left;
width: 690px;
border-color:#FFFFFF;
border-style: solid;
border-width: 10px;
}

.post-item p{
float: left;
width: 700px;
overflow: hidden;
background-color: #FFFFFF;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
*/









/* FOOTER */

#footer {
float: right;
overflow: hidden;
margin: 20px;
width: 250px;

}

#footer #footer_col1 {
float: right;
overflow: hidden;
padding: 5px;
}


h4 a{
font-size: 9.5px;
text-decoration: none;
background-color:#FFFFFF;
padding: 5px;

}

h4 a:hover {
text-decoration: underline;
}