/*   
Theme Name: Seemly
Theme URI: 
Description: Seemly - A child theme based on the Thematic parent theme.
Author: Chris Sparshott - Seemly
Author URI: http://www.seemly.co.uk
Template: thematic
Version: 1.0
Tags: Thematic, seemly
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('common/styles/reset.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*
====================================

=overide styles

====================================
*/

.entry-content h1,
.entry-content h2 {
	padding-top:0;
	padding-bottom:6px;
	font-size:21px;
}

/*
====================================

=generic styles

====================================
*/
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#888;
	background:url(common/images/body-bg.jpg) repeat-x top;
}

h1, h1 a,
h2, h2 a {
	font-family:georgia;
	font-weight:lighter;
	font-style:italic;
	color:#666;
}

p {
	margin:0 0 10px 0;
}

a, a:link, a:visited {
	color:#2F7BBF !important;
}
a:hover, a:active {
	color:#0F4A7F !important;
	text-decoration:underline;
}
a:active {
	margin:0 !important;
}

/*
====================================

=remove thematic styles

====================================
*/
#primary {
	border:none;
}


/*
====================================

=page styles

====================================
*/
div#wrapper {
	width:960px;
	margin:auto;
}

div#header {
	width:980px;
	height:100px;
	/*overflow:auto;*/
}

div#header div#branding {
	width:980px;
	height:60px;
	padding:0;
}
div#header div#branding div#blog-title {
	float:left;
}
div#header div#branding div#blog-title span a {
	width:122px;
	height:60px;
	display:block;
	font-size:17px;
	font-weight:lighter;
	line-height:60px;
	text-indent:-9999em;
	background:url(common/images/logo-seemly-blog.png) no-repeat;
}
div#header div#branding div#blog-title span a:active {
	margin:0;
}
div#header div#branding #blog-description {
	width:186px;
	height:60px;
	float:right;
	line-height:60px;
	text-indent:-9999em;
	background:url(common/images/seemly-description.png) no-repeat;
}

div#header div#access {
	width:630px;
	height:40px;
	float:left;
	border:none;
}
div#header div#access div.menu {
	width:630px;
	height:40px;
}
div#header div#access div.menu ul {
	width:auto;
	height:32px;
	margin:8px 0 0 0;
	border:none;
}
div#header div#access div.menu ul li {
	background:none;
}
div#header div#access div.menu ul li a {
	width:auto;
	height:32px;
	padding:0;
	margin:0;
	border:none;
	line-height:32px;
}
div#header form#searchform {
	width:305px;
	float:right;
	margin:8px 0 0 0;
}
div#header form#searchform input#s {
	width:305px;
	height:15px;
	padding:4px 5px;
	float:right;
	font-size:12px;
	color:#8FDAFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	border:1px solid #4DA7CF;
	background:#006E9F;
}
div#header form#searchform input#searchsubmit {
	display:none;
}


div#headerBanner {
	width:980px;
	height:150px;
	margin-top:1px;
	position:relative;
}
div#headerBanner a.mainBanner {
	width:602px;
	height:222px;
	display:block;
	position:absolute;
	text-indent:-9999em;
	background:url(common/images/main-banner.jpg) no-repeat;
}


div#main {
	width:980px;
	height:auto;
	padding:70px 0 30px 0;
}
div#main div#container {
	margin:0;
}
div#main div#container div#content {
	width:600px;
	margin:0;
}

/*
====================================

=sidebar styles

====================================
*/
div#primary.aside  {
	padding:0;
}

.aside {
	width:305px;
	margin:0 0 20px 0;
	float:right;
}
.aside h3 {
	margin-bottom:3px;
	border-bottom:1px solid #ddd;
	font-size:12px;
	text-transform:uppercase;
	font-weight:lighter;
	color:#bbb;
}
.aside ul {
	padding:0;
	margin:0;
}
.aside ul li {
	list-style:none;
}

.aside ul ul {
	max-height:142px;
	overflow:auto;
	margin:0 0 20px 2px;
}

.aside li.widgetcontainer ul li {
	list-style-position:outside;
	list-style-type:disc;
        margin-left:13px;
}
.aside li.widgetcontainer ul li a {
        display:block;
}
.aside li.widgetcontainer {
	margin-bottom:40px;
}


