/* @override http://graphiceyedea.co.uk/wp/wp-content/themes/green_new2/style.css */

/*  
Theme Name: newgreen
Theme URI: http://graphiceyedea.co.uk
Description: portfolio theme, new CSS after Andy Clarke's workshop
Version: 2.0
Author: Prisca Schmarsow
Author URI: http://graphiceyedea.co.uk
*/

/* eric meyer's reloaded reset rules ~ thanks, Eric :) 
***************************************************** */
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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* start theme styling */

/* colour scheme
#acae77  - 'eyedea' colour
#080c00  - darkest green (instead of black)
#656c28  - dark green [dates - blog]
#7c8902  - bright green [link colour]
#D3D690  - pale light green [bottom borders]
*/



/* background images */
html {
	background: transparent url(images/bg_mossmarble2.jpg) top left repeat;
}

html#blog {
	background: #acae77;
}

body {
	font-family: Lucida Grande, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background: transparent url(images/leftborder.png) top left repeat-y; 
	background-position: -400px 0;
	color: #080c00;
}

::selection {
	background: #7c8902;
	color: white;
}

::-moz-selection {
	background: #7c8902;
	color: white;
}



/* SWICTH ON OFF == working with Andy's grid 
body {
	background: transparent url(images/16_column_grid2.png) top left repeat;	
}*/

/* wrap */
#wrap {
	background: url(images/rightborder.png) top right repeat-y; 
	padding: 0 0 100px 0;
	margin: 0;
	min-height: 2000px;
}

/* general link styles */

a {
	color: #D3D690;
	text-decoration: none;
	border-bottom: 1px dotted #D3D690;
}

a:hover {
	color: #fff;
	border-bottom: 1px solid #7c8902;
}

.clear {
	clear: both;
}

/* content styling  ----- portfolio */
#content {
	display: block;
	margin: 0 20em 0 19em;
	color: #acae77;
	min-height: 900px;
	padding: 5.6em 0 8em 0;
}	
#content .post h3.storytitle {
	font-size: 1.4em;
	display: block;
	margin: 0 0 0.5em 0;
	color: #D3D690;
}

#content .post h6 {
	clear: both;
}

#content .post h2, #content .post h3 a {
	border: none;
	color: #7c8902;
	font-size: 1.2em;
}

#content .post .storycontent, #content .post {
	display: block;
	max-width: 500px;
	line-height: 1.42em;
}
#content .post {
	border-bottom: 1px dotted #7c8902;
	display: block;
	margin: 0 0 5em 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6em;
}
#content .post .storycontent {
	border: none;
} 
#content .post p {
	display: block;
	margin: 1em 0;  
	padding: 0;
}
#content .post .storycontent p span.info {
	clear: both;
	float: left;
	display: block;
	width: 4.6em;
	color: #7F7F4C;
}
#content .post .storycontent p span.details {
	display: block;
	margin: 0 0 1em 5em;
	max-width: 440px;
}
#content .post .storycontent p span.details a:hover {
	color: #fff;
}
#content .post .storycontent p span.details a {
	display: inline;
	border: none;
	color: #7c8902;
}
#content .post .storycontent p span.details em {
	display: block;
	color: #7F7F4C;
	margin: 0.8em 0 0.8em 0;
	font-size: 0.9em;
}
#content .post .storycontent p span.details em:before {
	content: 'note: ';
	margin: 0 1em 0 0;
	color: #acae77;
}
#content .post .storycontent img.relative {
	width: auto;
	height: auto;
}
#content .post .storycontent img.floatleft {
	float: left;
}
#content .post .storycontent img {
	display: block;
	margin: 10px;
	width: 100%;
	height: auto;
}
#content .post .storycontent img.size-full {
	display: block;
	margin: 0 0 10px 0;
}
#content .post .storycontent a img {
	padding: 2px;
	border: 2px solid #7c8902;
}
#content .post .storycontent a:hover img {
	padding: 0;
	border: 4px solid #fff;
}
#content .post .storycontent ul {
	list-style: disc;
	margin: 1em 2em;
}

