/*
Theme Name: Evolution
Theme URI: http://www.arteki.com
Description:  Designed for Firefox
Version: 1.1.5
Author: Gaby Longhurst
Author URI: http://www.arteki.com/
Tags: 
*/


/*--------------- BROWSER RESETS --------------*/
html, body, ul  {
	margin: 0;
	padding: 0;
}

p {
	margin: 15px 0;
}

/* Acronyms are not properly underlined in Chrome */
acronym {
	border-bottom: 1px dotted black; /* font color */
}


/*---------------- TYPOGRAPHY -----------------*/

/*-- Global --*/
body {
	font-family: arial, sans-serif;
	height: 100%;
	font-size: 1em;
	}

.post em.warning, .page em.warning {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.post em.small-note, .page em.small-note {
    font-size: 0.8em;
}

.post em.identifier, .page em.identifier {
    font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
}

.postheader > .postAuthor, .postheader > .postComments {
    display: inline-block;
}

.postheader > .postAuthor {
        width: 332px;
}

.postheader > .postComments {
    width: 250px;
}

	.postheader > .postAuthor {
		padding-left: 22px;
		background: url('images/user.png') no-repeat center left transparent;
	}


	.postheader > .postComments {
		text-align: right;
		padding-right: 22px;
		background: url('images/comment.png') no-repeat center right transparent;
	}

.postBody h3, .pageBody h3 {
	font-size: 1.3em;
}


#sidebar > .widget > h2 {
	font-size: 1.2em;
}

#footer, #copyright {
	text-align: center;
    font-size: 0.75em;
}
	

/*--------------  STRUCTURE -------------------*/
/*-- Global --*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center; /* IE page center */
}

#page {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#header {
	width: 960px;
	height: 185px;
	margin: 0 auto;
}

#content {
	width: 640px; /* 760px - padding & margins */
	padding: 0 39px 0 40px;
	float: left;
}

#sidebar {
	width: 200px; /*200px - padding & margins */
	margin: 0;
	padding: 0 10px 10px 9px;
	float: left;
	font-size: 0.8em
}

#sidebar > .widget > h2 {
	margin: 2.2em 0 0.8em 0;
}

#footer {
	clear: both;
	width: 100%;
}

#copyright {
	width: 960px;
	height: 75px;
	margin: 0 auto;
}


/*-- Post  --*/
.postheader .postCategory {
	display: block;
	clear: both;
}



.postheader .postComments {
	text-align: right;
}


/*------------- Links ------------------*/
/*-- Global links --*/

a {
	color: #0178a9;
}

a:visited {
	color: #8da243;
}

a:hover {
	color: #52b6df;
}


/*-- Post header links --*/
.postheader > h2 > a, .pageheader > h2 > a {
	color: #007DB0;
	text-decoration: none;
	font-weight: normal;
}

.postheader > h2 > a:visited , .pageheader > h2 > a:visited {
	color: #56abce;
}

.postheader > span > a, .postheader > span > a:visited  {
	color: #259aca;
	text-decoration: none;
	font-weight: bold;
}


.postheader > h2 > a:hover, .postheader > span > a:hover, .pageheader > h2 > a:hover {
	color: #69c3e7;
}

.postheader > span > a:hover {
	text-decoration: underline;
}



/*-- Navigation links --*/

#navigation > li > a, #navigation > li > a:visited {
	text-decoration: none;
	color: #e4f7ff;
}


#navigation > li > a:hover {
	color: #fff;
	padding-bottom: 10px;
}



/*-- Sidebar links--*/


/*-- Footer links --*/
#footer a, #footer a:visited {
	color: #d9f2fc;
}

#footer a:hover {
	color: #fff;;
}




/*----------- Image Backgrounds ---------*/
body {
	background: url('images/bg.gif') top left repeat #fff;
}

#page {
	background: url('images/page-shadow.png') repeat-y transparent;
}

#header {
	background: url('images/header.png') no-repeat bottom left transparent;
}

#header > h1   {
	background: url('images/logo.png') no-repeat top center transparent;
	width: 200px;
	height: 123px;
	margin: 0;
	position: absolute;
	bottom: -11px;
	left: 10px;
	text-indent: -9999px;
}

#header > h1 > a {
	width: 200px;
	height: 80px;
	display: block;
}

#navigation > li > a {
	background: url('images/navbg.png') top left repeat-x transparent;
}

#navigation > li {
	background: url('images/navbg.png') top right repeat-x transparent;
}


#subscribeRSS > a > img, #subscribeEmail > a > img {
	width: 114px;
	height: 33px;
	border: 0;
}

#commentArea .commentHeader {
	background: url('images/comment-Header.gif') repeat-x top #7CC1De;
}

