html,body {
margin:0;
padding:0;
}

body {
font:100% "Trebuchet MS",arial,sans-serif;
color:#333;
text-align:center;
background-color:#FFF;
padding:20px;
}

h1,h2,h3,h4,h5 {
margin:0;
padding:15px;
}

h2 {
font-size:160%;
color:#555;
}

p {
line-height:1.5;
margin:0;
padding:0 15px 0.7em;
}

div#aboutme {
width:60%;
padding: 30px;
}


address {
font-style:normal;
padding-left:20px;
font-family:courier;
}

div#copyright {
font-style:normal;
}

a:visited {
color:#630;
}

a {
color:#B35900;
font-weight:700;
}

div.gradient {
background:#F2F2F2 url(gradient.png) repeat-x top;
margin:15px;
}

div.gradient p {
margin:0;
padding:2px 5px;
}

p.codehere {
color:#2A4D91;
}

<!-- div#container {
width:500px;
background-color:#C0CDF2;
text-align:left;
margin:0 auto;
}

-->
div#container {
width:1024px;
background-color:#A6FF4D;
text-align:left;
margin:0 auto;
}

div#header {
background-color:#4DA6FF;
padding:10px 0;
}

div#header h1 {
color:#CC9966;
font-size:300%;
font-weight:900;
}

div#menu {
width:100%;
overflow:auto;
background:#4DA6FF;
padding-top:5px;
}

ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0;
}

ul#nav {
padding-left:15px;
}

ul#nav li {
float:left;
width:140px;
margin-right:2px;
text-align:center;
}

ul#nav a {
float:left;
width:140px;
text-decoration:none;
background:#FFFF0F;
color:#555;
}

ul#nav li.active a,ul#nav a:hover {
color:#000;
}

div#content {
clear:left;
width:90%;
border-top:1px solid #999;
padding-top:15px;
background-color:#A6FF4D;
}

div#contentabout {
clear:left;
width:80%;
border-top:1px solid #999;
padding-top:15px;
background-color:#A6FF4D;
}

div#footer {
padding-top:5px;
text-align:center;
font-size:90%;
background:#4DA6FF;
color:#FFF;
}


img {
border:0;
}

img.floatleft { 
float: left; 
margin: 15px; 
}

img.floatright { 
float: right; 
margin: 15px; 
}

div#box {
float:right;
display:inline;
width:30%;
/*background:#E4E7F2;*/
background: #FFFFFF;
text-align:center;
margin:5px 15px 0 5px;
}

div#imagefloat {
float:right;
display:inline;
width:30%;
text-align:center;
margin:5px 15px 0 5px;
}

div#box p {
padding:0 5px;
}


div#minipics {
float:left;
width:100%;
padding-bottom:10px;
}

div#minipics ul {
list-style-type:none;
margin:0 15px;
padding:0;
}

div#minipics li {
float:left;
width: 91px;
background-color:#FFF;
margin:10px 10px 10px 0;
}

div#minipics li img {
display:block;
width:71px;
height:106px;
border:0;
margin:5px 10px;
}



blockquote {
 border : 1px solid #000;
 width: 400px;
 float: right;
 margin: 0px;
 padding: 10px;
 background-color: #FFF;
 }

 
 
div#quotetext{
font-style: normal;
}