#content .post .storycontent ul li {
	margin: 1em 0;
}
#content .post .storycontent ol {
	margin: 1em 2em;
	list-style: decimal;
}
#content .post .storycontent ol li {
	margin: 0;
}
#content .post .meta {
	font-size: 0.8em;
	color: #7F7F4C;
}
#content .post .meta a{
	border: none;
	color: #7c8902;
}
#content .post .meta a:hover {
	color: #fff;
}
/* eyedea collaboration link */
#content .post .storycontent p span.eyedea {
	display: block;
	width: 50px;
	position: relative;
	bottom: -2.3em;
	left: 92%;
	margin: -3em 0 0 0;
	padding: 0;
}
#content .post .storycontent p span.eyedea a {
	display: block;
	width: 40px;
	text-indent: -2000px;
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 -32px;
	border: none;

}
#content .post .storycontent  p span.eyedea a:hover, #content .post .storycontent p span.eyedea a:active {
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 4px;	
}

/* (archived) graphic design pages */
#content.graphicdesign .post {
	width: 40%;
	float: left;
	margin: 0 8% 4em 0;
	height: 20em;
	padding: 0;
	border-left: none;
	border-top: 1px dotted #7c8902;
	border-right: 1px dotted #080c00;
	border-bottom: 1px dotted #080c00;
	font-size: 0.88em;
}

#content.graphicdesign .post .storycontent {

}
#content.graphicdesign .post .storycontent p {
	position: relative;
	height: 14em;
}
#content.graphicdesign .post .storycontent p a {
	display: block;
	width: 100%;
	background: url(images/bg_tile_dark.jpg);
	border-bottom: 1px dotted #080c00;
	border-top: 1px dotted #080c00;
}
#content.graphicdesign .post .storycontent p a:hover, #content.graphicdesign .post .storycontent p a:active  {
	border-bottom: 1px dotted #fff;
	border-top: 1px dotted #fff;
}
#content.graphicdesign .post .storycontent img {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

#content.graphicdesign  .post .storycontent a img {
	padding: 0;
	border: none;
}

#content.graphicdesign .post h3.storytitle {
	clear: both;
	font-size: 1.2em;
	line-height: 1.4em;
	display: block;
	margin: 0.3em 0;
	color: #D3D690;
}
#content.graphicdesign .post .meta {

}

/* content styling  - BLOG*/

html#blog #content {
	color: #080c00;
	display: block;
	margin: 0 20em 0 19em;
	color: #080c00;
	min-height: 900px;
	padding: 5.5em 0 8em 0;

}

/* post styling * BLOG */

html#blog #content .post a.more-link {
	display: table;
	border-bottom: 1px dotted #acae77;
} 
html#blog #content .post {
	border: none;
	font-size: 0.8em;
}

html#blog #content .post a {
	color: #626600;
	font-weight: bold;
	border-bottom: 1px dotted #626600;
}
html#blog #content .post a:hover {
	color: #7c8902;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
	margin: 0;
	padding: 0;
}
html#blog #content .post h3 a {
	border: none;
	color: #626600;
}

html#blog #content .post .storycontent p {
	display: block;
	margin: 0 0 1.4em 0;
	color: #080c00;
}
html#blog #content .post .storycontent p strong {
		color: #D3D690;
}
html#blog #content .post .storycontent p em {
	color: #626600;
	font-weight: bold;
}
html#blog #content .post .storycontent p.featicon {
	display: block;
	float: left;
	margin: 0;
	color: #080c00;
}
html#blog #content .post .storycontent blockquote {
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin: 1.2em;

}
html#blog #content .post .storycontent blockquote p{
	color: #626600;	
}
html#blog #content .post .storycontent a img {
	width: auto;
	padding: 2px;
	border: 2px solid #7c8902;
}

html#blog #content .post .storycontent a:hover img {
	padding: 0;
	border: 4px solid #fff;
}

html#blog #content .post .storycontent img.relative {
	width: auto;
	height: auto;
}

html#blog #content .post p img, html#blog #content .post .storycontent ol li img {
	display: block;

	width: 100%;
	height: auto;
	border: none;
}

html#blog #content .post p a img, html#blog #content .post .storycontent ol li a img {
	display: block;
	margin: 10px 0 10px 0;
	width: 100%;
	height: auto;
	padding: 2px;
	border: 2px solid #7c8902;
}
html#blog #content .post p a:hover img, html#blog #content .post .storycontent ol li a:hover img {
	display: block;
	margin: 10px 0 10px 0;
	width: 100%;
	height: auto;
	padding: 0;
	border: 4px solid #fff;
}

html#blog #content .post p img.floatright, html#blog #content .post p.floatright img {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	width: auto;
	padding: 0;
}

