/*
THEME NAME: geekmade
THEME URI: http://www.geekmade.co.uk
*/

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	geekmade.co.uk the blog
Author: Ben Aldred..

* Organising and orchastrating the css files
* more specifics here
-------------------------------------------------------------------*/

@import url('stylesheets/reset.css');
@import url('stylesheets/common.css');
@import url('stylesheets/layout.css'); /* page layout, major elements [ header, navigation, footer, sidebar etc ]*/
@import url('stylesheets/code.css');

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
3. Navigation / #nav
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer
-------------------------------------------------------------------*/

/* =[1. Body]
------------------------------------------------------------------*/
body {
	font-family:"Helvetica","Arial",sans-serif;
	color: #333;
}


/* =[2. entries ]
------------------------------------------------------------------*/
.hentry {
	width: 100%;
	margin-bottom: 4em;
}

.home .hentry {
	margin-bottom: 10em;
}

.hentry .entry-sidebar {
	float:left;
	width: 8%;
	color: #2583AD;
	font-size: 1.7em;
	text-align:center;
	position:relative;
	display:inline;
	margin-left: 12%;
	margin-right: 2%;
}

.hentry .entry-date {
	/*border-right: 5px dotted #C6D9E9;*/
}

.hentry .entry-date .day {
	display:block;
	font-size: 3.8em;
	font-weight: bold;
	line-height: 1;
}

.hentry .comments-link {
	width: 1.4em;
	position:relative;
	background: url(images/bubble-bg.gif) no-repeat 60% 100%;
	display:block;
	padding-bottom: 12px;
	margin: 1em auto 0 auto;
	font-size: 1.6em;
}

.hentry .comments-link a {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#464646;
	display:block;
	height:1.3em;
	padding:0;
	line-height:1.4em;
	text-align:center;
	color: #fff;
	text-decoration: none;
		width: 100%;
}



.hentry .author {
	display:inline-block;
	background-color:#464646;
	color: #fff;
	font-size: 1.4em;
	line-height:1.2em;
	padding:0.2em 0.5em;
	margin-bottom: 1.5em;
	font-family:Cambria,Georgia,Myriad Pro,Serif;
}

.hentry .author a {
	color: #fff;
	text-decoration: none;
}

.hentry .entry-body {
	margin-left: 22%;
	width: 70em;
}


.hentry h2 {
	font-family:Georgia,Myriad Pro,Serif;
	font-size:3.2em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	color:#2583AD;
	font-style: italic;
}

.hentry h2 a {
	color:#464646;
	text-decoration: none;
}

.hentry h2 a:hover {
	color:#E2147E;
	text-decoration: underline;
}

.entry-content h3, #archives h3 {
	font-family:Georgia,Myriad Pro,Serif;
	font-size:2.5em;
	font-weight: normal;
	margin:1em 0pt 0.25em;
}

.entry-content h4 {
	font-size:1.3em;
	margin:1em 0pt 0.25em;
	text-transform: uppercase;
	font-weight: bold;
}

.entry-content p, .entry-content li, .entry-content address {
 line-height: 1.6em;
	font-size: 1.4em;
}

.entry-content dt, .entry-content dd {
 line-height: 1.8em;
}

.entry-content dt {
 font-weight: bold;
}

.entry-content dd {
 margin-left: 30px;
}

.entry-content p, .entry-content ul, 
.entry-content ol, .entry-content address, 
.entry-content dl {
 margin-bottom: 1.6em;
}

.entry-content ul {
 margin-left: 30px;
}

.entry-content ol {
 margin-left: 35px;
}

.entry-content blockquote {
 	margin: 2em 1em;
 	font-family:Georgia,Times,Serif;
	font-size: 1.4em;
	background: url(images/quote.gif) no-repeat top left;
	padding-left: 30px;
	color: #888;
}

.entry-content code {
	background-color:#F8F8F8;
	border:1px solid #CCCCCC;
	color:#003399;
	font-family:Monaco, Bitstream Vera Sans Mono,Courier New;
	padding:0 0.2em;
}

.entry-content a:link, .entry-content a:visited, 
.hentry .entry-meta a:link, .hentry .entry-meta a:visited,
#archives a:link, #archives a:visited {
 	border-bottom:1px solid #DBD5C5;
 	color:#4F6CFF;
 	text-decoration:none;
	padding: 0.1em 0.2em;
}

.entry-content a:hover, .hentry .entry-meta a:hover,
#archives a:hover {
	background: #BFEFFF;
	border-bottom-width: 2px;
}

