/*  
Theme Name: VFTG v4 (3.9)
Theme URI: http://viewfromtheground.com/
Description: Beta of View theme.  Soon to be production.
Version: 4.0: David Eads
Author URI: http://davideads.com/
*/

body {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #eee;
	font-family: Verdana,sans-serif;
	font-size: small;
}

/* Outer container */

#container {
	width: 852px;
	margin: 0 auto;
}


/* ----------------- */


/* LIR image replacement */

.replace { 
	position:relative; 
	margin:0px; padding:0px; 
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden; 
	/* */ 
} 

.replace span { 
	display:block; 
	position:absolute;
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
} 

#header h1, #header h1 span { 
	height:19px; 
	width:340px; 
	background-image: url("../../media/static/vftg-title.png"); 
} 


/* ----------------- */
/* Default stuff */
/* ----------------- */

/* Default link */
a:link {color: #900;}
a:visited {color: #611;}
a:hover {color: #f00;} 
a:active {color: #f00;} 

/* ----------------- */
/* Header, generally */
/* ----------------- */

#header {	
	float: left;
	margin: 9px 0 7px 0;
	padding: 0 0 0 10px;
}

#header h1 {
	float: left;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#header ul {
	float: left;
	width: 485px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}

#header ul li {
	text-transform: uppercase;
	float: right;
	padding: 0;
	margin: 5px 0 0 12px;
	font-family: Gill Sans,Verdana,sans-serif;
}

#header li.current_page_item a {
	color: #000;
	cursor: default;
}

#header a {letter-spacing: 1px; text-decoration: none;}
#header a:visited {color: #900;}
#header a:hover {color: #f00;}





/* ----------------- */
/* Content header */
/* ----------------- */

#content-header {
	font-size: 90%;
	margin: 0;
	background: url("../../media/static/content-header.png") no-repeat top left;
	padding: 9px 9px 19px 9px;
}

#content-header p {
	display: block;
	float: left;
	width: 400px;
	padding: 0; 
	margin: 5px 0 0 5px;
	line-height: 1;
	color: #444;
	letter-spacing: 1px;
}

#content-header a {text-decoration: none;}
#content-header a:visited {color: #900;}
#content-header a:hover {color: #f00;}

#content-header form {
	float: left;
	width: 425px;
	text-align: right; /* Stupid hack to keep from doing too many floats */
}


/* ----------------- */
/* Content */
/* ----------------- */

#content {
	margin: 0;
	padding: 0 9px;
}

.home {
	background: url("../../media/static/content-background-home.png") repeat-y top left;
}

.story, .archives {
	background: url("../../media/static/content-background.png") repeat-y top left;
}


/* Basic styles for elements */

h1, h2 {
	line-height: 1.3;
	padding: 0; 
	margin: 1.7em 0 .8em 0;
	font-size: 125%;
	font-weight:normal;
	font-family: Gill Sans,Verdana,sans-serif;
}

h2 {
	font-size: 115%;
	font-weight: bold;
}

h1.first {
	margin-top: 0;
}

h2.first {
	margin-top: 4px;
}

p {
	line-height: 1.5;
}

p.date {
	margin: 0 0 2em 0; 
	padding: 0; 
	line-height: 1;
	font-size: 90%;
	font-style: italic;
}


.center {
	text-align: center;
}

.daily-photo-link {
	padding: 2px 3px;
}

#story-column ul {
	list-style-type: square;
}

#story-column ul li {
	margin-bottom: .5em;
}

/* Columns */

#content #column-a {
	float: left;
	padding: 0 20px;
	width: 345px;
	/* border-right: 1px solid #ccc; */
}

#content #column-b {
	float: left;
	padding: 0 20px;
	width: 165px;
	/* border-right: 1px solid #ccc; */
}

#content #column-c {
	float: left;
	width: 185px;
	padding: 0 15px 0 20px;
}

#content #column-b p, #content #column-c p, #content #sidebar p, #content #sidebar ul {
	font-size: 90%;
}

#content #story-column {
	padding: 0 15px 0 20px;
	float: left;
	width: 580px;
	/* border-right: 1px solid #ccc; */
}

#content #story-column h1 {
	font-size: 145%;
}

#content #story-column h1.first {
	margin-bottom: .5em;
}

#content h1 a, #content h2 a {
	text-decoration: none;
}

#content #sidebar {
	padding: 0 15px 0 20px;
	width: 180px;
	float: left;
}

#content #sidebar ul {
	padding: 0; margin: 0;
	list-style-type: square;
}

#content #sidebar li {
	padding: 2px 0 2px 2px;
	margin-left: 18px;
}

.archives #story-column a {text-decoration: none;}