html#blog #content .post p img.floatleft, html#blog #content .post p.floatleft img {
	display: block;
	float: left;

	width: auto;
}
html#blog #content .post p a img.thn, html#blog #content .post ol li a img.thn  {
	padding: 2px;
	border: 2px solid #7c8902;
}
html#blog #content .post p a:hover img.thn, html#blog #content .post ol li a:hover img.thn  {
	padding: 0;
	border: 4px solid #fff;
}
html#blog #content .post p a img.floatleft.thn {
	height: 120px;
	width: auto;
	float: left;
	margin: 10px 1em 1em 0;
	padding: 2px;
	border: 2px solid #7c8902;
}
html#blog #content .post p a img.floatleft.thn50 {
	height: 50px;
	width: auto;
	margin: 0 1em 1em 0;
	padding: 2px;
	border: 2px solid #7c8902;
}
html#blog #content .post p a:hover img.floatleft.thn, html#blog #content .post p a:hover img.floatleft.thn50 {
	
	padding: 0;
	border: 4px solid #fff;
}
html#blog #content .post ol li a img {

}
html#blog #content .post p a img.thn75, html#blog #content .post ol li a img.thn75 {
	height: 75px;
	width: auto;
	margin: 0 1em 1em 0;
	padding: 2px;
	border: 2px solid #7c8902;
	float: left;
}
html#blog #content .post p a:hover img.thn75, html#blog #content .post ol li a:hover img.thn75 {
 	height: 75px;
	width: auto;
	padding: 0;
	border: 4px solid #fff;
}
html#blog #content .post a img.thn100, html#blog #content .post ol li a img.thn100 {
	height: 100px;
	width: auto;
	margin: 10px 10px 0 0;
}
html#blog #content .post a:hover img.thn100, html#blog #content .post ol li a:hover img.thn100 {
	height: 100px;
	width: auto;
	padding: 0;
	border: 4px solid #fff;
	margin: 10px 10px 0 0;
}

 html#blog #content .post ol li {
	clear: both;
}

html#blog #content .post .storycontent ol li span.floatright {
	display: block;
	float: right;
}
html#blog #content .meta {
	clear: both;
	width: 100%;
	display: block;
	margin: 0 0 5em 0;
	border-top: 1px solid #7c8902;
}
html#blog #content .meta span {
	clear: none;
	float: right;
	text-align: right;
	font-size: 0.8em;
	width: 80px;
	color: #656c28;
}
/*  feedback (commented out in template)
html#blog #content .post .feedback {
	display: block;
	position: relative;
	top: 1.6em;
	right: 0;
	font-size: 0.9em;
}*/
html#blog #content .post .meta a, html#blog #content .post .feedback a {
	border: none;
	color: #7c8902;
}
html#blog #content .post .meta a:link, html#blog #content .post .feedback a:visited {
	border: none;
	color: #7c8902;
}
html#blog #content .post .meta a:hover, html#blog #content .post .feedback a:active {
	border: none;
	color: #fff;
}
/* comment formatting - blog pages */
#content h3 {
	font-size: 1em;
	line-height: 1.4em;
	display: block;
	margin: 1em 0 0 0;
	color: #D3D690;
}
#content ol.commentlist {
	display: block;
	margin: 1em 0;
	max-width: 500px;
	font-size: 0.8em;
}
#content ol.commentlist a {
	color: #7c8902;
	font-weight: bold;
	font-size: 1.1em;
}
#content ol.commentlist a:hover {
	color: #D3D690;
	font-weight: bold;
	font-size: 1.1em;
	border-color: #fff;
}
#content ol.commentlist li {
	margin: 1em 0;
}
#content ol.commentlist img.gravatar, #content ol.commentlist a img.gravatar {
	height: 40px;
	width: auto;
	float: left;
	margin: 0 0.4em 0 0;
}
#content ol.commentlist li p {
	margin: 1em 0 2em 45px;
}

#content ol.commentlist li p.commentmetadata {
	font-size: 0.8em;
	padding:0;
	margin: 0;
	color: #D3D690;
}
#content ol.commentlist li p.commentmetadata a {
	font-weight: normal;
	border: none;

}

/* prev//next links */
div.navigation {
	display: block;
	max-width: 500px;
	font-size: 0.8em;
}
div.navigation a {
	color: #626600;
	font-weight: bold;
	border-bottom: 1px dotted #626600;
}
div.navigation a:hover {
	color: #7c8902;
	font-weight: bold;
	border-bottom: 1px solid #626600;
}
div.navigation div.alignleft {
	float:  left;
}
div.navigation div.alignright {
	float:  right;
}

