/*
Theme Name: fieldafield
Theme URI: http://designbit.co.uk/
Description: A widget ready blank theme, created by designbit.
Author: Anthony Brewitt
Author URI: http://designbit.co.uk/
*/


@import 'css/reset.css';

/* @group Structure */

span.khaki{color: #8b8674 !important;}
span.bold{font-weight: bold !important;}
span.italic{font-style: italic !important;}
span.white{color: #ffffff !important}
span.gold{color: #CCCC99 !important;}

div#header-images{height: 482px; width: 720px;}

#sidebar h2.name{margin: 0 !important; padding: 0 !important; font-size: 2em; color: #fff !important;}


div#holder{
padding: 10px 0;
margin: 10px 0 0 0;
height: 115px;
width: 900px;
border-top: 1px solid #5A5A5A;
border-top: 1px solid #5A5A5A;
}

div.box1{
float: left;
height: 115px;
width: 179px;
margin: 0;
padding: 0;
}

div.box1 a.thumb{width: 85px; height: 115px; display: block; float: left; }

div.box1 ul{ padding: 0 0 0 10px !important; margin: 0 0 0 0 !important; line-height: 1.3em !important;}

div.box1 ul li a{color: #999999 !important;}

div.box1 ul li h2{font-size: 1.4em; margin-top: 0 !important; padding-bottom: 4px;padding-top: 0 !important; color: #cccccc;}

div.box1 ul li{color: #999999;}

div.box1 ul li h3{ font-size: 0.8em; margin-top: 14px !important; padding-top: 6px !important; display: none;}

div.box1 ul li h2 a{ /* color: #cccccc !important; */ color: #ffffff !important; margin: 0 !important; padding: 0 !important}

div.box1 ul li h2 a:hover{color: #2F71AF !important;}

div.box1 ul li h3 a{color: #cbcbcb !important; display: none;}

div.journey{background-image: url(images/journey.jpg); background-repeat: no-repeat;}
div.food{background-image: url(images/food.jpg); background-repeat: no-repeat;}
div.portrait{background-image: url(images/portrait.jpg); background-repeat: no-repeat;}
div.paper{background-image: url(images/paper.jpg); background-repeat: no-repeat;}
div.also{background-image: url(images/also.jpg); background-repeat: no-repeat;}



html { 
	font-size: 100%; /* IE hack - http://www.clagnut.com/blog/348/#c790 */ 
}
body {
	text-align: center;
	color: #999;
	background-color: #2E2E30;
Font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 62.5%; /* Reset to 10px equivilent */
	line-height: 1.3em !important;
	background-image: url(images/fieldafield-body.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
a {
	/* color: #999; */
color: #ffffff;
	text-decoration: none;
	}
a:hover, a:focus {
	color: #2F71AF !important;
	text-decoration: none;
	}
/* Use this wrapper if narrow layout rather than wide */
div#wrapper {
	font-size: 1.3em; /* 13px equiv */
        width: 900px;
	margin: 0 auto;
	text-align: left;
	}
#header {
	border-bottom: 1px solid #5A5A5A;
        height: 84px;
	background: #2E2E30;
	color: #fff;
	overflow: hidden;
}
#header form {
	float: right;
	clear: right;
	margin: 30px 20px 0 0 !important;
}
#logo {
	float: left;
	display: inline;
	font-size: 2.5em !important;
	margin: 0 0 0 0!important;
	padding: 0 0 0 0!important;
	line-height: 1 !important;
	font-weight: bold;
	}

#mainNav {
width: 450px;
height: 20px;
	float: right;
	display: inline;
	margin: 22px 0 0 0!important;

	padding: 0 0 0 0!important;
	line-height: 1 !important;
	}

#mainNav ul {
/* margin: 0 auto 0 53px; */
text-align: left;
float: right;
/* line-height: 1 !important; */
}
#mainNav li {
margin: 0 0 0 20px;
padding: 0 0 0 0;
line-height: 1 !important;
list-style: none outside;
text-indent: 0 !important;		
float:left;	
position: relative;		
}
#mainNav li a {
text-decoration: none;
margin: 0 0 !important;
padding: 0 0 !important;
position: relative;
float: none;
color: #cccccc;
font-size: 1.6em;
letter-spacing: 1px;
text-transform: lowercase;
}
#mainNav li a:hover, #mainNav li a:focus {
text-decoration: none;
color: #2F71AF;
}
#mainNav li.current_page_item a, #mainNav li.current_page_ancestor a,  #mainNav li.current_page_parent a {
text-decoration: none;
color: #2F71AF;
}


