/************************************************************************************
STRUCTURE
*************************************************************************************/
#container{
         width: 700px;
	 margin: 10px;
         position:relative;top:10px; left:-40px;
}
#pagewrap {
            padding:15px;
	    width: 700px;
            float:left;
            
}

.header {
	height: 60px;              
}

#content {
	width:97%;
        float: left;
            
              
}

.footer {
        font-size: 10px;
	clear: both;
}


/* border & guideline (you can ignore these) */


.header, #content,{
              background: #fff;
               margin:0px;	
               /* rounded corner */
	      -webkit-border-radius: 108px;
	      -moz-border-radius: 108px;
	       border-radius: 108px;
               border: 3px double #ffffff;
}
.footer {
               background: transparent;
               margin:5px;	
	      /* rounded corner */
	     -webkit-border-radius: 108px;
	    -moz-border-radius: 108px;
	      border-radius: 108px;
              position:relative;
              top:0px;
              left:0px;
}

h1 {
                   
                     font-family: 'Great Vibes', Helvetica, sans-serif;
                     font-size: 42px;
                     color: #000;
                     text-shadow: 4px 4px 3px rgba(0,0,0,0.3);
                     font-weight:bold;                 
                     text-align: center;
}

h2{
                      font-family: 'Georgia', sans-sherif;
                      color: #000000;
                      font-size: 16px;
                      font:italic;
                      line-height: 10px;
                      text-shadow: 1px 1px 1px #aaa;
}

h4{
                      font-family: ''Great Vibes', cursive;
                      color: #FF9933;
                      font-size: 26px;
                      margin:0px;
                      text-shadow: 1px 1px 1px #000;
                      -webkit-transform: rotate(0deg);	
                      -moz-transform: rotate(0deg);
                      -ms-transform: rotate(0deg);
                      -o-transform: rotate(0deg);
                      transform: rotate(0deg);
                      text-indent:0px;
}

h3 {
                      font-family: 'Playball', cursive;
                      color: #FC0A1A;
                      font-size: 22px;
                      text-shadow: 1px 1px 1px #000, 2px 2px 2px #aaa;
                      line-height:2px;
}
a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #FF9933;
	text-decoration: none;
	font-weight : bold;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
p{font-size:16px;
   font-style:normal;}



.personal{
             background-image: url();
             height:200px;
             width:200px;
             position:relative;
             top:200px;
             left:400px;
}

 .article {          
            width:400px;
            height:100px;
            position:absolute;
            top:40px;
            left: 170px;
            font-style:normal;
 }
 .article2 {          
            width:200px;
            height:300px;
            position:absolute;
            top:120px;
            left: -145px;
            font-style:normal;
            font-size:14px;
 }
.image{

            background-image: url();
            width:230px;
            height:150px;
            position:absolute;
            top:100px;
            left: 335px;

} 

#image2{

            background-image: url();
            background-repeat: no-repeat;
            width:150px;
            height:50px;
            font-size:24px;
            font-color:
            position:absolute;
            margin-top:-200px;
            float:right;
            margin-right:-130px;

}