/*

Copyright 2009, Templatastic.com
Important Note: This style sheet is for use by experienced web programmers / designers.  It will override the styles set up by your Templatastic theme.

Widget area 3 can be located anywhere you want by adjusting the top and left parameters of the wArea3 style.

Widget areas 4 through 6 autosize to fit the theme.

Widget areas 7 through 10 size to be equal to each other, depending on how many you activate in the Templatastic Theme Options - HOWEVER, 
you can override the sizes here - so that, for example, if you had three activated and you wanted the first one to be 50% width and the next 
two to be 25% width each.  You will need to view source and find the inline code for wArea7 (located in the header) to see the width 
Templatastic is using for your configuration.

*/

/* Sidebar and Content classes to be used for overriding Templatastic theme options.

The following classes are blank because they are to be used only by experienced programmers / designers 
to adjust the side bar widget areas and the content areas.  You can seriously mess up your Templatastic theme
here - but you can also have ultimate flexibility.  If you mess it up, no worries, just put it back to the 
original blank state.  */

.tas-contentLayout .tas-sidebar1
{
}

.tas-contentLayout .tas-content
{
}

.tas-contentLayout .tas-content-sidebar1
{
}

.tas-contentLayout .tas-content-sidebar2
{
}

.tas-contentLayout .tas-content-wide
{
}

.tas-contentLayout .tas-sidebar2
{
}

/* Custom Header Logo Information (Title and Tagline) - you can position your logo text / blog title and tagline here. 
   To activate this, use the Themetastic admin to make the header height at least 1 less than the original size (if any)

Here's an example of how to position the logo informaiton to be all the way to the the left side, 20 pixels from the top:

.custom-Logo-Default
{
	position:absolute;
	left:0px;
	top:20px;
}
   
*/

.custom-Logo-Default
{
	position:static;
}

.custom-Logo-Main
{
	position:static;
}

.custom-Logo-Sub
{
	position:static;
}

.custom-Logo-Sub2
{
	position:static;
}

/* don't remove */

.clear
{
	clear:both;
}

.hideme
{
	visibility: hidden;
}

/* WIDGET AREAS: 

/* this class controls the title portion of ALL the widget areas on the site */

.wAreaTitle
{
}

/*
There are four sets of these widget areas.  One each for the default template, the main page template, sub page template and subpage 2 template.
*/

/* default template widget areas */
.wArea3-Default
{
	position:absolute;
	top:10px;
	left:800px;
}

.wArea4-Default
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.wArea5-Default
{
	padding:10px 20px 10px 20px;
}

.wArea6-Default
{
	padding:10px 20px 10px 20px;
}

/* the footer widgets are actually outside the WP footer so that you have flexibility.  
If you want to make it look like part of the footer, simply match the color of the topmost 
pixel of the footer and put the color code below as shown.  A good free color tool is 
ColorCop - http://colorcop.net/

You can put top or bottom borders around all the footer widget areas in this style class, however, 
if you try to use left or right borders, it will mess things up - unless you manually adjust the 
wArea widths accordingly.  */

.wAreaFooter-Default
{
	float:right !important;
	/* background: #ffffff; */
}

/* these are the footer widget areas */

.wArea7-Default
{
	padding:10px 10px 10px 10px;
}

.wArea8-Default
{
	padding:10px 10px 10px 10px;
}

.wArea9-Default
{
	padding:10px 10px 10px 10px;
}

.wArea10-Default
{
	padding:10px 10px 10px 10px;
}

/* main page template widget areas */
.wArea3-Main
{
	position:absolute;
	top:10px;
	left:800px;
}

.wArea4-Main
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.wArea5-Main
{
	padding:10px 10px 0px 10px;
}

.wArea6-Main
{
	padding:10px 20px 10px 20px;
}

/* the footer widgets are actually outside the WP footer so that you have flexibility.  
If you want to make it look like part of the footer, simply match the color of the topmost 
pixel of the footer and put the color code below as shown.  A good free color tool is 
ColorCop - http://colorcop.net/

You can put top or bottom borders around all the footer widget areas in this style class, however, 
if you try to use left or right borders, it will mess things up - unless you manually adjust the 
wArea widths accordingly.  */

.wAreaFooter-Main
{
	float:right !important;
	/* background: #ffffff; */
}

/* these are the footer widget areas */

.wArea7-Main
{
	padding:10px 10px 10px 10px;
}

.wArea8-Main
{
	padding:10px 10px 10px 10px;
}

.wArea9-Main
{
	padding:10px 10px 10px 10px;
}

.wArea10-Main
{
	padding:10px 10px 10px 10px;
}

/* sub page template widget areas */
.wArea3-Sub
{
	position:absolute;
	top:10px;
	left:800px;
}

.wArea4-Sub
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.wArea5-Sub
{
	padding:10px 20px 10px 20px;
}

.wArea6-Sub
{
	padding:10px 20px 10px 20px;
}

/* the footer widgets are actually outside the WP footer so that you have flexibility.  
If you want to make it look like part of the footer, simply match the color of the topmost 
pixel of the footer and put the color code below as shown.  A good free color tool is 
ColorCop - http://colorcop.net/

You can put top or bottom borders around all the footer widget areas in this style class, however, 
if you try to use left or right borders, it will mess things up - unless you manually adjust the 
wArea widths accordingly.  */

.wAreaFooter-Sub
{
	float:right !important;
	/* background: #ffffff; */
}

/* these are the footer widget areas */

.wArea7-Sub
{
	padding:10px 10px 10px 10px;
}

.wArea8-Sub
{
	padding:10px 10px 10px 10px;
}

.wArea9-Sub
{
	padding:10px 10px 10px 10px;
}

.wArea10-Sub
{
	padding:10px 10px 10px 10px;
}

/* dsub page 2 template widget areas */
.wArea3-Sub2
{
	position:absolute;
	top:10px;
	left:800px;
}

.wArea4-Sub2
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.wArea5-Sub2
{
	padding:10px 20px 10px 20px;
}

.wArea6-Sub2
{
	padding:10px 20px 10px 20px;
}

/* the footer widgets are actually outside the WP footer so that you have flexibility.  
If you want to make it look like part of the footer, simply match the color of the topmost 
pixel of the footer and put the color code below as shown.  A good free color tool is 
ColorCop - http://colorcop.net/

You can put top or bottom borders around all the footer widget areas in this style class, however, 
if you try to use left or right borders, it will mess things up - unless you manually adjust the 
wArea widths accordingly.  */

.wAreaFooter-Sub2
{
	float:right !important;
	/* background: #ffffff; */
}

/* these are the footer widget areas */

.wArea7-Sub2
{
	padding:10px 10px 10px 10px;
}

.wArea8-Sub2
{
	padding:10px 10px 10px 10px;
}

.wArea9-Sub2
{
	padding:10px 10px 10px 10px;
}

.wArea10-Sub2
{
	padding:10px 10px 10px 10px;
}