Gratisdesign #2 STILMALL

html,body,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }

a {
color: #222;
text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

a:hover {
color: #ff7766;
text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

hr {  border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

#content a {
color: #fff;
  background: #ff5599;
text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#content a:hover {
color: #ff5599;
  background: none;
text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

body {
font: 12px/1.5em Arial, Sans-serif;
color: #222;
}

h3,h4,h5,h6, div.navheader, div.default {
font-family: Arial, 'Segoe ui', sans-serif;
color: #222;
}
div#side h3 div.navheader {
color: #666;
}

body {
background: url(http://i60.tinypic.com/25kkigm.png) fixed;
}

div#wrapper {
margin-left: 200px;
width: 1070px;
float: center;
}

div#header {
float: left;
width: 10px;
  height: 0px;
  background: url();
padding: 0px 0px 0px 0px;
  margin-top: 30px;
}

div#content {
  margin-top: 280px;
    float: left;
padding: 15px;
width: 700px;
line-height: 18px;
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;

    /* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#ffffffFF, endColorstr=#ffffffFF
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#ffffffFF, endColorstr=#FFFFFFFF
);

  /* webkit example */
background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(250,250,250,0.9)),
  to(rgba(0,0,0,0)), color-stop(.0,#ffffff)
);

  background-image: -moz-linear-gradient(
  rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 95%
);
}

div#container {
    position: absolute;
  width: 600px;
opacity: 0.7;
    background: #fff;
}

div#side {
  margin-top: 280px;
width: 165px;
padding: 10px;
margin-left: 10px;
float: left;
display: inline;
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;

    /* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#ffffffFF, endColorstr=#ffffffFF
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#ffffffFF, endColorstr=#FFFFFFFF
);

  /* webkit example */
background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(250,250,250,0.9)),
  to(rgba(0,0,0,0)), color-stop(.0,#ffffff)
);

  background-image: -moz-linear-gradient(
  rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 95%
);
}

div#side div.navheader, div#side h4, div.default {
padding-top: 30px;
font-size: 20px;
font-weight: bold;
}


div#side a {
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

div#side a:hover {
  color: #ff5599;
  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

/* hide calender - doesn't work anyway */
div#side div#calendar {
display: none;
}

div#header h1 {
font-size: 130px;
  width:1000px;
  font-color: pink;
}

div#header h1 a {
color: #ff5599;
cursor: default;
}

div#header h2 {
margin-left: 10px;
font-size: 11px;
color: #666;
}

div#content h3 {
font-size: 32px;
font-weight: normal;
margin: 20px 0 10px 0;
font-family: ;
color: #555555;
text-algin: center;
}

div#content div.entrybody {
}

div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}

div#content div.entrybody li {
font-size: 12px;
color: #222;
list-style-type: square;
}

div.default {
margin: 0 0 15px 0;
}

div.nav input {
margin-right: 5px;
}

div.nav li {
list-style: none;
padding: 2px 0;
}

div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}

div.entrymeta {
font-size: 11px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}

div.commentheader, p.commenttext {
margin: 0 0 0 0px;
font-weight: bold;
color: #222;
}

p.commenttext {
font-weight: normal;
}

div.commentmeta {
color: #666;
margin: 5px 0 20px 0px;
font-size: 11px;
}

form.commentform {
font-size: 11px;
}

form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}

input.formbutton {
margin-top: 10px;
}

.separator {
display:none;
}

.subside {}
.image {
border: 0;
margin: 0 6px 6px 0;
}

.thumbnail {
margin: 0 6px 6px 0;
}

.video {
padding: 0;
}

.xmlButton {
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #FFF;
background: #F60;
text-decoration: none;
margin:0;
}

div#ad1 {
width: 160px;
overflow: hidden;
padding-top: 20px;
}

div#ad2 {
width: 250px;
float: left;
margin-left: 20px;
}