/*
Theme Name: ShadowrunTableTop
Theme URI: http://www.shadowruntabletop.com
Description: A theme for Shadowrun 5.
Author: Nic Jansma
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.1
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/3c-fixed.css');

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

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

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

@import url('css/th.css');

@import url('css/jquery-ui-1.9.2.custom.min.css');

/* Basics */
html, body {
	background-color: #000;
	font-family: Verdana, sans-serif;
}
body {
}
#main {
    background: transparent;
    padding: 20px 0 20px;
}
#content {
    background: #E6E6E6;
    padding: 10px;
    border-radius: 10px;
}
#wrapper {
    background-image: url('img/srttbg.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: black;
}
.entry-title a:hover, .entry-meta a, .entry-meta a:hover, a, a:hover, .entry-utility a:hover, .entry-meta a, .aside a, .aside a:hover {
	color: #0098d1;
	text-decoration: none;
}
a:hover, .entry-meta a:hover, .entry-utility a:hover, .aside a:hover {
	text-decoration: underline;
}
.entry-title {
	font-family: Verdana, sans-serif;
}


/* Top Navigation Menu */
div#wrapper.hfeed div#header div#access div.menu ul.sf-menu {
    float: right;
}

#access .menu {
    width: auto;
}

/*** Menu skin ***/
/*** THEMATIC SKIN ***/
#access {
	border-bottom: none;
	padding-top: 10px;
}

.sf-menu {
    border-right:1px solid #12181E;
	float: right;
}
.ie6 .sf-menu {
	margin-bottom: -1px;
}
.sf-menu a {
	border:1px solid #12181E;
	padding:9px 13px;
	text-decoration:none;
	color: #FAF55D;
	font-family: orbitron-bold;
	font-size: 14px;
}
.windows .sf-menu a {
	font-size: 14px;
	padding:9px 13px 10px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#12181E;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FAF55D;
}
.sf-menu li {
	background:		#12181E;
}
.sf-menu li li {
	background:		#12181e;
}
.sf-menu li li li {
	background:		#12181E;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #12181E;
	outline:		0;
    border-bottom-color:#12181E;
    color: #FFFB9B;
}
.sf-menu ul {
    border-right:1px solid #12181E;
    border-bottom:1px solid #12181E;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#12181E;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FFFB9B;
}


/* Positioning of header elements */
#access {
	clear: both;
}
#branding {
	text-align: right;
	padding: 0;
/*	float:right;
	width: 45%;*/
	margin: 0;
	height: 100px;
}
/* Add header images */
#branding {
}
#branding #blog-title, #branding #blog-description {
	display: none;
}
/* Header background */
#header {
	width: 960px;
	margin: 0 auto;
}
#head_wrap {
}

/* Remove border from primary sidebar */
#primary {
	border: none;
	width: 200px;
    padding: 0;
}

/* Footer styling */

#footer {
	background-color: #000;
	background-image: url('img/header-bg-inverted.png');
	background-repeat: repeat-x;
	background-position: top;
	border-top: none;
	height: 160px;
}

#footer p {
	color: #ffffff;
	margin-bottom: .5em;
	margin-left: 180px;
	font-size: 9px;
}

#siteinfo {
    padding: 22px 0 0 0;
}

/* Images in the asides */
.aside .textwidget img {
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 10px;
}

/* Formatting of index-bottom aside box */
#index-bottom.aside, #index-top.aside, #page-top.aside, #index-insert.aside, #page-bottom.aside, #single-top.aside, #single-insert.aside, #single-bottom.aside {
	background-color: #D8E6F2;
	border: 1px solid #6BAAC7;
	margin: 0 0 22px;
	padding: 18px 0 0;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#index-bottom.aside .widgettitle, #page-top.aside .widgettitle, #index-top.aside .widgettitle, #index-insert.aside .widgettitle, #page-bottom.aside .widgettitle, #primary.aside .widgettitle, #secondary.aside .widgettitle, #single-insert.aside .widgettitle, #single-top.aside .widgettitle, #single-bottom.aside .widgettitle {
	font-family: inherit;
	font-size: 15px;
}
#index-bottom.aside input, #index-top.aside input, #page-top.aside input, #index-insert.aside input, #page-bottom.aside input, #primary.aside input, #secondary.aside input, #single-top.aside input, #single-insert.aside input, #single-bottom.aside input {
	width: 90%;
	font-family: Verdana, sans-serif;
	border: 1px solid #6BAAC7;
	padding: 5px;
}
#respond {
  background: none repeat scroll 0 0 transparent;
}
#commentform input#submit {
	border: none;
	font-family: verdana;
	font-size: 12px;
	padding: 4px 4px 4px 4px;
	background-color: #12181E;
	color: #0098d1;
	text-transform: uppercase;
}
#commentform input#submit:hover {
	background-color: #333333;
}

/* Fix to widget containers */
#primary .widgetcontainer .menu {
	width: auto;
}

/* Padding for bottom of image widgets */
.widget_sp_image {
	padding-bottom: 20px;
}

/* Styling for Head_wrap_2, which contains the catalyst logo */
#head_wrap_2 {
	width: 960px;
	margin: 0 auto;
/*	background-image: url('img/catalyst-logo-150-trans.png'); */
	background-position: left 50%;
	background-repeat: no-repeat;
}
/* Text in footer widgets */
#footer .widgetcontainer p {
  color: #0098d1;
  font-size: 12px;
  margin-bottom: 1em;
  margin-left: 0;
}
#footer .widgettitle {
	color: #ffffff;
}

/* Custom code for Mars photos, added per Randall on Feb. 10, 2011 */
#mars_photos {
	width: 460px;
	overflow: auto;
}
#mars_photos .mars-photo {
	width: 220px;
	margin: 5px;
	float: left;
}
#mars_photos img {
	width: 220px;
}

/* Custom code for Catalyst logo in header */
#catalyst_logo {
	float: left;
	margin-top: 30px;
}

#siteinfo a {
    color: white;
    font-weight: bold;
}

.social-icon {
    background: url('/wp-content/themes/shadowruntabletop/img/social-v2.png') no-repeat scroll 0 0; 
    width: 18px; 
    height: 18px; 
    display: block; 
}

/* WPSC overrides */

/* WPSC catalog images were showing scroll bars */
.default_product_display .imagecol {
    overflow: hidden;
}

.default_product_display .imagecol img {
    border: none;
}

.default_product_display {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.imagecol {
    float: left;
}

.productcol {
    margin-left: 0 !important;
}

#single_product_page_container {
    width: 440px;
}

.sf-shadow ul {
    background: none;
}

.sf-sub-indicator {
    background: none;
}

/* PDF Preview */
.pdf-preview a {
    background: none repeat scroll 0 0 #AE1900;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0.9px 2px 2px #666666;
    clear: none;
    color: white;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 0 8px 1em 0;
    padding: 12px;
    text-align: center;
    text-shadow: 1px 1px 0 black;
    text-transform: uppercase;
    width: 176px;
}

.main-aside ul {
    padding:0;
}