/* @override 
	http://www.talino.org/wp/wp-content/themes/thematic-grey/style.css
	http://www.talino.org/wp/wp-content/themes/tal-grey-v2/style.css
*/

/*
Theme Name: Thematic Grey
Theme URI: http://www.talino.org
Description: Child Theme for Thematic
Author: Tal Zana	
Author URI: http://www.talino.org
Template: thematic
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* @group Thematic */

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

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.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 */
@import url('../thematic/library/styles/default.css');

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

/* @end */

/* @group Basics */

body {
	background: #222;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #aaa;
}

.entry-content {
	padding-top: 30px;
}

body.category .entry-content {
	margin-bottom: 60px;
}

.page .entry-content {
	padding-top: 0;
}

#main {
	padding-top: 80px;
}

/*
The following 3 selectors strip 50 pixels from the default sidebar width in favour of the content area.
*/

#container {
	width: 670px;
}

#content {
	width: 590px;
}

.main-aside {
	width: 250px;
}

/* @end */

/* @group Header */

#branding {
	border-bottom: 1px solid #111;
    padding:100px 0 88px 0; /* used to align the logo text */
}

#branding.default {
	background: #000 url('images/logo940x250.jpg') no-repeat bottom center;
}

#branding.gallery {
	background: #000 url('images/logo940x250-photo.jpg') no-repeat bottom center;
}

#branding.tv {
	background: #000 url('images/logo940x250-tv.jpg') no-repeat bottom center;
}

#branding.about-me {
	background: #000 url('images/logo940x250-aboutme.jpg') no-repeat bottom center;
}

#branding.contact {
	background: #000 url('images/logo940x250-contact.jpg') no-repeat bottom center;
}

#blog-title a {
	color: #fff;
	padding-left: 40px;
	font-weight: normal;
	font-style: normal;
}

#blog-title a:hover {
	color: #fff;
}

#blog-description {
	color: #fff;
	padding-left: 40px;
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	letter-spacing: 1px;
}

/* @end */

/* @group Main Menu */

#access {
	width: 940px;
	margin:0 auto;
	background-color: #222;
	border: none;
}

.sf-menu {
	background-color: #222;
	border: none;
}

.sf-menu a,
.sf-menu a:visited {
	background-color: #222;
	border: none;
	font-size: 20px;
	text-transform: lowercase;
	color: #fff;
	font-weight: normal;
	font-style: normal;
}

.sf-menu a:hover {
	background-color: #000;
	color: #fff;
}

.sf-menu .current_page_item a {
	background-color: #333;
}

/* @end */

/* @group Typography */

h1.entry-title,
h1.entry-title a,
h1.entry-title a:visited,
h2.entry-title a, 
h2.entry-title a:visited {
	color: #ccc;
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
}

h1.entry-title a:hover,
h2.entry-title a:hover {
	color: #fff;
}

.entry-content a,
.entry-content a:visited,
#comments a.url,
#comments a.url:visited,
#commentform a,
#commentform a:visited,
.comment-content a,
.comment-content a:visited,
.textwidget a,
.textwidget a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #444;
	color: #eee;
}

.entry-content a:hover,
#comments a.url:hover,
#commentform a:hover,
.comment-content a:hover,
.textwidget a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #fff;
}

#content a:hover,
#blog-title a:hover {
	color: #fff;
}

.more-link a,
.more-link a:visited,
a.more-link,
a.more-link:visited {
	float: right;
	font-style: italic;
	text-transform: lowercase;
	text-decoration: none;
	border: none;
	color: #ddd;
	font-size: 12px;
	margin: 10px 2px 10px 0;
}

.more-link a:hover {
	border: none;
	color: #fff;
}

.entry-content h3 {
	text-transform: lowercase;
	font-weight: normal;
	color:  #fff;
	font-size: 20px;
	font-style: normal;
}

/* @end */

/* @group Lists */

.entry-content ol,
.entry-content ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.entry-content ol li {
	margin-top: 10px;
}

.entry-content ul li {
	margin-top: 10px;
}

/* @end */

/* @group Post Meta */

.cat-links,
.meta-sep-tag-links,
.tag-links,
.meta-sep-comments-link,
.meta-prep,
.author.vcard,
.meta-sep-entry-date,
.meta-sep-edit {
	display: none;
}

.entry-meta {
	text-transform: lowercase;
	text-align: right;
	border-top: 1px solid #333;
}

.entry-date .published {
	text-transform: lowercase;
	font-size: 12px;
}

.entry-utility {
	clear: both;
	border-top: 1px solid #333;
	padding-top: 5px;
	text-align: right;
	text-transform: lowercase;
	font-size: 16px;
}

.comments-link a {
	font-weight: normal;
	font-style: normal;
}



/* @end */

/* @group Images */

.wp-caption-text {
	text-align: left;
}

#content img,
#content a img,
.entry-content img,
.entry-content a img {
	border: 1px solid #777;
	padding: 1px;
}

#content a img:hover,
.entry-content a img:hover {
	border: 1px solid #ccc;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	padding-top: 0;
}

div.thumbnail {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
	padding: 1px;
	border: 1px solid #777;
	margin-bottom: 10px;
}

div.thumbnail:hover {
	border: 1px solid #ccc;
}

div.thumbnail p {
	color: #6e6e6e;
	font: normal .9em Helvetica, Arial, Geneva, sans-serif;
	text-align: center;
	margin: 5px;
}

.entry-content .thumbnail a,
.thumbnail a,
.thumbnail a img,
.thumbnail a:hover {
	text-decoration: none;
	border-bottom: none;
	margin: 0;
}

