/*
Theme Name: Beerflight
Theme URI: http://www.beerflight.com
Description: A Theme for Beerflight.com
Version: 2 (WP2.6.2)
Author: Matthew Bivins
Author URI: http://elliotjaystocks.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/foxycart.css";

/*
	STRUCTURE
*/

#page-wrap			{ width: 850px; margin: 0px auto -72px; 
					  min-height: 100%; height: auto !important; height: 100%; 
					  background: url(/images/contentBGlofi.png) repeat-y; }
					  
#push				{ height: 72px; z-index: -10; }

/*
	HEADER
*/

#menu				{display: block; padding-right: 10px; float: right; }

#top-bar 			{ width: 811px; height: 188px; background: url(/images/logoBARnologo.png) top left no-repeat; margin: 0px 10px 0px 0; }

#logo				{ width: 173px; height: 155px; background: url(/images/logo.png) no-repeat; float: left; margin: 25px 0 0 20px; }
#logo a				{display: block; }	

#banners				{}

#divider				{ padding: 20px 25px 20px 0; }

/*
	TEXT STUFF
*/

#text				{width: 700px; margin: auto; font-size: medium; padding-top: 20px; }
	
p.center			{text-align:justify;}

p.right				{text-align: right; padding: 10px; }

p.bigger			{font-size: medium; }

h2					{font-size: x-large; color: #31191c; font-family: "Trebuchet MS"; text-decoration: none; background: url(/images/TITLEdivider.png) no-repeat bottom center; padding-bottom: 20px; padding-top: 20px; padding-left: 5px;  text-align: center; }

*|*:link			{ color: #31191c; }
*|*:link:hover		{ color: #703840; }
*|*:visited 		{ color:#703840;  }

ul#entries			{ list-style-type: none; }

.price				{ font-family: "Trebuchet MS", "Arial"; font-size: 26px; color: #412227; }



/*
	NAVIGATION
*/

ul#nav	{

	}

ul#nav li {
	display: inline;
	}
	
	ul#nav li a {
		display: block;
		height: 188px;
		text-indent: -9999px;
		float: left;
		}
	ul#nav li.products a {
		width: 120px;
		background: url(/images/buttons/productsBUTTON.png) top center no-repeat;
		}
	
	ul#nav li.blog a {
		width: 140px;
		background: url(/images/buttons/blogBUTTON.png) top center no-repeat;
		}
		
	ul#nav li.friends a {
		width: 130px;
		background: url(/images/buttons/friendsBUTTON.png) top center no-repeat;
		}
		
	ul#nav li.about a {
		width: 115px;
		background: url(/images/buttons/aboutBUTTON.png) top center no-repeat;
		}
		
	ul#nav li.cart a {
		width: 101px;
		background: url(/images/buttons/cartBUTTON.png) top center no-repeat;
		}
		
	ul#nav li a:hover {
		background-position: bottom center;
		}
		
		
		body.products ul#nav li.products a    {background-position: bottom center; }
		body.paddles ul#nav li.products a    {background-position: bottom center; }
		body.glassware ul#nav li.products a    {background-position: bottom center; }
		body.blog ul#nav li.blog a    {background-position: bottom center; }
		body.friends ul#nav li.friends a    {background-position: bottom center; }
		body.about ul#nav li.about a    {background-position: bottom center; }
		body.cart ul#nav li.cart a    {background-position: bottom center; }

/*  Social Links  */

#social			{ position: absolute; top: 140px; left: 280px; width: 396px; }
.follow			{ display: block; float: left; text-indent: -9999px; width: 176px; background: url(images/subscribe-join-follow.png) no-repeat; color: #e2fba6; margin: 22px 15px 0 0; }
.twitter		{ width: 34px; height: 33px; text-decoration: none; display: block; float: left; background: url(images/twitterbutton.png); background-position: 0 34px; text-indent: -9999px; }
.facebook		{ width: 34px; height: 33px; text-decoration: none; display: block; float: left; margin-left: 5px; background: url(images/facebookbutton.png); background-position: 0 34px; text-indent: -9999px;}
.rss			{ width: 34px; height: 33px; text-decoration: none; display: block; float: left; margin-left: 5px; background: url(images/rssbutton.png); background-position: 0 34px; text-indent: -9999px;}

.twitter:hover, .twitter:active  { background-position: 0 0; }
.facebook:hover, .facebook:active  { background-position: 0 0; }
.rss:hover, .rss:active  { background-position: 0 0; }




/*
	CONTENT
*/

#content	{
			width: 745px; height: auto; margin-top: 20px; padding-left: 33px; }
			
/*
	home page
*/
			
#galleryimg	{ margin: auto; }
.titlelogo	{ margin: auto; padding: 10px 0px 10px 10px; }

/*
	products page
*/
#paddlesnglassware	{padding-top: 100px;}
#paddles	{ width: 288px; margin: auto; float: left; }
#paddles p	{ margin: auto; text-align: center; }
#glassware 	{ width: 356px; margin: auto; float: right;}
#glassware p	 { margin: auto; text-align: center; }

a.rolloverpaddles	{ display: block; width: 288px; height: 230px; background: url("/images/buttons/paddleBUTTON.png") no-repeat top center; text-decoration: none; }
a:hover.rolloverpaddles	{background-position: bottom center; }


a.glassware	{ display: block; width: 356px; height: 230px; background: url(/images/buttons/glasswareBUTTON.png) top center no-repeat; }
a:hover.glassware	{background-position: bottom center; }

/*
	friends page
*/

#friendslinks	{text-align: center; }
#friendslinks p	{padding: 20px; }

/*
	about page
*/

#aboutphoto	{text-align: center; }

/*
	paddles/glassware page
*/

#solopaddle			{width: 800px; }
#paddleset			{width: 800px; }

#row1				{width: 350px; float: left; }
#row2				{display: block; width: 40px; float: left; display: inline; padding-left: 100px; padding-top: 80px;  }
#row3				{display: block; width: 130px; float: left; display: inline; padding-left: 100px; padding-top: 80px;  }
#row4				{ width: 390px; float: left; padding-left: 140px; padding-top: 30px; text-align: right; line-height: 35px; }
#row5				{display: block; width: 130px; float: left; display: inline; padding-left: 60px; padding-top: 30px;  }

#rolloveraddcart a	{ display: block; width: 122px; height: 27px; background: url("/images/buttons/addtocartBUTTON.png") no-repeat top center; text-decoration: none; }
#rolloveraddcart a:hover	{background-position: bottom center; }



#solopaddle h3		{display: block; width: 20; height: 20px; background: url(/images/one.png) no-repeat left center; padding-left: 30px; }
#paddleset h3		{display: block; width: 20; height: 20px; background: url(/images/two.png) no-repeat left center; padding-left: 30px; }
#solopaddle p		{width: 350px; padding-left: 30px; font-size: x-small; }
#paddleset p		{width: 350px; padding-left: 30px; font-size: x-small; }




/*
	TEXT AREA FOR COMMENTS
*/

#comment	{width: 620px; }

			
/*
	FOOTER
*/

#footer				{ width: 850px; height: 72px; margin: 0px auto; background: url(/images/footerBG2.png) top left no-repeat; }