/* General story and etc styles */

h1.separator {
	border-top: 1px solid #ccc;
	padding-top: .75em;
}

ul.recent-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.recent-list li {
	margin-bottom: 10px;
}

ul.recent-list p {
	padding: 0; margin: 0;
}

ul.recent-list span.date {
	color: #444;
	font-style: normal;
}

ul.block-date span.date {
	font-size: 90%;
	margin-top: .4em;
	margin-bottom: 2em;
	display: block;
	text-align: right;
}

div.additional {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* Lots of color noodling for this side link lists */

.linklist li {
	color: #900;
}

.linklist li:hover {
	color: #f00;
}

.linklist li.active span {
	color: #000;
}

.linklist li .date, .linklist li:hover .date {
	color: #000;
}

.linklist p {
	margin: 0; padding: 0;
}

.linklist li.active:hover {
	color: #900;
}

/* Front page */

/* Images on front page */

.home img {
	margin-bottom: 5px;
}

.attribution {
	text-align: right;
}

.attribution:before {
	content: "--";
	}

.additional, .button, .nocomments {
	background: url("../../media/static/box-gradient.png") repeat-x bottom #f3f3f3;
	padding: 2px 4px;
	border: 1px solid #bbb;
	font-weight: bold;
}

.nocomments {
	font-weight: normal;
	font-size: 90%;
	margin-top: -25px;
}

.additional {
	padding: 0 6px;
	font-size: 90%;
	font-weight: normal;
	margin: 1em 0;
}

.additional p {
	margin: 0;
	padding: 2px 0;
}


/* Footer */

#content-footer {
	margin-left: 0;
	background: url("../../media/static/content-footer.png") no-repeat bottom left;
	padding: 2px 9px;
}

#content-footer p {
	font-size: 80%;
	text-align: center;
	color: #444;
	font-style: italic;
}

/* Images */
/* ------------------------------------------------------- */

img {
	border: 1px solid #999;
	margin: 0; padding: 0;
	}

div.image_center {
	margin: 0 auto;
	}

div.image_center img {display: inline; margin: 0;}

div.image_left {
	float: left;
	margin: 0 1.4em .4em .1em;
	}

div.image_right {
	float: right;
	margin: 0 .1em .4em 1.4em;
	}

.image_noborder img {
	border: none;
	}

/* An implicit caption */
div.image_center p, div.image_right p, div.image_left p {
	text-align: left;
	font-size: 90%;
	margin: 0; padding: 0 0 0 3px;
	line-height: 130%
	}

/* Images in links */

a:link img {
	border-color: #00c;
	}

a:visited img {
	border-color: #66c;
	}
a:hover img {
	border-color: #c00;
	}

a:link span {
	border: none;
}

/* Forms */

input, textarea {
	background: url("../../media/static/form-gradient.png") repeat-x bottom #fff;
	border: 1px solid #bcbcbc;
	color: #333;
	padding: 2px 3px;
	font-size: 90%;
	margin: 2px 0;
}

input.submit {
	padding: 1px 2px;
	color: #666;
}

input:hover {
	border: 1px solid #999;
	background: none;
	background-color: #fffeee;
}

fieldset {
	padding: 0; margin: 0;
	border: none;
}

#story-column label {
	width: 80px;
	padding-top: 2px;
	padding-right: 15px;
	text-align: right;
	float: left;
}

#story-column label, #story-column input {
	margin: 5px 0;
}

#story-column .submit {
	margin-left: 95px;
}

.fmrequired {
	display: none;
}

.home .maildiv input {
	width: 170px;
}

.subscribe p {
	font-size: 90%;
}

#sidebar .maildiv, #column-c .maildiv {
	text-align: right;
}

#sidebar .maildiv input {
	width: 172px;
}

#sidebar input.submit, #column-c input.submit {
	width: auto;
	text-align: center;
}

/* Regular tables */


table {
	font-size: 85%;
}

td, th {
	background-color: #eee;
	padding: 2px 7px;
}

th {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}

td.number {
	text-align: right;
}

td.highlight {
	font-weight: bold;
	color: #c33;
}

/* Archive 'tables' */

.archive-row {
	float: left;
	margin: 5px 0;
}

.archive-row a {
	display: block;
	float: left;
	background: url("../../media/static/box-gradient.png") repeat-x bottom #fff;
	background-position: 0 -50px;
}

.archive-row span {
	padding: 4px 6px;
}

.archive-row span.title {
	display: block;
	width: 360px;
	float: left;
	margin-right: 3px;
}

.archive-row span.date {
	display: block;
	width: 180px;
	float: left;
	text-align: right;
	color: #000;
}

