@charset "utf-8";

/*-------------------------------------------------------------------------
Main Style Sheet

version:	1.0
author: 	Brian Gardel
contact:	www.advdigitalconsulting.com
-------------------------------------------------------------------------*/

/* Project: Odell Brewing Company
URL: www.odell.com
Date: July 2009
Author: Advanced Digital Consulting
Author URL: http://www.advdigitalconsulting.com */

/**************************************
  Override default styling rules
**************************************/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

ul, ol { list-style: none; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {	margin: 0; padding:0; }
a img, :link img, :visited img { border: none; }
img, fieldset { display: block; border: none; }
/* removes red dot in FF */
a:focus, a:hover, a:active { outline: none; }



/**************************************
  Overall layout rules
**************************************/
body {
	margin: 0; /* t/b, l/r */
	font: 14pt "Times New Roman", Times, serif;
	color: #000;
	background: #ccc url(/images/bgnd_grunge.jpg);
}
#header	{
	background: url(/images/head.jpg);
	height: 159px;
	width: 1014px;
	margin: 30px auto 0 auto;
	position: relative;
	z-index: 400;
}
#header-blog	{
	background: url(/images/brewlog-head.jpg);
	height: 258px;
	width: 1014px;
	margin: 30px auto 0 auto;
	position: relative;
}
#bottle-cap	{
	background: url(/images/bottle-cap.png);
	height: 260px;
	width: 244px;
	left: -70px;
	top: -17px;
	position: absolute;
	z-index: 1000;
}
#bottle-cap-store	{
	background: url(/images/store-bottle-cap.png);
	height: 260px;
	width: 244px;
	left: -70px;
	top: -17px;
	position: absolute;
	z-index: 1000;
}
#wrapper	{
	background: url(/images/bgnd_home.gif);
	height: 669px;
	width: 1021px;
	margin: 30px auto 0 auto;
	position: relative;
}
#navcontainer {
	font-family: sans-serif;
	height: 44px;
	padding-top: 65px;
	padding-left: 155px;
}
#wrapper_interior	{
	background: url(/images/bgnd_midsection.jpg) repeat-y;
	/*height: 924px;*/
	width: 1014px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 200;
}

#col-left	{
	float: left;
	width: 700px;
	padding-left: 20px;
	padding-top: 25px;
}
#col-left-blog	{
	float: left;
	width: 650px;
	padding: 45px 20px 0 50px;
}
#col-left-store	{
	float: left;
	width: 700px;
	padding-left: 20px;
	padding-top: 45px;
}
#col-right	{
	float: left;
	width: 270px;
	padding-top: 5px;
	font-size:0.9em;
	text-decoration:none;
}

#home #col-left	{
	float: left;
	width: 280px;
	padding-left: 10px;
	margin-top: -20px;
}
#home #col-center	{
	width: 420px;
	float: left;
}
#home #col-right	{
	float: right;
	width: 300px;
	padding-top: 5px;
}

#interior-col-left	{
	float: left;
	width: 470px;
	margin: 20px 0 0 -10px;
}
#interior-col-right	{
	float: left;
	width: 240px;
	margin: 20px 0 0 0;
}

#home #footer	{
	background: url(/images/footer_beernav.jpg);
	height: 200px;
	width: 1014px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:800;
}
#footer	{
	background: url(/images/footer.jpg);
	height: 264px;
	width: 1014px;
	margin: 0 auto 0 auto;
}


/*.img_left {
	float: right;
	padding: 5px 0 13px 13px;
}*/
.clear {
	clear: both;
}
.center {
	text-align: center;
}



/************************************************
  Content rules
************************************************/

p {
	margin-bottom: 1em;
	font-size: 14pt;
}

a, a:link {
	color: #000;
	background: transparent;
	text-decoration: none;
}
a:hover{
	cursor: hand;
	text-decoration:underline;
}


#section_beer	{
	margin-top: 20px;
}
#section_beer #copy	{
	background: url(/images/bgnd_copy.png);
	height: 416px;
	width: 364px;
	margin-left: 230px;
	margin-top: 20px;
	padding: 100px 50px 50px 50px;
}
#section_beer #copy p	{
	/*font-size: 18px;*/
}


#wide-area	{
	padding: 0 15px 0 15px;
}

#previous {
	margin-top: 25px;
	width: 0 auto;
	padding-left: 10px;
}