#commentArea .avatar {
	background: url('images/avatar-bg.png') no-repeat top right transparent;
}

#sidebar {
	background: url('images/sidebar.gif') repeat-x top #d5e9f7;
}


#footer {
	background: url('images/shadediv.png') repeat-x top #0374a2;
}

#copyright {
	background: url('images/footer.png') no-repeat top left transparent;
}







/*--------------- Display ---------------------*/
/*-- Global --*/


hr, .hidden {
	display: none;
}

img {
	border: 0;
}

/*-- Footer --*/



#footer div {
	display: inline-block;
    margin: 20px;
	vertical-align: top;
}

#footerSection-1 a {
    display: block;
	margin: 0 0 0.5em;
}

#footerSection-1 > a > img {
	margin: 0 0 -5px;
}

#footerSection-1 {
	text-align: left;
	width: 166px;
}

#footerSection-2 {
	width: 454px;
}

#footerSection-3 {
	width: 180px;
	text-align: right;
}





/*----------------- Posts ---------------------*/

.post, .page {
	margin: 0 0 40px;
	background: #fff;
}

	.postheader, .pageheader {
		background: transparent;
		padding: 0;
		margin: 0 0 3em;
	}
	
	.index > div > .postheader {
		margin: 0 0 1.5em;
	}

		.postheader > h2, .pageheader > h2 {
			margin: 0.7em 0 0.5em !important;
		}
		
	.post p, .post ol, .post ul, .page p, .page ol, .page ul {
		margin: 1.5em 0;
		line-height: 1.5em;
	}
		
	.post h2, .page h2 {
		color: #007DB0;
		font-size: 2em;
		border-bottom: 2px solid #007DB0;
		font-weight: normal;
		margin: 2em 0 1em;
		text-align: left;
	}
	
	#article {
		margin-bottom: 3em;
	}
	
		.postBody strong, .pageBody strong {
			color: #005575;
		}
		
		.postBody hr, .pageBody hr {
			display: block;
		}

		.postBody > h3, .pageBody > h3 {
			margin: 2em 0 1em;
		}
		
			.postBody h3 a, .pageBody h3  a {
				text-decoration: none;
				color: #4AB1DB;
			}
			
			.postBody h3 a:hover, .pageBody h3  a:hover{
				color: #79cdef;
			}


	/*-- Post Images --*/

	.postBody img.right, .pageBody img.right {
		margin: 0 0 0 15px;
	}

	.postBody img.left, .pageBody img.left {
		margin: 0 15px 0 0;
	}

	.postBody img.center, .pageBody img.center {
		display: block;
		margin: 10px auto;
	}



/*---------------- - Lists --------------------*/

ul {
	padding: 0 0 0 20px;
	list-style-image: url('images/tribul.png');
}


/*-- Navigation --*/
#navigation {
	bottom: 40px;
	left: 260px;
	margin: 0;
	padding: 0 15px 0 45px;
}

	#navigation > li {
		display: inline-block;
		list-style-type: none;
		padding: 0 7px 0 0;
		margin: 0 10px 0 7px;
		vertical-align: bottom;
	}

		#navigation > li > a {
			padding: 5px 5px 5px 12px;
			margin: 0 0 0 -15px;
			display: block;
			font-size: 1em;
			font-weight: bold;
		}




/*---------------- Header ---------------------*/
#header {
	position: relative;
}



/*-- RSS/Email --*/
#subscribeRSS, #subscribeEmail, #navigation {
	position: absolute;
}
#subscribeRSS, #subscribeEmail {
	bottom: 90px;
}

#subscribeRSS {
	right: 140px;
}

#subscribeEmail {
	right: 20px;
}



/*--------------- Sidebar ---------------------*/

/*-- Search --*/
#sidebar #searchform #s {
	width: 9.6em;
	margin: 0;
	padding: 3px;
	background: #DDF5FF;
	border: 1px solid #01648C;
}

#sidebar #searchform #searchsubmit {
	width: 4.5em;
	margin: 0;
	padding: 1px;
	cursor: pointer;
}

#tagWidget #theTags {
	font-size: 0.8em;
}


#sidebar > .widget > ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#sidebar > .widget > ul li {
	margin: 1em 0;
}

	#sidebar > .cat-widget > ul li {
		margin: 0.2em 0;
	}

#sidebar a {
	color: #00587C;
}

#sidebar a:visited {
	color: #3787a8;
}

#sidebar a:hover {
	color: #4c9fc1;
}

#search-3 {
	margin-top: -2.2em;
}

#search-3 > h2 {
	color: #EFFBFF !important;
	border-color: #effbff !important;
	border-style: solid !important;
	border-width: 0 0 1px !important;
}




/*-------------- Comments ---------------------*/


