/*  
Theme Name: Canvas
Theme URI: http://www.woothemes.com/
Version: 4.7.9
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: canvas, woothemes, buddypress
	
	Copyright: (c) 2009-2010 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* 
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/* GENERAL STYLES */

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

div.magazine { font: 14px/20px Arial,Helvetica,Sans-serif; color: #555; background-color: #fff; } 
/* div.magazine h1, h2, h3, h4, h5, h6  { margin: 0; font-family:Georgia, serif; color: #222; font-weight:normal; } */
div.magazine h1  {font-size: 2em } h2  {font-size: 1.8em;} h3  {font-size: 1.6em;} h4  {font-size: 1.2em;} h5  {font-size: 1em;} h6  {font-size: 0.8em;}
div.magazine p {margin: 0; font:16px/24px Georgia, serif; }
div.magazine hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }
div.magazine input, textarea { padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px;}
div.magazine .hide { display: none; }

/* 1.2 Hyperlinks */

div.magazine a:link, div.magazine a:visited  { color: #4F81BD; text-decoration:none;}
div.magazine a:hover {text-decoration:underline; color:red; }
div.magazine h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
div.magazine h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
div.magazine h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/*-------------------------------------------------------------------------------------------*/
/* 8. TEMPLATES / SLIDER */
/*-------------------------------------------------------------------------------------------*/
/* 8.1 WooSlider */

#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { min-height:200px; position:absolute; top:0; left:0; display:none; }
#loopedSlider { margin:0 auto 40px; padding:0; position:relative;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}

#loopedSlider .content { position:absolute; left:0px; top:20px; }
#loopedSlider .content h2 { float:left; color:#fff; margin-bottom:0; padding:5px 20px;}
#loopedSlider .content h2 a:hover { text-decoration:underline;  }
#loopedSlider .content p { clear:both; float:left; color:#ccc; padding:5px 20px 10px 20px; }
#loopedSlider .content p, #loopedSlider .content h2 { background:rgb(0,0,0); background:rgba(0,0,0,.7); max-width:300px; }

/* 8.1.1 Pagination */
#loopedSlider.has-pagination { margin-bottom: 50px; }
#loopedSlider .pagination-wrap { text-align: center; margin: 10px 10px 20px 10px; position: absolute; width: 97%; z-index: 10; }
#loopedSlider .pagination { display: inline; }
#loopedSlider .pagination li { display: inline-block; margin-right: 2px; width: 12px; height: 12px; }
#loopedSlider .pagination li a { background: transparent url( 'images/slider-pagination.png' ) no-repeat left top; display: block; width: 12px; height: 12px; text-indent: -9999px; }
#loopedSlider .pagination li.current a { background-position: left -12px; }

body.ie7 #loopedSlider .pagination li { display: inline; zoom: 1; }

/* 8.2 Magazine template */
.magazine .block { float:left; width:48%; }
.magazine .block.last { float:right; }

.magazine #loopedSlider a.previous { position:absolute; bottom:10px; right:50px; opacity:0.8; z-index: 999; }
.magazine #loopedSlider a.next { position:absolute; bottom:10px; right:15px; opacity:0.8; z-index: 999; }
.magazine #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }

/* 8.2 Business template */
.business #loopedSlider, .business #loopedSlider .container { width:auto; }
.business #loopedSlider a.previous { position:absolute; top:45%; left:-40px; opacity:0.8;}
.business #loopedSlider a.next { position:absolute; top:45%; right:-40px; opacity:0.8;}
.business #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }
.business #loopedSlider .entry { padding:0 15px; }
.business h2, .business h3, .business h4, .business h5, .business h6 { margin-top:0.3em; }

/*-------------------------------------------------------------------------------------------*/
/* 9. BROWSER SPECIFIC */
/*-------------------------------------------------------------------------------------------*/
/* IE6 */

.ie6 #loopedSlider .content p, .ie6 #loopedSlider .content a h2 { width:300px; }
.ie6 .business #loopedSlider a.previous { top:150px; }
.ie6 .business #loopedSlider a.next { top:150px; }