/* @override 
	http://ghostcogs.co.uk/wp-content/themes/ghostcogs_v2/style.css
	http://ghostcogs.co.uk/wp-content/themes/ghostcogs_v2/photoalbum-styles.css
	http://ghostcogs.co.uk/wp-content/themes/ghostcogs_v3/style.css
*/

/*
Theme Name:  Ghost Cogs
Theme URI:  http: //www.ghostcogs.co.uk
Description:  theme for Zara
Version:  3.0 
Author:  prisca
*/

/* Global reset thanks to Elliot Jay Stocks and his 'starker's theme */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}

ol, ul, li {
	list-style: none
}

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

q:before, q:after {
	content: ''
}

a {
	text-decoration: none
}

.clear {
	clear:  both;
}
/* Global reset-RESET */

/* The below restores some sensible defaults */

strong {
	font-weight: bold
}

em {
	font-style: italic
}

* a {
	position: relative
}

/* Gets links displaying over a PNG background */

a img {
	border: none;
}
/*
a img:after {
	clear: both;
}*/
/* Gets rid of IE's blue borders */

/* for use within CODE editor in ADMIN */
img.floatright {
	float: right;
	margin: 0 0 0.3em 1em;
	padding: 0;
	border: none;
}

/* CSS Document */

body {
	font-size: 1em;
	font-family: Tahoma, Arial, sans-serif;
	color: #000;
	background: url(images/bg.jpg) top left repeat;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {
	display: block;
	margin: 0;
	font-family: Copperplate, fantasy;
}

a {
	text-decoration: none;
	color: #AA0025;
}

a:hover, a:active {

}

#container {
	display: block;
	background: url(images/torn_bot.png) bottom left repeat-x;
	padding: 0 0 3em 0;
}

#header {
	display: block;
	background: url(images/torn_top.png) left bottom repeat-x;
	margin: 0;
	padding: 0 0 2em 1em;
	font-family: Copperplate, fantasy;
}

#header a {
	font-size: 2em;
	color: #fff;
	padding: 0 0.3em;
	text-decoration: none;
	text-transform: lowercase;
}

#header a:hover {
	color: #fff;
	border-bottom: 1px solid #AA0025;
}

#header h1 {
	text-align: right;
	padding: 1em 12em 1em 0;
}

#header .tagline {
	font-size: 1em;
	color: #fff;
	text-align: right;
	padding: 0 20% 1em 0;
	margin: -1em 0 0 0;
	display: none;
}



/* content */

#content {
	background: url(images/white.jpg) top left repeat;
	padding: 1em 220px 6em 17em;
	min-height: 400px;
}

#content .head_txt {
	font-size: 1.4em;

}
#content .article .head_txt h2 a {
	display: block;
	margin: 1em 0;
	padding: 0;
}
#content .content_txt p {
	clear: left;
	font-size: 0.9em;
	margin: 0 0 1em 0;
}
#content .content_txt strong {
	clear: both;
	display: block;
	font-family: Copperplate, fantasy;
	font-size: 1.2em;
	color: #30421B;
	margin: 1em 0;
}
#content .article p a img, #content .entry p a img {
	float: left;
	margin: 0 1em 1em 0;
}
#content .content_txt p span {
	display: none;
}

#content .content_txt p object {
	clear: left;
	float: left;
	margin: 0 2em 3em 0;
	width: 300px;
}
/* post styling */

.post {
	display: block;

	margin: 1em 0 1.3em 0;
}

.post h2 {
	clear: both;
	display: block;
	margin: 2em 0 1em 0;
	font-size: 1.6em;
	font-weight: normal;
	font-family: Copperplate, fantasy;
}

.post h2 a, .post h2 a:link {
	padding: 20px 20px 10px 70px;
	background: transparent url(images/rollover1.png) no-repeat;
	color: #333;
	background-position: 0 0;
}

.post h2 a:visited {
	color: #000;
	background-position: 0 0;
}

