/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
background-color: #212120;
background-image: url(img/bg_main.jpg);
background-repeat: no-repeat;
}

body {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #fcf2e8;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding: 30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}

h2 {
padding-top: 15px;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
color: #ff0066;
}

h3 {
font:1em arial, helvetica, sans-serif;
letter-spacing: 0.15em;
font-weight: 700;
margin-bottom: 5px;
}

h4 {
color: #ff0066;
font-size: 0.85em;
}

h5 {
color: #fcf2e8;
font-size: 0.65em;
}

p, ul, ol {
margin:0;
padding:0 0 15px 0;
font-size: 0.75em;
}

.side-section p {
font-size: 0.85em;
}

ul, ol {
list-style:none;
padding:0 0 12px 0;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/*** div's ***/

#wrap {
width: 850px;
margin: 0;
}

#header {
width: 500px;
float: right;
height: 150px;
}

#home {
width: 500px;
float: right;
}

#content {
min-height: 100%;
}

#footer {
width: 500px;
float: left;
margin-top: 25px;
padding-top: 10px;
padding-left: 350px;
color: #fcf2e8;
background-color: #ff0066;
}

#proj-img {
width: 485px;
height: 75px;
margin-top: 5px;
margin-bottom: 10px;
border: 2px solid #fcf2e8;
}

#grid li {
display: inline;
width: 30px;
height: 30px;
padding: 3px;
background-color: #95faf4;
}

/*** class' ***/

.section {
width: 850px;
float: right;
}

.main-section {
width: 500px;
margin-left: 350px;
padding-top: 20px;
padding-bottom: 20px;
}

.side-section {
width: 150px;
float: left;
padding-top: 20px;
margin-left: 50px;
margin-right: 10px;
font-size: 0.65em;
color: #fcf2e8;
}

.side-section p {
margin-left: 5px;
}


.left-sect-header, .left-header {
width: 100px;
float: left;
margin-top: -8px;
text-align: right;
font-size: xx-small;
color: #fcf2e8;
}

.left-header {
margin-top: 142px;
margin-left: 225px;
}

.section a, .left-header a, .main-list li a {
color: #fcf2e8;
}

.section a:hover, .left-header a:hover, .main-list a:hover, .main-list li a:hover {
color: #95faf4;
}

.main-list {
width: 225px;
float: left;
}

.proj-tb {
width: 65px;
float: left;
margin: 4px;
border: 1px solid #1f0010;
}

.project {
width: 485px;
height: 300px;
float: right;
margin-top: 10px;
}

.project-short {
width: 500px;
height: 200px;
float: right;
margin-bottom: 15px;
}

.main-list a, .project a, .project a:hover {
color: #ff0066;
}

.img-main {
width: 200px;
height: 268px;
float: left;
}

.img-short {
width: 200px;
float: left;
}

.info {
width: 225px;
min-height: 268px;
margin-left: 225px;
padding-top: 10px;
border-top: 35px solid #ff0066;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }

.underline, .underline-header 	{ border-bottom: 1px solid #ff0066; margin-left: 125px; }
.underline-header 	{ margin: 0; }

.highlight 		{ background:#ffc; }

.wrap 			{ width:850px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }