/* RESET DEFAULT BROWSER CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display: block;
}

body {
  line-height: 24px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=a4574e90-bf73-4612-8a19-20082fc4b6e8");
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("/wp-content/themes/netlife/fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix") format("eot");}
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("/wp-content/themes/netlife/fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix");
src:url("/wp-content/themes/netlife/fonts/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"),url("/wp-content/themes/netlife/fonts/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"),url("/wp-content/themes/netlife/fonts/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg");
}
/* DEFAULT */

html {
}

body {
	font-family: georgia, serif;
	font-size: 16px;
	line-height: 24px;
	background: #e6e8e0 url(../../netlife/img/background-blog.png);
	color: Black;
	color: #111;
}

/* WP-EDIT */

* .wp-edit {
	font-family: georgia, serif !important;
	font-weight: normal !important;
}

* .wp-edit a {
	color: rgba(0, 0, 0, 0.25) !important; 
}

/* LINKS */

a {
	text-decoration: underline; 
	color: Black;
}

a:focus, a:hover, a:active {
	color: #619210;
}

/* TITLE COLORS */

h1, h2, h3 {
	color: Black;
}

h1 a, h2 a, h3 a {
	color: Black;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: Black;
	text-decoration: underline;
}

/* TITLES */

h1 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 36px;
	line-height: 42px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 24px 0;
}

h1 + h3,
h1 + div + h3, 
h1 + aside + h3 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 24px 0;
	color: #111;
}

h2 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
}

h2 + h3 {
	margin: 14px 0 0 0;
}

h3 {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
	margin: 0 0 0;
}

h6 {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

/* TEXT */

p {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 24px 0;
}

p small,
ul li small,
ol li small {
	font-size: 12px;
}

p strong,
ul li strong,
ol li strong {
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd";
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: Black;
}

blockquote {
	margin: 0;
}

q {
	font-style: italic;
}

q:before,
q:after {
	content: none;
}

cite {
	font-style: normal;
}

strong, b {
	font-weight: bold;
}

em, dfn, i {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, acronym {
	border-bottom: 1px dotted #111;
}

address {
	font-style: italic;
}

del {
	color: ;
}

pre {
	white-space: pre;
	margin: 0 0 24px 0;
}

pre, code, tt {
	font-family: 'andale mono', 'lucida console', monospace;
	font-size: 13px;
}

/* LISTS */

li ul, li ol {
}

ul, ol {
	list-style: outside;
	margin: 0 0 24px 0;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 24px 0;
}

dl dt {
	font-weight: normal;
	color: Black;
}

dl dd {
	margin: 0 0 12px 0;
}

/* TABLES */

table {
	width: 100%;
	margin: 0 0 24px 0;
}

th,
td {
	font-size: 16px;
	line-height: 24px;
	vertical-align: top;
}

th, td, caption {
	padding: 4px 10px;
}

tr.even td {
}

tfoot {
	font-style: italic;
}

caption {
}/* HTML+BODY */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}

/* GRID */

#grid {
	position: relative;
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

/* COLUMNS */

.c1 {
	float: left;
	width: 80px;
	padding: 0 10px;
}


.c2 {
	float: left;
	width: 140px;
	padding: 0 10px;
}

.c3 {
	float: left;
	width: 210px;
	padding: 0 20px 0 10px;
}

.c4 {
	float: left;
	width: 300px;
	padding: 0 10px;
}

.c6 {
	float: left;
	width: 460px;
	padding: 0 10px;
}

.c7 {
	float: left;
	width: 520px;
	padding: 0 10px;
}

.c8 {
	float: left;
	width: 620px;
	padding: 0 10px;
}

.c9 {
	float: left;
	width: 700px;
	padding: 0 10px;
}

.c12 {
	float: left;
	width: 940px;
	padding: 0 10px;
}
/* CONTENT */

#content {
	float: right;
	width: 620px;
	padding: 0 10px;
}

/* HEAD */

#content #head {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 0 20px -320px;
}

#content #head h1 {
	position: absolute;
	left: 320px;
}

#content #head img {
	float: left;
}

/* SECTION */

section {
	position: relative;
	display: inline; /* ie fix */
	float: left;
	width: 960px;
	margin: 0 0 0 -330px;
}

section .c1 {
	float: left;
	width: 300px;
	padding: 0 10px;
}