.post h2 a:hover, .post h2 a:active {
	color: #AA0025;
	background-position: 0 -120px;
}
.post p.postmetadataalt {
	clear: both;
	font-size: 0.8em;
}
.entry p {
	margin: 0 0 1.8em 0;
	font-size: 0.9em;
	line-height: 1.7em;
}
.entry p a.more-link {
	clear: both;
	display: block;
	padding: 0.6em 0;
}

/* My Comment */
h3#comments {
	display: block;
	margin: 2em 0 1em 0;
}
h3#respond {
	display: block;
	margin: 1em 0;
}
ol.commentlist {
	font-size: 0.9em;
}
ol.commentlist li{
	display: block;
	margin: 0 0 2em 0;
}

#content .entry img.alignleft, #content .article p a img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 80px;
	height: 80px;
}
#content .article form#commentform {
	margin: 0;
	padding: 0;
}
form#commentform p {
	clear: left;
	font-size: 0.8em;
}
form#commentform  input, form#commentform p textarea#comment {
	float: left;
	margin: 0.6em 1em 0.6em 0;
	width: 220px;
	border: 1px solid #083643;
	padding: 0.2em;
}
form#commentform  input:hover, form#commentform p textarea#comment:hover, form#commentform  input:focus, form#commentform p textarea#comment:focus {
	background: #D0DDD3;
}
form#commentform label small {
	display: block;
	padding: 0.6em 0;
}
	

/* sidebar */

#navwrap {
	display: block;
	position: absolute;
	top: 3%;
	left: 0;
	background: transparent url(images/side_top_cogs4.png) top right no-repeat;
	padding: 121px 0 12em 0;
	width: 17em;
}

#nav {
	background: transparent url(images/side_side2.png) top right repeat-y;

}

#nav h2 {
	
}

#nav ul {
	display: block;
	padding: 2em 0 2em 0;
}

#nav ul li {
	list-style: none;
	margin: 4px 1em;
}


#nav ul li a, #nav #work a {
	display: block;
	margin: 0 0 0.3em 0;

}

#nav ul li a:link, #nav #work a:link {
	color: #333;
}

#nav ul li a:visited, #nav #work a:visited {
	color: #000;
}

#nav ul li a:hover, #nav ul li a:active, #nav #work a:hover, #nav #work a:active {
	color: #AA0025;
}

/* current highlighting */
#nav ul span li.cat-item a, #nav ul li.current-cat a, #nav ul li.current_page_item a {
	color: #AA0025;
}
#nav ul span li.cat-item a:after, #nav span.cat:after,#nav ul li.current-cat a:after, #nav ul li.current_page_item a:after {
	content: url(images/cog_cur.png);
}
/*submenu specific */
#work {
	margin: 0 0 1em 0;
}
#work a {
	display: block;
	font-size: 0.8em;
	padding: 0.3em 0 0.6em 3.6em;
	background: transparent url(images/rollover_nav.png) no-repeat;
	background-position: 0 0;
}
#work a:hover, #work a:active {
	background-position: 0 -122px;
}


#calendar {
	display: block;
	margin: 0 0 0 1em;
	padding: 0 0 5em 0;
}

#calendar h2 {
	font-family: Copperplate, fantasy;
	margin: 0 0 1em 0;
}

#calendar table {
	font-size: 0.8em;
	text-align: center;
}

#calendar table caption {
	padding: 0;
	margin: 0 0 1em 0;
}

#calendar table th {
	text-align: center;
}

#calendar table td {
	padding: 0.3em;
}
#nav p.wp {
	display: block;
	position: absolute;
	width: 22em;
	margin: 0 0 0 0;
	font-size: 0.7em;
	padding: 0 0 5em 2em;

	background: transparent url(images/side_bot_cogs.png) bottom right no-repeat;
}
#nav p.wp  a {

}
/* links right */

#links {
	position: absolute;
	top: 10.4em;
	right: 0;
	padding: 0 1em 5em 0em;
	width: 200px;
