body {
    background-color: #333300;
}

#wrapper {
    background-color: #cccc66;
    border-left: 10px solid #666600;
    border-right: 10px solid #666600;

    padding-bottom: 100%;
    width:  700px;
	margin-left:  auto;
	margin-right:  auto;
	padding-left:  25px;
	padding-right: 
}

p {
    text-align: justify;
}

#paragraph2 {
    border: thin solid black;
	margin:25px ;
	padding:25px ;
}
#relative_paragraph{
	position:  relative;
	top:  15px;
	left:  35px;
}
.float-right{
float:  right;
}
#column1{
width:  50px;
}
#column2
{
width: 50px;
}
#absolute
{
color:  white;
width:  75px;
position: absolute;
top:  250px;
right:  150px;
}
#absolute-column1
{
position:  absolute;
left:  5px;
}
#absolute-column2
{
position:  absolute;
right:  5px;
}


/*  although we don't adjust the position of the columns container, setting
 *  the position property causes absolute positioning of the elements
 *  inside the container to use this container as the reference point.
 *  Without this property, absolute positioning references the window edges.
 *
 *  See the section "Container Block for Absolutely Positioned Elements"
 *  for further details:
 *
 *      http://www.brainjar.com/css/positioning/default4.asp
 */
#absolute-columns {
    position: relative;
}

#absolute-columns p {
    width: 48%;
}