/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
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('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('default.css');

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



#wrapper{
	width:960px;
	margin: 0 auto;
}

/*** THEMATIC SKIN ***/
#access {
	padding: 15px 0 0 0;
    width: 520px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    float:left;
}

.navigation a {
	padding: 22px 15px 0 15px;
	float: left;
	display: block;
	font-family: Avenir, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	color: #36C4FF;
}
.navigation a {
    border-bottom-color:#fff;
}
.navigation a, .navigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	border: none;
	text-decoration: none;
}
.navigation li{
    list-style-image:none;
	list-style-position:none;
	list-style-type:none;
}

.navigation li:hover, .navigation a:focus, 
.navigation a:hover, .navigation a:active {
	color:#CCC;
	outline: 0px;
}
.navigation ul {
    border:none;
}
.navigation li:hover ul,
.navigation li.navigation ul {
/*	top:32px; /* overriding essential styles */
}

.navigation ul a {
	border-bottom:none;
}
.navigation ul a:hover {
    color: #CCC;
}


/* @group Index */


div#top-box{
	text-align: left;
	width: 980px;
	margin: 0;
}

div#index-featured-video{
	width: 560px;
	height: 375px;
	float: left;
	padding: 0 0 15px 0;

}

div#index-twitter{
	width: 280px;
	margin: 0 0 0 40px;
	float: right;
	border-top: #ccc 2px solid;
	border-bottom: #ccc 2px solid;
}


/*
    * ul.twitter: the main ul (if list is activated)
    * li.twitter-item: the ul items (if list is activated)
    * p.twitter-message: each one of the paragraphs (if msgs > 1)
    * .twitter-timestamp: the timestamp span class
    * a.twitter-link: the tweet link class
    * a.twitter-user: the @username reply link class
*/

div#messages{
	height:200px;
	width:260px;
	overflow: auto;
}

.twitter-title p{
	font-size: 16px;
	color: #000;
	padding: 5px 0 0 0;
	line-height:22px;
	margin-bottom:5px;
}


.twitter-message{
	width: 240px;
	padding: 10px 0 0 0;
	float:left
}

p.twitter-message {
	font-size: 12px;
	color: #666;
	line-height:22px;
	margin-bottom:5px;
}
	
a.twitter-link {
	color: #333;
	text-decoration: underline;
}
	
a.twitter-link:hover{
	color: #333;
	background: #CCC;
	text-decoration: none;
}
		
.twitter-timestamp{
	font-size: 10px;
	color: #999;
	line-height:18px;
}


div#index-products{
	float:right;
}

div#clean{
	clear:both
}


div#index-blog{
	width:630px;
	height: 1111px;
	overflow: auto;
	margin:40px 0;
	padding: 15px 10px;
	float:left;
}

div#index-blog h2{
	font-size: 16px;
	color: #000;
	padding: 5px 0 0 0;
	line-height:22px;
	margin-bottom:5px;
}

div#index-sponsors{
	width: 280px;
	float: right;
	margin: 0;
	padding: 0;
}

div#index-sponsors img{
	padding: 20px 40px;
}

div#index-crew{
	border-top: #ccc 2px solid;
	clear:both;
	border-collapse: separate;
	border-spacing: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #ccc 2px solid;
}

div#index-links a{
	color: #66ccff;
	text-decoration: underline;
	font-size: 16px;
	margin: 0 25px;
	line-height: 45px;
}


div#index-links a:hover{
	background: #f7f7f7;
	text-decoration: none;
}

div#footer-navigation a{
	font-family: Avenir, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	color: #66ccff;
	text-decoration: none;
	font-size: 16px;
	margin: 10px 10px;
}

div#footer-navigation a:hover{
	background: #f7f7f7;
	text-decoration: none;
}

tr{
border-bottom: none;
}

table{
border:none;}

.crew-table { 
	width:146px;
	height:130px;
	padding: 0;
	font-size: 60%;
	border: none;	
	}
	
div#piclenselink{
}
.piclenselink a{
	margin: 3px 5px 0 5px;	
    font-family:Helvetica,Arial,sans-serif;
    font-size: 12px;
	color: #333;
	text-decoration: none;
}
.piclenselink a:hover{
	color: #333;
	background: #CCC;
	text-decoration: none;
}

/* @end */