/*
_______________________________
 * 
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
_______________________________
**



/*
// OPTIMIZE CSS BEFORE RELEASE
_______________________________
*/

@import url(tripoli.base.css);
@import url(plugins/tripoli.visual.css);
@import url(plugins/tripoli.type.css);
@import url(plugins/tripoli.layout.css);

/*
_______________________________
	STANDARDS     
*/                                         

body
		{ 	    
		 	text-align: center; 
			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; 
            font-size: 10px;
		}

h1, h2, h3, h4, h5, h6, dt,
label, .error, .message, .notify
		{ color: #646464; font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; font-size: 1em; }

label 
	{ color: #646464; font-weight: bold; padding: 0px 10px 0px 0px; }
	
p, blockquote, li, dt
		{ color: #303030; font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; font-size: 1em; line-height: 1.4; }

#archives .post p, #archives .post blockquote, #archives .post li, #archives .post dt
		{ color: #303030; font-family: georgia, "times new roman", times, serif; font-size: 1em; line-height: 1.4; }
		
/*
_______________________________
	LAYOUT 
*/		                

#container
		{ border: 0px solid #000 ; display: block; display: block; visibility: visible; margin: 0px auto; }	

#header	
		{ margin: 0px; border: 0px solid #000000; padding: 0px; height: 218px; }

#header #sitebanner, #header a #sitebanner 
		{ margin: 0px; border: 0px solid #ffffff; padding: 0px; }
		
#primary
		{ background: #ffffff; display: block; float: left; border: 0px solid #cccccc;  width: 600px; font-size: 1.2em; margin: 0px; padding: 0px;}

div#primary.fullwidth        
		{ background: #ffffff; display: block; float: left; border: 0px solid #cccccc;  width: 950px; font-size: 1.2em; margin: 0px; padding: 0px;}
                                             
#secondary
		{ background: #ffffff; float: right; width: 300px; border: 0px solid #cccccc;  margin: 80px 0px 0px 0px; }

#tertiary
		{ background: #ffffff; float: left; margin-top: 0px; margin-bottom: 0px; border: 0px solid #cccccc; padding: 0px; }

#footer
		{ margin: 20px 0px 10px 0px; border-top: 3px solid #cccccc; padding: 20px 0px 0px 0px; background: #eeeeee; 
		font-family: helvetica, 'lucida grande', verdana, arial, sans-serif !important; 
    
}



		
/* NAVIGATION */

#sitenav-block
        { display: block; float: left; width: 100%; height: 30px; overflow: hidden; margin: 6px 0px 0px 0px; padding: 0px; }

ul#sitenav
		{ display: block; float: left; clear: none; width: 800px; height: 30px; overflow: hidden; list-style-type: none; margin: 0px 0px 0px 0px; border: 0px solid #ffffff; padding: 0px; }
		
ul#sitenav li
		{ display: block; float: left; list-style-type: none; text-align: center; margin: 0px; border: 0px solid #fefefe; padding: 0px; }

ul#sitenav li#sitenav-browse-by,
ul#sitenav li a
		{ display: block; float: left; background: #777; padding: 0px 10px 0px 10px; list-style-type: none; text-align: center; margin: 0px; border-right: 2px solid #fefefe; }

ul#sitenav li a:hover, ul#sitenav li a:focus
        { background: #555; }

ul#sitenav li#sitenav-browse-by
        { border-right: 0px solid #000; }

ul#sitenav li#sitenav-browse-by                 { margin: 0px; padding: 0px 10px 0px 10px; display: block; visibility: visible; width: 106px; background: #333333; } 
ul#sitenav li#sitenav-home a                    { margin: 0px; padding: 0px 10px 0px 10px; display: block; visibility: visible; width: 56px; } 
ul#sitenav li#sitenav-category a                { margin: 0px; padding: 0px 15px 0px 15px; display: block; visibility: visible; width: 97px; } 
ul#sitenav li#sitenav-writer a                  { margin: 0px; padding: 0px 15px 0px 15px; display: block; visibility: visible; width: 75px;  } 
ul#sitenav li#sitenav-archives a                { margin: 0px; padding: 0px 15px 0px 15px; display: block; visibility: visible; width: 92px;  } 
ul#sitenav li#sitenav-episode a                 { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 79px;  } 
ul#sitenav li#sitenav-topics a                  { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 68px; } 
ul#sitenav li#sitenav-episode-date a            { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 127px; } 
ul#sitenav li#sitenav-date a                    { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 50px;  } 
ul#sitenav li#sitenav-month a                   { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 68px;  } 
ul#sitenav li#sitenav-announcements a           { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 117px; } 
ul#sitenav li#sitenav-events a                  { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 73px;  } 
ul#sitenav li#sitenav-back-issue a              { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 107px; } 
ul#sitenav li#sitenav-blog-network a            { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 214px; } 
ul#sitenav li#sitenav-how-to-listen a           { margin: 0px; padding: 0px 15px 0px 15px; display: none; visibility: hidden; width: 117px; } 

ul#sitenav li#sitenav-about a                   { margin: 0px 0px 0px 0px; width: 65px; border-left: 0px solid #fefefe; } 
ul#sitenav li#sitenav-contact a                 { margin: 0px 0px 0px 0px; width: 85px; } 

ul#sitenav li#sitenav-about, ul#sitenav li#sitenav-contact                       
                                                { display: block; float: right; margin: 0px 0px 0px 0px; } 
    
#header_searchform        
        { display: block; float: right; clear: none; width: 150px; text-align: right; margin: 9px 0px 0px 0px; padding: 0px; border: 0px solid #fff; }

#header_searchform  #s-input
        { display: inline-block; float: left; color: #eeeeee; background: #646464; display: block; float: left; clear: none; width: 90px; height: 12px; margin: 0px 5px 0px 15px; padding: 2px 5px 0px 5px; border: 0px solid #cccccc; font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; font-size: 11px; font-weight: bold; }

#header_searchform  #s-input:hover, 
#header_searchform  #s-input:focus
        { color: #030303; background: #fefefe; border: 0px solid #555555; }

#header_searchform  #s-submit
        { display: inline-block; 
            float: left; width: 14px; height: 14px; margin: 0px; padding: 0px; 
            border: 0px solid #646464; 
            background: #ffffff url('http://spacingmedia.com/media/identity/arrow-right-777-sml.png') top right no-repeat;
        }
#header_searchform  #s-submit:hover, #header_searchform  #s-submit:focus 
        {
          background: #ffffff url('http://spacingmedia.com/media/identity/arrow-right-777-sml.png') top right no-repeat;
    }
          
        
ul#magfeat
		{ display: block; float: left; clear: right; width: 100%; background: #030303; list-style-type: none; margin: 0px 0px 0px 0px; border: 0px solid #ffffff; padding: 0px; }

ul#magfeat li
		{ display: block; float: left; list-style-type: none; text-align: center; margin: 0px; border: 0px solid #fefefe; padding: 0px; }

ul#magfeat li a
		{ display: block; float: left; list-style-type: none; text-align: center; margin: 0px 4px; border: 0px solid #fefefe; padding: 0px 16px; }

.navigation
		{ width: 100%; display: block; float: left; clear: both; margin: 0px 0px 0px 0px; padding: 0px; }

.nav-continue-post a
		{ display: block; float: right; clear: both; text-align: right; text-transform: uppercase; font-weight: normal; margin: 5px 0px 5px 0px; padding: 2px 20px 5px 5px; background: transparent url('http://spacingmedia.com/media/identity/arrow-right-777-sml.png') top right no-repeat; font-weight: bold; font-size: 12px; }  

.nav-continue-post a:hover, .nav-continue-post a:active
		{ background: transparent url('http://spacingmedia.com/media/identity/arrow-right-333-sml.png') top right no-repeat; }  

.navigation .nav-next-item,
.navigation .nav-prev-item
		{ width: 40%; display: block; float: left; margin: 0px 10px; border: 0px solid #ccc; padding: 10px 0px 0px 0px; font-size: 13px; font-weight: normal; text-transform: uppercase; }

.navigation .nav-next-item
		{ display: block; float: right; text-align: right; }

.navigation .nav-next-item a
		{ display: inline-block; height: 70px; padding: 0px 20px 5px 5px; background: transparent url('http://spacingmedia.com/media/identity/arrow-right-777-sml.png') right 3px no-repeat; } 

.navigation .nav-prev-item a
		{ display: inline-block; height: 70px; padding: 0px 5px 5px 20px; background: transparent url('http://spacingmedia.com/media/identity/arrow-left-777-sml.png') left 3px no-repeat; }

.navigation .nav-next-item a:hover
		{ background:  transparent url('http://spacingmedia.com/media/identity/arrow-right-333-sml.png') right 3px no-repeat; } 

.navigation .nav-prev-item a:hover
		{ background:  transparent url('http://spacingmedia.com/media/identity/arrow-left-333-sml.png') left 3px no-repeat; }




#footer dl 
        { margin: 0px 5px 5px 5px; }

#footer dl dt
		{ font-weight: bold; font-size: 1.4em; text-transform: uppercase; color: #444444; margin: 0px; padding: 3px 5px;}

#footer dl dd
		{ font-weight: normal ; font-size: 1em; margin: 0px;  padding: 0px; color: #303030; }

#footer dl dd a:link, #footer dl dd a:visited
		{ font-weight: normal ; font-size: 1em; margin: 0px;  padding: 3px 5px; color: #303030; }

#footer dl dd a:hover, #footer dl dd a:active
		{ font-weight: normal ; font-size: 1em; margin: 0px;  padding: 3px 5px; color: #030303 !important; }

        
/* POST */
.post
		{ display:block; float: left; clear: both;  margin: 20px 0px 5px 0px; border: 0px solid #cccccc; padding: 10px 0px 20px 0px; line-height: 1.5 !important; }

.post-archive 
		{ margin: 0px 0px 20px 0px; padding: 0px; font-size: 1.5em; color: #444444;  text-transform: uppercase; border-bottom: 1px solid #999999; }
		
.post .post-title, .post .post-title a
		{ margin: 1px 0px 0px 0px; border: 0px solid #cccccc;  padding: 0px; font-size: 1.25em; }

#radio .post-title
       { font-size: 24px !important; margin: 0px 0px 0px 0px !important; padding: 0px; color: #404040;font-family: helvetica, verdana, arial, sans-serif; text-transform: uppercase; }

#archives .post-title
       { font-size: 24px !important; color: #404040;font-family: helvetica, verdana, arial, sans-serif; }

#archives .issue-title
       { font-size: 24px !important; color: #404040;font-family: helvetica, verdana, arial, sans-serif; text-transform: uppercase; }


#archives .tmp-issue-title,
#archives .tmp-issue-subtitle,
#archives .tmp-issue-date {
	display: block; float: left; clear: both; margin: 0px; padding: 0px; 
}

#archives .tmp-issue-title,
#archives .tmp-issue-date {
	text-transform: uppercase;
}


       

.issue,
.post .post-category-issue,
.post .post-subtitle,
.post .post-date, 
.post .post-author, 
.post .post-artist,
.post .post-artwork,
.post .post-meta
		{ margin: 1px 0px 1px 0px; border: 0px solid #cccccc; padding: 0px; font-size: .9em;  color: #303030; font-weight: normal; }

.post .post-subtitle
        { color: #777777; }
        
.post .post-category-issue,
.post .post-subtitle,
.post .post-author,
.post .post-artist
		{ text-transform: uppercase; }

.post .post-date
		{ text-transform: uppercase; font-weight: bold; }

.post .post-category-issue a,
.post .post-date a, 
.post .post-author a, 
.post .post-meta a
		{  color: #555555; font-weight: bold; }

.post .post-author, .post .post-author a
		{  color: #555555; font-weight: bold; }

.post .post-category-issue a
		{  color: #444444 !important; }

/*
.post .post-category-issue a:hover,
.post .post-date a:hover, 
.post .post-author a:hover, 
.post .post-meta a:hover
		{ color: #030303 !important; }
*/
        
.post div.issue-image-500
        { display: block; float: left; clear: both; width: 600px; margin: 0px; padding: 0px; border: 0px solid #000000; text-align: left; }

.post div.issue-image-500 img
        { display: block; float: left; clear: both; width: 500px; margin: 0px; padding: 0px; border: 0px solid #000000; text-align: left; }
        
.block-post-meta,
.block-post-meta-single
		{ display: block; float: left; clear: both; margin: 0px 0px 40px 0px; border-top: 0px solid #cccccc; border-bottom: 1px solid #cecece; padding: 10px 0px 10px 0px; font-family: helvetica, verdana, arial, sans-serif; }

.block-post-meta 
        {        margin-bottom: 50px;}

#block-comments
		{ display: block; float: left; clear: both; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; }

#block-interact,
#block-ratings,
#block-share,
#block-related 
	{ width: 200px; display: block; float: left; margin: 0px; padding: 0px; border: 0px solid #000; line-height: 1.3; font-size: .8em; text-align: left; 
			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif !important; 

} 

.block-post-meta h5, .block-post-meta-single h5, #block-comments h5  
		{ margin: 5px 0px 10px 0px; padding: 0px;  text-transform: uppercase; color: #646464; font-size: 1.2em; border-bottom: 1px solid #cecece; background: transparent url("http://spacingmedia.com/media/arrow-right-333-sml.png") top left no-repeat;        }

.block-post-meta h6, .block-post-meta-single h6, #block-comments h6  
		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  text-transform: uppercase; color: #444444; font-size: .9em;}


.block-post-meta p, .block-post-meta-single p,
.block-post-meta ul, .block-post-meta-single ol, .block-post-meta-single dl
		{ display: block; float: left; margin: 0px 0px 5px 0px; padding: 0px; color: #303030; background: transparent; 
			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif !important; 
    
}

.block-post-meta ul li, .block-post-meta-single ul dt, .block-post-meta-single ul dd
		{ display: block; float: left; text-align: left; margin: 0px 0px 5px 0px; padding: 0px; color: #303030; background: transparent; border: 0px solid #000; list-style-type: none; 
			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif !important; 
    
}
        
.block-post-meta .note, .block-post-meta-single .note
		{ display: block; float: left;text-align: left;  margin: 0px 10px 10px 0px; padding: 0px; color: #303030; font-family: helvetica, 'lucida grande', verdana, arial, sans-serif !important; }


/* CAPTIONS */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
color: #030303;
background: #777777;
padding-top: 4px;
margin: 10px;
}



.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
	            
/* COMMENTS */
.commentlist li, #commentform input, #commentform textarea 
		{	font-size: 0.9em; font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; }
		
#commentform 
        { color: #646464; background: #eeeeee; margin: 20px 0px 0px 0px; border: 1px solid #cccccc; padding: 0px 20px 10px 20px; }

#commentform h5 
        { border: 0px solid #000000; margin: 0px 0px 5px 0px;}

#commentform h6
        { border: 0px solid #000000; margin: 0px 0px 20px 0px; font-style: normal; font-size: .9em; }
        
#commentform h6.post-title
        { margin: 0px 0px 0px 0px; }
          
#commentform input, #commentform textarea 
        { color: #030303; background: #fefefe; border: 1px solid #cccccc;  }

#commentform input:hover, #commentform textarea:hover, 
#commentform input:focus, #commentform textarea:focus 
        { color: #030303; background: #ffffff; border: 1px solid #cccccc;  }

#commentform #submit 
        { color: #030303; background: #cccccc; border: 0px solid #555; padding: 0px; margin: 5px 0px 0px 0px; }

#commentform #comment_post_ID
        { color: #ffffff; background: #ffffff; border: 0px solid #ffffff; padding: 0px; margin: 0px; display: inline-block; }

.commentlist li ul li 
		{	font-size: 1em;}

.commentlist li 
		{	font-weight: bold;}

.commentlist li .avatar 
		{ 	float: right; border: 1px solid #eee; padding: 2px; }

.commentlist cite, .commentlist cite a 
		{	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}

.commentlist p 
		{	font-weight: normal; line-height: 1.4em;	text-transform: none;	}

.comment 
		{ border-bottom: 1px dashed #999999; padding: 20px 0px 5px 0px; }

.comment p
		{ display: block; clear: both; float: none; margin: 5px 10px 20px 10px !important; border: 0px solid #ccc; font-size: 1em; font-family: helvetica, sans-serif; font-style: normal; line-height: 1.2; color: #333333; }

.comment .commentmeta 
		{ margin: 15px 10px 0px 10px; padding: 5px 0px; font-size: .85em; font-family: helvetica, sans-serif; font-style: normal; line-height: 1.2; color: #070707; }

.comment .commentmeta h6
		{ margin: 0px; padding: 0px; font-weight: normal; line-height: 1.2;  }
		
/* CALENDAR */
#wp-calendar #prev a, #wp-calendar #next a 
		{ font-size: .9em;	}

#wp-calendar a 
		{	text-decoration: none;	}

#wp-calendar caption 
		{	font-weight: bold; font-size: 1.2em;	text-align: center;	}

#wp-calendar th 
		{	font-style: normal;	text-transform: capitalize; }

/* SIDEBAR */
#secondary ul, #secondary ol
		{ list-style-type: none; margin: 10px; padding: 0px; 
    
			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; 

}

#secondary ul li, #secondary ol li
		{ list-style-type: none; margin: 0px; padding: 0px; 

			font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; 


}


/*
_______________________________
	CUSTOM BITS OF STYLE
*/		                


/* META */
a img.WP-EmailIcon	
	{ padding: 0px; margin: 0px; }

				
/* MISC */		 

/* clearfix */

#content:after, ul:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }
#content, ul{
    display:block;
    }
/*  \*/
#content, ul{
    min-height:1%;
    }
* html #content, * html ul{
    height:1%;
    }

/* // clearfix */

.sans
		{ font-family: helvetica, 'lucida grande', verdana, arial, sans-serif; font-size: 1em; }
		
.text-alignleft
		{ display: block; text-align: left; }   		
.text-alignright
		{ display: block; text-align: right; }   
.text-aligncenter
		{ display: block; text-align: center; }   
.alignleft
		{ display: block; float: left; }   		
.alignright
		{ display: block; float: right; }   
.clear 
		{ display: block; clear: both; }   

.first
		{clear: left; }

.last
		{clear: right; }
	
.even
		{ color: #030303; background: #ffffff; }

.alt
		{ color: #030303; background: #efefef; }

b, strong
		{ color: #303030;  background: transparent; }
		
code 
		{	font: 1.1em 'Courier New', Courier, Fixed; background: #eeeeee; color: #303030; padding: 5px; 	}		
		
a img
		{ border: 0px solid #000000; }

hr 
		{ display: block;	}
		
div.content-full
		{ display: block; float: left; width: 100%; text-align: left; }

div.content-quarter
		{ display: block; float: left; width: 25%;  text-align: left; }

div.content-half
		{ display: block; float: left; width: 50%;  text-align: left; }
		
div.content-threequarter
		{ display: block; float: left; width: 75%;  text-align: left; }
		
div.content-third
		{ display: block; float: left; width: 33%;  text-align: left; }

div#primary div.content-third
		{ display: block; float: left; width: 200px; text-align: left; }

div.content-twothirds
		{ display: block; float: left; width: 66%;  text-align: left; }

div#primary div.content-twothirds
		{ display: block; float: left; width: 400px; text-align: left; }



p.subscribe-to-comments
 			{ margin-top: 10px; }
p.subscribe-to-comments	label	
		{ font-weight: normal; font-size: 1em; color: #444444; }



/* TERTIARY */
#panel-control
    { display: block; float: right; width: 100%; list-style-type: none; margin: 5px 0px 10px 0px; border: 0px solid #cccccc; padding: 0px; text-align: right; font-size: 10px; color: #999999; }

#toggle
    { display: block; float: right; list-style-type: none; margin: 0px; padding: 0px; text-align: right; font-size: 9px; color: #999999; text-transform: uppercase; }

#toggle a
    { color: #555555; background: #eeeeee; margin: 15px 0px 0px 0px; padding: 5px 5px 0px 5px; }

#toggle a:hover, #toggle a:focus
    { color: #700101; }   


/* CODA SLIDER */
#slider {
    float: left; 
    display: block;
    width: 600px;
    margin: 0px;
    position: relative;
    padding: 0px;
}

.scroll {
    width: 600px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
}

.scrollContainer div.panel {
    margin: 0;
    padding: 0;
    height: 113px;
    width: 600px;
}

#shade {
    background: #000;
    height: 0px;
}

#slider ul.navigation {
    display: block;
    float: left;
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0;
    border: 0px solid #000000;
}

#slider ul.navigation li {
    text-align: right;
    float: left;    
    display: inline-block;
    margin: 0px;
    padding: 0px;
    background: #ffffff;    
    width: 30px; height: 25px;
}

#slider ul.navigation a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    background: #ffffff;    
}

#slider ul.navigation a:hover {
    backg