#previous img {
	margin-right: 18px;
	float: left;
}

#interiorcopy-col-left-top {
	background: url(/images/2col_textbox.png) no-repeat 0 0;
	height: 22px;
	width: 470px;
	clear: both;
}
#interiorcopy-col-left {
	background: url(/images/2col_textbox.png) no-repeat bottom;
	width: 380px;	
	padding: 10px 45px 25px 45px;
	font-size: 14pt;
	clear: both;
}

#interiorcopy-col-right-top {
	background: url(/images/1col_textbox.png) no-repeat 0 0;
	height: 22px;
	width: 240px;
	clear: both;
}
#interiorcopy-col-right {
	background: url(/images/1col_textbox.png) no-repeat bottom;
	width: 180px;
	padding: 10px 30px 25px 30px;
	clear: both;
}


#copy2_label {
	padding-right: 20px;
	float: right;
	font-size: 36px;
}

#copy2-top {
	background: url(/images/bgnd_copy2.png) 0 0;
	height: 34px;
	width: 700px;
	clear: both;
}
#copy2 {
	background: url(/images/bgnd_copy2.png) bottom;
	/*height: 203px;*/
	width: 622px;
	margin-left: 9px;
	margin-top: 0px;
	padding: 0 35px 25px 35px;
	clear: both;
}

#widearea-box-top {
	background: url(/images/3col_textbox.png) 0 0;
	height: 22px;
	width: 675px;
	clear: both;
}
#widearea-box {
	background: url(/images/3col_textbox.png) bottom;
	width: 585px;
	padding: 10px 45px 20px 45px;
	clear: both;
}

#copy2 p {
	margin-bottom: 8px;
	font-size: 14pt;
}

#copy3 {
	background: url(/images/bgnd_copy3.png);
	height: 24px;
	width: 652px;
	margin-left: 10px;
	margin-top: 20px;
	padding: 7px 0 0 40px;
}

#pilotsystem_flash	{
}
#left-col	{
/*	background: url(/images/left-col.jpg) no-repeat; */
	height: 155px;
	width: 290px;
}

#video	{
	background: url(/images/video.gif);
	height: 164px;
	width: 280px;
}

#video:hover {
	background: url(/images/video_animated.gif);
	height: 164px;
	width: 280px;
		}

#charities	{
	background: url(/images/charities.gif);
	height: 63px;
	width: 283px;
}
#tap-room	{
	background: url(/images/tap-room.gif);
	height: 88px;
	width: 266px;
	margin-left: 10px;
}
#tap-room:hover	{
	background: url(/images/tap_room_animated.gif);
	height: 88px;
	width: 266px;
	margin-left: 10px;
}


/**************************************
  Titles
**************************************/
h1	{
	padding-left: 80px;
	width: 460px;
	display: inline;
	font-size: 36px;
}

#title_hand	{
	background: url(/images/title_hand.png);
	height: 58px;
	width: 109px;
	float: right;
}

#title_about_beer-is-our-business	{
	background: url(/images/title_about_beer-is-our-business.jpg);
	height: 171px;
	width: 684px;
}



/**************************************
  Side Menus
**************************************/
#sidemenu-title	{
	background: url(/images/sidenav_menu-header.png);
	height: 81px;
	width: 274px;
	padding-top: 22px;
	margin-left:5px;
}
#sidemenu-title	h2 {
	margin-left: 15px;
	padding-left: 70px;
	padding-top: 5px;
	font-size: 36px;
}

#sidemenu-top	{
	background: transparent url(/images/sidenav_menu.png) repeat scroll 0 0;
	width: 270px;
	height: 22px;
	margin-left: 5px;
}
#sidemenu	{
	background: transparent url(/images/sidenav_menu.png) repeat scroll 0 bottom;
	width: 230px;
	padding-bottom: 30px;
	padding-left: 40px;
	margin-left: 5px;
}

#sidemenu	h3 {
	margin-bottom: 5px;
	margin-left: 5px;
}
#sidemenu a, #sidemenu a:link {
	color: #000;
}
#sidemenu ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#sidemenu li {
	list-style: none;
}


#sidemenu2	{
	background: transparent url(/images/sidenav_menu.png) repeat scroll 0 bottom;
	width: 230px;
	padding-bottom: 30px;
	padding-left: 40px;
	margin-left: 5px;
}

