/*
*********************************************************************

Theme Name: Blog V4
Theme URI: http://www.blog.rajf.co.uk
Description: Theme for blog.rajf.co.uk
Version: 4
Author: Robert Ford
Author URI: http://www.rajf.co.uk
Tags: Custom

Document Sections:

Notes: 

General guttering is set at 1em bottom

Main colours from logo:
color:#99cc33; - light green
color:#336600; - dark green

Change Log:

24/11/2008 - Created - RAJF

*********************************************************************
*/

@import url("css/reset.css");
@import url("content.css");

/* 
-global
--fonts
*/
body
{
	font-family: Arial;
	font-size:1em;
	background:#444;
	color:#fff;
  /*background: url(images/backgrounds/sign.png) no-repeat right 102%;
    background: url(images/backgrounds/bg.gif) no-repeat left center;
    background: url(images/backgrounds/tuchet.gif);*/
  background: #444 url(images/backgrounds/rad.gif) no-repeat center 10em;
}

h1
,h2
,.entry h3
{
  border-bottom:0.1em dashed #666;
  color:#FFFFFF;
  font-family:georgia;
  font-size:1.8em;
  font-style:italic;
  padding:0.5em 0 0.6em 0.7em;
}

h3
{
  font-size:1.5em;
  border:0;
}

h4
{
  font-size:1.3em;
  font-family:georgia;
}

h5
{
  font-size:1.2em;
  font-weight:bold;
}

/* 
-header
*/
#header
{
  background:#fff;
  position:relative;
  padding:1em 0 1em 0;
  text-align:center;
}

#header p
{
  color:#333333;
  font-family:arial;
  font-size:1.2em;
  font-weight:bold;
  margin-top:0.3em;
}

#logolink
{
  border:0;
}

/* 
-filter and search
*/
#filter-search
{
  padding:1.2em 0 0 0;
  margin:0 auto;
  width:85em;
  background:#444;
}

#filter-search h2
,#filter-search form
,#filter-search p
{
  display:inline;
}

#filter-search label
{
  color:#FFFFFF;
  font-family:georgia;
  font-size:1.1em;
  font-style:italic;
  font-weight:bold;
}

#filter-search .block
{
  border:0;
  padding-bottom:0;
}

#filter
,#search
{
  padding:.5em 0 ;
}

#filter #catid
{	
	width:14em;
}

#filter select
,#search input
{
  background:#f4f4f4;
}

input#s
{
  background:#F4F4F4 url(images/backgrounds/mag.gif) no-repeat scroll left bottom;
  border:2px solid #777777;
  padding:0.1em 0 0.1em 2em;
  width:9em;
}

#searchsubmit
,#filtersubmit
{
  margin-bottom:-.35em;
  background:none !important;
  width:60px;
  height:19px;
}

/* 
-content
*/
#content
{
  padding:1.2em 0 0 0;
  margin:0 auto;
  width:85em;
}

.block
{
  border:dashed .1em #666;
  margin-bottom:1em;
  padding-bottom:1em;
}

.block p
,.block li
,.block dt
,.block dd
{
  font-size:1.2em;
  line-height:1.2em;
  margin-top:.5em;
  padding:0 1em;
}

.block li p
,.block li li
,.block li dt
,.block li dd
{
  font-size:1em;
  padding:0;
}

.block dt
{
  font-weight:bold;
  font-size:1.25em;
}

.block h3
{
  font-size:1.3em;
}


.left
{
  float:left;
  width:51em;
}

.right
{
  float:left;
  width:32em;
  padding-left:1em;
}

/* 
-excerpts and posts
*/

.excerpt-list /* can be full width or narrow column*/
{
  margin-bottom:-2em;
  padding-top:0.5em;
}

.excerpt-list li
{
	padding:0em 1em;
}

.excerpt
{
  margin-bottom:1.5em !important;
  padding:0 1em;
}

.post .excerpt
{
	margin-bottom:0!important;
}

.excerpt p
,.excerpt li
{
  padding:0;
  margin:0;
}

