/*   
Theme Name: Sample Remix (theme)
Theme URI: 
Description: Sample Remix
Author: makemassair.co.uk
Author URI: http://sampleremix.co.uk/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* 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 */
/* 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');

#main {
	clear:both;
	padding: 10px 0 12px;
}
body {
	background-color: #000;
}
a img {
	border: none !important; 
} 
a:link {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8E1AF1;
	text-decoration: none;	
}
#branding {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 15px !important;
	padding-left: 0px !important;
}
#blog-title a {
	display: block; /* We do this so we can add a background image */
	text-indent: -9000px; /* Hides the text--but not from search engines */
	height: 220px; /* height of your logo, like 180px */
	width: 940px; /* width of your logo, like 940px */
	background: url(images/header_940.jpg) no-repeat top center; /* adds in the logo image */
}
#blog-description {
	display: none;
}
#content {
	margin: 10px 0 0 10px;
	overflow: hidden;
	width: 680px;
}
#container {
	float: left;
	width: 700px;
}
#header, footer {
	color: #999999;
	font-size: 8px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

#container_page {
 	width: 960px;
}

#content_page {
 	width: 940px;
 	margin:0 0 0 10px;
}
.entry-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	letter-spacing: -2px;
	line-height: 50px;
	font-weight: normal;
	color: #666666;
}
#primary  {
	margin-bottom: 22px;
	padding-top: 10px;
	border-style: none;
	background-color: #0b0b0b;
	margin-top: 10px;
	border: 1px solid #141414;
}
.entry-content h2 {
	font-weight: normal;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding-top: 0px;
	padding-bottom: 20px;
}
.entry-content h2 a {
	color: #555555;
	text-decoration: none;
	font-style: normal;
	padding: 3px 5px;
	background-color: #0b0b0b;
	border: 1px solid #141414;
	text-transform: uppercase;
}
.entry-content h2 a:hover {
	color: #8E1AF1;
	background-color: #fff;
	border: 1px solid #fff;
}
.entry-content h3 {
	font-weight: normal;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	letter-spacing: -0.05em;
	padding: 10px;
	background-color: #0b0b0b;
	border: 1px solid #141414;
	text-transform: uppercase;
}
.entry-title a {
	color: #666666;
	text-decoration: none;
	padding: 3px 5px;
	background-color: #0b0b0b;
	border: 1px solid #141414;
}
.entry-title a:hover {
	color: #8E1AF1;
	background-color: #fff;
	border: 1px solid #fff;
}
.entry-content {
	color: #666666;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: normal;
}
.entry-content a {
	color: #666666;
	text-decoration: underline;
	font-style: italic;
}
.entry-content a:hover {
	color: #8E1AF1;
	text-decoration: none;
}
.skip-link {
    	display:none;
}
#access {
	border-bottom: 1px solid #141414;
	height: 23px;
	font-size: 12px;
	overflow: visible;
	z-index :100;
	letter-spacing: -0.05em;
}
p {
	margin-top: 15px;
	margin-bottom: 10px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
 	background-color: #0b0b0b;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:1px solid #141414;
	float:left;
}
.sf-menu a {
	border-left:1px solid #141414;
	border-top:1px solid #141414;
	border-bottom:1px solid #141414;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    	border-bottom-color: #181818;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666;
}
.sf-menu li {
	background: #0b0b0b;
}
.sf-menu li li {
	background: #0b0b0b;
}
.sf-menu li li li {
	background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	border-bottom-color:#111;
	background-color: #fff;
	color:  #8E1AF1;
}
.sf-menu ul {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #141414;
	border-bottom-color: #141414;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:23px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
	background: #0b0b0b;
	border-bottom: none;
}
.sf-menu ul a:hover {
	color: #8E1AF1;
	background-color: #fff;
}
#footer {
	border-top:1px solid #141414;
	margin-top:10px;
}
#siteinfo {
	color:#fff;
	font-size: 11px;
	line-height: 18px;
	padding: 22px 0 44px;
}
th, td {
	padding:  0px;
	vertical-align:top;
}
table  {
	border-style: none;
	border-collapse: separate;
	line-height: 16px;
	font-size: 12px;
	text-align: justify;
}
.entry-content h1 {
	font-weight: normal;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 26px;
	padding-left: 10px;
	line-height: 6px;
}
.entry-content h1 a {
	text-decoration: none;
	color: #666666;
}
.entry-content h1 a:hover {
	color: #fff;
}
.entry-content a img {
	margin-right: 10px;

}
/*** ADDED ***/
.entry-meta abbr {
	border: medium none;
	cursor: text;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.entry-utility {
	color: #222222;
	font-size: 10px;
	line-height: 18px;
}
.entry-utility a {
	color: #222222;
	font-style :italic;
	text-decoration: none;
}
.entry-utility a:hover {
	color: #8E1AF1;
}
.navigation a {
	color: #666666;
	font-style: normal;
	text-decoration: none;
	letter-spacing: -0.05em;
}
.navigation a:active, .navigation a:hover {
	color: #8e1af1;
}
.aside h3 {
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: #666666;
}
.aside input  {
	background-color:#000000;
	border:1px solid #1B1B1B;
	color:#8E1AF1;
	font-size:11px;
	padding:3px 5px;
}
.aside {
	font-size: 11px;
}
.aside a {
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	padding: 3px 5px;
}
.aside a:hover {
	color: #8E1AF1;
	background-color: #fff;
}
.main-aside {
	width: 240px;
}
.entry-meta {
	color: #222;
	font-size: 13px;
	font-style: italic;
	line-height: 10px;
	padding-bottom: 4px;
	text-transform: lowercase;
}
.entry-meta a {
	color: #222;
}
.entry-meta a:hover {
	color: #8E1AF1;
}
.aside form, .aside table {
	margin-bottom:10px;
}
.table-top {
	width: 940px;
	height: 68px;
	margin-bottom: 20px;
}
.table-left {
	width: 640px;
	float: left;
}
.table-right {
	width: 280px;
	margin-left: 20px;
	float: right;
}
.bio-left {
	width: 300px;
	float: left;
	margin-top: 20px;
}
.bio-right {
	width: 620px;
	margin-left: 20px;
	margin-top: 30px;
	float: right;
	text-align: justify;
}
.shop {
	width: 650px;
	float: left;
}
.shop_item {
	width: 120px;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	float: left;
	height: 340px;
}
.shop_item a {
	padding: 3px 5px;
	font-style: normal;
	background-color: #0b0b0b;
	border: 1px solid #141414;
	line-height: 21px;
	font-size: 11px;
	text-decoration: none;
}
.shop_item p {
	margin: 0px;
}
.shop_item h2 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
.shop_item a:hover {
	background-color: #ffffff;
	color: #8E1Af1
	border: 1px solid #fff;
}
.shop-right {
	width: 280px;
	float: right;
}
	
#respond {
	background:none repeat scroll 0 0 #0B0B0B;
	margin-bottom:22px;
	overflow:hidden;
	padding: 10px;
	border:1px solid #141414;
	color:#666666;
	position:relative;
}
#comments h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 22px;
	padding:0 0 18px;
	letter-spacing: -2px;
}
.page-title {
	display: none;
}
.entry-content img {
	margin:0 0 10px;
}