/* http://meyerweb.com/eric/tools/css/reset */
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}ol,ul{list-style:none}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}

/* simplest */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:1em;}
li {list-style:none;}
dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

html {font-size: 18px;}
body {	font-family: Helvetica, Arial, Sans;
		line-height: 1.8em;
		color: #646464;}

a:link, a:visited {color:#6DC0A9;}
a:hover {color:#4A8D75;}
a:active { color: #000;transition: color 0s; }
.entry a {text-decoration: none;}
.entry a:hover {text-decoration:none; -webkit-transition: color 0.75s ease; -moz-transition: color 0.75s ease; -o-transition: color 0.75s ease;transition: color 0.75s ease;}

/* Content
***********************************************************************************************************/

#content_container {
	margin: 5% auto;
	width: 70%;
}



/* Content > Project content
***************************************************************************************************/

    .entry {
        padding:0 0 0 20px;
    } 
    
    /* Styling of default typographic headers and elements */
    
@font-face {
    font-family: 'DeliciousHeavyRegular';
    src: url('../fonts/delicious-heavy-webfont.eot');
    src: url('../fonts/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-heavy-webfont.woff') format('woff'),
         url('../fonts/delicious-heavy-webfont.ttf') format('truetype'),
         url('../fonts/delicious-heavy-webfont.svg#DeliciousHeavyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

h1, h1 a {	text-decoration:none; 
		font-size: 3.2em;
		line-height: 1.2em;
    	color: #000;
		font-family: 'Stryde', serif;
		font-weight:lighter;
		margin: 0 0 0.4em -2px;}

h2, h2 a, h3, h3 a {font-family: 'Stryde', serif; text-decoration: none; color: #000; font-size: 1.45em; font-weight: bold;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #000;}
h1,h2,h3,h4,h5,h6 {clear:both;}
    
    p {
        margin: 0;
		max-width: 500px;
    }
    
    blockquote {
        color: #666666;
        margin: 0;
    }
    
    .project_content img, .project_content object {
        background: #eeeeee;
        margin: 0px 15px 15px 0px;
    }
    
	ul.mylinks {
		line-height: 180%;
		font-weight: normal;
		list-style: none;
		margin: 1.2em 0 0 0;
		padding: 0;
		text-indent: 0;
	}
	ul.mylinks a {
	}
	ul.mylinks a:hover {
	}

span.logo {float: left; margin-right: 7px;}
span.logo img {width: 100px; height: 100px;}

@media screen and (min-width: 980px) /* Desktop */ {
}

@media screen  and (max-width: 979px) /* Tablet */ {
#content_container { margin: 5% auto; width: 90% !important; }
}

@media screen and (max-width: 500px) /* Mobile */ {
#content_container { margin: 5% auto; width: 100% !important; }
}