/*-- Comment Form --*/
#commentform #comment {
	width: 400px;
	height: 120px;
}

.comment-body {
	margin-top: 9px;
        padding: 15px;
        border: 1px solid #003F59;
        background: #fff;
}

ul#commentList {
	padding: 0;
	margin: 2em 0 2.5em;
}

ul#commentList, ul#commentList ul.children {
	list-style-image: none;
	list-style-type: none;
    border-left: 1px dashed #ddebf0;
}

ul#commentList ul.children > li {
	margin-left: -1px;
}

#commentArea > ul ul {
	padding: 0;
        margin: 0 0 0 30px;
}

#commentArea .commentHeader {
	margin: -15px -15px 15px;
	padding: 10px 5px 5px 7px;
	border-bottom: 1px solid #003F59;
	line-height: 1em;
}


#commentArea .commentDate, #commentArea .authorName {
	display: block;
}

#commentArea .commentDate {
	font-size: 0.7em;
}

#commentArea .authorName {
	font-size: 1.1em;
	margin-bottom: 0.3em;
}

#commentArea .avatar {
	float: right;
	padding: 6px 6px 15px 15px;
	margin: -10px -5px 0 10px;
	width: 50px;
	height: 50px;
	
}

.commentModeration {
	color: #20b7f7;
	font-style: italic;
	margin: 0 0 1em;
	display: block;
	font-size: 0.9em;
}

.commentText {
	clear: both;
}
	
.commentHeader a, .commentHeader {
	color: #003F59;
}

.byuser > .comment-body {
	background: #b4e9ff;
}

#allowedHTML {
	font-size: 0.95em;
	line-height: 1em;
	width: 400px;
}

.ping-time {
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
}

a:hover.ping-time {
	text-decoration: underline;
}


/*---------------------- Colours and Borders -------------------------*/

#sidebar {
	border-left: 1px solid #FFFFFF;
}

#content {
	border-right: 1px solid #01AAF0;
}

h3 {
	color: #4ab1db;
	border-bottom: 1px solid #4ab1db;
}

#sidebar > .widget > h2 {
	color: #003F59;
	border-bottom: 1px solid #003F59;
}

#footer, #copyright {
	color: #FFFFFF;
}




/*---------------------- contact form ------------------*/

.wpcf7-form br {
	display: none;
}

.wpcf7-form p {
	margin: 0 0 2em;
}

.wpcf7-form > .section {
	border-top: 2px solid #4ab1db;
	margin: 2em 0 1em;
	padding: 2em 0 0;
}

	.wpcf7-form label {
		display: inline-block;
		vertical-align: top;
		width: 250px;
		font-size: 1.25em;
		color: #4ab1db;
	}
	
	.wpcf7-form input, .wpcf7-form textarea {
		margin: 0 15px 0 0;
		padding: 5px;
		width: 250px;
		font-size: 1em;
	}
	
	/* Doesn't seem to inherit font correctly*/
	.wpcf7-form textarea {
		font-family: arial, sans-serif;
	}
	
	.wpcf7-form select {
		margin: 0 15px 0 0;
		width: 265px;
		font-size: 1em;
	}
	
	.wpcf7-form input[type="submit"] {
		width: 100%;
		color: #4ab1db;
		padding: 5px;
		font-size: 1.25em;
		cursor: pointer;
	}
	
	.wpcf7-form img.ajax-loader {
		display: block;
		margin: 0 auto;
	}




/*----------------- Post Footer  ------------------*/

#postFooter {
	margin-top: 1em;
}

.previous, .next {
	display: inline-block;
	width: 291px;
	margin: 0 0 1.5em 0;
}

	.next {
		text-align:right;
	}
	
		.next > a {
			padding: 5px 20px 5px 5px;
			background: url('images/resultset_next.png') no-repeat center right transparent;
		}
	
	.previous > a {
		padding: 5px 5px 5px 20px;
		background: url('images/resultset_previous.png') no-repeat center left transparent;
	}

#postFooter > hr {
	border-color: #008CC5;
	border-style: solid;
	border-width: 1px 0 0;
}

#postFooter h3 {
	font-size: 1.1em;
	margin: 2em 0 1em;
}



/*-------------- Shared --------------*/
h3 {
	font-weight: normal;
}

.left {
	float: left;
	width: auto;
}

.right {
	float: right;
	width: auto;
}


.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.centralised {
	text-align: center !important;
}

pre {
	width:618px;
	overflow: auto;
	padding: 10px;
	font-size: 0.9em;
	border: 1px solid #01648C;
	background-color: #f5f6ff;
	line-height: normal;
	color: #000;
}

table {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #007DB0;
    border-collapse: collapse;
    border-spacing: 0;
}

table > thead > tr > th, table > tbody > tr > td {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #007DB0;
    padding: 4px;
    margin: 0;
    font-size: 0.9em;
}