/* flickr badge - post specific */
div.storycontent #flickrbadge {
	display: block;
	padding: 2em 0 0 0;
	background: url(images/flickr_blog.gif) no-repeat;
	background-position: 6px 0;
}

html#blog div.storycontent #flickrbadge .flickr_badge_image a img{
	display: block;
	float: left;
	margin: 4px;
	padding: 2px;
	border: 2px solid #7c8902;
}
html#blog div.storycontent #flickrbadge .flickr_badge_image a:hover img {
	padding: 0;
	border: 4px solid #fff;
}


/* left column - navigation + links */
#controls {
	width: 9.8em;
	position: absolute;
	top: 0;
	left: 0;
	color: #080c00;
	padding: 2.2em 0 0 2.5em;
	min-height: 800px;

}
#controls h1 {
	font-size: 1.4em;
	padding: 0 0 0.3em 0;
	font-weight: normal;
	letter-spacing: -0.08em;
}

#controls h1 a {
	color: #D3D690;
	border-bottom: 1px dotted #7c8902;
}

#controls h1 a:hover {
	color: #fff;
}

#controls span {
	display: block;
	font-size: 0.6em;
	margin: 0.3em 0 0 0;
	text-indent: -9999px;
}
#controls h6 {
	position: relative;
	top: 0.44em;
}
#controls h6 a {
	border: none;
	color: #D3D690;
	font-size: 1.4em;
}
#controls ul {
	position: relative;
	top: 1.74em;
}

#controls ul li {
	display: block;
}

#controls ul li a {
	font-size: 0.86em;
	color: #D3D690;
	font-style: normal;
	border: none;
}

#controls a:hover {
	color: #fff;
	border-bottom: 1px dotted #D3D690;
}
#controls a:visited {

}
#controls li.current-cat a, #controls li.current_page_item a{
	border-bottom: 1px dotted #fff;
}
/* main menu */

#controls ul#mainnav {
	font-size: 0.9em;
	line-height: 1.42em;
}
#controls ul#mainnav li ul.sub{
	position: relative;
	top: 0;
	margin: 1em 0 1.2em 0;	
}
#controls ul#mainnav li ul.sub li:before {
	color: #7c8902;
	content: '• ' ;
}
#controls ul#mainnav li ul.sub li.cat-item a {
	color: #D3D690;
}
#controls ul#mainnav li.note {
	font-size: 0.84em;
	line-height: 1.4em;
	color: #7c8902;
	margin: 0.2em 0 1.28em 0;
}
#controls ul#mainnav li.note a {
	display: inline;
	color: #7c8902;
	font-size: 1em;
	font-weight: bold;
	border: none;
	padding: 2px 0 0 3.2em;
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 -32px;
}
#controls ul#mainnav li.note a:hover {
	display: inline;
	color: #fff;
	font-size: 1em;
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 4px;
}

/* blog menu */
#controls ul#blognav {
	position: relative;
	top: 5.86em;
}
#controls ul#blognav a {
	color: #7c8902;
	border-color: #7c8902;
}
#controls ul#blognav ul.sub li.current-cat a{
	border-color: #fff;
}

#controls ul#blognav ul.sub {
	position: relative;
	top: 1.2em;
	font-size: 0.9em;
}
#controls ul#blognav ul.sub li {
	margin: 0 0 0.2em 0;
}
#controls ul#blognav ul.sub a:hover {
	color: #fff;
}
#controls ul#blognav li.cat-item-10 {
	font-size: 1.6em;
}
#controls ul#blognav li.cat-item-10 a {
	color: #5c6600;
}
#controls ul#blognav li.cat-item-10 a:hover {
	color: #fff;
}

/* sidebar - far right - links etc */

#folio_links {
	display: block;
	min-height: 800px;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	padding: 0 10px 0 0;
	color: #acae77;
	font-size: 0.8em;
}
/* search form */

#folio_links ul#search li form#searchform {
	display: block;
	margin: 4em 0 1em 0;
}

#folio_links ul#search form#searchform input {
	display: block;
	background: transparent url(images/searchgreen.png);
	border: 2px dotted #080c00;
	margin: 1em 0;
	width: 180px;
	padding: 3px;
	color: #fff;
}
#folio_links ul#search form#searchform input:hover, #folio_links ul#search form#searchform input:focus {
	background: #fff;
	border: 2px dotted #080c00;
	color: #080c00;
}
#folio_links ul#search form#searchform input#searchsubmit {
	display: block;
	background: transparent;
	border: none;
	border-bottom: 1px solid #7c8902;
	margin: 1em 0;
	width: 180px;
	padding: 3px;
	color: #7c8902;
	font-weight: bold;
}
#folio_links ul#search form#searchform input#searchsubmit:hover, #folio_links ul#search form#searchform input#searchsubmit:focus {
	color: #fff;	
	border: none;
	border-bottom: 1px solid #fff;
}

