/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 23, 2013, 11:49:11 PM
    Author     : Vincent
*/

@font-face {
    font-family: 'MonoSocialIconsFont-1.10';
    src: url('../fonts/MonoSocialIconsFont-1.10.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'), /* Modern Browsers */
        url('../fonts/MonoSocialIconsFont-1.10.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/MonoSocialIconsFont-1.10.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'opensans-light';
    src: url('../fonts/opensans-light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/opensans-light0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/opensans-light.woff') format('woff'), /* Modern Browsers */
        url('../fonts/opensans-light.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/opensans-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'poetsenone-regular';
    src: url('../fonts/poetsenone-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poetsenone-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/poetsenone-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/poetsenone-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/poetsenone-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


html {
    -webkit-font-smoothing: antialiased;
}

.jumbotron {

    background-color: rgba(255, 255, 255, .8);
    font-size: 18px;
    height: 350px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    color: #666666;


}


.img-circle {
    width: 150px;
    height: auto;
}       





.social {
    font-family: 'MonoSocialIconsFont-1.10';
    color: rgba(102,102,102,0.8);
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
}

.social a {
    color: rgb(102,102,102);
}

.social a:hover {
    color: rgb(0,0,0);
    text-decoration: none;
    

}

.twitter {
    color: #C8C8C8 	;
}

.facebook {
    color: #C8C8C8 	;
}

.flickr {
     color: #C8C8C8 	;
}

.linkedin {
    color: #C8C8C8 	;
}

.art {
    float: left;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 1px;
    height: 1px;

    
}