/*Wow akalain mo yun I spent almost half a day finishing all of these*/
body{
    margin: 0;
    background-color: #E0E0E0;
}
.strip{
    display: block;
    height: 50px;
    width: 100%;
    padding-top: 0px;
    min-width: 1000px;
    position: fixed;
    margin-top: 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}
.dark{
    background-color: #212121;
}
.darker{
    background-color: rgba(0, 0, 0, 0.8);
}
.nametop{ 
    margin-top: 0px;
    height: 40px;
    font-family: arcon, sans-serif;
    font-size: 20px;
    color: white;
    float: left;
    padding-left: 40px;
    padding-top: 10px;
}
.contacttop{
    display: table-cell;
    font-family: roboto, sans-serif;
    font-size:14px;
    height: 40px;
    padding-right: 10px;
    padding-top: 10px;
    margin-top: 0px;
    margin-right: 40px;
    float: right;
    color: white;		
}
#fblogo{
    height: 30px;
    padding-left: 10px;
    vertical-align: middle;
}
.contacttop:hover{
    background-color: #3b5998;
}
.contacttop:active{
    background-color: #2b4272;
}
a{
    color: inherit;
    text-decoration: none;
}
.headerbg{
    background-color: #212121;
    margin-top: 0px;
    height: 290px;
    min-width: 1000px;
}
.header{
    display: table;
    width: 960px;
    height: 200px;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 25px;
}
.imgholder{
    display: table-cell;
    padding-left: 0px;
    width: 300px;
}
#imgcontainer{
    height: 180px;
    width: 180px;
    border-radius: 120px;
    border: solid 10px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
}
#img{
    height: 180px;
    width: 180px;
    border-radius: 90px;
}
.nameholder{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nameinside{
    font-family: roboto, sans-serif;
    font-weight: 200;
    font-size: 70px;
}
.posinside{
    font-family: roboto, sans-serif;
    font-weight: 200;
    font-size: 20px;
}
.bluetext{
    color: #03A9F4;
} 
.bodybg{
    background-color: #E0E0E0;
    height: 100%;
    min-height: 905px;
    margin-top: 0;
    overflow: hidden;
}
.body{
    width: 960px;
    height: 200px;
    margin: 0 auto;
    vertical-align: top;
}
div{ /*testing purposes*/
    color: white;
    border: solid 0px;
}
.brow1{
    color: black;
}
.bcell1{ /*This is the left block of the resume */
    float: left;
    width: 400px;
}
.bcell2{ /*This contains the right block of the resume proper*/
    float: right;
    width: 550px;
}
.bc{
    border-radius: 8px;
    height: 200px;
    font-family: roboto, sans-serif;
    font-size: 20px;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.row1-1{ /*CONTACTS*/
    border-radius: 8px;
    height: 200px;
    border-color: black;
    margin-top: 10px;			
}
.row2-1{ /*LANGUAGES*/
    border-radius: 8px;
    height: 130px;
    border-color: black;
    margin-top: 10px;
}
.row3-1{ /*EDUCATION*/
    border-radius: 8px;
    height: 400px;
    border-color: black;
    margin-top: 10px;			
}
.row1-2{ /*SKILLS*/
    border-radius: 8px;
    height: 240px;
    border-color: black;
    margin-top: 10px;
}
.row2-2{ /*ACHIEVEMENTS*/
    border-radius: 8px;
    height: 360px;
    border-color: black;
    margin-top: 10px;
}
.row3-2{ /*PERSONAL*/
    border-radius: 8px;
    height: 210px;
    border-color: black;
    margin-top: 10px;			
}
.bluebg{
    background-color: #B3E5FC;
    color: black;
}
.whitebg{
    background-color: white;
    color: #212121;
}
/*Section header*/
h1{
    font-family: roboto, sans-serif;
    font-weight: 1000;
    font-size: 20px;
    margin: 0;
    padding-top: 5px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: center;
    margin-right: 35px;
}

.ico{
    height: 25px;
    width: 25px;
    vertical-align: middle;
    margin-top: 0px;
    float: left;
    padding-right: 10px;
}
hr{
    color: rgba(0,0,0,0.1);
    border: solid 0.5px;
}
.achievement{
    list-style-image: url(check.jpg);
}
li{
    margin-top: 10px;    
}

.education{
    color: black;
    padding-left: 20px;

}
/*Table sa Personal Info*/
.leftalign{
    text-align: right;
    width: 200px;
    padding-right: 20px;
}
.bold{
    font-weight: 500;
}

/*Para sa skills*/
.skill{
    width: 174px;
    border: solid 0px;
    float: left;
    text-align: center;
    color: black;
    font-size: 15px;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.skill:hover{
    background-color: #BBBBBB;
    border-radius: 8px;
}
.contact{
    display: block;
    height: 40px;
    color: black;
    margin: 0 auto;
    line-height: 40px;
    font-size: 18px;
    margin-top: 5px;
}
.contact:hover{
    background-color: #CCCCCC;
    border-radius: 8px;
}
.kaliwa{
    width: 80px;
    font-weight: bold;
    padding-left: 20px;
}
.kanan{
    width: 270px;
}
.stripbottom{
    text-align: center;
    padding-top: 10px;
    height: 50px;
    font-family: roboto, sans-serif;
    font-size: 15px;
    color: rgba(0,0,0,0.5);
    width: 100%;
    min-width: 1000px;
}