#logo a {
	color: #fff;
	display: block;
	text-decoration: none !important;
width: 435px;
height: 100px;
}
div#content {
	margin: 0;
	padding: 0;
	background: transparent;
	}
#mainContent {
	width: 720px;
	padding: 15px 0 0 0;
	float: left;
	display: inline;
	}
#sidebar {
	float: right;
	display: inline;
	padding: 5px 0 10px 0;
	}
#sidebar, ul.widgets {
	width: 162px;
}
div#footer {
	clear: both;
	background: #2E2E30;
	color: #787878;
	border-top: 1px solid #5A5A5A;
font-size: 0.8em;
	}
div#footer ul{margin: 5px 0 10px 0; padding: 0;}

div#footer li {
	display: inline;
	margin-right: 10px; font-size: 11px; text-transform: lowercase;
}
div#footer a {
	color: #787878; 
	}
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	margin:0;
	padding: 0;
	outline: 0;
}
.paging {
	padding: 4px 8px;
	margin: 20px 0 !important;
	background: transparent;
	overflow: hidden;
	}
/* @end */
/* @group Typograpghy */

/*-- Inline/Other Element Styles --*/	
	
/*-- Headings --*/	
h1, h2, h3, h4, h5, h6, .pagetitle {
	margin: 5px 0;
	font-size: 1em;
	line-height: 1.2em;
letter-spacing: 1px;
text-transform: lowercase;
	}
#footer h2{margin: 0 !important;}

#content h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1em;
}
#content h1.pagetitle {
	font-size: 1.7em;
}
#content h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	line-height: 1.1em;
	padding-bottom: 4px;
}
#content h2 a, #content h1 a {
	text-decoration: none;
	color: #fff;
}
#content h2.title, #content h1.title {
	/* These have meta below */
	padding-bottom: 4px;
	font-weight: normal;
	margin-bottom: 0 !important;
font-size: 2em;
}
#content h3 {
	font-size: 1.5em;	
}
#content h4 {
	font-size: 1.4em;
}
#content h5 {
	font-size: 1.2em;
	font-weight: bold;
}

#sidebar h3, #sidebar h2{
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0 0 !important;
padding-top: 0;
	color: #cccccc;
text-transform: lowercase;
letter-spacing: 1px;
font-weight: normal;
}
#sidebar h4 {
	font-size: 1em;
	line-height: 1em;
	margin: 0 0;
	color: #cccccc;
	font-weight: bold;
}

/*-- Paragraph & Post Styles --*/
p, ul, ol, dl {
	margin: 20px 0;
	}
.post {
	margin-bottom: 0;
	overflow: hidden;
	}
#content p, #sidebar p, #content ul, #sidebar .widget ul, #content ol, #sidebar .widget ol {
	margin: 20px 0;
	line-height: 1.3em;
	}
.post ul {
	margin: 20px 40px !important;
	line-height: 0;
	}