.archive-row span.no-hover {
	color: #000;
}

.archive-row a:hover {
	background-color: #f3f3f3;
	background-position: 0 bottom;
}

.archive-row p {
	float: left;
	padding: 0 6px;
	margin: 6px 0 10px 0;
	font-size: 90%;
}

.photo-archive {
	float: left;
	width: 165px;
	height: 170px;
	padding: 6px 10px;
	margin-right: 5px;
	margin-bottom: 20px;
}

.photo-archive p {
	margin: 4px 0;
	padding: 0;
}

.photo-archive h2 {
	font-size: 90%;
	margin: 0; padding: 0;
}

.photo-archive p.archive-photo {
	width: 167px;
	height: 112px;
	overflow: hidden;
}

.photo-archive:hover {
	background: url("../../media/static/box-gradient.png") repeat-x bottom #f3f3f3;
}

.archive-row a:hover span.date, .archive-row a:hover span.no-hover {
	color: #000;
}

/* Comments */

/* Threaded Comments stuff */

#ii_commentform input, #ii_commentform textarea {
	border: 1px solid #999;
}

#ii_commentform ol {
	list-style: none;
	margin: 0; padding: 0;
}

#ii_commentform ol ol {
	margin: 20px 0 10px 30px;
	}
	
#ii_commentform li {
	margin: 0 0 30px 0;
	/* border-top: 2px solid #aaa; */
	padding: 0;
}

#ii_commentform li li {
	margin: 12px 0;
	padding: 0;
	border: none;
}

#ii_commentform div.comment_head {
	background: url("../../media/static/box-gradient.png") repeat-x bottom #f3f3f3;
	border: 1px solid #ccc;
	padding: 3px 6px;
	margin: 0;
}

#ii_commentform div.comment_body {
	background-color: #fcfcfc;
	margin: 0;
	padding: 5px 5px 5px 26px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#ii_commentform div.comment_body p {
	margin: .5em 0;
	line-height: 150%;
}

#ii_commentform div.reply {
	background-color: #f3f3f3;
	margin: 0;
	padding: 2px 5px;
	text-align: right;
	border: 1px solid #ccc;
	font-size: 90%;
	}
	
#ii_commentform div.reply a {
	text-decoration: none;
	color: #a00;
}

#ii_commentform div.reply a:link, #ii_commentform div.reply a:visited {
	color: #a00;
}

#ii_commentform div.reply a.inactive {
	visibility: hidden;
}
	
#ii_commentform div.reply #add_comment {
	text-align: left;
	font-size: 120%;
	}
	
#ii_commentform li h3#respond {
	display: none;
	}

#ii_commentform a.collapse {
	font: 10px Arial, sans-serif;
	margin: 4px 10px 0 0;
	background: url("/wp-content/plugins/ii_threaded_comments/img/contract.png") no-repeat top left;
	padding: 9px 0 0 9px;
	float: left;
	overflow: hidden;
	height: 0;
	width: 0;
	text-decoration: none;
	background-color: #ccc;
	display: none;
}

#ii_commentform a.collapse:hover, #ii_commentform li.collapsed a.collapse:hover {
	background-position: 0 -9px;
	}
	
#ii_commentform li.collapsed a.collapse {
	background: url("/wp-content/plugins/ii_threaded_comments/img/expand.png") no-repeat top left;
}
	
#ii_commentform li.collapsed li a.collapse {
	display: none;
	padding: 0;
	margin: 0;
	}
	
#ii_commentform li.collapsed div.comment_body, #ii_commentform li.collapsed div.reply {
	display: none;
}

#ii_commentform li.collapsed {
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	}
	
#ii_commentform li.collapsed div.comment_head {
	border: none;
	border-bottom: 1px solid #ccc;
}

#ii_commentform li.collapsed li {
	margin: 3px;
	font-size: 90%;
	padding: 0;
}

#ii_commentform li.collapsed li li {
	font-size: 100%;
}

#ii_commentform li.collapsed ol {
	margin: 0 0 0 17px;
	}
	
#ii_commentform li.collapsed li div.comment_head {
	border: none;
	background: none;
	}


/* Legacy intro box */
#content div.intro_box {
	border: 1px solid #aaa;
	background-color: #ddd;
	font-size: 90%;
	padding: .6em 1em 0 1em;
	margin: 1.5em 0 1.5em 0;
	}

#content div.intro_box p {
	margin: 0 0 .9em;
	}

/* Contact styles */

.fmcredits {
	display: none;
}

.ver_img {
	margin-top: 7px;
	margin-left: 10px;
}

/* This styles override anything else */

.no-border, a.no-border {
	border: none;
}

.visual-clear {
	clear: both;
}