/*	text-align: right;
	background: transparent url(images/sidepaper_right2.png) top right no-repeat;  */
}
#links span {
	float: left;
	width: 42%;
	margin: 0 4% 0 0;
/*	text-align: right;
	background: transparent url(images/sidepaper_right2.png) top right no-repeat;  */
}

#links h2 {
	font-family: Copperplate, fantasy;
}

#links span ul {
	display: block;
	margin: 4px 0 20px 0;
	padding: 0;
	font-size: .9em;
}

#links span ul li {
	list-style: none;
	margin: 4px 0 6px 0;
}

.article #links span ul li a, .article #links span ul li a:link {
	color: #5E7F03;
}

.article #links span ul li a:visited {
	color: #000;
}

.article #links span ul li a:hover, .article #links span ul li a:active, .article #links span ul li a:focus {
	color: #AA0025;
	text-decoration: underline;
}


/* contact form */

#gb_form_div {
	
}

/* welcome - home page */

#content_welcome {
	background: url(images/white.jpg) top left repeat;
	padding: 1em 1em 12em 17em;
}
#welcome {

}

#welcome .post {
	max-width: 500px;
	margin: 1em 0 1.3em 0;
}

#welcome .post h2 {
	clear: none;
	margin: 2em 0 1em 0;
	font-size: 1.6em;
	font-weight: normal;
	font-family: Copperplate, fantasy;
}
#welcome .post .entry strong{
	clear: left;
	display: block;
	padding: 1.2em 0 0 0;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.2em;
}
#welcome .entry p {
	clear: left;
	margin: 0 3em 1.8em 0;
	font-size: 0.9em;
	line-height: 1.7em;
}

#welcome .entry div.flickr-gallery {
	background: none;
	display: block;
}
#welcome .entry div.flickr-gallery a img {
	width: 42px;
	height: 40px;
}
#welcome .entry .fg-clear {
	display: none;
}
/*twitter & Flickr*/
#content .article #photos {
	background: #fff;
}
#content .album {
	background: transparent;
	margin: 0.6em 0;
	padding: 0;
}
#content .album img.highlight {
	border: 2px solid #AA0025;
}
#twitter ul li#flickr-sidebar  {
	display: block;
	width: 200px;
	float:  right;
	margin: 0 0 0 2em;
	font-size: 0.8em;
}
#twitter ul li#flickr-sidebar h2.widgettitle {
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #3b432e;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Copperplate, fantasy;
	text-transform: uppercase;	
	padding: 3.3em 3em 2em 0;
}
#twitter ul li#flickr-sidebar a.more-photos{
	display: block;
	margin: 0.2em 0;
	color: #5E7F03;
}

#twitter ul li#twitter-tools {
	width: 18em;
	float:  right;
	margin: 0 1em 0 0;
	font-size: 0.8em;
}
#twitter ul li#twitter-tools h2.widgettitle {
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #3b432e;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Copperplate, fantasy;
	text-transform: uppercase;	
	background: url(images/twitterbird.png) bottom right no-repeat;
	background-position: 3em 2em;
	padding: 3.3em 3em 0.8em 0;
}
#twitter ul li#twitter-tools div.aktt_tweets ul:before {
	content: 'twitter update';
	clear: both;
	display: block;
	font-family: Copperplate, fantasy;
	text-transform: uppercase;	
	font-size: 0.9em;
	color: #999;
	margin: -0.7em 0 0 0;
}
#twitter ul li#twitter-tools div.aktt_tweets ul {
	width: 80%;
	text-transform: none;
}
#twitter ul li#twitter-tools div.aktt_tweets ul li {
	margin: 1em 0;
}

#twitter ul li#twitter-tools div.aktt_tweets ul li a{
	margin: 0.2em 0;
	color: #5E7F03;
}


/* footer */

#footer {
	display: block;
	text-align: left;
	padding: 0;
}
#footer p{
		padding:3em 0 0 22%;
}

/* My Comment */