html, body, div#swf {
    height: 100% !important;
}

body {
font-family:arial, verdana;
color:#f5f5f5;
font-size:12px;
}


a {
color:#f5f5f5;
}

a:hover {
color:#ccc;
}

div#html {
width: 80%;
min-width: 700px;
margin: auto;
background-color: #5F6F6F;
}

div#content {
padding: 40px 75px 10px 75px;
min-height: 230px;
}


h1, h1 a,
h2, h2 a {
color: #fff;
text-decoration: none;
padding: 4px 6px;
margin: 0px;
background-color: #2F3737;
display: inline;
}


h2 {
font-size: 1.5em;
}

img {
border: 0px;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
}




div#head, 
div#footer {
background-color: #2F3737;
border-width: 0  0 5px 0;
border-style: solid;
border-color: #000;
}

div#footer {
text-align: center;
padding: 10px 25px 30px 0;
color: #999;
border-width: 5px 0 0 0;
}

 

div#head h1 {
font-size: 2em;
color: #fff;
margin:0px;
padding: 0px;
}

div#head p {
color: #fff;
margin:0px;
padding: 0px;
}

div#head div.inner {
padding: 15px 20px 0px 20px;
}


ul.news li {
border-bottom: 1px solid #000;
padding: 10px 0 40px 0;
}

.date {
padding-top: 5px;
color: #000;
font-weight: bold;
font-size: 0.9em;
display: block;
}




#mainMenu {
height: 24px;
padding: 40px 0 0 20px;
}

#mainMenu li, #mainMenu ul {
float: left;
}

#mainMenu li {
margin: 0 5px;
}

#mainMenu a {
background-color: #000;
padding: 10px 25px;
}

/**  Works **/

ul.works li{
border-bottom:1px solid #000; 
margin: 0 0 20px 0px;
}


/**  Skills **/


.skillItem {
width: 400px;
margin: 0 0 20px 0px;
}

.skillItem  h3 {
border-bottom:1px solid #000; 
}

.skillItem  img {
float: left;
padding: 0 10px 0 0;
}