/*   
Theme Name: C
Theme URI: 
Description: Try Barrel Image as background
Author: Clyde
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
*/

/* 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('../thematic/library/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('../thematic/library/styles/default.css');

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



body {
    min-width:800px;
    font : 15px/24px Georgia, serif;
    overflow-x: hidden;
    
}
#header {
    position:relative;
}
#branding {
    width:940px;
    margin:0 auto;
    width:auto;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:100%;
    margin:0 auto;
}
#main {
    width:100%;
    margin:0, 10px, 0, 0;
    overflow:visible;
    position:relative;
background-color:#ffffff;
}
#container {
    width:73%;
    float:left;
    background-color: #ffffff;
   /* margin-bottom:-500px;
    padding-bottom:500px; */
    overflow:hidden;
    margin-right:-1px;
}
#content {
    margin:0 5% 0 5%;
    width:auto;
  /* margin-bottom:-500px;
    padding-bottom:500px; */
    overflow:hidden;
}
.main-aside {
    
    width:215px;
    float:right;
    position:relative;
    padding-bottom:3500px;
    margin-bottom:-2500px; 
    z-index:1;
    right:0px;
    color:#000000;
    overflow:hidden;
}
#primary {
    background-color: #000000;
    color: #ffffff;
    border:none;
    margin-bottom:0px;
    z-index:3;
}

#secondary {
    clear:right;
    background-color: #000000;
    color: #ffffff;
    margin-bottom:-50px;
}

#subsidiary {
    width:940px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 20px 0 0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
    clear:both;
    width:auto;
    margin:0 auto 0 20px;
    padding-left: 20px;
}
#header {
    background:url(images/LeftHeader.jpg) no-repeat top left;
    height:330px;

}

#leftFoot {
   overflow:hidden;
   postion:absolute;
   float;left;
   left:0pt;
   top:0pt;
width:748px;
z-index:1;
}
#rightFoot {
position:absolute;
right:0pt;
top:0pt;
float:right;
width:auto;
z-index:2;
}
#footContainer {
position:relative;
height:68px;
width:100%;
margin:0 0 -40px 0;

}


#footer {
background-color:#ffffff;
clear:right;
	height:65px;
}

#bHead {float:right;
position:relative;
width:auto;
height:330px;
margin-right;0px;
overflow:hidden;
}

#main {padding-top: 0px;
min-width:800; }
#otherside {
float:right;
}
#myside { 

position:relative;
float:right;
margin-right:0pt;
margin-left:-1px;
right:0pt;
width:auto;
background-color: #ffffff;
z-index: 2;
}
#myAsideContainer { 

position:relative;
float:right;
margin-right:0pt;
margin-bottom:-80px;

right:0pt;
width:27%;
background-color: #ffffff;
z-index: 2;
}

#myContainer {
position:relative;
height: auto;
width:100%;
overflow:none;
margin-top:0px;
/* margin-bottom:-1100px;
    padding-bottom:1100px; */
}

#mailto  {
position:absolute;
float:left;
margin-left: 6%;
margin-top: 35px;
color:#ffffff;
z-index:3;
height:auto;
width:auto;
}

#address {
position:absolute;
float:left;
margin-left: 6%;
margin-top: 90px;
color:#ffffff;
z-index:3;
height:auto;
width:auto;}

#hours  {
position:absolute;
float:left;
margin-left: 6%;
margin-top: 225px;
color:#ffffff;
z-index:3;
height:auto;
width:auto;
}



a.head:link {
color: #cccccc;
text-decoration:none;
font-size:15pt;
}

a.head:visited {
color:#cccccc;
text-decoration:none;
font-size:15pt;
}

a.head:hover {
color:white;
text-decoration:none;
font-size:15pt;
}

a.head:active {
color:#cccccc;
text-decoration:none;
font-size:15pt;
}

a.barrel:link {
color:black;
text-decoration:none;
font-size:22pt;
}

a.barrel:visited {
color:#663333;
text-decoration:none;
font-size:22pt;
}

a.barrel:hover {
color:white;
text-decoration:none;
font-size:22pt;
}

a.barrel:active {
color:black;
text-decoration:none;
font-size:22pt;
}


span.head {
color:#cccccc;
text-decoration:none;
font-size:15pt;
}


#barrelLogo {
position:absolute;
float:right;
margin-left:202px ;
margin-top: 220px;
z-index:2;
height:63px;
width:222px;}

#wine {
position:absolute;
float:right;
margin-left:576px ;
margin-top: 195px;
z-index:2;
height:auto;
width:auto;
line-height:30pt;
}
#map {
position:absolute;
float:right;
margin-left:616px ;
margin-top: 240px;
z-index:2;
height:auto;
width:auto;
line-height:35pt;
}

#events {
position:absolute;
float:right;
margin-left:615px ;
margin-top: 290px;
z-index:2;
height:auto;
width:auto;
line-height:35pt;
}

#blogs {
position:absolute;
height: 30pt;
right:40px;
top:11px;
z-index:2;
line-height:35pt;
width:100px;
}

#press {
position:absolute;
height: 30px;
right:44px;
top:62px;
z-index:2;
width:100px;
line-height:35pt;
}



#spiel {
position:absolute;
height: 30px;
right:54px;
top:115px;
z-index:2;
width:100px;
line-height:35pt;
}

#pics {
position:absolute;
height: 30px;
right:74px;
top:165px;
z-index:2;
width:100px;
line-height:35pt;
}

span.where {
color:black;
text-decoration:none;
font-size:30pt;
}

#comments {
padding-bottom:500px;
}

.aside a {
color: white;
}