.post ul li {
	list-style: none;
	background: url(images/square.png) no-repeat left 7px;
	padding: 0 0 0 12px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.post ol li {
	padding: 0;
	line-height: 1.6em;
	margin-bottom: 10px;
	margin-left: 12px;
	}
.post ol {
	list-style: decimal outside;
	margin: 20px 40px !important;
	}
p.meta {
	background: #2E2E30;
	color: #666;
	padding: 4px 12px 4px 12px;
	margin: 0 0 20px !important;
	font-size: 0.9em;
	overflow: hidden;
	border-top: 1px solid #5A5A5A;
	border-bottom: 1px solid #5A5A5A;
	}
p.meta a {
	text-decoration: none !important;
	font-style: italic;
	color: #fff !important;
	font-weight: normal;
	}
p.meta a.comment {
	float: right;
	margin-left: 10px;
}
p.meta.plain {
	padding: 0;
	background: #2E2E30;
	border: 0;
}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.9em;
	}
.meta {
	font-style: italic;
}
abbr, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}
.center {
	text-align: center
}
blockquote {
	padding: 1px 20px;
	margin: 20px 20px 20px !important;
	font-style: italic;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #eee;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	}
cite {
	color: #383838;
	margin-left: 20px;
	font-style: italic;
}
cite strong {
	font-style: normal;
	font-weight: bold;
}
blockquote cite {
	margin-left: 0;
}

/* @end */
/* @group Images */
#content .alignleft{
	float: left;
	margin: 1px 20px 10px 0;
	}
#content .alignright {
	float: right;
	margin: 3px 0 10px 20px;
	}
#content img.alignright, #content img.alignleft, #content img.aligncenter {
	border: none;
	/* outline: 3px solid #fff; */
}
#content .aligncenter {
	margin: 10px auto 5px;
	display: block;
	}
#content img.alignnone + img.alignnone  {
	margin-left: 8px;
}
div.wp-caption {
	text-align: center;
	border: 6px solid #D7D7D7;
	outline: 10px solid #fff;
	border-bottom: 1px solid #CBC8C5;
	padding: 0 !important;
	background: #2E2E30;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	/* border: 5px solid #fff; */
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 3px !important;
	font-weight: bold;
	clear: both;
	background: #D7D7D7;
}
/* @end */
/* @group Lists */
/* Top Level */
	
#breadcrumb {
	margin: 0 !important;
	padding: 4px 12px;	
	background: #2E2E30;
	border-bottom: 1px solid #ccc;
}
#breadcrumb li {
	display: inline;
	line-height: 1.5em;
	}

/*-- tables --*/
table { 
	font-size: 100%; /* IE hack */ 
}
/*-- forms -- */
#comment {
	width: 100%;
	height: 150px;
	}
.searchform {
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0;
	}
.searchform .hidden {
	display: none;
	}
.searchform input.text {
	width: 142px;
	}
.searchform fieldset {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
/* comments */
#comments {
	/* background: #2E2E30; */
	padding: 0;
}
#content #comments h2, #comments h3 {
	color: #555;
	border: 0 !important;
	margin-bottom: 10px !important;
}
#comments p {
	margin: 10px 0 !important;
}
.comment-paging {
	text-align: center;
	position: relative;
	padding: 4px;
}
.page-numbers, .next, .prev {
	/* background: #2E2E30; */
	padding: 4px;
}
.next {
	position: absolute;
	right:0;
	top:0;
}
.prev {
	position: absolute;
	left:0;
	top:0;
}
.current {
	/* background: #111; */
}
.comment_container {
	position: relative;
}
.reply {
	position: absolute;
	right:0;
	bottom:0;
	/* background: #111; */
	padding: 4px;
}
ol#comment-list {
	margin-top: 5px !important;
	margin-bottom: 16px;
	/* border: 6px solid #CCC8C5; */
	border-left:0;
	border-right:0;
	}
ol#comment-list img.avatar {
	margin: 0;
	border: 3px solid #C9C8C6;
	}
ol#comment-list li {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	overflow: hidden;
	/* border-bottom: 1px solid #C9C8C6; */
	}
