@charset "UTF-8";
/*
Theme Name: TYPOLIPO
Theme URI: http://themeforest.net/jonathan01
Description: Typolipo WordPress
Version: 1.0
Author: Jonathan Atkinson
Tags: typoliop, themeforest tyoplipo, jonathan, jonathan atkinson

USE THIS STYLE SHEET EXCLUSIVELY FOR TYPOLIPO

Copyright 2012 - Jonathan Atkinson
*/

@import url(http://fonts.googleapis.com/css?family=Maven+Pro);

@font-face {
    font-family:'ChunkFiveRegular';
    src: url('css/Chunkfive-webfont.eot');
    src: url('css/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/Chunkfive-webfont.woff') format('woff'),
         url('css/Chunkfive-webfont.ttf') format('truetype'),
         url('css/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight:normal;
    font-style:normal;
	}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline 0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } blockquote, q {quotes:none; } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } :focus {outline:0; } ins { text-decoration:none; } del {text-decoration:line-through; } table {border-collapse:collapse; border-spacing:0; }

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block; } /* Hide from IE Mac \*/ .clearfix {display:block; } /* End hide from IE Mac */ .none {display:none; } /* End Clearfix */

.hidden {
	display:none; 
	}

.alignleft {
	float:left; 
	}

.alignright {
	float:right; 
	}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display:block;
	clear:both;
	}

.clear {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
	}

a img {
	border:none; 
	}

img {
	border:none; 
	}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin:5px 20px 20px 0;
	}

.aligncenter, div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
	}

.alignright {
    float:right;
    margin:5px 0 20px 20px;
	}

.alignleft {
    float:left;
    margin:5px 20px 20px 0;
	}

.aligncenter {
    display:block;
    margin:5px auto 5px auto;
	}

a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
	}

a img.alignnone {
    margin:5px 20px 20px 0;
	}

a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
	}

a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto
	}

.wp-caption {
    background:#ffffff;
    border:1px solid #f0f0f0;
    max-width:96%; /* Image does not overflow the content area */
    padding:5px 3px 10px;
    text-align:center;
	}

.wp-caption.alignnone {
    margin:5px 20px 20px 0;
	}

.wp-caption.alignleft {
    margin:5px 20px 20px 0;
	}

.wp-caption.alignright {
    margin:5px 0 20px 20px;
	}

.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
	}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
	}

.sticky, .gallery-caption, .bypostauthor {
	margin:0;
	padding:0;
	}
	
html {
	height:100%;
	margin-top:0 !important;
	}

body {
	width:100%;
	padding:0;
	margin:0;
	height:100%;
	}
	
/***************************************************
       START OF BUTTONS, COLUMNS & SHORTCODES
***************************************************/

.one_half, .one_half_first, .one_third, .one_third_first, .two_third, .two_third_first, .one_fourth, .one_fourth_first, .three_fourth, .three_fourth_first, .one_fifth, .one_fifth_first, .two_fifth, .two_fifth_first, .three_fifth, .three_fifth_first, .four_fifth, .four_fifth_first, .one_sixth, .one_sixth_first,.home_one_third, .home_one_third_first {
	font-family: 'Roboto', Arial, Helvetica,
   sans-serif;
	font-size:15px;
	color: #191919;
	line-height:24px;
	font-weight:normal;
	}

.one_half { 
	width:48%; 
	}

.one_third {
	width:30.66%; 
	}
	
.intro_section .one_third {
	width:283px;
	margin-left: 49px;
	position:relative;
	margin-bottom:20px;
	float:left; 
	}
	
.home_one_third {
	width:283px;
	margin-left: 55px;
	position:relative;
	margin-bottom:20px;
	float:left; 
	}
	
.home_one_third_first {
	width:283px;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left;
	}

.two_third { 
	width:65.33%; 
	}

.one_fourth { 
	width:22%; 
	}

.three_fourth { 
	width:74%; 
	}

.one_fifth { 
	width:16.8%; 
	}

.two_fifth { 
	width:37.6%; 
	}

.three_fifth { 
	width:58.4%; 
	}

.four_fifth { 
	width:67.2%; 
	}

.one_sixth { 
	width:13.33%; 
	}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth {
	position:relative;
	margin-left:4%;
	margin-bottom:20px;
	float:left;
	}

.one_half_first { 
	width:48%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}

.one_third_first { 
	width:30.66%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}

.one_fourth_first { 
	width:22%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}

.one_fifth_first { 
	width:16.8%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left;
	}
	
.one_sixth_first { 
	width:13.33%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}
	
.two_third_first { 
	width:65.33%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}
	
.three_fourth_first { 
	width:74%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left;
	}
	
.two_fifth_first { 
	width:37.6%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}
	
.three_fifth_first { 
	width:58.4%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}
	
.four_fifth_first { 
	width:67.2%;
	position:relative;
	clear:left;
    margin-left:0;
	margin-bottom:20px;
	float:left; 
	}
	
div .first {
    clear:left;
    margin-left:0;
	}

.center {
	text-align:center;
	}
	
.featured_title a img {
	margin-bottom:30px;
	height:281px;
	}

.holdp {
width:210px;
height:320px;
overflow:hidden;
background:#d3d3d3;
}

.ics {
background:#d3d3d3 url(ics.png) 50% 50% no-repeat;
}