#sidemenu2	h3 {
	margin-bottom: 5px;
	margin-left: 5px;
}
#sidemenu2 a, #sidemenu2 a:link {
	color: #000;
}
#sidemenu2 ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#sidemenu2 li {
	list-style: none;
}

#menu-glass	{
	height: 432px;
	width: 274px;
	margin-left: 5px;
	margin-top: 10px;
}

.menu-icons	{
	margin-left: 5px;
	margin-top: 10px;
}



/**************************************
  Footer rules
**************************************/
#odell_tagline	{
	background: url(/images/footer_odell.jpg);
	height: 50px;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#footer #col-left	{
	float: left;
	width: 470px;
	margin: 4px 0 0 0;
	padding: 0;
}
#footer #col-center	{
	width: 265px;
	float: left;
	padding-top: 35px;
	padding-left: 25px;
}
#footer #col-center	a {
	color: #867456;
	font-size: 14pt;
	font: bold 14pt "Times New Roman", Times, serif;
}
#footer #col-center input	{
	width: 160px;
	margin-top: 70px;
	background: url(/images/search_box_light.jpg) repeat;
	color: #645640;
	font: bold 13px "Times New Roman", Times, serif;
	padding: 3px 0 3px 0;
}
#footer #col-center #searchbox input	{
	margin-top: 25px;
}

#footer #col-center .submitbutton	{
	background: url(/images/submit.jpg) no-repeat top left;
	height: 28px;
	width: 58px;
	border: none;
	font-size: 0px;
	top: -5px;
	position: relative;
}

#footer #col-center img	{
	display: inline;
	padding-right: 5px;
	margin-top: 25px;
}
#footer #col-right	{
	float: left;
	width: 250px;
	height: 300px;
	margin-top: -5px;
}


#footer-credits	{
	background: url(/images/footer-credits.png) no-repeat;
	height: 65px;
	width: 540px;
	font-size: 14pt;
	color: #e9e0c3;
	padding: 0 150px 50px 150px;
	text-align: center;
	margin: 20px auto;
}
#footer-credits	#credits	{
	color: #827a5f;
	padding: 10px 0 0 0;
}
#credits a	{
	color: #827a5f;
	text-decoration: none;
}



/************************************************
  Top-tier Nav rules
************************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

http://www.cssplay.co.uk/menus/final_drop.html
=================================================================== */

/*.menu {width:745px; height:36px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}*/
.menu {height:50px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}

/* hack to correct IE5.5 faulty box model */

/** html .menu {width:746px; w\idth:745px;}*/

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

/*.menu li {float:left;width:149px;position:relative;}*/
.menu li {float:left;position:relative;}

/* style the links for the top level */

