/* PLANET CAPOEIRA CSS 
	COPYRIGHT © 2007 PLANET CAPOEIRA MEDIA
	
	LAST EDITED July 15, 2007
	FIXED IE FOOTER PROBLEM;
	FIXED LIST PROBLEMS IN TABS;
	
	*/
	
	/*css reset*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	
	/*layout*/
	
	html {

	}
	
	body {
		margin: 34px 0 20px 0;
		background-image:url('images/page_bg.gif');
		background-position: top left;
		background-repeat: repeat-x;
	}
	
	#wrapper {
		margin: 0 auto;
		width: 960px;
		height: 100%;
	}
	
	#newsScroller {
		float: right;
		margin-top: 35px
	}
	
	#header {
		background-color: #fff;
		margin-bottom: 10px;
	}
	
	#navigation {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 180%;
		font-weight: normal;
		letter-spacing: -1px;
		border-top: 1px dotted #ccc;
		clear: both;
	}
	
	#navigation a:link {
		color: #4197e3;
		text-decoration: none;
	}
	
	#navigation a:visited {
		color: #4197e3;
		text-decoration: none;
	}
	
	#navigation a:hover {
		text-decoration: none;
		color: #333;
	}
	
	#navigation a:active {
		color: #99cc00;
		text-decoration: none; 
	}
	
	#navlist li {
		display: inline;
		list-style-type: none;
		padding-right: 14px;
	}
	
	#infobox {
		background-color: #ffffcc;
		margin-bottom: 10px;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}
	
	#content {
		width:545px;
		float: left;
		background-color: #fff;
	}
	
	.quarter {
		float: left;
		width: 24.8%;
		border-top: 1px solid #ddd;
		padding-top: 6px;
	}
	
	.quarter h3 {
		margin-top: -5px;
		color: #99cc00;
	}
	
	.quarter li {
		margin-bottom: .1em;
	}
	
	.striped {
		border-right: 1px solid #ddd;
	}
	
	.need_top_margin {
    margin-top: 6px
  }
	
	#searchbox {
		margin-bottom: 10px;
	}
	
	.adbox {
		background-color: #f4f4f4;
		margin-bottom: 10px;
	}
	
	#column {
		width: 400px;
		float: right
	}
	
	#sidebar1 {
		background-color: #f4f4f4;
		width: 195px;
		float: left;
	}
	
	#sidebar2 {
		background-color: #f4f4f4;
		background-image:url('images/sidebar_bottom_graphic.gif');
		background-repeat: no-repeat;
		background-position: center bottom; 
		width: 195px;
		float: left;
		margin-left: 10px;
		padding-bottom: 100px
	}
	
	#footer {
		clear: both;
		width: 960px;
		margin: 0 auto;
		padding-top: 55px;
		background-image: url('images/footer_top2.gif');
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.inner {
		padding: 10px;
	}
	
	.byline {
		border-bottom: 3px solid #f4f4f4;
		padding-bottom: 2px;
	}
	
	/*--TYPOGRAPHY--*/
	
	body {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		color: #444;
		font-size: .78em;
		line-height: 1.5em;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	strong {
		font-weight: bold;
		font-size: 98%;
	}
	
	em {
    font-style: italic;
	}
	
	#sidebar1, #sidebar2, #footer {
		font-size: .88em;
		line-height: 1.4em;
		color: #666;
	}
	
	#sidebar1, #sidebar2 li {
		margin-bottom: 1px;
	}
	
	.quarter {
		font-size: .88em;
		line-height: 1.3em;
		color: #888;
	}
	
	h2, h3, h4, h5 {
		margin: .8em 0;
		font-family: Arial, Helvetica, "Trebuchet MS", Sans-Serif;
		font-size: 155%;
		font-weight: normal;
		letter-spacing: -.8px;
		color: #4197e3;
	}
	
	h2 {
		font-size: 220%;
	}
	
	#sidebar1 h3 {
		margin-bottom: .4em;
	}

	#sidebar2 h3 {
		margin-bottom: .4em;
	}
	
  #logo {
	  text-indent: -9000px;
	  height: 54px;
	  width: 417px;
	}

  #logo a {
    display: block;
	  height: 60px;
	  background: #fff url('images/logo_link.gif') no-repeat;
	}

  #logo a:hover, #logo a:active, #logo a:focus {
	  background: #fff url('images/logo_hover.gif') no-repeat;
	}	
	
	.tabbertab {
		font-size: .88em;
		line-height: 1.4em;
	}
	
	.tabbertab .rss-items {
		list-style-type: none;
		/* list-style-image: url('images/list-arrow.gif'); */
		/* list-style-position: inside; */
		height: 1%;
	}
	
	.tabber_header_img {
		margin: .4em 0 .4em 0;
	}
	
	.rss-box-asides li {
		list-style: none;
		list-style-type: none;
		margin-bottom: .8em
	}
	
	.rss-box-asides {
		height: 160px;
		width:99%;
		overflow: auto;
	}
	
	p.lede:first-line {
		font-weight: bold;
		font-size: 95%;
		color: #555;
	}
	
	blockquote {
		margin-bottom: .8em;
		padding: 0 32px;
		background-image: url('images/quotes.gif');
		background-position: top left;
		background-repeat: no-repeat;
		color: #99cc00;
		font-size:145%;
		font-weight: normal;
		font-family: arial;
		line-height: 1.3em;
	}
	
	/*--LINK STYLES--*/
	
	a:link {
		color: #4197e3;
		text-decoration: none
	}
	
	a:visited {
		color: #999;
		text-decoration: underline;
	}
	
	a:hover {
		color: #4197e3;
		text-decoration: underline;
	}
	
	a:active {
		color: #666;
		text-decoration: underline;
	}
	
	
	h2 a:link {
		color: #4197e3;
		text-decoration: none
	}
	
	h2  a:visited {
		color: #999;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #4197e3;
		text-decoration: underline;
	}
	
	h2 a:active {
		color: #999;
		text-decoration: none;
	}
	
	/*--RSS FEED LIST--*/
	
	#feeds {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	
	#feeds li {
		background-image:url('images/rss2.png');
		background-repeat:no-repeat;
		background-position: 0 50%;
		padding-left: 20px;
		height: 15px;
	}
	
	.small_rss {
		background-image: url('images/rss_12px.png');
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 15px
	}
	
	.paginator {
		background-color: #f4f4f4;
		padding: 4px;
		font-size: 88%;
		margin-bottom: 8px;
		color: #888
	}
	
	.paginator a {
		text-decoration: none;
		color: #4197e3;
	}
	
	.comment { 
		background: #f4f4f4; 
		color: #888;
		margin-bottom: 10px;
		padding: 10px; 
		border-top: 1px solid #e1e1e1; 
	}
	
	.commentsbox {  
		color: #666; 
		padding: 0px; 
		margin: 0;
		border-top: 1px solid #e1e1e1; 
	}
	
	.comment .date {
    font-size: 145%;
    color: #777;
    background-image: url('images/comment_balloon.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    height: 20px
  }
	
	input { 
		padding: 3px; 
		margin-right: 1px; 
		border: 3px solid #e9e9e9;
		background-color: #e9e9e9;
		color: #888
	}
	
	#search_engine input { 
		margin-right: 1px; 
		margin-top: 7px;
		border: 3px solid #e9e9e9;
		background-color: #fff;
		color: #888;
	}
	
	input.text { 
		padding: 3px; 
		margin: 0; 
		width: 50%;
		border: 3px solid #e9e9e9;
		color: #888;
		background-color:#fff ! important;;
	}
	
	input.searchbutton {
		padding: 3px;
	}
	
	.searchfield {
		width: 70%;
		background-image:url('images/search.gif');
		background-repeat:no-repeat;
		background-position: 1% 50%;
		padding: 4px 4px 4px 25px;
	}
	
	textarea { 
		padding: 3px; 
		width: 95%;
		height: 18em; 
		border: 3px solid #e9e9e9;
		font-family: Calibri, "Trebuchet MS", Arial, Sans-Serif;
		color: #888
	}
	
	  #flickr_feed img {
    display: block;
    margin-bottom: 4px;
  }
	
	/*--AUTHOR BOX STYLE--*/
	
	.author {
		background-color: #f4f4f4;
		padding:8px;
		display: block;
		color: #888;
		font-size: .9em;
		line-height: 1.45em;
		min-height: 76px;
	}

	.author_img {
		float: left;
		border: 3px solid #d9d9d9;
	}

	.author p {
		padding-left: 84px;
		margin-top: -2px
	}
	
	/*--CHAT BOX STYLE--*/

	#chat_notes {
		padding:10px;
		color: #888;
		font-size: .9em;
		line-height: 1.45em;
		font-style: italic
	}
	
	/*--ADBOX TEASER STYLES--*/
	
	#page .teaser {
		height: 100px;
		background-image:url('images/index_page_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#customer-service .teaser {
		height: 100px;
		background-image:url('images/customer_service_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#magazine .teaser {
		height: 100px;
		background-image:url('images/magazine_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#video .teaser {
		height: 100px;
		background-image:url('images/video_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#subscribe .teaser {
		height: 100px;
		background-image:url('images/subscribe_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#blog .teaser {
		height: 100px;
		background-image:url('images/blog_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#feature .teaser {
		height: 100px;
		background-image:url('images/features_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#subscribe .teaser {
		height: 100px;
		background-image:url('images/subscribe_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#editorial .teaser {
		height: 100px;
		background-image:url('images/editorial_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#podcast .teaser {
		height: 100px;
		background-image:url('images/podcasts_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#spotlight .teaser {
		height: 100px;
		background-image:url('images/spotlight_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#interviews .teaser {
		height: 100px;
		background-image:url('images/interviews_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#events .teaser {
		height: 100px;
		background-image:url('images/events_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#reviews .teaser {
		height: 100px;
		background-image:url('images/reviews_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#workshop .teaser {
		height: 100px;
		background-image:url('images/workshops_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#sitemap .teaser {
		height: 100px;
		background-image:url('images/site_map_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#contact .teaser {
		height: 100px;
		background-image:url('images/contact_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#terms-of-service .teaser {
		height: 100px;
		background-image:url('images/tos_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#privacy .teaser {
		height: 100px;
		background-image:url('images/privacy_policy_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#administration .teaser {
		height: 100px;
		background-image:url('images/administration_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#order-an-issue .teaser {
		height: 100px;
		background-image:url('images/order_issue_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#advertise .teaser {
		height: 100px;
		background-image:url('images/advertise_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#submissions .teaser {
		height: 100px;
		background-image:url('images/submissions_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#planet-capoeira-media .teaser {
		height: 100px;
		background-image:url('images/planet_capoeira_media_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#archive .teaser {
		height: 100px;
		background-image:url('images/archive_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#wiki .teaser {
		height: 100px;
		background-image:url('images/wiki_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#shop .teaser {
		height: 100px;
		background-image:url('images/shop_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#about-planet-capoeira .teaser {
		height: 100px;
		background-image:url('images/about_pc_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#magazine .teaser {
		height: 100px;
		background-image:url('images/magazine_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#capoeira-chat .teaser {
		height: 100px;
		background-image:url('images/chat_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	#links .teaser {
		height: 100px;
		background-image:url('images/links_teaser.png');
		background-repeat:no-repeat;
		background-position: 0 0;
	}
	
	/*-- TABBER SECTION --*/
	/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
	
	/*--------------------------------------------------
	REQUIRED to hide the non-active tab content.
	But do not hide them in the print stylesheet!
	--------------------------------------------------*/
	.tabberlive .tabbertabhide {
		display:none;
	}
	
	/*--------------------------------------------------
	.tabber = before the tabber interface is set up
	.tabberlive = after the tabber interface is set up
	--------------------------------------------------*/
	.tabber {
	}
	.tabberlive {
		margin-top:0em;
	}
	
	/*--------------------------------------------------
	ul.tabbernav = the tab navigation list
	li.tabberactive = the active tab
	--------------------------------------------------*/
	ul.tabbernav {
		margin:0;
		padding: px 0;
		border-bottom: 1px solid #d4d4d4;
	}
	
	ul.tabbernav li {
		list-style: none;
		margin: 0;
		display: inline;
		font-size: .88em;
	}
	
	ul.tabbernav li a {
		padding: 3px .5em;
		margin-right: -1px;
		border: 1px solid #d4d4d4;
		border-bottom: none;
		background: #f4f4f4;
		text-decoration: none;
	}
	
	ul.tabbernav li a:link { 
		color: #4197e3; 
	}
	ul.tabbernav li a:visited { 
		color: #666; 
	}
	
	ul.tabbernav li a:hover {
		color: #fff;
		background: #4197e3;
		border-color: #d4d4d4;
	}
	
	ul.tabbernav li.tabberactive a {
		background-color: #fff;
		border-bottom: 1px solid #fff;
	}
	
	ul.tabbernav li.tabberactive a:hover {
		color: #888;
		background: white;
		border-bottom: 1px solid white;
	}
	
	/*--------------------------------------------------
	.tabbertab = the tab content
	Add style only after the tabber interface is set up (.tabberlive)
	--------------------------------------------------*/
	.tabberlive .tabbertab {
		padding:5px;
		border:1px solid #d4d4d4;
		border-top:0;
		background-color: #fff;
	
	/* If you don't want the tab size changing whenever a tab is changed
	you can set a fixed height */
	
	/* height:200px; */
	
	/* If you set a fix height set overflow to auto and you will get a
	scrollbar when necessary */
	
	/* overflow:auto; */
	}
	
	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h2 {
		display:none;
	}
	.tabberlive .tabbertab h3 {
		display:none;
	}
	
	/* Example of using an ID to set different styles for the tabs on the page */
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
		height:200px;
		overflow:auto;
	}
	
	/*--- END TABS STYLE ---*/