/* Base CSS from Pico */

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,
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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}




/* Content */

a:link, a:visited {
    text-decoration: underline;
}

a {
	color : #004c7d;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

b, strong {
	font-weight : bold;
}

i, em {
	font-style : italic;
}

code {
	font-family : "Courier New", Courier, mono;
}

/* comment this out for now
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }
*/

/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1.4;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;

}

caption, th, td {
    text-align: left;
    font-weight: normal;
	font-size : 16px;
	vertical-align : top;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}





/*  core css here */


body {
	background-image : url('../images/subtle_tile.png');
	font : normal 100% 'Merriweather', georgia, serif;
	color : #222;
	width : 100%;
	padding : 0.4em;
	padding-top : 0em;
}

#container {
	max-width : 650px;
}

#nav {
	margin : 0;
	padding : 0;
	border : 0;
	text-align : right;
}

#nav-inner {
	margin : 0;
	padding : 0;
	border : 0;	
}

ul.nav-list {
	padding : 0;
	border : 0;
	margin : 0;
	padding-bottom : 0.4em;
}

li.nav-list-item {
	font-family : helvetica, arial, sans-serif;
	font-size : 0.7em;
	display : inline;
	padding-left : 0.5em;
}

a.nav-list {
	text-decoration : none;
	color : #666;
}

a:visited.nav-list {
	text-decoration : none;
	color : #666;
}

a:hover.nav-list:hover {
	text-decoration : underline;
	color : #222;
}

a.rhnav {
	text-decoration : none;
}

a:visited.rhnav {
	text-decoration : none;	
}

a:hover.rhnav {
	text-decoration : underline;
}


#header-strap {
	margin-top : 0.75em;
	color : #666;
}

.print_area {
	float : right;
	padding-left : 0.4em;
	padding-bottom : 0.4em;
	padding-right : 0.6em;
	padding-top : 0px;
}

#print_area {
	float : right;
	padding-left : 0.4em;
	padding-bottom : 0.4em;
	padding-right : 0.6em;
	padding-top : 0px;
}


h1#page-title {
    font-family: 'Varela', helvetica, sans-serif;
	font-size : 1.8em;
	line-height : 1.2em;
	margin-bottom : 0.35em;
}

h2, h3, h4, h5, h6 {
	font : 'Merriweather', georgia, serif;
	font-weight : bold;
	font-size : 1.4em;
	line-height : 1.4em;
	padding : 0.2em;
	padding-left : 0em;
	margin-bottom : 0.35em;
	margin-top : 1em;
}

table, th, td {
	font-family : helvetica, sans-serif;
	font-size : 1em;
	line-height : 1em;
}

th {
	font-style : bold;
}

th, td {
	padding-top : 0.5em;
	padding-bottom : 0.5em;
	padding-left : 0.1em;
	padding-right : 0.1em;
}

#dateline {
	color : #666;
	margin-top : 2em;
	margin-bottom : 2.5em;
}

p.category_listing {
	font-size : 1em;
	line-height : 1.45em;
}

#share_buttons {
	text-align : center;
	margin-bottom : 2em;
}

#comments-open {
	margin-top : 1em;
	margin-bottom : 3.5em;
}

#footer-inner {
	font-size : 0.666em;
}

.entry-body img {
	padding-bottom : 1em;
}

.entry-body caption {
	padding-bottom : 1em;
}





p {
	font-size : 1.333em;
	line-height : 1.45em;
	padding : 0.2em;
	font-weight : normal;
}

p.standfirst {
    font-family: 'Varela', helvetica, sans-serif;
	font-size : 1.5em;
	line-height : 1.45em;
	padding : 0.2em;
	font-weight : normal;
	color : #666;	
}

p.caption {
	font-size : 1em;
	font-style : italic;
	line-height : 1.35em;
	padding-top : 0.5em;
	padding-left : 2em;
	padding-right : 2em;
	text-align : center;
}

p.see_also {
	font-size : 1.2em;	
	line-height : 1.35em;
	background-color : #f1f6fa;
	border : 1px dashed #aaa;
	margin : 1.5em;
	padding : 1em;	
}

p.related {
	font-size : 1.2em;	
	line-height : 1.45em;
	font-style : italic;	
}

p.asset-footer-info {
	font-size : 1.2em;	
	line-height : 1.4em;
	color :#666;
	}
	
p.content-nav {
	font-family : helvetica, arial, sans-serif;
	font-size : 0.85em;
	text-align : center;
}

img.lower_byline {
	float : left;
	padding-right : 1em;
	padding-bottom : 1em;
	vertical-align : text-top;
	padding-top : 0.2em;
}