#folio_links ul, #folio_links ul li ul {
	display: block;
}
#folio_links li.widget_links {
	display: block;
	position: relative;
	top: 0.46em;
	margin: 0 0 3.4em 0;
}

#folio_links ul li#links h2.widgettitle {
	font-size: 1.24em;
	color: #D3D690;
	font-weight: normal;
}
#folio_links li.widget_links ul {
	display: block;
	margin: 1.2em 0;
}

#folio_links ul li#links ul li a {
	display: block;
	border: none;
	color: #7c8902;
}

#folio_links ul li#links ul li a:hover {
	color: #fff;
}

#folio_links ul li.widget_text h2.widgettitle {
	font-size: 1.24em;
	color: #fff;
	margin: 1em 0;
	font-weight: normal;
}

/* flickr */

#folio_links #flickrbadge_sb {
	overflow: hidden; 
	margin: 0 0 2em 0;
}
#folio_links #flickrbadge_sb h2 {
	display: block;
	margin: 0 0 1em 0;
	padding: 0 0 0 6.6em;
	background: url(images/flickr.gif) no-repeat;
	color: #7c8902;
}
#folio_links #flickrbadge_sb a {
	border: none;
	float: left;
	margin: 0 4px 4px 0;
}

#folio_links #flickrbadge_sb  a img {
	display: inline;
	border: none;
	margin: 0 16px 16px 0;
	width: 80px;
	height: 80px;
}

/* sidebar - far right - links etc  -- BLOG pages*/

#blog_links {
	display: block;
	min-height: 800px;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	padding: 20px 10px 0 0;
	color: #acae77;
	font-size: 0.8em;
}

#blog_links ul, #blog_links ul li ul {
	display: block;
}

#blog_links ul li#links h2.widgettitle {
	font-size: 1.24em;
	color: #fff;
	margin: 1em 0;
	font-weight: normal;
}

#blog_links ul li#links ul li {
	display: block;
	line-height: 1.4em;
	margin: 0.2em 0;
}

#blog_links ul li#links ul li a {
	display: block;
	border: none;
	color: #7c8902;
}

#blog_links ul li#links ul li a:hover {
	color: #fff;
}

#blog_links ul li.widget_text h2.widgettitle {
	font-size: 1.24em;
	color: #D3D690;
	margin: 1em 0;
	font-weight: normal;
}
#blog_links ul li form#searchform {
	display: block;
	margin: 4em 0 1em 0;
}

#blog_links ul li form#searchform input {
	display: block;
	background: transparent url(images/searchgreen.png);
	border: 2px dotted #080c00;
	margin: 1em 0;
	width: 180px;
	padding: 3px;
	color: #fff;
}
#blog_links ul li form#searchform input:hover, #blog_links ul li form#searchform input:focus {
	background: #fff;
	border: 2px dotted #080c00;
	color: #080c00;
}
#blog_links ul li form#searchform input#searchsubmit {
	display: block;
	background: transparent;
	border: none;
	border-bottom: 1px solid #7c8902;
	margin: 1em 0;
	width: 180px;
	padding: 3px;
	color: #7c8902;
	font-weight: bold;
}
#blog_links ul li form#searchform input#searchsubmit:hover, #blog_links ul li form#searchform input#searchsubmit:focus {
	color: #fff;	
	border: none;
	border-bottom: 1px solid #fff;
}

/* zootools */
li#zootool-badge {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 40px 0 0 0;
	background: url(images/zootool-mini.png) top left no-repeat;
}

li#zootool-badge ul li a {
	float: left;
	margin: 0 2px 2px 0;
	border: none;
}
/* twitter */

#blog_links ul li.widget_twitter {
	display: block;
	clear: left;
	background: url(images/twitter.png) top left no-repeat;
	padding: 2.7em 0 0 0;
	margin: 1.8em 0 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
}

#blog_links ul li.widget_twitter h2.widgettitle {
	font-size: 0.9em;
	color: #D3D690;
	margin: 1em 0 1em 0;
	font-weight: normal;
}

