/* CARLOS VENEGAS CSS DOCUMENT */
.hide {
display:none;
}
/* LOAD FONTS */
@font-face {
font-family:'Gotham';
src:url('/fonts/Gotham-Bold.eot');
src:url('/fonts/Gotham-Bold.svg') format('svg'), url('/fonts/Gotham-Bold.woff') format('woff'), url('/fonts/Gotham-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}
@font-face {
font-family:'Gotham';
src:url('/fonts/Gotham-Book.eot');
src:url('/fonts/Gotham-Book.svg') format('svg'), url('/fonts/Gotham-Book.woff') format('woff'), url('/fonts/Gotham-Book.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
/* UNIVERSAL */
* {
text-decoration:none;
-webkit-text-size-adjust:none;
outline:none;
padding:0;
margin:0;
}
body {
min-width:960px;
background-color:#E1E1E1;
font-family:'Gotham', sans-serif;
font-weight:normal;
font-style:normal;
font-size:18px;
color:#484848;
text-align:left;
}
span {
white-space:nowrap;
}
span.wrap {
white-space:normal;
}
/* ADDRESS */
header {
position:relative;
background:#E1E1E1;
font-style:normal;
margin:-5px auto 25px;
padding:0;
}
header:after {
content:" ";
display:block;
position:absolute;
background:linear-gradient(-45deg, #E1E1E1 10px, transparent 0), linear-gradient(-200deg, #FFF 10px, transparent 0);
background-position:left-bottom;
background-repeat:repeat-x;
background-size:20px 20px;
bottom:0px;
left:0px;
width:100%;
height:20px;
}
address div {
display:block;
font-style:normal;
text-align:left;
text-decoration:none;
padding:0 0 10px 0;
margin:0 auto;
}
address span {
font-size:13px;
font-weight:bold;
color:#484848;
margin:0 10px 0 0;
text-transform:uppercase;
}
address a,
address span a {
color:#484848;
}
/* FONT STYLES */
h1 {
font-size:18px;
text-transform:uppercase;
font-weight:bold;
margin:4px 0 0 0;
}
h2 {
font-size:20px;
font-weight:bold;
margin:20px 10px 0;
}
h2.experience {
font-size:30px;
font-weight:bold;
margin:20px 0 0;
}
h3 {
display:block;
font-size:15px;
font-weight:bold;
margin:32px 0 0;
}
.current h3 {
margin:15px 0 0;
}
h4 {
font-size:40px;
font-weight:bold;
text-align:center;
margin:20px 0;
}
ul {
list-style:inside;
padding:0;
margin:0 0 0 20px;
}
li strong {
display:block;
text-transform:uppercase;
margin:0 0 -10px -5px;
}
li {
font-size:13px;
margin:0 0 8px 6px;
}
hr {
border:1px solid #EDEDED;
margin-top:5px;
}
p {
margin:10px 0;
}
.work p {
margin:0 0 10px;
font-size:14px;
}
.work p:first-child {
font-size:12px;
}
small {
display:block;
font-size:8px;
font-weight:bold;
margin:8px 0 0;
}
/* CENTER */
#center {
width:100%;
max-width:870px;
margin:0 auto;
}
/* SIDEBAR */
aside {
display:inline-block;
vertical-align:top;
border-radius:4px;
background-color:#E1E1E1;
width:100%;
max-width:298px;
padding:9px 5px;
margin:0 auto;
}
/* IMAGE */
aside img {
display:block;
border:1px solid #E1E1E1;
box-shadow: 0 0 5px #CCC;
border-radius:3px;
width:100%;
max-width:325px;
padding:0;
margin:0 auto;
}
/* EDUCATION */
.edu {
margin-bottom:10px;
list-style:none;
}
.edu li {
font-size:11px;
line-height:1;
}
/* ARTICLE */
article {
display:inline-block;
background-color: #F1F1F1;
border-radius:5px;
vertical-align:top;
width:100%;
max-width:495px;
padding:12px 10px 20px;
}
.blk {
/* background-color:#EDEDED; */
border-radius:4px;
padding:10px;
margin:0 auto;
}
.blk q,
.blk strong {
display:block;
font-family:'Courgette',cursive;
font-weight:normal;
font-size:18px;
}
.blk q {
margin:0 auto 25px;
}
.blk strong {
text-align:right;
margin:-25px 0 0;
}

/* GRID SYSTEM */
.grid {
display: block;
text-align: center;
}
ul.grid {
display: block;
margin: 0 auto;
text-align: center;
list-style: none;
}
.grid li {
display: inline-block;
width:305px;
margin: 0 auto;
padding: 15px 0;
border-radius: 10px;
border: 5px solid #FFF;
}

/* PORTFOLIO */
.portfolio {
display:none !important;
}
.grid li.brilliant {
background-color: #553287;
}
.grid li.designfox {
background-color: #4B73E6;
}
.grid li.freelance {
background-color: #F0AA23;
}
.grid li.game {
background-color: #0AAF23;
}
.grid li.corporate {
background-color: #E82C0C;
}
.grid a {
display:block;
font-size: 14px;
color:#FFF;
}
.grid small {
font-size: 10px;
color:#FFF;
}
.grid span {
white-space: nowrap;
}

/* FOOTER */
footer {
max-width:960px;
margin:0 auto 25px;
}
footer p {
display:block;
width:840px;
font-family:'Courgette',cursive;
font-size:15px;
margin:0 auto;
}
/* SOCIALMEDIA ICONS */
ul#social-media {
display:inline-block;
text-align:center;
margin:0 0 5px;
}
ul#social-media li, ul#social-media li a {
transition:background-position .3s;
background-size:cover;
display:inline-block;
width:30px;
height:30px;
margin:0;
padding:0;
}
ul#social-media li a.linkedin {
background-image:url('/sm/LinkedIn-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.google {
background-image:url('/sm/GooglePlus-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.facebook {
background-image:url('/sm/Facebook-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.twitter {
background-image:url('/sm/Twitter-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.tumblr {
background-image:url('/sm/Tumblr-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.instagram {
background-image:url('/sm/Instagram-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.pinterest {
background-image:url('/sm/Pinterest-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.behance {
background-image:url('/sm/Behance-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.dribbble {
background-image:url('/sm/Dribbble-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a.youtube {
background-image:url('/sm/Youtube-icon.jpg');
background-repeat:no-repeat;
background-position:center top;
}
ul#social-media li a:hover.linkedin, ul#social-media li a:hover.google, ul#social-media li a:hover.facebook, ul#social-media li a:hover.twitter, ul#social-media li a:hover.tumblr, ul#social-media li a:hover.instagram, ul#social-media li a:hover.pinterest, ul#social-media li a:hover.behance, ul#social-media li a:hover.dribbble, ul#social-media li a:hover.youtube {
background-position:center bottom;
}
nav {
text-align: center;
}