.aside li.widget_twitter h3 a {
	color:#bbb !important;
}
.aside li.widget_twitter ul li {
	margin:0 0 20px 0;
	list-style-type:disc;
	list-style-position:outside;
}
.aside li.widget_twitter div.twitter-avatar,
.aside li.widget_twitter span.from-meta {
	display:none;
}
.aside li.widget_twitter span.entry-meta,
.aside li.widget_twitter span.entry-content {
	padding:0;
	display:block;
}
.aside li.widget_twitter span.entry-meta span.time-meta a {
	color:#bbb !important;
}
.aside li.widget_twitter span.entry-meta span.time-meta a:hover {
	text-decoration:none;
	cursor:default;
}
.aside li.widget_twitter ul li.xavisys-link {
	display:none;
}

#flickr-badge small {
	display:none;
}

div.twtr-hd {
	display:none;
}
div.twtr-ft div {
	padding:5px 0 0 0;
	border-top:1px solid #ddd;
}
div.twtr-timeline {
	height:60px !important;
}
div.twtr-widget div.twtr-tweet-wrap {
	padding:0;
}
div.twtr-widget div.twtr-tweet {
	height:64px !important;
	border:none;
}

/*
====================================

=footer styles

====================================
*/
div#footer {
	width:980px;
	margin:0;
}
div#footer div#siteinfo {
	width:980px;
	height:30px;
	padding:0;
	line-height:30px;
}
div#footer div#siteinfo span {
	float:right;
}


/*
====================================

=postDate styles

====================================
*/
.entry-date {
	width: 66px;
	height: 60px;
	position: absolute;
	top:-10px;
	right:-16px;
}
.entry-date p {
	margin:0;
}
.month, .day, .year {
	position: absolute;
	text-indent: -1000em;
	background-image: url(common/images/date_img.png);
	background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 33px; height: 30px; display:block;}
.day   { top: 30px; left: 0; width: 33px; height: 30px; display:block;}
.year  { bottom: 0; right: 13px; width: 20px; height: 60px; display:block;}


/*month*/
.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}

/*day*/
.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}
.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}
.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}
.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}
.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -436px;}
.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}
.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}
.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}
.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}
.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}
.d-31 { background-position: -100px -436px;}

/*year*/
.y-2008 { background-position: -149px 0;}
.y-2009 { background-position: -149px -60px;}
.y-2010 { background-position: -149px -120px;}
.y-2011 { background-position: -149px -180px;}
.y-2012 { background-position: -149px -240px;}
.y-2013 { background-position: -149px -300px;}
.y-2014 { background-position: -149px -360px;}



/*
====================================

=post styles

====================================
*/
.hentry.post {
	/*padding:0 0 0 60px;*/
	padding:0 60px 0 0;
	margin:0 0 30px 0;
	position:relative;
	border-bottom:1px solid #eaeaea;
}


.hentry .entry-utility {
	margin:20px 0 44px 0;
	font-size:12px;
	line-height:14px;
}

.hentry .entry-utility span.meta-sep,
.hentry .entry-meta span.meta-sep {
	font-weight:bold;
	color:#aaa;
}
.hentry .entry-meta {
	/*padding:0 0 0 60px;*/
}
.hentry .entry-meta span.author a {
	text-transform:capitalize;
}


.hentry .entry-title {
	/*padding:0 0 0 60px;*/
	margin:0 0 4px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color:#999;
	line-height:30px;
}
.hentry .entry-title a {
	color:#2F7BBF ;
}
.hentry .entry-title a:hover,
.hentry .entry-title a:active {
	text-decoration:none;
}


.hentry .entry-content {
	margin-bottom:30px;
}

.hentry .entry-content h1, 
.hentry .entry-content h2,
.hentry .entry-content h3 {
	line-height:20px;
	font-family:georgia;
	font-weight:lighter;
	font-style:italic;
	color:#999;
}
.hentry .entry-content h2,
.hentry .entry-content h3 {
	margin-top:40px;
        clear:both;
}
.hentry .entry-content p.readMoreLink span {
	position:relative;
	top:-1px;
}
.hentry .entry-content p {
	clear:both;
	line-height:1.4em;
}
.hentry .entry-content em {
	font-style:italic;
	color:#666;
}

.hentry .entry-content img {
    max-width:580px !important;
	padding:8px;
	border:1px solid #ddd;
	background:#f1f1f1;
}