table > thead > tr > th {
    background: #d5e9f7;
    text-align: center;
}

blockquote {
    border-left: 2px solid #007DB0;
    color: #456;
    padding: 0 0 0 5px;
    font-style: italic;
}






/*---------------- POST META/SHARE ---------*/

#postMeta, #postShare {
	display: inline-block;
	width: 298px;
	vertical-align: top;
	margin: 2em 0 1em;
}

#postMeta {
	padding-right: 16px;
	margin-right: -5px;
	border-right: 1px solid #66a;
}

	#postMeta > h2, #postShare > h2 {
		margin: 0 0 1em;
	}
	
	#postMeta > p {
		margin: 0 0 0.5em;
	}
	
		a.petite-url, a:visited.petite-url {
			text-decoration: none;
			color: #000;
		}
		
		a:hover.petite-url {
			text-decoration: underline;
			color: #52B6DF;
		}
	
	.postCategory,  #postMeta > .postTags, #postMeta > .postCommentRSS, #postMeta > .postsRSS {
		padding-left: 22px;
	}
		
	.postCategory {
		background: url('images/folder.png') no-repeat center left transparent;
	}
	
	#postMeta > .postTags {
		background: url('images/tag_blue.png') no-repeat center left transparent;
	}
	
	#postMeta .postCommentRSS, #postMeta > .postsRSS{
		background: url('images/feed.png') no-repeat center left transparent;
	}

#postShare {
	padding-left: 19px;
	text-align: center;
}

	ul.share-list, ul.share-list ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		ul.share-list > li {
			display: inline-block;
			margin: 0 7px;
		}
		
			ul.share-list > li > a {
				display: block;
				height: 50px;
				width: 50px;
				background: url('images/social-sprite.png') no-repeat top left transparent;
				text-indent: -9999px;
			}
			
			ul.share-list > li.digg > a {
				background-position: -50px -0;
			}
			
			ul.share-list > li.digg > a:hover {
				background-position: -50px -50px;
			}
			
			ul.share-list > li.retweet > a {
				background-position: 0 0;
			}
			
			ul.share-list > li.retweet > a:hover {
				background-position: 0 -50px;
			}
		
			
				
			
	#addtoany {
		margin-top: 15px;
	}
	
	
/*-- Month Archive --*/
.monthArchive > h3 {
	margin-left: -20px;
}


/*--Wordpress.com Stats plugin --*/
img#wpstats {
	display:none
}


/*-- post caption boxes --*/


.post .caption-center, .page .caption-center, .post .caption-left, .page .caption-left, .post .caption-right, .page .caption-right {
	font-size: 0.8em;
	text-align: center;
	background: #f0fbff;
	border: 1px solid #0084b7;
	padding: 10px;
}

.post .caption-center, .page .caption-center {
	margin: 1.5em auto;
}

.post .caption-left, .page .caption-left {
	margin: 1.5em 20px 1.5em 0;
	float: left;
}

.post .caption-right, .page .caption-right {
	margin: 1.5em 0 1.5em 20px;
	float: right;
}

	.post .caption-center > p, .page .caption-center > p, .post .caption-left > p, .page .caption-left > p, .post .caption-right > p, .page .caption-right > p {
		margin: 0;
	}
	
	.post .caption-center > p.caption-text, .page .caption-center > p.caption-text, .post .caption-left > p.caption-text, .page .caption-left > p.caption-text, .post .caption-right > p.caption-text, .page .caption-right > p.caption-text {
		margin: 10px 0 0;
	}
	
	.post .caption-center img, .page .caption-center img, .post .caption-left img, .page .caption-left img, .post .caption-right img, .page .caption-right img  {
	border: 2px solid #259ACA;
	padding: 2px;
	margin: 5px;
}




/*--------------------- 404 --------------------*/
#error-404 > #text-3 > h2 {
	margin: 0 0 1em;
}



/*-------------------- Archive -----------------*/
.archive-post {
    margin: 1em 0 2em;
}
    .archive-post > .postheader {
        padding: 0;
        margin: 0;
    }
        .archive-post > .postheader > h3 {
            margin-bottom: 0.5em;
            border-color: #0178A9;
        }
            .archive-post > .postheader > h3 > a {
                text-decoration: none;
            }
            .archive-post > .postheader > h3 > a:visited {
                color: #0178A9;
            }
            .archive-post > .postheader > h3 > a:hover {
                color: #69c3e7;
            }
    .archive-post > .postBody > p {
        margin: 0.5em 0;
    }

#archive > .archive-half {
    margin: 0 0 3em;
}
    #archive > .archive-half > .pageheader {
        padding: 0;
        margin: 0 0 0.5em;
    }