div.cover_shot {
	float : left;
	margin : 0;
	border : 0;
	padding-top : 1em;
	padding-left : 0;
	padding-right : 1em;
	padding-bottom : 2em;
}

blockquote {
	font-size : 1.333em;
	line-height : 1.5em;
	padding-left : 2.25em;
	padding-right : 3em;
}

ul {
	font-size : 1.333em;
	line-height : 1.5em;
	padding : 0.2em;
}

ol {
	font-size : 1.333em;
	line-height : 1.5em;
	padding : 0.2em;
}

li.rhnav {
	list-style: none;
	font-size : 0.8em;
	line-height : 1.6em;
	padding-bottom : 1.2em;
}

li.footer-list-item {
	padding-bottom : 1em;
}

img,
embed,
object,
video {
	max-width : 100%;
	height : auto;
}


#content ul,ol {
	list-style : disc inside;
}

input {
	margin-top : 1em;
	margin-bottom : 2em;
}

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	font-size: 0.7em;
}

sub {
	top: 0.4em;
}


/* comment-tastic */

h2.comments-header {
	font-family : helvetica, arial, sans-serif;
	font-size : 1em;
	font-weight : bold;
	padding-top : 1em;
}

h2.comments-open-header {
	font-family : helvetica, arial, sans-serif;
	font-size : 1em;
	font-weight : bold;
	padding-top : 0.5em;
}

h3.widget-header {
	font-family : helvetica, arial, sans-serif;
	font-size : 1em;
	font-weight : bold;
	border-top : #ddd 1px dotted;
	padding-top : 1.5em;
	margin-top : 1.5em;
}

.comment {
	background : #f6f6f6;
	padding-top : 1.5em;
	padding-bottom : 1.5em;
	border-radius : 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom : 3em;
}

.comment-content p {
	font-size : 1.2em;
	line-height : 1.4em;	
	padding-left : 1em;
	padding-right : 1em;
}

.comment-content blockquote {
	font-size : 1.2em;
	line-height : 1.4em;
	padding-left : 2em;		
	padding-right : 2em;	
}


.comment-footer {
	margin-bottom : 1em;
	padding-left : 2.5em;	
	padding-right : 2.5em;	
}


div.delicious-link {
	font-weight : bold;
}

div.delicious-tags {
	font-style : italic;
}

ul.delicious li {
	padding-bottom : 2em;
	list-style: none;	
}


/* media query */

@media screen and (max-width : 320px) {

	body {
		max-width : 320px;
	}

	#nav {
		text-align : left;
	}

	li.nav-list-item {
		padding-left : 0;		
		padding-right : 0.5em;		
	}

	h2.date-header {
		display : none;
	}
	
	li.rhnav {
		padding-bottom : 0.5em;
		display : block;
		font-family : arial, sans-serif;
	}
	
	span.hide {
		display : none;
	}	

	li.footer-list-item {
		list-style : none;
	}

}


@media screen and (min-width : 321px) and (max-width : 480px) {

	body {
		max-width : 90%;
	}

	#nav {
		text-align : left;
	}

	li.nav-list-item {
		padding-left : 0;		
		padding-right : 1em;	
		font-family : helvetica, arial, sans-serif;
		font-size : 0.5em;	
	}	

	p {
		font-size : 1.2em;
		line-height : 1.4em;
		padding : 0.2em;
		font-weight : normal;
	}
	
	#dateline {
		font-size : 0.5em;
	}
	
	p.standfirst {
		line-height : 1.2em;
	}

	li.rhnav {
		padding-bottom : 0.5em;
		display : block;
		font-family : arial, sans-serif;
	}	

	span.hide {
		display : none;
	}
	
	li.footer-list-item {
		list-style : none;
	}		


}


@media screen and (min-width : 481px) and (max-width : 769px) {

	body {
		max-width : 90%;
	}

	h3.widget-header {
		margin-top : 1em;
	}

	li.rhnav {
		padding-bottom : 0.5em;
		display : inline;
		font-family : arial, sans-serif;
	}
	
	li.footer-list-item {
		display : inline;
		padding-right : 0.75em;
		list-style : none;
	}	
	
}



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

	body {
	    margin: 0 20% 0 20%;
	}
	
	p {
		line-height : 1.6em;
		padding-left : 0em;
	}
	
	p.standfirst {
		padding-left : 0em;
	}
	
	li.footer-list-item {
		display : inline;
		padding-right : 0.75em;
	}

	.comment-content p {
		line-height : 1.5em;
	}
	
	li.rhnav {
		padding-bottom : 0.5em;
		display : inline;
		font-family : arial, sans-serif;
	}	

}