.excerpt h3
{
  font-weight:bold;
  margin-left:7.2em;
  padding:0 0 0.5em 0;
  font-size:1.25em;
}

.excerpt .entry
{
  margin-left: 9em;
}

.excerpt .entry p
{
	margin-bottom:1em;
}

.excerpt .entry img
{
  margin: 0 1em 1em 0;
}

.excerpt .entry p.wp-caption-text
{
	font-style:italic;
	margin-top:-.5em;
	font-weight:bold;
}

.excerpt ul.postmetadata
{
	margin:-3em 0 0 0;
}

.excerpt a:hover
{
	border:0;
}

/* 
-excerpts and posts
-- excerpt meta date
*/
ul.postmetadata
{
	width:7.5em;
	float:left;
	margin-top:-3em;
	font-family: georgia;
}	

	ul.postmetadata li
	{
		padding:0 0 .2em 0;
		text-align:right;
    margin:0;
    line-height:1em;
    font-size:.9em;
	}	
	
	.postmetadata li.day
	,.postmetadata li.month
	,.postmetadata li.year
	{
		font-family: georgia;
	}
	
	ul.postmetadata li.day
  {
  	font-size:3.5em;
  	font-weight:normal;
  	line-height:1.2em;
  }	
  
  ul.postmetadata li.month
  ,ul.postmetadata li.year
  {
  	font-size:1.2em;
    font-weight:bold;
  }	
	
	.postmetadata li.day
	,.postmetadata li.month
	{
	 padding:0;
	}	
	
/* 
-excerpts and posts
-- post meta data
*/	

.post .postmetadata 
{
  border-bottom:0.1em dashed #666666;
  color:#FFFFFF;
  float:none;
  font-family:georgia;
  font-size:1em !important;
  font-style:italic;
  margin:-0.6em 1em 1em 0;
  padding:0.5em 0 1em 0;
  width:100%;
}

.post .postmetadata li 
{
  display:inline;
  font-size:1.4em !important;
  font-weight:bold !important;
  margin:0 0 2em 0.2em;
}

.post .postmetadata li.day
{
  padding-left:.6em;
}

/* 
-excerpts and posts
-- post (main content area)
*/	

.post .entry
{
  margin-left: 0em;
}

.post h1
{
  border:0;
}

.post h2
{
  border:0;
  padding-bottom:.2em;
  clear:both;
}

.post h3
{
  padding:0.5em 0 0.3em 1em;
}

.post .entry ul
{
  padding-left:2.7em;
  display:block;
  clear:both;
}

.post .entry li
{
  list-style-type:disc;
  text-indent:-1em;
}

.post .entry .wp-caption-text
{
  font-weight:bold;
}

.post ul.content-footer
{
  padding-left:0;
}

.post .content-footer li
{
  list-style-type:none;
  text-indent:0;
}

.post .content-footer img
{
  margin:0;
  float:none;
  display:inline;
}

ul.share
{
	padding-top:.5em;
}

ul.share li
{
	display:inline;
}

.block-heading
{
  border-bottom:1px dashed #555 !important;
  border-top:1px dashed #555 !important;
  margin-top:0.5em;
  padding:0.5em 0 0.6em 0.7em !important;
}

.block-footer-heading
{
border-top:1px dashed #555555 !important;
margin-top:1em;
padding:0.5em 0 0 1em !important;
}

/* 
-excerpts and posts
-paging
*/
.paging
{
  padding:0 !important;
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
border:medium none;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
text-indent:0;
text-transform:none;
word-spacing:0;
}

#wp_page_numbers 
{
border-top:1px dashed #555555;
padding:1em 0 2em;
text-align:center;
}

#wp_page_numbers ul 
{
display:inline;
}

#wp_page_numbers li 
{
display:inline;
}

#wp_page_numbers a 
{
font-size:1.2em;
padding:0 .2em;
}

#wp_page_numbers li a:hover 
{
 border-bottom: dashed 1px #99cc33;
}

#wp_page_numbers li.space 
{
font-family:Arial;
padding-right:.3em;
}

#wp_page_numbers li.first_last_page 
{
font-style:italic;
}