ol#comment-list li li {
	margin-left: 60px;
	/* background: #2E2E30; */ 
	/* border-top: 1px dotted #C9C8C6; */
	/* border-bottom: 1px dotted #C9C8C6; */
	/* border-left: 1px dotted #C9C8C6; */
}
ol#comment-list li .comment-text {
	float: right;
	width: 62%;
	font-size: 0.9em;
	}
ol#comment-list li .comment-text p {
	margin: 0 0 12px !important;
	color: #656565;
	}
ol#comment-list li p.meta {
	float: left;
	width: 34%;
	text-align: right;
	font-weight: normal;
	background: transparent;
	padding: 0;
	font-style: italic;
	color: #656565;
	margin: 0 !important;
	}
ol#comment-list li p.meta strong {
	font-style: normal;
	color: #3E3E3E;
	}
ol#comment-list h3 {
	width: 100%;
	padding: 0 0 32px 0;
	margin: 0;
	font-size: 1em;
	}
ol#comment-list h3 a {
	text-decoration: none;
	color: #222;
	}
span#comments-rss a {
	float: right;
	font-size: 0.6em;
	border-bottom: 1px solid #C7E4F1;
	text-decoration: none;
	color: #222;
	}
h3 span#comments-rss a {
	border: none;
	text-decoration: none;
	}
#commentform {
	background: #EFEFEF;
	margin-top: 5px !important;
	padding: 4px 10px;
	}
#commentform input.text, #commentform select, #commentform textarea {
	border: 2px solid #C9C9C9;
	width: 172px;
	padding: 3px;
	background: #fff;
	}
#commentform textarea {
	width: 98%;
	}
#commentform label {
	font-size: 1.2em;
	}
/* @end */

/* @group Widgets */



ul.widgets {
	margin: 0 0 0 0!important;
	padding: 0;
	text-align: left;
	float: left;
	}
ul.widgets li.widget {
	padding: 0 0 20px 0!important;
	margin: 0 0 20px 0 !important;
border-bottom: 1px solid #5a5a5a;
	}
ul.widgets li.widget ul, .textwidget {
	margin: 0 !important;
	padding: 0 !important;
}

div.textwidget{display: block;}

/* Recent Comments (Themeslice) */
.widget_themeslice_recent_posts .avatar {
	float: left;
	margin-right: 8px;
}
.widget_themeslice_recent_posts li {
        font-size: 1em;
	color: #999;
	position: relative;
	text-decoration: none;
	display: block;
	/* border-bottom: 1px solid #5a5a5a; */
	background: #2E2E30;
	overflow: hidden;
margin-bottom: 0; padding-bottom: 0; margin-top: 10px;
}
.widget_themeslice_recent_posts li a {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
        font-size: 1em;
	color: #999;
	position: relative;
}
.widget_themeslice_recent_posts li a:hover {
	text-decoration: underline;
}
.widget_themeslice_recent_posts li strong {
	color: #999;
}

/* Search */
.widget_search input#s {
	border: 1px solid #8D8B8B;
	background: #2E2E30;
	width: 188px !important;
	display: inline;
}
.widget_search #searchsubmit {
	color: #363636;
	background: #2E2E30;
	border: #fff;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	outline: 0;
	display: inline;
	font-size: 11px;
}
.widget_search label {
	display: none;
}	
	
/* Archive + Blogroll + posts + comments + meta */
.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_rss ul {
list-style: disc !important; list-style-type: disc !important;
	margin: 0;
	padding: 0;

	} 
.widget_archive ul li, 
.widget_links ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_rss ul li {
	display: block;
font-size: 1em;
	padding: 0 0 0 0;
        margin: 0 0 0 12px;
	color: #999;
	position: relative;
list-style: disc !important; 
list-style-type: disc !important;

}
.widget_archive ul li a,
.widget_links ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_rss ul li a {
	text-decoration: none;
list-style: disc; list-style-type: disc;
	} 