section .c2 {
	float: left;
	width: 620px;
	padding: 0 10px;
}

section .c3 {
	float: left;
	width: 940px;
	padding: 0 10px;
}

/* ASIDE */

aside {
	position: relative;
	clear: left;
	display: inline; /* ie fix */
	float: left;
	width: 280px;
	margin: 0 0 0 -320px; 
}

/* ASIDE QUOTE */

aside blockquote {
}

aside blockquote h3 {
	font-family: georgia, serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;

	color: #619210;
	margin: 0 0 16px 0;
}

aside blockquote h3 a {
	color: #619210;
}

aside blockquote h3 a:hover {
	color: #619210;
	text-decoration: underline;
}

aside blockquote h5 {
	width: 200px;
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd";
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	text-transform: uppercase;
	color: Black;
	margin: 0 0 20px 0;
}

/* MAP */

#content #map_canvas {
	width: 100%;
	height: 480px;
	margin: 0 0 24px 0;	
}

/* IMAGES */

/* large */

#content .image-large {
}

#content .image-large img {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 0 24px -320px;	
}

#content .image-large h5 {
	clear: both;
	float: left;
	width: 280px;
	margin: 0 0 24px -320px;
	color: #619210;
}

/* medium */

#content .image-medium {
}

#content .image-medium img {
	position: relative;
	float: left;
	margin: 0 0 12px 0;	
}

#content .image-medium h5 {
	clear: both;
	margin: 0 0 24px 0;
	color: #619210;
}

/* small */

#content .image-small {
	float: left;
	width: 280px;
	margin: 0 0 24px -320px;	
}

#content .image-small img {
	width: 280px;
	margin: 8px 0 4px 0;	
}

#content .image-small h5 {
	color: #619210;
}

/* METADATA */

#content .metadata ul {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

#content .metadata ul li {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}

#content .metadata ul li strong {
	position: absolute;
	left: -70px;
	width: 60px;
	padding: 2px 0 0 0;
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd", "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
}

#content .metadata ul li em {
	font-size: 13px;
	padding: 0 0 0 70px;
}

/* TABLE */

#content table {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#content table thead tr th {
}

#content table tbody tr td {
}/* FORM */

#content form input[type=text],
#content form input[type=password],
#content form textarea {
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 24px;
	padding: 0px 5px;
	border: 1px solid inset;
	margin: 0;
}

#content form input[type=submit] {
	border: 0;
	width: auto;
	padding: 0 15px;
	height: 30px;
	margin: 0;
	
	/* typography */
	font-family: "AvantGardeGothicITCW01B 731063", "Avant Garde Gothic ITCW01Bd";
	font-size: 14px;
	line-height: 20px;

	/* colors */
	background: Black;
	color: White;

	background: Black;
	color: White;

}

#content form input[type=submit]:hover {
	cursor: pointer;

	/* shadow */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
}

/* generic form */

#content .form {
	float: left;
	width: 620px;
	margin: 0 0 0 -10px;
/*	border-top: 1px dotted Black;
	padding: 20px 10px 0 10px; */
	padding: 0 10px;
}

#content .form fieldset {
	clear: both;
	margin: 0 0 20px 0;
}

#content .form fieldset h4 {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 4px 0;
}

#content .form fieldset p {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	margin: 0 0 8px 0;
}

#content .form fieldset p em {
	font-style: normal;
}

#content .form fieldset p input.medium {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
}

#content .form fieldset p input.large,
#content .form fieldset p textarea {
	float: left;
	width: 400px;
	margin: 0 10px 0 0;
}

#content .form fieldset p input.checkbox {
	margin: 0 5px 0 0;
}

#content .form fieldset p input.postcode {
	float: left;
	width: 60px;
	margin: 0 6px 0 0;
}

#content .form fieldset p input.postoffice {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}

/* list of options */

#content .form fieldset.options ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

#content .form fieldset.options ul li {
	float: left;
	width: 100%;
	font-size: 14px;
}

#content .form fieldset.options ul li label {
	position: relative;
	float: left;
	display: block;
}

#content .form fieldset.options ul li label strong {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-transform: none;
}

#content .form fieldset.options ul li label input {
	position: absolute;
	top: 3px;
	left: -30px;
}

#content .form fieldset.options ul li.on label,
#content .form fieldset.options ul li.on label strong {
	color: #619210;
}

/* protected post form */