.hentry .entry-meta {
	/*color: #000;
	
	line-height:1.5em;
	padding:1em 0;
	margin-bottom: 1.5em;
	border-top: 2px solid #2583AD;
	margin-top: 1em;*/
	font-size: 1.2em;

	
	border-top:6px solid #464646;
	margin:2.2em 0pt 0pt;
	padding:3% 0pt;
	width:100%;
	background: #ccc url(images/noise-earth.gif);
}

.hentry .entry-meta p {
	margin:0 2em 0.8em 2em;
}

.hentry .entry-meta a:link, .hentry .entry-meta a:visited {
	border-bottom:1px solid #aaa;
}

.hentry .entry-meta a:hover {
	background: #4F6CFF;
 	color:#C6D9E9;
}

.hentry .entry-meta .keywords {
	float:left;
	width: 75%;
}


.hentry .entry-meta .social_bookmarks {
	float:right;
	width: 20%;
}

.hentry .entry-meta .stico_default:link {
	padding:1px 5px 5px 22px;
	border-bottom:0;
}

.hentry .entry-meta .stico_default:hover {
	color:#000;
}


/*--[ media and alignment ]--*/

.entry-content img, .entry-content object {
 	border:10px solid #E0E0D5;
}

.entry-content img:hover, .entry-content object:hover {
 	border-color: #ccc;
}

.entry-content object {
	display:block;
	margin:0 auto;
}

/* floated within ps */
.entry-content .alignleft {
	float:left;
	margin: 0 1em 1em 0;
	display:inline;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 1em 1em;
	display:inline;
}
/* center things that need to be centered */
.entry-content p.center {
	text-align:center;
}

/* =[3. archives ]
------------------------------------------------------------------*/
.archives {
	float:left;
	width: 45%;
	display:inline;
}

#secondary {
	float:right;
	width: 45%;
	display:inline;
}

#archives {
	width: 100%;
	margin-bottom: 4em;
}

#archives .widget {
	list-style-type: none;
}

#archives .widget li, .monthly-archives li {
	line-height: 1.5em;
	font-size: 1.4em;
}

#archives .widget_categories ul, .monthly-archives ul {
	margin-left: 20px;
}

#archives .widget_categories li {
	list-style-type: disc;
}

.page-title {
  background-color:#464646;
	color:#FFFFFF;
	display:inline-block;
	font-family:Georgia,Myriad Pro,Serif;
	font-size:2.2em;
	line-height:1.2em;
	margin-bottom:1.5em;
	padding:0.2em 0.5em;
	text-align: center;
	margin-left: 20%;
}

.page-title span {
	color: #2583AD;
	font-weight: bold;
}

.page-title a {
	color: #2583AD;
	text-decoration: none;
}

.page-title a:hover {
	color: #fff;
	text-decoration: underline;
}

#subnav a {
	border-bottom:1px solid #DBD5C5;
	color:#4F6CFF;
	padding:0.3em 0.2em 0.1em;
	text-decoration:none;
}

#subnav a:hover {
	border-bottom:2px solid #4F6CFF;
}



/* current sub page indicater */
#subnav .current_page_item, #subnav .current_page_item a, #subnav .current_page_item a:hover{
	color:#E2147E;
}

.page .entry-sidebar {
	margin-top: 3.3em;
}

.page .entry-sidebar h3 {
	text-transform: capitalize;
	color:#888888;
	font-family:Georgia,Times,Serif;
	font-style:italic;
	line-height:1.2em;
	margin-bottom:1em;
	text-align:left;
}

.page #subnav li {
	text-align: left;
	text-transform: capitalize;
}

.archive-header {
	margin-bottom: 3em;
}

.archive-header p {
	margin-left: 15%;
	color:#888888;
	font-family:Georgia,Times,Serif;
	font-size:1.6em;
	font-style:italic;
}


.archive-header .page-title {
	margin-bottom: 0.3em;
}

/* =[4. comments ]
------------------------------------------------------------------*/

#comments {
	margin-left:12%;
}

#comments-list {
	margin-bottom: 4em;
	margin-top: 4em;
}

#comments-list h3 {
	background-color:#464646;
	color:#FFFFFF;
	display:inline-block;
	font-family:Cambria,Georgia,Myriad Pro,Serif;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:1em;
	padding:0.2em 0.5em;
	float:left;
}

#comments-list h3 span {
	color:#2583AD;
	font-weight:bold;
}

#comments-list li {
	width: 100%;
	list-style-type: none;
}

#comments-list .bypostauthor .comment-author img {
	border: 2px solid #E2147E;
}

#comments-list .comment-author {
	float:left;
	width: 8%;
	padding-top: 2.2em;
	display:inline;
	margin-right: 2%;
}

#comments-list .comment-author img {
	display:block;
	border: 1px solid #ccc;
	padding:0.4em;
	margin: 0 auto;
}