#blog_links ul li.widget_twitter ul li {
	display: block;
	margin: 0 0 1em 0;

}

#blog_links ul li.widget_twitter ul li a {

	border: none;
	color: #D3D690;
	margin: 0;
	font-size: 0.9em;
}
/* flickr - recent from photostream - blog */

#blog_links ul li#flickr-sidebar {
	display: block;
	margin: 3em 0 4em 0;
}

#blog_links ul li#flickr-sidebar .flickr-photos h2.widgettitle {
	display: block;
	margin: 2em 0 1em 0;
	padding: 1.4em 0 0 2.2em;
	background: url(images/flickr.gif) no-repeat;
	color: #7c8902;
}

#blog_links ul li#flickr-sidebar .flickr-photos ul li {
	display: block;
	line-height: 1.4em;
	margin: 1em 0;
}

#blog_links ul li#flickr-sidebar .flickr-photos a {
	border: none;
	color: #acae77;
}

#blog_links ul li#flickr-sidebar .flickr-photos a img {
	display: inline;
	border: none;
	margin: 0 1px 1px 0;
}
#blog_links ul li#flickr-sidebar .flickr-photos a.more-photos {
	display: none;
}

/* upcoming events */
#blog_links .upcoming_badge {
	display: block;
	clear: both;
	padding: 3em 0;
	background: url(images/upcoming.gif) no-repeat;
	background-position: -8px 0;
}
#blog_links .upcoming_badge span.upb_text a {
	border: none;	
}
#blog_links .upcoming_badge .upb_header  span.upb_text a {
	display: block;
	margin: 0;
	font-size: 1.2em;
	color: #5c6600;
	font-weight: bold;
}
#blog_links .upcoming_badge .upb_date {
	display: block;
	font-size: 0.8em;
	color: #fcba00;
	margin: 10px 0 0 0;
}
#blog_links .upcoming_badge .upb_date:before {
	content: 'on';
	color: #5c6600;
	font-size: 1.4em;
	margin: 0 0.8em 0 0;
}
#blog_links .upcoming_badge .upb_more {
	margin: 1.2em 0;
	text-transform: lowercase;
	font-size: 0.8em;
	color: #fcba00;
}

/* CoComments */
#blog_links .cocomments {
	display: block;
	clear: both;
	padding: 1em 0;
	color: #D3D690;
}
#blog_links .cocomments #cocomment-box {
	background: none;
	border: none;
}
#blog_links .cocomments #cocomment-box div.entry, #blog_links .cocomments #cocomment-box div.boxhead {
	background: none;
	border: none;
	color: #7c8902;
	padding: 0;
}
#blog_links .cocomments #cocomment-box div.entry div.title {
	background: none;
	color: #D3D690;
	font-size: 1.2em;
	padding: 0;
	margin: 12px 0 0 0;
}
#blog_links .cocomments #cocomment-box div.entry span.comment {
	color: #D3D690;	
}
#blog_links .cocomments a {
	border: none;
	color: #7c8902;
}
#blog_links .cocomments .heading {
	height: 1.6em;
	border-bottom: 2px solid #5c6600;
}
#blog_links .cocomments a.boxheading {
	font-size: 1.3em;
	color: #5c6600;
	font-weight: bold;
}
#blog_links .cocomments .boxfooter a  {
	font-size: 1em;
	color: #5c6600;
	font-weight: bold;
}

/* flickr posted photos - log pages */
html#blog .flickrposted {
	clear: left;
	float: left;
	font-size: .8em;
} 
html#blog .storycontent .flickrposted a img {
	display: block;
	width: 200px;
	margin: 0 1em 0 0;
	padding: 0;
	float: left;
}
html#blog h4 {
	font-size: 1.8em;
	margin: 1.2em 0 .6em 0;
	color: #5c6600;
}
/* recent comment list - via plugin widget 
#blog_links ul, #blog_links ul li#get-recent-comments {
	color: #D3D690;
}
#blog_links ul, #blog_links ul li#get-recent-comments h2.widgettitle {
	text-transform: lowercase;
	font-weight: bold;
}
#blog_links ul, #blog_links ul li#get-recent-comments div#get_recent_comments_wrap ul li {
	display: block;
	margin: 0 0 2em 0;
	color: #D3D690;
	font-weight: normal;
}
#blog_links ul, #blog_links ul li#get-recent-comments ul li a {
	display: block;
	color: #7c8902;
	border: none;
	margin: 0 0 8px 0;
}
#blog_links ul, #blog_links ul li#get-recent-comments ul li a img.kjgrcGravatar {
	position: relative;
	top: 6px;
}
*/
/* blog comments */
form#commentform {
	display: block;
	margin: 1em 0;
	font-size: 0.8em;
}

