/*   
Theme Name: IM Culture Theme
Theme URI: 
Description: Custom Wordpress theme for Interdependant Media 
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/3c-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:#4E4E4E url('img/body-bg.jpg') top center repeat-x fixed;color:#999;min-width:980px;}
body, input, textarea{ font:13px "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:red}

#header {background:transparent url('img/heacder-bg.jpg') top center repeat-x;}
#branding {width:980px;height:100px;margin-bottom:10px;background:transparent url('img/branding-bg.gif') center left no-repeat;}
#main {width:980px;margin-top:0px;overflow:visible;}
#container {width:980px;overflow:visible;margin:0;}
#wrapper #primary.main-aside {width: 190px;float: left;margin:0 0 0 -970px;}
#wrapper #secondary.main-aside {width: 200px;margin:0 0 0 -200px;}
#content {overflow:visible;margin:0 220px 0 210px;}
#siteinfo {font-size:11px;padding:22px 0 0;margin-top:22px;}
#blog-title {display:block;height:100px;width:210px;float:left}
#blog-title a {display:block;height:100px;width:210px;float:left}
#blog-title a span {visibility:hidden;}
#blog-description {font-weight:200;font-size:11px;display:block;height:100px;line-height:100px;width:550px;float:left;clear:none;}

/* =Menu
-------------------------------------------------------------- */
.menu {}
.skip-link{ display:none}
#access{height:32px;  font-size:13px;  overflow:visible;  z-index:100; 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:0 0 22px;padding:0 0 36px;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:24px;line-height:24px;font-weight:100;padding:0; margin-bottom:7px;color:red;}
.entry-title a{ color:red; text-decoration:none}
.entry-title a:active, .entry-title a:hover{ color:#999}
.page-title {margin-bottom:36px;color:#666}
.post {position:relative;font-size:13px;border-bottom:1px solid #4e4e4e;margin-bottom:36px;}
.post img {max-width:500px;max-height:inherit;}
.entry-meta, .entry-utility {font-size:10px;padding:10px 0;margin:0 0 10px;}
.comments-link {display:block;font-size:13px;}
.single .comments-link {display:inline;font-size:13px;}
.entry-meta a, .entry-utility a {text-decoration:none;}
.edit-link a {color:red;font-weight:400}

.slug-contact label strong {font-weight:400;}

/* =Comments
-------------------------------------------------------------- */
#comments{ padding:22px 0 0 0;border-top:1px solid #333;}
#comments, #comments input, #comments textarea{ font-size:13px;  line-height:18px}
#comments code{ font-size:12px;  line-height:18px}
#comments h3{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 #333;  border-bottom:none;  margin:0 0 18px 0}
#comments-list li{ background:#4e4e4e;  border-bottom:1px solid #333;  padding:18px 1.5em 0 1.5em;  position:relative}
#comments-list li.alt{ background:#000}
#comments-list li.bypostauthor{background:#4e4e4e;}
#comments-list ul li{ border:1px solid #333;  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:#FFF; text-decoration:none}
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover{ color:#999}
#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
-------------------------------------------------------------- */
.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:24px;margin:0 0 0 -10px;}
.aside .widget_pages li {list-style:none;padding:0;line-height:24px;}
.aside .widget_pages li .aside .widget_pages li a:hover {color:#999;font-weight:100;}
.aside .widget_pages li:hover {background:transparent;}
.aside .widget_pages h3 {display:none;}
.blog .aside .widget_pages .page-item-3, .blog .aside .widget_pages .page-item-3 a {color:red}
.aside ul ul li {}
.aside .widget_pages .page_item ul li.page_item {font-size:50%;padding-left:10px;}
.aside .widget_pages .page_item ul li.page_item a {color:#FFF;}
.aside .widget_pages .current_page_item {background:transparent}
.aside .widget_pages .current_page_item a, .aside .widget_pages .page_item ul li.current_page_item a{color:red}
.aside .widget_pages .current_page_item .page_item a{color:red}
.aside .widget_pages .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active, .blog .aside .widget_pages .page-item-3 a:hover {color:#999;}

.aside .wplc_widget ul{list-style:none;margin-left:0;} 
.aside .wplc_widget ul h4 {font-weight:600;color:#000;font-size:14px;}
.aside .wplc_widget ul span {display:block;}
.aside .wplc_widget ul span em {color:#000;font-style:normal;}
.aside .wplc_widget ul li span.event-link a {font-weight:400;text-decoration:underline;}

.aside #tweet ul {list-style:none;margin-bottom:0;}
.aside #tweet ul li {color:#999;margin:6px 0;padding-bottom:7px;}
.aside #tweet ul li a {font-weight:400;}
.aside #tweet ul li span {display:block;}
.aside #tweet ul li span a {font-size:9px;font-family:Arial,Verdana,sans-serif;color:#444;}
.aside #tweet ul li span a:hover {color:#333;}
.aside .tweet-link {padding:0;margin:0 0 22px 0;display:block;clear:both;}

.aside {color:#999}
.aside a {color:#FFF;font-weight:300;text-decoration:none}
.aside a:active, .aside a:hover {color:red}
.aside h3{ color:#666; font-size:15px; font-weight:300; line-height:22px; padding-bottom:5px; margin-bottom:7px; }
.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:none; 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}

#wp_paypal_shopping_cart_widgets {margin-bottom:33px;border-width:0px}
#wp_paypal_shopping_cart_widgets h2 {display:none;margin:0}
#wp_paypal_shopping_cart_widgets table, 
#wp_paypal_shopping_cart_widgets form, #wp_paypal_shopping_cart_widgets input {font-size:10px;padding:0;margin:0;line-height:11px;text-align:center;vertical-alignment:middle;margin:0;border-width:0px}
#wp_paypal_shopping_cart_widgets tr, #wp_paypal_shopping_cart_widgets td {font-size:10px;padding:0 3px;margin:0;border:1px solid #333;border-width:0px}
#wp_paypal_shopping_cart_widgets tr th {font-size:10px;padding:0 3px;margin:0;line-height:12px;border:1px solid #000;border-width:1px 1px 0;border-bottom:1px solid #FFF;}
#wp_paypal_shopping_cart_widgets tr td {font-size:10px;padding:3px;margin:0;border-width:0px;border:1px solid #000;}
#wp_paypal_shopping_cart_widgets tr td a {line-height:12px;}
#wp_paypal_shopping_cart_widgets .shopping_cart {font-size:10px;padding:0;border:none;margin:0;}

 
/*
    Main Asides
*/
.main-aside {}
.main-aside ul{ padding:}
.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 {width:980px;padding:33px 0 0 0;}
#subsidiary .aside {width:210px;float:left;margin:0 20px 0 0;}

#footer {background:transparent;height:100px;}
#siteinfo {font-size:12px;width:980px;}
#siteinfo p {margin-bottom:0;}
#siteinfo small {font-size:10px;}
p.creditline {display:none;}