.hentry .entry-content blockquote {
	/*padding:20px 0 20px 30px;*/
	padding:1px 20px 20px 70px;
	margin:10px 0 20px 0;
	float:left;
	/*border-left:3px solid #eee;*/
	background:url(common/images/blockquote.png) no-repeat left top;
}
.hentry .entry-content blockquote p {
	margin:0 0 14px;
	color:#999;
}

.hentry .entry-content .wp-caption {
	padding:0 0 20px 0;
	margin:10px 0 20px;
	border:none;
	float:left;
	position:relative;
	overflow:visible;
}
.hentry .entry-content .wp-caption p.wp-caption-text {
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
	font-style:italic;
	color:#bbb;
}
.hentry .entry-content .wp-caption img {
	float:left;
}

.hentry a.twitterButton,
.hentry a.twitterButton:active {
	margin:0 10px 0 0 !important;
}

.hentry .entry-content li {
	margin-bottom:15px;
}


div#nav-below {
	margin:0;
}

/*
====================================

=comment styles

====================================
*/
div#comments {
	padding:0;
	margin:30px 0 0 0;
}

div#comments h3 {
	padding:0;
	margin:0 0 4px 0;
	font-size:15px;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
	color:#cfcfcf;
}
div#comments h3 span {
	font-size:19px;
}


div#comments div.comments {
	margin-bottom:30px;
}
div#comments div.comments ol {
	padding:0;
	margin:0;
	border:1px solid #ddd;
	border-bottom:none;
}
div#comments div.comments ol li {
	list-style:none !important;
}
div#comments div.comments ol ul {
	padding:0;
}
div#comments-list ul li {
	border:1px solid #ddd;
}

div#trackbacks-list li {
	padding:18px 1.5em;
	border-bottom:1px solid #ddd;
}


div#comments div.form-section {
	overflow:auto;
}
div#comments div.form-label {
	width:50px;
	height:auto;
	margin:0 10px 0 0;
	display:inline-block;
	float:left;
	text-align:left;
}
div#comments div.form-label label {
	font-size:12px;
}
div#comments div.form-input {
	width:260px;
	height:auto;
	display:inline-block;
	float:left;
}
div#comments input,
div#comments textarea {
	padding:2px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	background:#f7f7f7;
}
div#comments div#form-allowed-tags {
	display:none;
}
/*div#comments input#submit {
	width:100px;
	height:30px;
	display:block;
	float:left;
	text-indent:-9999em;
	border:none;
	background:url(common/images/btn-post-comment.jpg) no-repeat;
}*/
div#comments input#submit {
	padding:6px;
	background:#f2f2f2;
}
div#comments input#submit:hover {
	cursor:pointer;
}

/*
====================================

=menu styles

====================================
*/
div#header div#access div.menu {
	width:600px;
	height:40px;
	float:left;
	overflow:hidden;
	position:relative;
}
div#header div#access div.menu ul.sf-menu {
	height:32px;
	margin:0;
	border:none;
	position:absolute;
	bottom:0;
}
div#header div#access div.menu ul.sf-menu li {
	height:32px;
	padding:0 20px 0 0;
	margin:0 0 0 0;
	background:url(common/images/nav.png) no-repeat right top;
}
div#header div#access div.menu ul.sf-menu li a {
	width:auto;
	height:32px;
	padding:0 0 0 20px;
	display:inline-block;
	border:none;
	line-height:32px;
	font-size:14px;
	color:#2c8600 !important;
	text-shadow: 0px 1px 0px #bcf36a;
	background:url(common/images/nav.png) no-repeat left top;
}
div#header div#access div.menu ul.sf-menu li:hover,
div#header div#access div.menu ul.sf-menu li.current_page_item {
	background-position:right bottom;
}
div#header div#access div.menu ul.sf-menu li:hover a,
div#header div#access div.menu ul.sf-menu li.current_page_item a {
	color:#ca5f00 !important;
	text-shadow: 0px 1px 0px #f8d87a;
	background-position:left bottom;
	text-decoration:none !important;
}


/*
====================================

=plugin styles

====================================
*/
/*div.entry-content .syntaxhighlighter .line.highlighted.alt1,
div.entry-content .syntaxhighlighter .line.highlighted.alt2 {
	background:#E0FFAF !important;
}*/
div.entry-content .syntaxhighlighter .line {
	white-space:normal !important;
}