/*******************************************************************************
	Uncorked Wine Auction Styles
 *******************************************************************************/



/*******************************************************************************
	General Styles
 *******************************************************************************/

/* ---------reset stylesheet clears out rules --------------------------- */
@import url(../../newuncorked/css/reset.css);


/* ---------Google Fonts --------------------------- */
/*@import url(https://fonts.googleapis.com/css?family=Junge|Alegreya+SC:400,700|Amethysta|Quicksand|Puritan|Lato:400|Lora|Muli|Andada|Raleway:100|Pinyon+Script|Quattrocento|Open+Sans+Condensed:300|Open+Sans);

font-family: 'Puritan', sans-serif;
font-family: 'Lora', serif;
font-family: 'Muli', sans-serif;
font-family: 'Andada', serif;
font-family: 'Raleway', cursive;
font-family: 'Pinyon Script', cursive;
font-family: 'Quattrocento', serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif; 
Shanti
Quicksand
Brawler
Amethysta
Alegreya+SC:400,700

*/


body 
{
font-size: 62.5%;    
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../images/grapeleaves2.jpg) repeat-x #656235;
}


p
{
margin: 0 0 1em 0;

}

td, th, tr
{
font-size: 1.2em;
text-align: left;
}



h3, h4 {
margin-top: 1em;
margin-bottom: 0;
}

h1 {
margin-bottom: .5em;
margin-top: 0;
}

blockquote {
font-weight: bold;
font-style:italic;
}

/*******************************************************************************
	Wrapper
 *******************************************************************************/

#wrapper {

margin: 0 auto;
text-align: left;
width: 970px;
background: url(../images/background.jpg) repeat-y;
position: relative;
}

body.noside #wrapper {
background: none;
background-color: #fff;
}


body.photowrap div#photowrap {
margin: 0 auto;
text-align: left;
}

/*******************************************************************************
	Masthead
 *******************************************************************************/

#masthead {
	height: 146px;
	background: url(../images/masthead.jpg) right no-repeat;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
}


/*******************************************************************************
	Benefitdiv    (Benefiting Family Building Blocks Seal)
 *******************************************************************************/
#benefitdiv {
	position: absolute;
	top: 125px;
	left: 849px;
	z-index: 1;
	height: 100px;
	width: 99px
}

#benefitdiv a {
border: 0;
}


/*******************************************************************************
	Masthead2    (secondary masthead/logo with benefiting FBB link)
 *******************************************************************************/

#masthead2 {
	height: 49px;
	background: url(../images/masthead2.jpg) top left no-repeat;
}

#masthead2 a { text-decoration: none; }
#masthead2 a:link { color: #fff; }
#masthead2 a:visited { color: #fff; }
#masthead2 a:hover { color:#C2DFEF; }

#presented {
position: absolute;
left: 30px;


}

/*******************************************************************************
	Sidebar    
 *******************************************************************************/

#sidebar {
	width: 188px;
	float: left;
	margin-top:36px;
}

#sidebar div {
width: 188px;
height: 49px;
}



#sidebar ul {
color: #fff;
list-style: none;
margin-left: 20px;
padding: 0;

}

#sidebar ul a {
text-decoration: none;
}

#sidebar li {
margin-bottom: 20px;

}

#sidebar a:link { color:#b7a686; }
#sidebar a:visited { color:#b7a686; }
#sidebar a:hover { color:#655331; }


#sidebar div#sidetext {
width: 148px;
padding: 10px 0 20px 30px;
float:left;
}

#sidebar div#sidetext h2 {
font-size: 1.4em;
padding:0;
color: #000000;
font-weight: normal;

}



/*******************************************************************************
	Content
 *******************************************************************************/

#content {
	width:752px;
	float: right;
	color: #333;
	margin-bottom: 10px;
	margin-top:36px;
	margin-right:30px;
}

#content div.homeMainColumn {
	width:430px;
	margin-top: 40px;
	float: left;

margin-right:20px;
	}

#content div.homeRightColumn {
	width:280px;
	float:right;
	margin-top: 40px;
	}	
	/*
#content div.homeMainColumn div.mainSection {
background-color: #fff;
padding:20px;
border: solid 1px #979260;	
margin-bottom: 20px;

-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
 	-moz-box-shadow: 1px 1px 4px #b3b1b1;
	-webkit-box-shadow: 1px 1px 4px #b3b1b1;
	box-shadow: 1px 1px 4px #b3b1b1;
}*/


#content div.section {
background:url(../images/labels/label-back.jpg) top left no-repeat;
padding: 20px 30px 20px 30px ;
}

#content div.sectionNoBack {
padding: 0 30px 20px 30px ;
}


body.noside #content {
width: 786px;
float: none;
}



#content p {
font: 1.4em Verdana, Helvetica, sans-serif;
margin-top: 0;
}

#content ul {
font-size: 1.4em;
padding-right: 30px;
}

#content li {
margin-bottom: 1.4em;
}

/*#content p, h1, h2, h3, h4 {
padding-right: 60px;
}*/

#content h1 {
	text-transform: uppercase;
	color: #000000;
/*	font-family: "Trebuchet MS", Helvetica, sans-serif;*/
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	font-size: 4em;
}

#content p.smallerfont, div.smallerfont {
font-size: .8em;
}

#content h1.home {
margin-top: 10px;
margin-bottom: 5px;
}

#content h2 {
font-size: 2em;
color: #482022;
margin-bottom: 0;
font-weight: bold;
text-transform: uppercase;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


