/*  
 | -------------------------------------------------------------------
 |  Godbit CodeIgniter Tutorial - Session Flash Data
 | -------------------------------------------------------------------
 | @author Yannick Lyn Fatt
 | @version 1.0
 | Modified by : Akhmad Sofwan 
 | Date of last Modified : Unknown
*/

#wrapper
{
    position:relative;
    width:900px;
    background-color:#ffffff;
    margin:0 auto;
    border-bottom:1px solid #b9c0b5;
    border-right:2px solid #b9c0b5;
 }

#container
{
     position:relative;
     width:880px;
     padding:0px;
     margin-left:10px;     
     font-family: arial;  
}

#columnleft
{
     float:left;
     width:16%;
     height:400px;
     margin:0 auto;
     padding-top:0;
     padding-left:1px;
     margin-top:0;
     margin-right:5px;
     margin-left:5px;
     padding-right:2px;
     padding-bottom:250px;
     top:12px;
     position:relative;
     font-size:11px;
     font-family:arial;     
}

#columnleft p
{
    position:relative;
    top:90px;
    text-align:left;
    font-family: arial;
}

#columnleft p.alamat
{
    position:relative;
    top:190px;
    text-align:left;
    font-family: arial;
}

#columnmiddle
{
   margin-top:0;
   padding-top:0px;
   padding-left:2px;
   padding-right:15px;
   text-align:justify;
   width:78%;
   float:left;
   font-family:arial;
   font-size:13px;
   position:relative;
   padding-bottom:10px;
   
}

#header
{
    width:900px;
    height:120px;
    margin:0 auto;
    font-family:arial;
    text-align:left;
}

body
{
    background-image:url('http://sofwan.net/image/background.jpg');
}

#kotak_tulisan
{
    background-color:#b3e0f8;
    padding:8px;
    margin-bottom:5px;
    margin-left:0;
    text-align:left;
    border:1px dotted black;
}
a:hover
{
    font-weight:bold;
    color:red;
}

p
{
    padding-top:0;
}

#footer
{
    border-top:1px solid #0b6ce5;
    font-family:arial;
    font-size:12px;
    clear:both;
    text-align:center;
    color:#0b6ce5;
    padding:5px 0 5px 0;
    margin:0 15px 0 15px;
}

.letak_tawarkan
{
    position:relative;
    left:-7px;
}

#olpertama
{
    position:relative;
    left:-22px;
}

ol
{
    list-style-type:disc;
}

#kotak
{
    width:650px;
    background-color:#f1d7d7;
    padding:20px;
    border:1px dotted;
}

/* Membuat Menu 
    ---------------------------------
    Referensi Kode :
    Buku     : Resep CSS (Cascading Style Sheet)
    Penerbit : Dian Rakyat  
    Penulis  : Swastika,Windra


#menunya ul
{
   font-size:12px;
   font-family:arial;
   margin:0;
   border-bottom:1px solid   #7d75cb;      
}

#menunya ul li
{
   list-style:none; 
   margin: 0;
   display: inline;
}

#menunya ul li a
{
    border:1px solid #7d75cb;
    border-bottom:none;
    text-decoration:none;
    margin:0 1px ;
    background-color:#aad8f3;
    color:black;
    padding-left:3px;
    padding-right:3px;
}

#menunya ul li a:hover
{
    background-color:#f3f86e;
    font-weight:bold;
}

*/
/* Akhir Membuat Menu */


.letak_gambar
{
    position:relative;
    left:2px;
    top:2px;
}

.letak_gambar_myblog
{
    position:relative;
    left:12px;
    top:40px;
}

.letak_gambar_technology
{
    position:relative;
    left:12px;
    top:80px;
}

#letak_skill
{
    position:relative;
    top:50px;
    width:150px;
    background-color: #f1d7d7;
    margin:0 auto;
    padding-top:10px;
    padding-left:-10px;
    padding-bottom:10px;
}

#letak_skill ol
{
    padding-left:-30px;
    margin-left:-16px;
}

#letakblog
{
    position:relative;
    left:15px;
}

#letak_foto_diri
{
    float:left;
    position:relative;
    padding:0px ;
    margin:0px 10px 0 0px;
    left:0px;    
}

img.letak_garis
{
    position:relative;
    top:-140px;
    right:-7px;
}

.warna
{
    color:red;
}

.letak_link_buku_tamu
{
    position:relative;
    left:315px;
}

#kotak_pesan
{
    width:650px;
    background-color:#a7d0f7;
    font-family: arial;
    padding:10px;
    border:1px dotted #000000;
    margin-bottom:8px;
}

#kotak_pesan_email
{
    width:500px;
    background-color:#a7d0f7;
    font-family: arial;
    padding:10px;
    border:1px dotted #000000;
    margin-bottom:8px;
    position:relative;
    text-align:center;
    top:25px;
    left:100px;
}

#terima_kasih
{
    width:400px;
    margin:0 auto;
    background-color:#98c0f3;
    position:relative;
    top:60px;
    left:40px;
    padding:10px;
    text-align:center;
    border:1px dotted black;
}

img.letak_portofolio1
{
    position:relative;
    top:-40px;
    border:1px solid black;
}

#letaknya_text
{
   position:relative;
   left:70px;
   text-decoration:none;
   color:#ff0000;
   font:12px arial ;
   font-weight:bold;
   
}


#letaknya_text:hover
{
  font-weight:bold;
  font-style:italic;
  color:#0365de;
  font-weight:bold;
}

fieldset
{
    border:1px solid black;
    border-width:1px 0 0 0;
}

#tulisan_click_portofolio_pangkalan
{
    position:relative;
    left:475px;
    top:130px;
    color:#163a66;
}

#tulisan_click_portofolio_pusdatin
{
    position:relative;
    left:475px;
    top:130px;
    color:#163a66;
}

img.pangkalan
{
    position:relative;
    left:300px;
    top:130px;
}

.warna_biru
{
    color:blue;
}

.a_huruf
{
    font-family:sans-serif;
    font-size:xx-small;
}