/*.menu a, .menu a:visited {display:block;font-size:14pt;text-decoration:none; color:#fff; width:138px; height:30px; border:0px solid #000; border-width:0; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}*/
.menu a, .menu a:visited {display:block;font: normal 14pt "Times New Roman", Times, serif;text-decoration:none; color:#fff; height:36px; border:0px solid #000; border-width:0; line-height:29px;}

/* a hack so that IE5.5 faulty box model is corrected */

/** html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:50px;t\op:50px;}

/* position the third level flyout menu */
.menu ul ul ul{left:123px; top:-1px; width:223px;z-index:200;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-183px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: url(/images/nav/drop-downs_mid.png); color:#000; height:auto; line-height:1.4em; padding:5px 10px 0 20px; width:193px;border-width:0;}
.menu ul ul a:hover {color:#6a0619;}

/* style the second level links */
.menu ul ul a.first, .menu ul ul a:visited.first {background: url(/images/nav/drop-downs_top.png); color:#000; height:5px; line-height:1em; padding:5px 10px; width:203px;border-width:0;}

/* style the second level links */
.menu ul ul a.top, .menu ul ul a:visited.top {background: url(/images/nav/drop-downs_top2.png); color:#000; height:0px; line-height:1em; padding:28px 0 0 0; width:223px;border-width:0;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}





.menu a #home
{
	background: transparent url(/images/nav/nav_title_home.jpg) no-repeat;
	height: 44px;
	width: 88px;
	margin-top: 6px;
}
.menu a:hover #home
{
	background: transparent url(/images/nav/nav_title_home.jpg) no-repeat -88px 0;
}

.menu a #beer
{
	background: transparent url(/images/nav/nav_title_beers.jpg) no-repeat;
	height: 44px;
	width: 89px;
	margin-top: 6px;
}
.menu a:hover #beer
{
	background: transparent url(/images/nav/nav_title_beers.jpg) no-repeat -89px 0;
}


.menu a #brewing
{
	background: url(/images/nav/nav_title_brewing.jpg) no-repeat;
	height: 44px;
	width: 131px;
	margin-top: 6px;
}
.menu a:hover #brewing
{
	background: url(/images/nav/nav_title_brewing.jpg) no-repeat -131px 0;
}

.menu a #blog
{
	background: url(/images/nav/nav_title_blog.jpg) no-repeat;
	height: 44px;
	width: 85px;
	margin-top: 6px;
}
.menu a:hover #blog
{
	background: url(/images/nav/nav_title_blog.jpg) no-repeat -85px 0;
}

.menu a #videos
{
	background: url(/images/nav/nav_title_videos.jpg) no-repeat;
	height: 44px;
	width: 106px;
	margin-top: 6px;
}
.menu a:hover #videos
{
	background: url(/images/nav/nav_title_videos.jpg) no-repeat -106px 0;
}

.menu a #store
{
	background: url(/images/nav/nav_title_store.jpg) no-repeat;
	height: 44px;
	width: 98px;
	margin-top: 6px;
}
.menu a:hover #store
{
	background: url(/images/nav/nav_title_store.jpg) no-repeat -98px 0;
}

.menu a #about
{
	background: url(/images/nav/nav_title_about.jpg) no-repeat;
	height: 44px;
	width: 108px;
	margin-top: 6px;
}
.menu a:hover #about
{
	background: url(/images/nav/nav_title_about.jpg) no-repeat -108px 0;
}

.menu a #contact
{
	background: url(/images/nav/nav_title_contact.jpg) no-repeat;
	height: 44px;
	width: 120px;
	margin-top: 6px;
}
.menu a:hover #contact
{
	background: url(/images/nav/nav_title_contact.jpg) no-repeat -120px 0;
}

.menu li.last {
	background:transparent url(/images/nav/drop-downs_foot.png) no-repeat scroll 0 0;
	color:#000000;
	padding:5px 5px 18px 15px;
	width: 223px;
	text-decoration:none;
}




/************************************************
  Home Page rules
************************************************/

#home #footer #leaf	{
	position:absolute;
	height: 180px;
	width: 160px;
	left:850px;
	top:0px;
}

#disjointed2	{
	margin-left: 65px;
	position:relative;
}

#disjointed2 p {
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}
#disjointed2 .series {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}
#disjointed2 .label {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 17px 0 0 0;
}


#disjointed2 li {
	height:50px;
	float:left;
	position:static;
}
#disjointed2 a {
	display: block;
	color: #FFC;
	text-decoration:none;
	float:left;
	text-align:left;
	position:static;
}
#disjointed2 a span {display: none;}
#disjointed2 a:hover span {
	display: block;
	position: absolute; 
	left:600px;
	top:60px;
	color:#5F460C;
}