#content .protected-post-form {
	position: relative;
	background: url(../img/vault.png) no-repeat;
	width: 430px;
	height: 400px;
	margin: 0 0 24px -20px;
}

#content .protected-post-form .password {
	position: absolute;
	top: 180px;
	left: 155px;
	width: 120px;
	text-align: center;
	font-size: 24px;
}

#content .protected-post-form .submit {
	background: none;
	position: absolute;
	top: 180px;
	left: 313px;
	width: 60px;
	padding: 0;
	font-size: 24px;
	color: Black;
}

#content .protected-post-form .submit:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}/* COMMENTS */

#comments {
	float: left;
	width: 100%; 
}

#comments ol,
#comments ul {
	float: left;
	width: 100%;
}

#comments ol li,
#comments ul li {
	float: left;
	width: 100%;
}

#comments ol li h5,
#comments ul li h5 {
}

#comments ol li h5 a,
#comments ul li h5 a {
}

#comments ol li p,
#comments ul li p {
}

/* RESPOND */

#respond {
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#respond h2 {
	margin: 0 0 4px 0;
}

#respond ul {
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

#respond ul li {
	float: left;
	width: 100%;
	position: relative;
	font-size: 20px;
	line-height: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#respond ul li strong {
	position: absolute;
	left: -120px;
	width: 110px;
	font-family: georgia, serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	text-align: right;
	margin: -2px 0 0 0;
}

#respond form fieldset {
	float: left;
	width: 100%;
	clear: both;
}

#respond form ul li input[type=text],
#respond form textarea {
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 5px;
	border: 1px solid inset;
	margin: 0;
}

#respond form ul li input#author,
#respond form ul li input#email {
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
}

#respond form ul li input#url {
	display: block;
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
}

#respond form textarea {
	float: left;
	width: 600px;
	margin: 0 10px 12px 0;
}

#respond ul li em {
	font-size: 14px;
}

#respond h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 4px 0;
}

#respond p {
	margin: 0 0 12px 0;
}

#respond h5 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 24px 0;
}/* HEADER */

#header {
	float: left;
	width: 960px;
	height: 160px;
	padding: 0 10px;
}

/* IDENT */

#ident {
	position: absolute;
	top: 60px;
	left: 10px;
}

#ident h2 {
	position: absolute;
	top: -4px;
	left: -4px;
}

#ident h2,
#ident h2 a {
	background: url(../img/header-netlife.png) no-repeat;
	width: 110px;
	height: 50px;
	display: block;
	line-height: 1000px;
	overflow: hidden;
}

/* HOME */

#home {
	position: absolute;
	top: 60px;
	left: 10px;
}

#home h2 {
	position: absolute;
	top: -60px;
	left: 230px;
}

#home h2 a {
	background: url(../img/blog-home.gif) no-repeat;
	width: 50px;
	height: 100px;
	display: block;
	line-height: 1000px;
	overflow: hidden;
}

#home h2 a:hover {
	background: url(../img/blog-home-anim-8.gif) no-repeat;
}

/* description */

#header #description {
	position: absolute;
	top: 60px;
	left: 330px;
	width: 600px;
	margin: 0 0 12px 0;
}

#header #description p {
	font-style: italic;
}/* SEARCH */

#search input#s {
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 5px;
	border: 1px solid inset;
	margin: 0;

	float: left;
	width: 120px;
	margin: 0 10px 0 0;
}

#search input[type=submit] {
	border: 0;
	width: auto;
	padding: 0 15px;
	height: 24px;
	margin: 0;
	
	/* typography */
	font-family: "Avant Garde Gothic ITCW01Bd";
	font-size: 14px;
	line-height: 20px;

	/* colors */
	background: Black;
	color: White;

	background: Black;
	color: White;
}

#search input[type=submit]:hover {
	cursor: pointer;

	/* shadow */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
}

/* CATEGORIES */

#categories ul {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

#categories ul li {
	font-size: 18px;
	line-height: 32px;
	color: #619210;
}

#categories ul li a {
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}

/* ARCHIVE */

#archive {
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px dotted #111;
	padding: 24px 0 0 0;
}

#archive h2 {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 4px 0;
/*
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 6px 0;
*/
}

#archive ol,
#archive ul {
	float: left;
	width: 280px;
	padding: 0 20px 0 0;
}

#archive ol li,
#archive ul li {
	color: ;
}

