/*
Theme Name: Tom Conte's Theme	
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Universal Styles
----------------------------------------------- */

body {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
	background:#fff; 
	color:#353E34;
	text-transform:lowercase;
	width:100%;
}

h1, h2 {
	font-weight: bold;
}

h1 {
    font-size: 1.25em; /* 20 / 16 */
    line-height: 1.2; /* 24 / 20 */
	margin: 1.2em 0 0 0;

}

h2 {
    font-size: 1.125em; /* 18 / 16 */
    line-height: 1.3333; /* 24 / 18 */
	margin: 1.3333em 0 0 0;
}

p {
	font-size: 1em;	/* 16 / 16 */
	line-height:1.5; /* 24 / 16 */
	margin:0 0 1.5em 0;
}

a:link, a:visited {
	text-decoration:none; 
	color:#353E34; 
	border-bottom:1px dotted #353e34; 
	font-weight:normal;
}

a:hover, a:active { 
	border-bottom:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	max-width:100%;
}

#page {
	width:93.75%; /* 300 / 320 */
	margin:0 auto;
}

/* Header and Navigation
----------------------------------------------- */
header {
	overflow:auto;
}

nav { 
	font-size: .875em; /* 14 / 16 */
	line-height:1.714285; /* 24 / 14 */
	margin:1.714285em 0 0 0;
}

#main-nav li {
	float: right;
	margin-left: 1.714285em;
}

/* Body
----------------------------------------------- */

.column {
	margin-bottom:1em;
	float:left;
	width:33.3333%; /* 100 / 300 */
}

.column li, .post li {
	margin:.5em 0 1em 0;
}

.byline, #pagination {
	font-size: .75em; /* 12 / 16 */
	line-height:2; /* 24 / 12 */
	margin:0 0 2em 0;
}

.byline {
	display:block;
}

#pagination {

	overflow:auto;
}

#next {
	float:left;
}

#prev {
	float:right;
}


/* Single Post
----------------------------------------------- */

.wp-caption {
	background:#E6EBE6; 
	margin-bottom:1.625em; 
	padding:9px;
	margin-top: 0.4em
}

	.wp-caption img {
		border-color:#E6EBE6;
		display:block; 
		margin: 0 auto;
	}

.wp-caption-text {
	margin-bottom:0.6em; 
	padding:10px 0 5px 40px; 
	position:relative; 
	color:#666; 
	font-family:Georgia, serif; 
	font-size:12px; 
	line-height:22px; 
}

/* Comments
----------------------------------------------- */
#comments {
	clear:both;
}

#commentform label {
	display:block;
}

label[for="author"]:after, label[for="email"]:after {
	content:" *"; 
}

.required {
	display:none;
}

/* Media Queries
----------------------------------------------- */

@media screen and (min-width: 760px) {

	/* Universal Styles
	----------------------------------------------- */

	body {
		font-size: 20px;
	}

	h1 {
	    font-size: 1.2em; /* 24 / 20 */
	    line-height: 1.25; /* 30 / 24 */
		margin: 1.25em 0 0 0;

	}

	h2 {
	    font-size: 1.1em; /* 22 / 20 */
	    line-height: 1.3636; /* 30 / 22 */
		margin: 1.3636em 0 0 0;

	}

	p {
		font-size: 1em; /* 20 / 20 */
		line-height: 1.5; /* 30 / 20 */
		margin: 0 0 1.5em 0;

	}
	
	#page {
		width:83.3333%; /* 500 / 600 */
	}
	
	/* Header and Navigation
	----------------------------------------------- */

	nav { 
		font-size: .9em; /* 18 / 20 */
		line-height:1.6666; /* 30 / 18 */
		margin:1.6666em 0 0 0;
	}

	#main-nav li {
		margin-left: 1.6666em;
	}
	
	/* Body
	----------------------------------------------- */
	
	.byline, #pagination {
		font-size: .8em; /* 16 / 20 */
		line-height:1.875; /* 30 / 16 */
		margin:0 0 1.875em 0;
	}
	
}

@media screen and (min-width: 1000px) {

	/* Universal Styles
	----------------------------------------------- */

	body {
		font-size: 24px;
	}

	h1 {
		font-size: 1.1666em; /* 28 / 24 */
		line-height: 1.285714; /* 36 / 28 */
		margin: 1.285714em 0 0 0;

	}

	h2 {
	    font-size: 1.0833em; /* 26 / 24 */
	    line-height: 1.384615; /* 36 / 26 */
		margin: 1.384615em 0 0 0;
	}

	p {
		font-size: 1em; /* 24 / 24 */
		line-height: 1.5; /* 36 / 24 */
		margin:0 0 1.5em 0;
	}
	
	#page {
		width:60%; /* 600 / 1200 */
	}
	
	/* Header and Navigation
	----------------------------------------------- */
	
	nav { 
		font-size: 0.9166em; /* 22 / 24 */
		line-height: 1.6363; /* 36 / 22 */
		margin: 1.6363em 0 0 0;
	}

	#main-nav li {
		margin-left: 1.6363em;
	}
	
	/* Body
	----------------------------------------------- */
	.byline, #pagination {
		font-size: .8333em; /* 20 / 24 */
		line-height:1.8; /* 36 / 20 */
		margin:0 0 1.8em 0;
	}
	
}