#wp_page_numbers li.active_page a 
{
color:#FFFFFF;
}

#wp_page_numbers li.active_page a:hover 
{
  border-bottom: dashed 1px #fff;
}

#wp_page_numbers li.page_info 
{
color:#fff;
display:inline;
padding-right:.3em;
}

/* 
-excerpts and posts
-comments
*/
.comments-list li
{
  list-style-type:none;
}

#comments
{
  border:0;
  padding-bottom:1.5em;
}

#comments cite
{
  font-weight:bold;
}

#comments h2
{
  border:0;
  padding-top:0;
}

#comments li h2
{
  color:#333;
  padding:0 0 .5em 0;
  font-size:1.6em;
}

#comments ul
{
  color:#333;
  margin:-3.5em 0 0;
  padding:0;
}

.comment-left 
,.comment-right 
{
  margin-bottom:-1em;
  background:#fff;
}

.comment-left .date
,.comment-right .date
,.comment-left .notice
,.comment-right .notice
{
  position:relative;
  margin-bottom:-1em;
  padding-bottom:2em;
  font-style:italic;
  background:transparent url(images/backgrounds/comment.gif) no-repeat scroll right bottom;
}

.comment-left .notice
,.comment-right .notice
{
  margin-top:-1em;
  font-weight:bold;
}

.comment-left 
{
  float:left;
}

.comment-right 
{
  float:right;
}
.comment-left, .comment-right 
{
  margin-top:3em !important;
  padding:1em 1em 0em 1em !important;
  width:25em;
}

#comments form 
{
  padding-bottom:.5em;
} 

#comments form input
{
  border:1px solid #336600;
  width:22.5em;
}

#comments form textarea 
{
  border:1px solid #336600;
  width:23em;
}

#commentsubmit
{
  border:0 !important;
  width:auto !important;
}

/*
tweets
*/
.tweets .container li
{
	padding-bottom:0.7em;
}

.tweets .container p small 
{
border-bottom:1px dotted #666666;
padding-bottom:0.7em;
font-size:.9em;
font-style:italic;
}

/*
-flickr
*/
#flickr_badge
{
  padding-bottom:0;
}

#flickr-feed a
{
  border:0;
}

#flickr-feed li
{
  font-size:1em;
  padding:0;
  margin:0;
  float:left;
  list-style:none;
}

#flickr-feed li img
{
 display:block;
 width:6.16em;
}

#flickr-feed .more a
{
  background:#444444 url(images/backgrounds/arrow_right.gif) no-repeat scroll center top;
  display:block;
  font-size:1.2em;
  font-weight:bold;
  height:2.6em;
  padding:2.5em 0 0 0.5em;
  width:4.1em;
}

/* 
-events
*/
.events h3
,.wpng-widget-date-title
{
	font-weight:bold;
	margin-bottom:.2em;
	font-size:1.2em;
	line-height:1.2em;
	margin-top:0.5em;
	padding:0 1em;
}

/* 
-archives
*/
.year-list a
,.archive-list a
{
  font-weight:bold;
}

.archive-list h2
{
  border:0;
  padding-bottom:0.3em;
}
/* 
-category specific
*/

/* 
-additional
*/
#additional
{
  margin-top:.5em;
  background:#555;
}

#additional .block
{
  padding-bottom:0;
}

#additional-inner
{
  margin:0 auto;
  width:85em;
}

#additional .block
{
  border-color:#555;
}

#additional h2
{
  padding-bottom:0;
  border-bottom:0.1em dashed #555;
}
  
#additional li a
{
  font-weight:bold;
}

/* 
-footer
*/

#footer
{
  padding:1em 0 1em 50%;
  margin:0 0 0 -40.2em;
  background:#333;
}

#footer li
{
	float:left;
	padding-right:1em;
	font-size:1em;
}

/* 
-clear-fixes
*/
#header:after
,#filter-search:after
,#content:after
,.block:after
,.excerpt:after
,.wp-caption:after
,#flickr_badge_wrapper:after
,#additional:after
,#footer:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}