#disjointed2 a #beernav_90	{
	background: url(/images/nav/beers/90.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_90	{
	background: url(/images/nav/beers/90.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_5barrel	{
	background: url(/images/nav/beers/5barrel.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_5barrel	{
	background: url(/images/nav/beers/5barrel.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_easystreet	{
	background: url(/images/nav/beers/easy.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_easystreet	{
	background: url(/images/nav/beers/easy.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_ipa	{
	background: url(/images/nav/beers/ipa.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_ipa	{
	background: url(/images/nav/beers/ipa.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_cutthroat	{
	background: url(/images/nav/beers/cut.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_cutthroat	{
	background: url(/images/nav/beers/cut.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_levity	{
	background: url(/images/nav/beers/levity.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_levity	{
	background: url(/images/nav/beers/levity.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_redale	{
	background: url(/images/nav/beers/red.jpg) no-repeat;
	height: 173px;
	width: 45px;
	margin-left: 30px;
}
#disjointed2 a:hover #beernav_redale	{
	background: url(/images/nav/beers/red.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_stlupulin	{
	background: url(/images/nav/beers/stlup.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_stlupulin	{
	background: url(/images/nav/beers/stlup.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_isloation	{
	background: url(/images/nav/beers/iso.jpg) no-repeat;
	height: 173px;
	width: 45px;
}
#disjointed2 a:hover #beernav_isloation	{
	background: url(/images/nav/beers/iso.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_woodcut	{
	background: url(/images/nav/beers/wood.jpg) no-repeat;
	height: 173px;
	width: 45px;
	margin-left: 30px;
}
#disjointed2 a:hover #beernav_woodcut	{
	background: url(/images/nav/beers/wood.jpg) no-repeat -45px 0;
}

#disjointed2 a #beernav_bourbon	{
	background: url(/images/nav/beers/750.jpg) no-repeat;
	height: 173px;
	width: 45px;
	margin-left: 30px;
}
#disjointed2 a:hover #beernav_bourbon	{
	background: url(/images/nav/beers/750.jpg) no-repeat -45px 0;
}




/************************************************
  Brewlog rules
************************************************/

.day	{
	font-size: 24px;
	font-weight: bold;
	color: #900;
	display: inline-block;
	background: url(/images/brewlog_day-bgnd.jpg) no-repeat;
	padding: 3px 5px 3px 5px;
	height: 25px;
	width: 29px;
	margin-right: 5px;
}
.month	{
	font-size: 12px;
	font-weight: bold;
	color: #900;
	display: inline-block;
	font-variant: normal;
	line-height: 12px;
	vertical-align: bottom;
}
.title	{
	color: #000;
	display: inline;
	font-weight: bold
	font-size: 20px;
	font-variant: small-caps;
}

.tag  {
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}

.more  {
	font-size:14px;
	font-variant:small-caps;
	font-weight: bold;
}

.title a	{
	text-decoration: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#col-left-blog	.seperator	{
	height: 50px;
}



/************************************************
  Store rules    -----> Refer to /mm5/mm_styles.css
************************************************/





/**************************************
  Videos Page
**************************************/
div.videoItem {
	/*padding:10px 25px 30px 0px;
	width:610px;*/
	color:#333333;
	font-family:"Times New Roman", Times, serif;
	font-size:14pt;
	min-height: 140px;
}
div.videoItem a {
	color: #069;
	text-decoration: none;
}

div.videoThumb {
	float:left;
	margin:3px 0 0;
	padding: 0 30px 0 0;
	text-align:left;
	width:230px;
	height: 127px;
}

/*********************************
 NEW CSS FOR NEW BREW LOG PAGE   *
 ********************************/
#header-blog2{
	background: url(/images/blog/brewlog-head.jpg);
	height: 258px;
	width: 1014px;
	margin: 30px auto 0 auto;
	position: relative;
}
#blog-nav{
	height: 42px;
	width: 700px;
	left: 125px;
	top: 200px;
	position: relative;
	z-index: 1001;
}
#blog-nav a #blog-nav-beer{
	background: url(/images/blog/menu.gif) no-repeat 0px 0px;
	height: 42px;
	width: 85px;
	float: left;
	

}
#blog-nav a:hover #blog-nav-beer{
	background: url(/images/blog/menu.gif) no-repeat 0px -42px;
}
#blog-nav a #blog-nav-brewing{
	background: url(/images/blog/menu.gif) no-repeat -93px 0px;
	height: 42px;
	width: 113px;
	float: left;
	margin-left: 8px;

}
#blog-nav a:hover #blog-nav-brewing{
	background: url(/images/blog/menu.gif) no-repeat -93px -42px;
}
#blog-nav a #blog-nav-videos{
	background: url(/images/blog/menu.gif) no-repeat -214px 0px;
	height: 42px;
	width: 92px;
	float: left;
	margin-left: 8px;

}
#blog-nav a:hover #blog-nav-videos{
	background: url(/images/blog/menu.gif) no-repeat -214px -42px;
}
#blog-nav a #blog-nav-store{
	background: url(/images/blog/menu.gif) no-repeat -314px 0px;
	height: 42px;
	width: 82px;
	float: left;
	margin-left: 8px;

}
#blog-nav a:hover #blog-nav-store{
	background: url(/images/blog/menu.gif) no-repeat -314px -42px;
}
#blog-nav a #blog-nav-about{
	background: url(/images/blog/menu.gif) no-repeat -404px 0px;
	height: 42px;
	width: 88px;
	float: left;
	margin-left: 8px;

}
#blog-nav a:hover #blog-nav-about{
	background: url(/images/blog/menu.gif) no-repeat -404px -42px;
}
#blog-nav a #blog-nav-contact{
	background: url(/images/blog/menu.gif) no-repeat -500px 0px;
	height: 42px;
	width: 110px;
	float: left;
	margin-left: 8px;

}
#blog-nav a:hover #blog-nav-contact{
	background: url(/images/blog/menu.gif) no-repeat -500px -42px;
}

/*INNER BLOG STYEL*/
.top-post {
	background: url(/images/blog/new_post.gif) no-repeat;
	height: 87px;
	width: 688px;
	position: relative;
	left: -25px;
	padding: 30px 0px 0px 25px;
}
.title2	{
	
	color: #2B1A04;
	display: inline;
	font-size: 29px;
	font-family:"Times New Roman", Times, serif;
}
.month2	{
	font-size: 12px;
	font-weight: bold;
	color: #520000;
	display: inline-block;
	font-variant: normal;
	line-height: 12px;
	vertical-align: bottom;
	margin-left: 25px;
	font-family:"Times New Roman", Times, serif;
}
.entry2{
	color: #2B1A04;
	font-size: 17px;
	line-height: 23px;
	font-family:"Times New Roman", Times, serif;
	margin-left: 10px;
	width: 600px;
}
.entry2 a:hover{
	color: #701212;
}
.entry2 img {
	border:2px solid #503B1F;
	padding: 2px;
	margin-right: 10px;
}
.cap{
	font-size: 200%;
}

.more-link {
	color: #1A1002;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
}
.more-link  a:hover{
	color: #701212;
	text-decoration: underline;
}
.read-more{
	color: #1A1002;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
	display:inline;
}
.tag2{
	color: #2b1a04;
	font-size: 14px;
	line-height: 16px;
}
.tag2 a:hover{
	color: #701212;
	
}

.post-before-with-image-thumbnail{
	background: url(/images/blog/post_before.gif) no-repeat 168px 0px;
}
.post-before-with-image-medium{
	background: url(/images/blog/post_before.gif) no-repeat 318px 0px;
}
.post-before{
	background: url(/images/blog/post_before.gif) no-repeat;
	
}
.post-after{
	background: transparent url(/images/blog/post_after.gif) no-repeat;
	display: inline;
}

#old-entry{
	color: #2B1A04;
	font-size: 20px;
}
#old-entry a:hover{
	color: #776956;
	text-decoration: none;
}
#old-entry a #old-entry-thumb{
	background: url(/images/blog/older.gif) no-repeat 0 0;
	height: 44px;
	width: 56px;
	float: left;
	display: inline;
}
#old-entry a:hover #old-entry-thumb{
	background: url(/images/blog/older.gif) no-repeat 0px -44px;
	height: 44px;
	width: 56px;
}
#old-entry-text{
	position: relative;
	top: 10px;
	left: 10px;
	display: inline;
	text-decoration: underline;
}
#new-entry{
	color: #2B1A04;
	font-size: 20px;
}
#new-entry a:hover{
	color: #776956;
	text-decoration: none;
}
#new-entry a #new-entry-thumb{
	background: url(/images/blog/newer.gif) no-repeat 0 0;
	height: 44px;
	width: 56px;
	float: right;
	display: inline;
}
#new-entry a:hover #new-entry-thumb{
	background: url(/images/blog/newer.gif) no-repeat 0px -44px;
	height: 44px;
	width: 56px;
}
#new-entry-text{
	position: relative;
	top: 10px;
	left: -10px;
	display: inline;
	text-decoration: underline;
}
/* SIDEMENU FOR THE BLOG */
#sidemenu-top-blog	{
	background: transparent url(/images/blog/post_textbox.png) no-repeat scroll 0 0;
	width: 270px;
	height: 22px;
	margin-left: 25px;
}
#sidemenu-blog	{
	background: transparent url(/images/blog/post_textbox.png) no-repeat scroll 0 bottom;
	width: 230px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 25px;
}
#blog-side-title {
	background: transparent url(/images/blog/recent_posts.jpg) no-repeat;
	height: 70px;
	width: 223px;
	margin-left: -10px;
}
#blog-recent-post{
	color: #1A1002;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
	margin-right: 10px;
}
#blog-recent-post li {
	margin: 10px 0px 10px 0px;
	list-style-type: none;
}
#blog-recent-post li a{
	color: #1A1002;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
}
#blog-recent-post li a:hover{
	color: #503B1F;
	text-decoration: underline;
}
.postform{
	margin: 20px 0px 20px 35px;
}