/*******************
Created by John Sanchez
*************************/

body {
margin: 0;
background: url('http://1.bp.blogspot.com/_SWYwL3fIkFs/TK_X6gI9STI/AAAAAAAAE9E/KyLgf-0cdwM/s1600/birthday+balloons+colorful.jpg') repeat;
font-family: jokerman, verdana, serif;
font-size: 0.85em;
}

#wrapper {
 width: 960px;
 margin: 0 auto;
}

p {
  line-height: 1em;
   color: red;
}

a:hover {
text-decoration: none;
color: blue;
}

a:visited {
color: brown;
}

#nav {
 padding: 0;
 float: right;
 margin: 40px 0px;
 list-style: none;
}

#nav li {

 margin-right: 10px;
 font-size: 1.4em;
 font-weight: bold;
}

#header {
float: left;
margin: 20px 0px;
}

#header h1 {
font-size: 2.5em;
margin: 0;
color: gold;
}

#header h2 {
margin: 0;
color: indigo;
font-size: 1.2em;
}

#main {
 float: right;
 width: 700px;
 margin-right: 20px;
 position: absolute;
 right: 160px; top: 200px;
}

#main .post {
background: pink;
padding: 10px;
margin-bottom: 20px;
border: 2px solid #CCC;
}

#main .post h3 {
margin: 0;
color: #333;
}

.pic {
margin-left: 10px;
float: right;
}



#bar {
float: top;
position: absolute;
top: 200px;
width: 200px;
background: pink;
padding: 10px;
border: 2px solid #CCC; 
margin-right: 10px;
}

#bar h3 {
margin: 0;
}

#bar .end_part {
border-top: 2px dashed black;
padding-top: 10px;
}

#bar .end_part:first-child {
border-top: none;
padding: 0;
}