div.caption {
	margin: 0;
	padding: 0;
}

div.caption p {
	margin: 0;
	padding: 0;
}

div.caption img {
	margin: 0;
}

div.sls_album {
	float: left;
}

.sls_album img {
	margin: 0;
}

/* @end */

/* @group Sidebar */

#primary {
	border: none;
	padding-top: 0;
}

.aside .xoxo {
	padding-right: 0;
}

.aside ul li {
	margin-bottom: 20px;
}

.aside li > ul {
	padding: 0;
	margin: 0;
	background-color: #333;
}

.aside ul li ul li {
	list-style-type: none;
	font-size: 18px;
	margin: 0;
	padding: 0;
	background-color: #333;
}

.aside li > a,
.aside li > a:visited,
.aside ul > li.recentcomments  {
	text-decoration: none;
	text-transform: lowercase;
	color: #aaa;
	padding: 5px 0 8px 20px;
	margin: 0;
	display: block;
	background-color: #333;
}

.aside li > a:hover,
.aside ul > li.recentcomments:hover {
	background-color: #111;
	color: #fff;
}

.aside .current_page_item a {
	color: #fff;
}

h3.widgettitle {
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	font-size: 18px;
	color: #fff;
	background-color: #000;
	padding: 2px 10px;
	margin: 0;
	text-align: right;
}

.aside .textwidget {
	padding: 20px;
	background-color: #333;
	color: #aaa;
	font-size: 11px;
	line-height: 14px;
}

.widget_tag_cloud div {
	background-color: #333;
	padding: 10px 20px;
	text-align: center;
}

.widget_tag_cloud a,
.widget_tag_cloud a:visited {
	text-decoration: none;
	text-transform: lowercase;
	color: #aaa;
	padding: 0 10px 5px 0;
}

.widget_tag_cloud a:hover {
	color: #fff;
}

/* @end */

/* @group Footer */

#siteinfo {
	color: #666;
	text-transform: lowercase;
}

#siteinfo a,
#siteinfo a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #444;
}

#siteinfo a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #aaa;
}

#footer {
	background-color: #111;
}

#footer #subsidiary {
	font-size: 10px;
}

#footer .widgettitle,
#footer li {
	text-align: left;
	font-size: 14px;
}

#first.sub-aside {
	width: auto;
}

#first.sub-aside ul li {
	width: 350px;
	float: left;
	margin-right: 20px;
}


/* @end */

/* @group Comments */

#comments-list li,
#respond {
	background-color: #222;
}

#comments-list li.alt {
	background-color: #333;
}

#comments-list li.bypostauthor {
	background-color: #111;
}

.form-submit input#submit {
	width: auto;
	padding: 5px;
	text-transform: lowercase;
}

/* @end */

/* @group Contact Form Plugin */

p.contact-form {
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 500px;
}

input,
textarea {
	color:#ddd;
	background-color:#333;
	border: 1px solid #000;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	width: 500px;
}

p.contact-form > input {
	float: right;
	width: auto;
	padding: 5px;
	text-transform: lowercase;
}

p.contact-form > input:hover {
	background-color:#555;
}

/* @end */

/* @group Outside post */

/*
The following needed for the photography category link to the gallery
*/

div.outside-post {
	border: 1px solid #000;
	padding: 20px 20px 0 20px;
	background-color: #333;
	margin-bottom: 50px;
}

.outside-post h1 {
	color: #fff;
    font-family:Arial,sans-serif;
    font-size:20px;
    line-height:26px;
    padding:0 0 7px 0;
    margin-bottom: 10px;
    text-align: center;
}

.outside-post p {
	font-size:12px;
	text-align: center;
}

.outside-post img {
	margin-bottom: 10px;
}

/* @end */

/* @group Miscellaneous */

/*
The following is needed to ensure a proper margin below the entry content when in an archive view (because the excerpt is not enclosed in <p>, there is no automatic margin) 
*/

.entry-content {
	margin-bottom: 20px;
}

.nav-previous,
.nav-next {
	display: none;
}

blockquote {
	margin: 15px 50px 20px 50px;
	padding: 10px 10px 10px 10px;
	border-left: 10px solid #ddd;
	background-color: #333;
	color: #aaa;
	font-size: 12px;
	line-height: 16px;
	}

blockquote p {
	margin-bottom: 10px;
}

code {
	display: block;
	list-style: none;
	color: #fff;
	margin: 0 0 0 2em;
	padding:10px;
	font:12px Monaco, monospace;
	line-height:22px;
}

#searchform input#s {
	width: 210px;
	background-color: #444;
	border: none;
	margin: 0;
	font-family: Helvetica, Arial, Sans-Serif;
	padding: 5px 0 5px 20px;
	color: #aaa;
}

input:hover {
	color:#fff;
}

p.clear {
	clear: both;
}

div.lyrics {
	margin-top: 50px;
}

.lyrics p {
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
}

.category-tv-projects {
	display: none;
}

span.addtoany a {
	float: left;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Archive pages */

body.category .entry-utility,
body.category .page-title,
body.page .entry-title,
.category-music .entry-meta abbr.published {
	display: none;
}

/* @end */

/* @group TV Projects */

h3.project-title {
	padding: 10px 0 5px 0;
	margin-top: 60px;
}

h4.director {
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	text-align: right;
	font-size: 16px;
	border-top: 1px solid #444;
	margin-bottom: 40px;
	padding-top: 2px;
}

/* @end */

/* @group SLS Album */

.sls_hidden {
	display: none;
}

.sls_album {
	margin-right: 10px;
}

.sls_album a,
.sls_album a:visited,
.sls_album a:hover {
	border: none;
}

/* @end */