#content h3, #content span.h3 {
font-size: 1.6em;
color: #482022;
margin-bottom: .4em;
font-weight: bold;
text-transform: uppercase;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content span.h3 {
font-size: 1.2em;
}

#content div.smallLabel {
	width: 250px;
	height: 280px;
	float:right;
	background:url(../images/labels/label-back-small2.jpg) top left no-repeat;
	padding: 30px 0 30px 30px;
	margin-top: 0;
	margin-left: 20px;

}

#content div.smallLabel p {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 16px; }


#content div.center {
text-align: center;
}

#content #quotes {
margin-left: 24px;
margin-top: 10px;
height: 70px;
}

#content img.left {
float: left;
margin: 0 20px 15px 0px;
}

#content img.right {
	float: right;
	margin: 0 0 15px 20px;
}

#content img.border {
border: 2px solid #333;
}

#content #wide-photos {
width: 374px;
margin-left: 12px;
float: left;
}

#content #narrow-photos {
width: 236px;
margin-left: 12px;
float: left;
}

#content #wide-photos img {
margin-bottom: 15px;
}

#content #narrow-photos img {
margin-bottom: 10px;
}


#content a:link { color:#655331; }
#content a:visited { color:#655331; }
#content a:hover { color:#371514; }


#content div.rightimagediv {
	float: right;
	width: 154px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	font-size: 0.8em;
	clear: right;

}

#content div.rightimagediv img.border {
	margin-top: 0px;
}

#content div.left {
width: 340px;
float: left;
}

#content div.right {
width: 340px;
float: right;
margin-right: 30px;

}



#content div.biglabel {
	background: url(../images/labels/labels-big-m.jpg) repeat-y;
	width: 700px;
	margin-bottom: 20px;
	text-align: center;
}

#content div.biglabel div.top {
background: url(../images/labels/labels-big-top.jpg) no-repeat;
height: 28px;
}

#content div.biglabel div.bottom {
background: url(../images/labels/labels-big-b.jpg) no-repeat;
height: 30px;
}

#content div.biglabel2 {
	background: url(../images/labels/labels-big-m2.jpg) repeat-y;
	width: 732px;
	margin-bottom: 20px;
	text-align: center;
}

#content div.biglabel2 div.top {
background: url(../images/labels/labels-big-top2.jpg) no-repeat;
height: 29px;
}

#content div.biglabel2 div.bottom {
background: url(../images/labels/labels-big-b2.jpg) no-repeat;
height: 32px;
}

#content div.biglabel2 table.guests {
width: 700px;
margin: 20px;
}

#content div.biglabel2 table.guests td {
	text-align: center;
	margin: 0;
		padding: 0;
}

#content div.biglabel2 table.guests img {
margin-top: 20px;
}



#content div.labelSection {
width: 340px;
background: url(../images/labels/label-m.jpg) repeat-y;
margin-bottom: 20px;
text-align: center;
}


#content div.auction {
clear: none;
}

#content div.auction div.labelSection {
width: 340px;
background: url(../images/labels/label-m.jpg) repeat-y;
margin-bottom: 20px;
text-align: left;
}

#content div.auction div.labelSection h3 {
font-size: 1.4em;
margin-top: 30px;
margin-bottom: 10px;
font-family: Verdana, Geneva, sans-serif;
padding-left: 20px;
text-transform:none; 
}


#content div.auction div.labelSection p {
padding-left: 20px;
padding-right: 20px;
}






div#52weeks {
	position: relative !important;
	left: 800px !important;
	top: 900px !important;
	z-index: 1000 !important;
	background-color: #fff !important;
	width: 200px!important;
	height: 100px!important;
	border: solid #333 1px!important;
}

#content div.labelSection img {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#content div.labelSection div.top {
background: url(../images/labels/label-top.jpg) no-repeat;
height: 29px;
}

#content div.labelSection div.bottom {
background: url(../images/labels/label-b.jpg) no-repeat;
height: 28px;
}

#content div.mainSection div.top {
background: url(../images/labels/label-top-428px.jpg) no-repeat;
height: 29px;
}

#content div.mainSection {
background: url(../images/labels/label-m-428px.jpg) repeat-y;	

}

#content div.mainSection p, #content div.mainSection h2 {
padding-left: 30px;	
padding-right: 30px;
}

#content div.mainSection h2 {
margin-bottom: 10px;
	
}

#content div.mainSection img {
margin-right:10px;	
}


#content div.mainSection div.bottom {
background: url(../images/labels/label-b-428px.jpg) no-repeat;
height: 28px;
margin-bottom: 20px;
}


/*#content div.right p, h1, h2, h3 {
padding: 0 20px 20px 20px;
}

#content div.left p, h1, h2, h3 {
padding: 0 20px 20px 20px;
}*/



#content {
	width:732px;
	float: right;
	color: #333;
	margin-bottom: 10px;
	margin-top:36px;
	margin-right:30px;
	padding-left:20px;
}

#content div.smallcolumn {

width: 220px;
float:left;
margin-right: 0;

}

/*******************************************************************************
	Photo Viewer
 *******************************************************************************/


body.viewer {
background: url(../images/viewer-back.jpg) top left no-repeat;
padding: 10px;
}

body.viewer img{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
/*border: 1px #fff solid;*/
}




#content iframe.photos {
margin-left: 30px;
border: none;
}


/*******************************************************************************
	Footer
 *******************************************************************************/

#footer {
height: 9px;
clear: both;
background: url(../images/footer.jpg) top left no-repeat;
}


/* General Classes */

.clearleft {
clear: left;
}

br.clearer {
clear: both;
}

.clearboth {
clear: both;
}


div#hidden {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}