form#commentform input {
	background: transparent url(images/searchgreen.png);
	border: 1px dotted #080c00;
	margin: 1em 1em 0 0;
	width: 180px;
	padding: 3px;
	color: #fff;
}
form#commentform textarea {
	background: transparent url(images/searchgreen.png);
	border: 1px dotted #080c00;
	margin: 1em 1em 0 0;
	width: 460px;
	padding: 3px;
	color: #fff;
}
form#commentform input:hover, form#commentform input:focus {
	background: #fff;
	border: 1px dotted #080c00;
	color: #080c00;
}
form#commentform input#submit {
	display: block;
	background: transparent;
	border: none;
	border-bottom: 1px solid #7c8902;
	margin: 1em 0;
	width: 180px;
	padding: 3px;
	color: #7c8902;
	font-weight: bold;
}
form#commentform input#submit:hover, form#commentform input#submit:focus {
	color: #fff;	
	border: none;
	border-bottom: 1px solid #fff;
}



/* LAST FM styling */

#blog_links span.music {
	display: block;
	width: 184px;
	margin: 1em 0;
	padding: 33px 2px 2px 2px;

	background: transparent url(images/lastfm.png) top left no-repeat;
}
#blog_links span.music object {
	background-position: center;
}
/* WP links */

#wp a span {
	display: block;
	height: 6em;
	margin: 1em 0;
	padding: 0 0 0 4em;
	color: #acae77;
	background: url(images/wp-logo-green.gif) no-repeat;
	background-position: 0 10px;
	text-align: left;
	font-size: 0.8em;
}

#wp a:hover span {
	background-position: 0 -75px;
}

/* WP - meta */
#wp  {
	clear: both;
	display: block;
	padding: 2em 0;
}
#wp p.wp_meta {
	display: block;
	padding: 0 0 0 0;
	color: #acae77;
	background: none;
	text-align: left;
	font-size: 0.8em;
}

#wp span a {
	color: #7c8902;
}

/* about page */
#content .post p.me {
	display: block;
	margin: 0;
	padding: 0.8em 170px 3em 0;
	background: transparent url(images/photo_me.png) bottom right no-repeat;
	border: none;
}

/* home page */
#content.home {
	color: #acae77;	
	font-size: 0.9em;
	line-height: 1.42em;
	padding: 6.4em 0 0 0;
	margin: 0 17em 0 19em;
}
#content #post-2 {
	border: none;
}
#content #post-2 h2 {
	color: #D3D690;
}
#content.home .post {
	background: url(images/eyedea_logo.png) top right no-repeat;
	background-position: 70% 2em;
	padding: 0 60% 0 0;
	margin: 0;
	font-size: 0.9em;
	color: #acae77;
	border: none;
}
#content.home .post p a{
	color: #7c8902;
}
#content.home .post p a:hover, #content.home .post p a:active {
	color: #fff;
	border-bottom: 1px solid #7c8902;
}
#content.home .post h2, #content.home .post h3 a, #content.home #blogposts h4 {
	font-size: 1.4em;
	letter-spacing: -0.06em;
	margin: 0 0 0.86em 0;
	color: #D3D690;
}

/* recent blog posts */
#content.home #blogposts {
	width: 100%;
	float: left;
	margin: 2.8em 12em 4em 0;
	font-size: 0.9em;
	display: block;
}

#content.home #blogposts h4 a {
	color: #acae77;
	border: none;
}
#content.home #blogposts img {
	display: none;
}

#content.home #blogposts div.recentblogposts {
	width: 40%;
	float: left;
	margin: 0 9% 0 0;	
}
#content.home #blogposts span.hdate {
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #D3D690;
	margin: 0;
	padding: 0.1em 0 0 0;
	width: 10em;
}

#content.home #blogposts h5 a {
	display: block;
	font-size: 1em;
	border-color: #7c8902;
}

#content.home #blogposts h5 a:hover, #content.home #blogposts h5 a:active {
	color: #fff;
}
#content.home #blogposts a {
	color: #7c8902;
}
#content.home #blogposts a:hover, #content.home #blogposts a:active {
	color: #fff;
}

