/*   
Theme Name: A Tribe Called Quest
Theme URI: 
Description: Custom Wordpress theme for A Tribe Called Quest.
Author: Allan Cole
Author URI: http://allancole.com/
Template: thematic
Version: 1.0
Tags: 2 Column
.

.
*/

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


/* =Global Elements
-------------------------------------------------------------- */
body {background:#000 url('img/body-bg.gif') top center repeat;color:#666;min-width:780px;}
body, input, textarea{ font:15px "Helvetica Neue",HelveticaNeue, Helvetica, Arial, sans-serif;  line-height:22px}
p, ul, ol, dd, pre{ margin-bottom:22px}
pre, code{font:14px Monaco,monospace; line-height:22px}
blockquote{ color:#666;  font-style:italic}
table{ border:1px solid #ccc;  border-width:1px 1px 0 1px;  font-size:13px;  line-height:18px;  margin:0 0 22px 0;  text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
#header a, a {text-decoration:none;}
a:link, a:visited {color:#FFF;text-decoration:none;}
a:active, a:hover {color:#666}

#header {background:transparent url('img/header-bg.png') top center repeat;clear:both;float:none;height:45px;}
#branding {display:inline;position:absolute;top:0;left:0;right:0;text-align:center;z-index:101;background:transparent url('img/branding-bg.png') center center no-repeat;}
#access{float:left;width:33%;height:45px;line-height:45px;display:inline;overflow:visible;z-index:105;}
#wrapper {background:transparent url('img/wrapper-bg.jpg') top center no-repeat;}
#container, #content, .hentry {width:100%;margin:0;}
#main {padding-top:50px;}
#primary, #secondary, .main-aside {margin:0;padding:0;width:50%;float:left;display:inline;clear:none;}
#siteinfo {height:66px;font-size:11px;padding:22px 0 0;margin-top:22px;}
#blog-title {height:45px;line-height:45px;width:100%}
#blog-title a {width:375px;height:45px;display:block;margin:0 auto;}
#blog-title a span {visibility:hidden}
#blog-description {display:none;}

.home #wrapper {background:transparent url('img/home-wrapper-bg.gif') center center no-repeat;height:600px;}
.home #container {height:70px;padding-top:330px;}
.home #container #content {}
.home #container #content h2 {font-weight:600;}
.home #container #content .post {color:#000;padding:10px;background:transparent url('img/header-bg.png') top center repeat;width:140px;margin:0 auto;position:relative;text-align:center;}
.home #container #content .post a:hover {color:#000;}
.home #siteinfo {text-align:center;padding:0;display:none;}

/* =Menu
-------------------------------------------------------------- */
.menu {width:100%;margin:0}
.menu ul {line-height:45px;height:45px;font-size:12px;}
.menu ul li {padding:0 0 0 1em;text-transform:uppercase;}
.menu ul li a:hover, .menu ul li a:active, .menu ul li a:focus {color:#000;}
.skip-link{ display:none}
/*** 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}
.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}

/* =Navigation
-------------------------------------------------------------- */
#nav-above {display:none;}
#nav-below {margin:22px 0;padding:22px 0;border-top:1px solid #999;width:100%;clear:both;}
.nav-previous{float:left; width:50%;padding-bottom:22px;}
.nav-next{float:right; width:50%; text-align:right;padding-bottom:22px;}


/* =Content
-------------------------------------------------------------- */
.entry-title{font-size:48px;line-height:48px;font-weight:bold; text-transform:uppercase; padding:22px 0 0; margin-bottom:7px;color:#FFF;}
.entry-title a{ color:#FFF; text-decoration:none}
.entry-title a:active, .entry-title a:hover{ color:#666}
.post {position:relative;}
.post img {max-width:600px;max-height:inherit;}
.entry-meta, .entry-utility {font-size:10px;padding:10px;margin:10px 0;}
.comments-link {display:block;font-size:13px;}
.single .comments-link {display:inline;font-size:13px;}
.entry-meta a, .entry-utility a {font-weight:600;text-decoration:none;}

/* =Comments
-------------------------------------------------------------- */
#comments{ padding:22px 0 0 0;border-top:1px solid #999;}
#comments, #comments input, #comments textarea{ font-size:13px;  line-height:18px}
#comments code{ font-size:12px;  line-height:18px}
#comments h3{ font-family:Arial,sans-serif;  font-size:15px;  font-weight:bold;  line-height:22px;  padding:0 0 18px 0}
#comments-list{ padding:0 0 18px 0}
#comments-list ol, #comments-list ul{ list-style:none;  margin:0}
#comments-list ol{ border:1px solid #ccc;  border-bottom:none;  margin:0 0 18px 0}
#comments-list li{ background:#fafafa;  border-bottom:1px solid #ccc;  padding:18px 1.5em 0 1.5em;  position:relative}
#comments-list li.alt{ background:#cdcdcd}
#comments-list li.bypostauthor{ background:#E3E3E3;}
#comments-list ul li{ border:1px solid #ccc;  margin:0 0 18px 0}
#comments-list li .avatar{ position:absolute;  top:22px;  left:1.5em;  width:36px;  height:36px}
#comments-list .comment-author{ font-weight:bold;  padding:9px 0 0 46px}
#comments-list .comment-meta{ color:#666;  font-size:11px;  padding:0 0 9px 46px}
#comments-list .comment-meta a{ color:#000; text-decoration:none}
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover{ color:#666}
#comments-list .edit-link {position:relative;top:inherit;left:inherit}
#comments-list .edit-link a {color:red;}
.comment-reply-link{ font-size:11px;  padding:0 0 18px 0;  text-align:right}
.comment-reply-link a{ color:#666;  font-style:italic;  text-decoration:none}
.comment-reply-link a:active, .comment-reply-link a:hover{ color:#666}
.comment-navigation{ font-weight:bold;  padding:0 0 18px 0;  margin-right:0.5em}
.comment-navigation a{ border:1px solid #ccc;  color:#000;  font-weight:normal;  padding:0.5em 0.75em;  text-decoration:none}
.comment-navigation a:active, .comment-navigation a:hover{ color:#666}
.comment-navigation a, .comment-navigation span{ margin-right:0.5em}
#trackbacks-list .comment-content{ position:absolute;  left:-9000px}
#respond{ background:transparent;  margin-bottom:22px;  overflow:hidden;  padding:18px 0 0 0;  position:relative}
#comments-list #respond{ border-bottom:1px solid #ccc;  margin:0 0 18px 0;  padding:18px 1.5em}
#comments-list ul #respond{ border:1px solid #ccc;  margin:0}
#cancel-comment-reply{ font-size:11px;  position:absolute;  top:18px;  right:1.5em}
#cancel-comment-reply a{ color:#666}
#respond .required{ color:#FF4B33;  font-weight:bold}
.form-section label{ font-size:11px}
.form-section input{ margin:0 0 18px 0;  width:98%}
.form-section textarea{ width:99%}
#form-allowed-tags p{ color:#666;  font-size:11px;  margin:0}
#form-allowed-tags span{ font-style:italic}
.form-submit{ padding:18px 0 0 0;  text-align:right}
.subscribe-to-comments{ color:#666;  float:left;  font-size:11px;  margin:0;  padding:18px 0 0 0}
.solo-subscribe-to-comments{ color:#666;  font-size:11px;  padding:18px 0 0 0}
.comment_license{ color:#666;  clear:both;  font-size:11px;  margin:0;  padding:18px 0 0 0}

/* =Asides, Sidebars &Widget-Ready Areas
-------------------------------------------------------------- */
#primary,#secondary {display:none;}
.aside, .aside input{ color:#666; font-size:11px;  line-height:18px;  margin-bottom:6px}
.aside p, .aside ul, .aside ol, .aside dd, .aside pre{ margin-bottom:18px}
.aside pre, .aside code{ font-size:12px;  line-height:18px}

/*
.aside .widget_pages {font-size:20px;text-transform:uppercase;margin:0 0 0 -10px;}
.aside .widget_pages li {list-style:none;padding-left:10px;}
.aside .widget_pages li a:hover {color:#AAA;}
.aside .widget_pages li:hover {background:transparent url('img/pages-hover.gif') top center no-repeat;}
.aside .widget_pages h3 {display:none;}
.aside .widget_pages .current_page_item {background:transparent url('img/pages-hover.gif') top center no-repeat;}
.aside .widget_pages .current_page_item a{ color:#000}
.aside .widget_pages .current_page_item .page_item a{ color:#000}
.aside .widget_pages .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active{color:#000;} */

.aside {color:#666;display:none;}
.aside a {color:#FFF;font-weight:600;text-decoration:none}
.aside a:active, .aside a:hover {color:#666}
.aside h3{ color:#666; font-size:15px; font-weight:600; text-transform:uppercase; line-height:22px; }
.aside h3 a{ text-decoration:none}
.aside caption{ font-size:10px;  font-family:Arial,sans-serif;  font-weight:bold;  text-transform:uppercase;  letter-spacing:0.05em}
.aside ul{ list-style:none;  margin-left:0}
.aside ul ul{ list-style:disc; list-style-position:inside; margin:0 0 22px 0}
.aside ul ul li{ padding:1px 0}
.aside ul ul ul{ margin-bottom:0}
.aside form, .aside table{ margin-bottom:22px}
.aside table{ border:none}
.aside thead{ border:1px solid #ccc}
.aside tbody{ border:1px solid #ccc}
.aside th, .aside td{ border-right:1px solid #ccc;  padding:.25em .8em}
.aside tfoot tr{ border:none}
.aside tfoot td{ border-color:transparent}
.widget_tag_cloud{ margin:0 0 22px 0}
/*
    Main Asides
*/
.main-aside {display:none;}
.main-aside ul{padding:0}
.main-aside h3{}
.main-aside ul ul{padding:0}
/*
    Content Asides
*/
#content .aside{ border:1px solid #ccc;  margin:0 0 22px 0;  padding:18px 0 0 0}
#content .aside ul{ padding:0 20px}
#content .aside h3{ font-family:Georgia,serif;  font-weight:normal;  font-size:17px;  font-style:italic;  padding:0 0 7px 0;  text-transform:none}
#content .aside ul ul{ padding:0}
/*
    Footer Asides
*/
#subsidiary {padding:33px 0 0 0;}
#subsidiary .aside {width:210px;float:left;margin:0 20px 0 0;}