#archive ol li em {
	display: none;
	background: #95cd28;
	color: Black;
	font-family: arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	padding: 0 2px;
}
/* FOOTER */

#footer {
	float: left;
	width: 100%;
	border-top: 1px solid Black;
	padding: 24px 0;
}

#footer h2 {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0;
}

#footer .contact,
#footer .visit,
#footer .twitter {
	float: left;
	width: 300px;
	padding: 0 10px;	
}

#footer p {
}/* SIDEBAR */

#sidebar {
	float: left;
	width: 220px;
	padding: 0 10px;
}

#sidebar h2 {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}/* STORY COMMENTS */

/* article */

h1 em {
	position: relative;
}

h1 em a {
	position: absolute;
	display: block;
	left: 0;
	top: 5px;
	background: url(../img/comments-medium.png) right no-repeat;
	color: Black;
	font-size: 16px;
	line-height: 20px;
	font-style: normal;
	width: 20px;
	text-align: center;
	text-decoration: none;
	padding: 6px 0 10px 0;
}

/* LOOP */

.loop {
	position: relative;
	float: left;
	width: 100%;
}

/* STORY */

.story {
	position: relative;
	float: left;
	width: 100%;
}

.story h1 {
	white-space: normal;
}

.story h1 a {
	position: relative;
}

.story h1 em {
	position: relative;
	margin: 0;
}

.story h1 em a {
	position: absolute;
	display: block;
	left: 0;
	top: 8px;
	background: url(../img/comments-large.png) left no-repeat;
	color: Black;
	font-size: 24px;
	line-height: 20px;
	font-style: normal;
	width: 32px;
	text-align: center;
	text-decoration: none;
	padding: 14px 0 20px 0;
}

/* default */

.story h2 em {
	position: relative;
}

.story h2 em a {
	position: absolute;
	display: block;
	left: 0;
	top: 4px;
	background: url(../img/comments-small.png) right no-repeat;
	color: Black;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	width: 14px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 4px 0;
}

/* small */

.story h3 em {
	position: relative;
}

.story h3 em a {
	position: absolute;
	display: block;
	left: 0;
	top: 4px;
	background: url(../img/comments-small.png) right no-repeat;
	color: Black;
	font-size: 11px;
	line-height: 20px;
	font-style: normal;
	width: 14px;
	text-align: center;
	text-decoration: none;
	padding: 2px 0 2px 0;
}

/* FEATURE */

.story.feature {
	position: relative; 
	float: left;
	width: 940px;
	margin: 0 0 30px -320px;
}

.story.feature .image img {
	width: 940px;
	height: 400px;
	margin: 0 0 12px 0;
}

.story.feature h1 {
	font-size: 46px;
	line-height: 54px;
}

.story.feature h5 {
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 0 0;
}

.story.feature p {
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 0 0;
}

.story.feature .avatar {
	margin: -4px 10px 0 0;
}

/* WP CAPTION */

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

/* TEMPORARY FIX. REMOVE! */
img.alignleft {
	float: left;
	margin: 5px 10px 0 0;
}

.tweets p {
	overflow: hidden;
}

/* AVATAR */

img.avatar {
	float: left;
	display: block;
	background-color: #95cd28;
	width: 90px;
	height: 90px;
	margin: 0 10px 0 0;
	border: 0;
}

/* BYLINE */

.byline h5 {
	color: #619210;
}

.byline h5 a {
	color: #619210;
}

.byline h5 a:hover {
	color: Black;
}

.byline img {
	float: left;
	margin: -8px 10px 0 0;
}

/* BIOGRAPHY */

.biography {
	float: left;
	width: 620px;
/*	border-top: 1px dotted Black; */
	padding: 20px 10px;
	margin: 0 0 0 -10px;
}

.biography .avatar {
}

.biography p {
	font-size: 14px;
	margin: 0;
}

.biography h5 {
	font-size: 14px;
	line-height: 24px;
}

/* FACEBOOK */

.facebook_like {
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
}

/* COMMENTS */

#comments {
	border-top: 1px dotted Black;
	width: 620px;
	padding: 20px 10px 0 330px;
	margin: 0 0 0 -330px;
}/* TABLE */

table thead tr th {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	padding: 4px 10px;
	font-weight: bold;
}

table tbody tr td,
table tbody tr th {
	border-bottom: 1px solid #353535;
	padding: 4px 10px;
}