#content.home #blogposts p {
	max-width: 500px;
	clear: right;
	margin: 1em 0;	
}
#content.home p strong {
		color: #D3D690;
}
/* events */
#content.home #events {
	width: 100%;
	float: left;
	margin: 2.8em 12em 0 0;
	font-size: 0.9em;
	display: block;
}

#content.home #events h4 {
	font-size: 1.4em;
	margin: 0 0 0.6em 0;
}
#content.home #events h4 a {
	text-decoration: none;
	border: none;
}
#content.home #events img {
	float: left;
	margin: 10px 10px 10px 0;
}
#content.home #events a img {
	padding: 2px;
	border: 2px solid #7c8902;
}
#content.home #events a:hover img {
	padding: 0;
	border: 4px solid #fff;
}
#content.home #events div.latestevents {
	width: 90%;
	float: left;
	margin: 0 9% 0 0;	
}
#content.home #events span.hdate {
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #D3D690;
	margin: 0;
	padding: 0.1em 0 0 0;
	width: 9em;
}

#content.home #events h5 a {
	display: block;
	font-size: 1em;
	border-color: #7c8902;
}

#content.home #events h5 a:hover, #content.home #events h5 a:active {
	color: #fff;
}

#content.home #events h6 {
	display: block;
	font-size: 1em;
	text-transform: lowercase;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}
#content.home #events a {
	color: #7c8902;
}
#content.home #events a:hover, #content.home #events a:active {
	color: #fff;
}

#content.home #events p {
	clear: right;
	margin: 1em 0;	
}
#content.home #events ul li span {
	display: inline-block;
	width: 16em;	
}
/* recent work */
#content.home #home_work {
	width: 40%;
	float: left;
	margin: 0 9% 0 0;

}
#content.home  #home_work h4 {
	text-align: left;
	padding: 0;
	font-size: 1.4em;
	letter-spacing: -0.06em;
	color: #acae77;	
	margin: 0 0 1em 0;
}
#content.home #home_work h4 a {
	color: #acae77;
	border: none;
}
#content.home #home_work a {
	display: block;
	color: #7c8902;
}
#content.home #home_work a:hover, #content.home #home_work a:active {
	color: #fff;
}
#content.home #home_work p a img {
	width: 100%;
	height: auto;
	margin: 0.4em 0;
}
#content.home #home_work .recent {
	display: block;
	margin: 0 0 4em 0;
	border: none;
	border-bottom: 1px solid #7c8902;
	font-size: 0.9em;
}
#content.home #home_work .recent a {
	border: none;
}


#content.home #home_work p  {

}
#content.home #home_work p span.info {
	clear: both;
	display: block;
	float: left;
	width: 4em;
	color: #7F7F4C;
}
#content.home #home_work p span.details {
	display: block;
	margin: 0 0 0.8em 5em;
}
#content.home #home_work p span.details em {
	display: none
}

/* eyedea collaboration link */
#content.home #home_work p span.eyedea a {
	display: block;
	width: 40px;
	text-indent: -2000px;
	float: right;
	border: none;
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 -32px;
	margin: -2.3em 0;
}
#content.home #home_work p span.eyedea a:hover, #content.home #home_work p span.eyedea a:active {
	background: transparent url(images/3dots.png) no-repeat;
	background-position: 0 4px;	
}


#content.home  #bookmarks {
	display: block;
	width: 40%;
	float: left;
	background: url(images/delicious-tinted.jpg) no-repeat;
	background-position: 0 4px;
	
}

#content.home  #bookmarks h4 {
	text-align: left;
	padding: 4px 0 0 50px;
	font-size: 0.7em;
	color: #acae77;	

}
#content.home  #bookmarks h4 span {
	display: block;
	font-size: 1.6em;
	color: #D3D690;
}
#content.home  #bookmarks ul.delicious {
	display: block;
	margin: 1.6em 0 0 0;
}
#content.home  #bookmarks ul.delicious li a{
	display: block;
	font-size: .9em;
	color: #7c8902;	
	border-color: #7c8902;	
}
#content.home  #bookmarks ul.delicious li span.delicious-timestamp {
	font-size: .7em;
	color: #7F7F4C;
}
#content.home  #bookmarks ul.delicious li span.delicious-desc {
	display: block;
	font-size: .8em;
	line-height: 1.5;
	margin: 0 0 2em 0;
}

#content.home  #bookmarks dt a:hover, #content.home  #bookmarks dt a:active {
	color: #fff;	
}
#content.home  #bookmarks dd{
	font-size: 1em;
	line-height: 1.5em;

}