.widget_archive ul li a:hover, .widget_archive ul li a:focus,
.widget_links ul li a:hover, .widget_links ul li a:focus,
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus,
.widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus,
.widget_meta ul li a:hover, .widget_meta ul li a:focus,
.widget_rss ul li a:hover, .widget_rss ul li a:focus {
	text-decoration: underline;
	}
.widget_rss img {
	vertical-align: middle;	
	position: relative;
	margin-top: -2px;
}



.widget_recent_entries ul li {
	font-size: 1em;
	padding: 0 0 0 0;
        margin: 0 0 0 12px;
	color: #999;
	position: relative;
list-style-type: disc;
line-height: 1em;
}


.widget_archive ul li{
list-style-type: disc;
}

/* Categories */
.widget_categories ul li {
	font-size: 1em;
	padding: 0 0 0 0;
        margin: 0 0 0 12px;
	color: #999;
	position: relative;
list-style-type: disc;
line-height: 0.8em;
}
.widget_categories ul li a {
	text-decoration: none;
	display: block;
	background: #2E2E30;
	color: #999;
	padding: 4px 4px 4px 0;
 height: 11px; 
	}
.widget_categories ul li a:hover, .widget_categories ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_categories ul ul {
	border-top: 0;
}
ul.widgets li.widget_categories ul ul li a {
	border-color: #ECECEC;
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_categories ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_categories ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_categories ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_categories ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_categories ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_categories li.current-cat a {
	
}
li.widget_categories li.current-cat li a {
	
}
ul.widgets li.widget_categories span.count {
	position: absolute;
	right: 0;
	top:0;
	margin-top: 4px;
	margin-right: 8px;
	z-index: 10;
}

ul.widget_channels li{
margin: 0 0 0 15px ;
	color: #999;
	position: relative;
list-style-type: disc;
}

/* Pages */
.widget_pages ul li {
	font-size: 1em;
	padding: 0;
	color: #999;
line-height: 1em;
}
.widget_pages ul li a {
	text-decoration: none;
	display: block;
	background: #2E2E30;
	color: #999;
	padding: 4px 8px 4px 8px;
	}
.widget_pages ul li a:hover, .widget_pages ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_pages ul ul {
	border-top: 0;
}
ul.widgets li.widget_pages ul ul li a {
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_pages ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_pages ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_pages ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_pages ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_pages ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_pages li.current_page_item a{
	background: #2E2E30;
}
li.widget_pages li.current_page_item li a {
	background: #222;
}
li.flexipages_widget .current_page_item{text-decoration: none;
color: #2F71AF !important;}

li.current_page_item a{
text-decoration: none;
color: #2F71AF !important;
}
	
/* Tags */	
.widget_tag_cloud div {
	background: #F7F7F7;
	padding: 12px 8px;
	line-height: 2em;
	overflow: hidden;
	}
.widget_tag_cloud a {
	text-decoration: none;
	color: #666;	
	}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
	text-decoration: underline;
	}

/* Calendar */	
.widget_calendar {
	}
.widget_calendar tbody td {
	border-bottom: 1px solid #ECECEC;
	background: #F0F0F0;
	color: #6F6F6F;
	font-size: 1em;
	padding: 5px 8px 4px 8px;
	text-align: center;
	}
.widget_calendar tbody td#today {
	font-style: italic;
}
.widget_calendar tbody tr td:hover {
	background-color: #ECECEC;
	}
.widget_calendar tbody td a {
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar #prev,
.widget_calendar #next {
	padding: 5px 0 0 0;
}
.widget_calendar #next {
	text-align: right;
}
.widget_calendar #prev a,
.widget_calendar #next a {
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar thead th {
	text-align: center;
	}
.widget_calendar caption {
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}
div#calendar_wrap {
	background: #2E2E30;
	padding: 8px;
	}
.widget_calendar table {
	width: 234px;
	}
/* @end */

li.recent-posts-3 ul li{list-style: disc; list-style-type: disc;}

li.recent-posts-3 ul li a{list-style: disc; list-style-type: disc;}