#comments-list .fn {
	display:none;
}

#comments-list .comment-body {
	border-top: 1px solid #ccc;
	margin-left: 12%;
	padding-top: 2em;
	width:70em;
}

#comments-list .comment-body h4 {
	font-size: 1.4em;
}

#comments-list .comment-body p {
 line-height: 1.5em;
	font-size: 1.4em;
}

#comments-list .comment-body .date {
 	color:#888888;
	font-family:Georgia,Times,Serif;
	font-style:italic;
}


#comments-list .comment-body p {
 margin-bottom: 1em;
}

#comments-list a:link, #comments-list a:visited {
 	border-bottom:1px solid #DBD5C5;
 	color:#4F6CFF;
 	text-decoration:none;
	padding: 0.3em 0.2em 0.1em 0.2em;
}

#comments-list a:hover {
	background: #C6D9E9;
}


#comments-list .comment-body blockquote {
	font-family:Georgia,Times,Serif;
	background: url(images/quote.gif) no-repeat top left;
	padding-left: 30px;
	color: #888;
}

#comments-list .comment-body code {
	margin: 0;
	padding: 1em 4px 1em 4px;
	font-family: Monaco, "Bitstream Vera Sans Mono", "Courier New", monospace;
	color: #DADADA;
	background-color: #211E1E;
	display:block;
	border: 2px solid #ccc;
}
 
/* =[5. comment form and contact form ]
------------------------------------------------------------------*/

#respond {
	margin-left: 12%;
	width:70em;
}

.formcontainer fieldset, fieldset.cform {
	background:#F8F8F8;
	border:1px solid #CCCCCC;
	margin-bottom: 4em;
}

.cform .cf-ol li {
	margin:0;
	font-size: 1em;
	list-style: none;
	margin-top: 1em;
}

.cform p { font-size: 1em;}

.formcontainer legend {
	color:#333;
	font-size:80%;
	font-weight:bold;
	margin-left:0.5em;
	padding:0pt 0.5em;
	font-size: 1.6em;
}

.formcontainer .comment-notes {
	border-left:1px solid #CCCCCC;
	float:right;
	margin-right:2%;
	padding-left:1em;
	width:35%;
	display:inline;
}

.formcontainer .comment-notes h3 {
	font-size:1.3em;
	margin:0 0.25em 1em 0.25em;
	text-transform: uppercase;
	font-weight: bold;
}

.formcontainer .comment-notes p {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom: 0.5em;
}

p#login {
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 2em 0;
}

#commentform .form-label, #commentform .form-submit, .cform .cf-sb {
	margin: 1em 2em 0 2em;
}

.cform .cf-sb input {
	font-size: 1.6em;
}

#commentform .form-submit,
.cform .cf-sb {  margin-bottom: 2em;
	clear:both;
	margin-top: 2em;
	text-align: right;  } 

#commentform .form-label span, .comment-notes .required {
	font-size: 2em;
	position:relative;
	top: 0.3em;
}



#commentform label, .cform label {
	font-size: 1.2em;
}

.cform .reqtxt ,.cform .emailreqtxt {
	font-size: 1.1em;
	color: #888;
	font-family: Georgia, Times, Serif;
	font-style: italic;
}


.cform label {
	width: 10em;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	float:left;
	padding-top: 0.3em;
}

.form-input, .form-textarea, .cform .cf-ol {
	margin-left: 2em; margin-right: 2em;
}

.form-input input, .form-textarea textarea, .cf-ol .single, .cf-ol .area {
	font-size: 1.4em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.form-textarea textarea {
	width: 58%;
}

.cf-ol .single, .cf-ol .area {
	width: 20em;
	margin-right: 1em;
}

#commentform .form-submit input {
	font-size: 1.6em;
}


/* error highlighting for form form */
.failure, .success {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin: 2em 0;
}

.failure p, .success p {
	margin: 1em 2em;
}

.failure {
	border-top-color: #E2147E;
	border-bottom-color: #E2147E;
	background: #FFDFF0;
}

.success {
	background:#90BA6E;
	border-bottom-color:#75A053;
	border-top-color:#75A053;
}



.cf_li_err label {
	color: #E2147E;
	font-weight: bold;
}

.cf_li_err input {
	border: 2px solid #E2147E;
	background: #FFDFF0;
}

/* twistori styles */
.tw-love 		{ color: #a839b2; }
.tw-hate 		{ color: #ff0071; }
.tw-think	  { color: #acd030; }
.tw-believe { color: #58aa00; }
.tw-feel 		{ color: #00aa78; }
.tw-wish 		{ color: #0074ae; }