/****************************

Core CSS

	Stephen Bungert
	www.bungert.co.uk
	
****************************/

/*	Notes
	
	Colours:
	-------
	c7800e	- Background colour
	999		- Top header text, .hcSearchBox, #main border-top
	eeca5b	- Link hover colour
	f39405	- #main border-bottom
	c7c7c7	- .innerContainer border-top
	cf9b00	- #mainnav link hover
	ffdb6f	- #footer link hover
	d7940d	- Main content link colour:hover

*/



/* Tags */
/* ---- */

html
{
	font-size: 62.5%; /* Reduce font height to 10px */
	height: 100%;
}

body
{
	font-size: 1.2em; /* Set basic font height to 12px */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	background: #c7800e url(http://www.united-nations-of-beer.com/images/bg_fade.png) scroll repeat-x top left;
	height: 100%;
}

strong,
b
{
	font-weight: bold;
}

em,
i
{
	font-style: italic;
}

p,
h1,
h2,
h3,
h4,
h5,
h6
{
	padding-bottom: 1.0em;
	line-height: 1.3em;
}

img {
	padding: 5px 5px 5px 5px;
	border: 0;
}

h1 
{
	font-size: 2.5em;
}

h2 
{
	font-size: 3.0em;
}

h3
{
	font-size: 1.8em;
}

h4
{
	font-size: 1.3em;
}

h5
{
	font-size: 1.1em;
}

/* Remove underlining for all links */
a,
a:link,
a:visited,
a:active
{
	text-decoration: none;
}

/* Add underlining to all links on hover */
a:hover
{
	text-decoration: underline;
}



/* Shared Layout Styles */
/* -------------------- */

.hidden
{
	display: none;
}

.dummyPara,
.clearer
{
	padding: 0px;
	margin: 0px;
}

.clearer
{
	clear: both;
	height: 0px;
}

#headerTop,
#header,
#main,
#footer
{
	width: 100%;
	position: relative;
	z-index: 1;
}

/* Center rows and set widths */
#headerTopContent,
#headerContent,
#mainContent,
#footerContent
{
	margin: 0px auto;
	width: 980px;
	position: relative;
	z-index: 2;
}

/* Push these items right, so that the logo is in the correct position */
.htcTagline,
.mainTitle
{
	margin-left: 146px;
}

#htcNav,
.hcSearchBox
{
	margin-right: 13px;
}

.helpLink
{
	cursor: help;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #eeca5b;
}

.helpLink:hover
{
	text-decoration: none;
	border-bottom: 1px solid #eeca5b;
}



/* Structure */
/* --------- */

#headerTop
{
	background: #000;
}
	
	#headerTopContent
	{
		color: #999;
		text-align: right;
		padding: 0.4em 0px;
	}
		
		.htcTagline
		{
			padding-bottom: 0px;
			float: left;
		}
		
		#htcNav
		{
			color: #999;
		}
			
			#htcNav li
			{
				display: inline;
				padding-left: 1.5em;
			}
				
				#htcNav li a
				{
					color: #999;
				}
				
				#htcNav li a:hover
				{
					color: #eeca5b;
				}
				
				#htcNav li a.active
				{
					color: #eeca5b;
					text-decoration: none;
					cursor: default;
				}

#header
{
	background: #fff;
	border-bottom: 1px solid #999;
}
	
	#headerContent
	{
	}
		
		.mainTitle
		{
			color: #000;
			padding-bottom: 12px;
			padding-top: 10px;
		}
		
		.hcSearchBox
		{
			color: #999;
			padding-top: 1.8em;
			padding-bottom: 0px;
			float: right;
			text-align: right;
		}
			
			.hcSearchBox input[type="text"],
			.hcSearchBox input[type="submit"]
			{
				width: 200px;
				border: 1px solid #000;
				padding: 4px;
				font-size: 1.0em;
				font-family: Verdana, Helvetica, Arial, sans-serif;
			}
			
			.hcSearchBox input[type="submit"]
			{
				background: #000;
				width: auto;
				color: #fff;
				font-size: 1.0em;
				border: 1px solid #000;
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-weight: bold;
				padding: 1px 8px;
				margin-left: -5px;
			}
			
			.hcSearchBox input[type="submit"].highlighted
			{
				background: #efc507;
				color: #000;
				cursor: pointer;
			}

#main
{
	border-top: 1px solid #f39405;
}
	
	#mainContent
	{
	}
		
		.logo
		{
			float: left;
			top: -52px;
			left: 0px;
			z-index: 5;
			position: absolute;
		}
		
		.innerContainer
		{
			background: #fff;
			z-index: 4;
			position: relative;
			margin-left: 136px;
			background: #fff url(http://www.united-nations-of-beer.com/images/inner_content_fade.jpg) scroll repeat-x top left;
			margin-top: -1px;
			/* border-top: 1px solid #c7c7c7; */
			height: 100%;
			min-height: 400px;
			padding: 0px 13px;
		}
			
			#mainNav
			{
				margin-left: -13px;
				background: #ccc url(http://www.united-nations-of-beer.com/images/main_nav_fade.png) scroll repeat-x left top;
				color: #000;
				font-size: 1.25em;
				vertical-align: middle;
				position: relative;
				display: block;
				padding: 0.0em 13px;
				float: left;
				width: 100%;
			}
				
				#mainNav li
				{
					display: inline;
					border-left: 1px solid #aaa;
					float: left;
					font-weight: bold;
				}
					
					#mainNav li:first-child
					{
						border-left: none;
					}
					
					#mainNav li a
					{
						color: #000;
						padding-bottom: 0.5em;
						padding-top: 0.5em;
						padding-left: 1.5em;
						padding-right: 1.5em;
						display: block;
						border-left: 1px solid #fff;
					}
						
						#mainNav li:first-child a
						{
							border-left: none;
						}
						
						#mainNav li a:hover
						{
							background: #cf9b00 url(http://www.united-nations-of-beer.com/images/main_nav_fade_ro.png) scroll repeat-x left top;
							text-decoration: none;
							color: #000;
						}
						
						#mainNav li a.active
						{
							background: #000 url(http://www.united-nations-of-beer.com/images/sb_fade.png) scroll repeat-x top left;
							text-decoration: none;
							cursor: default;
							color: #fff;
						}
			
			#mainSubNav
			{
				margin-left: -13px;
				background: #000;
				color: #fff;
				font-size: 1.0em;
				vertical-align: middle;
				position: relative;
				display: block;
				padding: 0.4em 13px;
				float: left;
				width: 100%;
				border-bottom: 1px solid #aaa;
			}
				
				#mainSubNav li
				{
					display: inline;
					float: left;
				}
					
					#mainSubNav li a
					{
						padding-right: 2.0em;
						color: #999;
					}
					
					#mainSubNav li a:hover
					{
						color: #eeca5b;
					}
					
					#mainSubNav li a.active
					{
						color: #fff;
						cursor: default;
					}
					
					#mainSubNav li a.active:hover
					{
						text-decoration: none;
					}
			
			#navFade
			{
				margin-left: -13px;
				font-size: 1.0em;
				position: relative;
				display: block;
				padding: 0.4em 13px;
				width: 100%;
				background: #fff url(http://www.united-nations-of-beer.com/images/inner_content_fade.jpg) scroll repeat-x left top;
				height: 30px;
			}
			
			.pageContent
			{
				width: 100%;
				margin-top: -1.5em;
				position: relative;
			}
				
				.mainColumn
				{
					font-size: 1.0em;
					width: 70%;
					float: left;
					display: inline;
				}
					
					.mainColumn h2,
					.mainColumn h3
					{
						line-height: 1.2em;
						padding-bottom: 0.25em;
					}
					
					.mainColumn .first,
					.mainColumn h2
					{
						font-weight: bold;
					}
					.mainColumn h2,
.mainColumn h3,
.mainColumn h4,
.mainColumn h5,
.mainColumn h6,
.mainColumn p
{
    padding-right: 13px;
}

.mainColumn p
{
    text-align: left;
}

.mainColumn h2,
.mainColumn h3,
.mainColumn h4,
.mainColumn h5,
.mainColumn h6
{
    text-align: left;
}
					
                    .mainColumn a,
                    .mainColumn li a
                    {
                        color: #D7940D;
                    }
					
					.mainColumn ul
					{
						list-style: square;
						margin-left: 2.0em;
						padding-top: 0.5em;
						padding-bottom: 0.5em;
					}
						
						.mainColumn li
						{
							line-height: 1.3em;
							padding-bottom: 0.5em;
						}
					
					.unobAdd
					{
						border: 1px solid #00ff00;
					}
					
					.credit
					{
						color: #D7940D;
						padding-bottom: 0.5em;
					}
						
						.credit a
						{
							color: #d7940d;
							font-weight: bold;
						}
					
					.artInfo
					{
						color: #999;
						padding-bottom: 2.5em;
					}
						
						.artInfo a
						{
							color: #999;
							font-weight: normal;
						}
						
						.artInfo a:hover
						{
							color: #d7940d;
						}
						
						.ratings
						{
						}
							
							.ratingStar
							{
								margin-bottom: -0.15em;
							}
					
					.artImage,
					#left_side img
					{
						border: 0;
						padding: 5px 5px 5px 5px;
					}
					
					#comments img
					{
						border: 0;
						margin-bottom: -3px;
					}
					
					span.author,
					span.author strong
					{
						font-weight: normal !important;
					}
					
					span.author
					{
						color: #999;
					}
					
					.floatLeft
					{
						float: left;
						margin-right: 10px;
						padding-top: 0.3em;
					}
					
					.floatCentre
					{
						margin: 0px auto;
						text-align: center;
						padding-bottom: 10px;
					}
					
					.floatRight
					{
						float: right;
						margin-left: 10px;
						padding-top: 0.3em;
						margin-right: 13px;
					}
						
						.floatLeft .artImageCaption
						{
							text-align: left !important;
						}
						
						.floatCentre .artImageCaption
						{
							text-align: center !important;
						}
						
						.floatRight .artImageCaption
						{
							text-align: right !important;
						}
					
					.artImageCaption
					{
						clear: both;
						color: #999;
						font-size: 0.833em;
						display: block;
					}
				
				.sideColumn
				{
					width: 30%;
					display: inline;
					float: left;
				}

#footer
{
}
	
	#footerContent
	{
	}
		
		#footerInnerContent
		{
			z-index: 4;
			position: relative;
			margin-left: 136px;
			background: #ccc url(http://www.united-nations-of-beer.com/images/footer_fade.png) scroll repeat-x left top;
			border-top: 1px solid #c7c7c7;
			padding: 0.5em 13px 0.5em 13px;
			font-size: 1.0em;
		}
			
			.footerTitle
			{
				color: #666;
			}
			
			.loactionTitle
			{
				color: #666;
				padding-bottom: 0.3em;
				font-weight: bold;
				font-size: 0.833em;
			}
			
			.footerColumn
			{
				float: left;
				width: 25%;
			}
				
				#footerInnerContent ul
				{
					padding-bottom: 1.0em;
				}
					
					#footerInnerContent ul li
					{
						font-size: 0.833em;
						line-height: 1.4em;
						color: #aaa;
					}
						
						#footerInnerContent ul li a
						{
							color: #666;
						}
						
						#footerInnerContent ul li a:hover
						{
							color: #000;
						}
			
			.copyright
			{
				font-size: 0.833em;
				text-align: center;
				padding-top: 1.5em;
				padding-bottom: 0em;
				color: #777;
			}



/* Sidebar Title Box */
/* ----------------- */

.sidebarTitleBox
{
	background: transparent;
	color: #fff;
	font-size: 1.167em;
	font-weight: bold;
	width: 100%;
	height: 38px;
	margin-bottom: 0.5em;
}
	
	.sidebarTitleBox .leftCell
	{
		background: transparent url(http://www.united-nations-of-beer.com/images/sb_end_left.png) scroll no-repeat top left;
	}
	
	.sidebarTitleBox .centreCell
	{
		background: #000 url(http://www.united-nations-of-beer.com/images/sb_fade.png) scroll repeat-x top left;
		vertical-align: middle;
	}
	
	.sidebarTitleBox .rightCell
	{
		background: transparent url(http://www.united-nations-of-beer.com/images/sb_end_right.png) scroll no-repeat top right;
		width: 13px;
	}

.sidebarTitleBox .leftCell
{
    width:13px;
}



/* Sidebar Content */
/* --------------- */

.sidebarBox img
{
	border: 0;
	clear: left;
}

.sidebarBox .rightImg
{
	text-align: right;
}

.sidebarBox .leftImg
{
	text-align: left;
}

.sidebarBox .centreImg
{
	text-align: center;
}

    .sidebarBox a
    {
        color: #d7940d;
    }
        
        .sidebarBox a:hover
        {
            text-decoration: underline;
        }

.sidebarBoxList
{
	list-style: square;
	margin-left: 2.0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
	
	.sidebarBoxList li
	{
		line-height: 1.3em;
		padding-bottom: 0.5em;
	}
	
	.sidebarBoxList a
	{
		color: #d7940d;
	}
		
		.sidebarBoxList a:hover
		{
			text-decoration: underline;
		}

.collapsableTitle
{
	font-weight: bold;
	color: #999;
}

	.closed
	{
		display: none;
	}

	.sidebarBox .collapsableIndicator
	{
		border: none;
		padding-left: 0.5em;
		margin-top: -0.2em;
	}


/* Comments */
/* -------- */

.commentHeader,
.reviewHeader
{
	font-size: 1.666em;
	border-top: 1px solid #999;
	padding-top: 1.5em;
	margin-right: 13px;
}

.commentsList,
.sitemapList,
.reviewList
{
	padding-right: 13px;
	list-style-type: none !important;
	margin: 0px !important;
}
	
	.commentsList li,
	.sitemapList li,
	.reviewList li,
	#comments table
	{
		border-top: 1px solid #ccc;
		padding: 0.5em 0.75em;
		margin-bottom: 1.0em;
		background: #f7f7f7 url(http://www.united-nations-of-beer.com/images/comment_fade.png) scroll repeat-x left top;
	}
	
	.sitemapList li
	{
		background: #fff url(http://www.united-nations-of-beer.com/images/comment_fade.png) scroll repeat-x left top;
		clear: left;
		margin-bottom: 0.0em;
	}
		.sitemapList ul.listMessage,
		.sitemapList ol.listMessage
		{
			padding-right: 13px;
			list-style-type: square !important;
			margin-left: 2.0em !important;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}
			
			.sitemapList ul.listMessage li,
			.sitemapList ol.listMessage li
			{
				background: transparent none scroll repeat-x left top;
				border: none !important;
				margin-bottom: 0.0em !important;
				padding: 0px;
				padding-bottom: 0.5em;
			}
		
		.sitemapList li p
		{
		}
		
		.listTitle,
		.listInfo,
		.listMessage
		{
			padding-right: 0px;
		}
		
		.listTitle
		{
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 0.2em;
		}
			
			.listTitle .collapsableIndicator
			{
				border: none;
				padding-left: 0.5em;
				margin-top: -0.2em;
			}
			
			.listTitle a
			{
				color: #d7940d;
			}
			
			.listTitle a:hover
			{
			}
		
		.listinfo
		{
			display: block;
		}
			
			.listAuthor
			{
				color: #999;
				padding-bottom: 0.5em;
				float: left;
				padding-top: 0.5em;
			}
				
				.listAuthor a
				{
					color: #d7940d;
					font-weight: bold;
				}
			
			.listRating
			{
				color: #999;
				padding-top: 0.5em;
				padding-bottom: 0.4em;
				font-weight: normal;
				padding-right: 0px;
				float: right;
			}
			
			.reviewList .listRating
			{
				padding-top: 0.2em;
			}
				
				.reviewList .listRating a
				{
					color: #999;
				}
				
				.reviewList .listRating a:hover
				{
					color: #d7940d;
				}
		
		.listMessage
		{
			padding-top: 1.0em;
			clear: left;
		}



/* Review Submission From */
/* ---------------------- */

.c2Form
{
	width: 500px;
	padding-bottom: 1.0em;
}
	
	.c2Form fieldset
	{
		margin-top: 2.0em;
	}
	
	.c2Form fieldset.first
	{
		margin-top: 0.0em;
	}
		
		.c2Form legend
		{
			font-weight: bold;
			padding-bottom: 0.5em;
		}
		
		.c2Form .formRow
		{
			clear: left;
			padding-bottom: 0.3em;
		}
			
			.c2Form label
			{
				display: block;
				padding-top: 0.3em;
				padding-bottom: 0.3em;
				font-weight: normal;
			}
				
				.c2Form label.checkBoxLabel
				{
					display: inline;
				}
			
			.c2Form input[type="text"],
			.c2Form input[type="file"],
			.c2Form textarea
			{
				border: 1px solid #000;
				padding: 4px;
				font-size: 1.0em;
				font-family: Verdana, Helvetica, Arial, sans-serif;
				width: 490px;
			}
			
			.c2Form input[type="submit"]
			{
				background: #000 url(http://www.united-nations-of-beer.com/images/sb_fade.png) scroll repeat-x top left;
				width: auto;
				color: #fff;
				font-size: 1.0em;
				border: 1px solid #000;
				font-family: Verdana, Helvetica, Arial, sans-serif;
				font-weight: bold;
				padding: 4px 8px;
				height: 38px;
			}
			
			.c2Form input[type="submit"]:hover
			{
				background: #cf9b00 url(http://www.united-nations-of-beer.com/images/main_nav_fade_ro.png) scroll repeat-x left top;
				color: #000;
				cursor: pointer;
			}
			
			.c2Form .addInfoText
			{
				font-style: italic;
				color: #999999;
				font-weight: normal;
			}
			
			.c2Form .frSubmitRow
			{
				margin-top: 0.5em;
			}

#submission_text
{
	height: 160px;
}


/* Home Page */
/* --------- */

.homeBoxColumn
{
	width: 273px;
	float: left;
}

.leftHbCol
{
	margin-right: 13px;
}

.rightHbCol
{
}
	
	.homeBox
	{
		background: #dfdfdf;
		background: #dfdfdf url(http://www.united-nations-of-beer.com/images/inner_content_fade.jpg) scroll repeat-x bottom left;
		min-height: 100px;
		border: 1px solid #999;
		margin-bottom: 1.0em;
	}
	
	.ebayBox
	{
		height: 200px;
	}
		
		.homeBox img
		{
			padding-bottom: 0.5em;
		}
		
		.homeBoxTitle,
		.homeBoxContent
		{
			padding-left: 0.5em;
			padding-right: 0.5em;
		}
		
		.homeBoxTitle
		{
			font-size: 1.25em;
			font-weight: bold;
		}
			
			.homeBoxTitle a
			{
				color: #000;
			}
			
			.homeBoxTitle a:hover
			{
				color: #d7940d;
			}
		
		.homeBoxContent
		{
		}



/* Review Submission (Restyled) */
/* ---------------------------- */

.c2Form
{
	padding-bottom: 1.0em;
}

	.c2Form #submission_text
	{
		margin-top: 1.0em;
	}
	
	.dividerRule
	{
		margin: 0px;
		padding: 0px;
		height: 0px;
	}
	
	.c2Form input[type="file"],
	#left_side table.comments input[type="file"]
	{
		font-weight: bold;
		margin-top: 1.0em;
	}
	
	.c2Form .otherText
	{
		font-style: italic;
		color: #999999;
		font-weight: normal;
	}
	
	.c2Form table .otherText
	{
		font-style: normal;
		color: #000;
		font-weight: normal;
	}
	
	.c2Form table td input[type="text"]
	{
		margin-left: 0.5em;
		width: auto;
	}
	
	.c2Form table td:first-child
	{
		width: 80px;
		text-align: left;
	}
	
	.c2Form table td
	{
		padding-bottom: 0.5em;
	}
	
	.c2Form #TextHelp,
	.c2Form #PicHelp
	{
		border: 1px solid #999;
		padding: 0.5em;
	}
	
	.c2Form #TextHelp p.InvShelpT,
	.c2Form #PicHelp p.InvShelpT
	{
		font-weight: bold;
	}
	
	.c2Form #TextHelp table td,
	.c2Form #PicHelp table td
	{
		font-weight: normal;
		width: auto;
	}



/* Submit Comments */
/* --------------- */

#left_side table.comments input[type="text"],
#left_side table.comments input[type="file"],
#left_side table.comments select,
#left_side table.comments textarea
{
	border: 1px solid #000;
	padding: 4px;
	font-size: 1.0em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0.5em;
}

#left_side table.comments input[type="submit"]
{
	background: #000 url(http://www.united-nations-of-beer.com/images/sb_fade.png) scroll repeat-x top left;
	width: auto;
	color: #fff;
	font-size: 1.0em;
	border: 1px solid #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 4px 8px;
	height: 38px;
}

#left_side table.comments input[type="submit"]:hover
{
	background: #cf9b00 url(http://www.united-nations-of-beer.com/images/main_nav_fade_ro.png) scroll repeat-x left top;
	color: #000;
	cursor: pointer;
}

#beforeendbox

{
clear:both;
text-align: center;
width: 750px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
}

				.sideColumnc2
				{
					width: 20%;
					display: inline;
					float: right;
				}


#templatec2 img {
	border: 0;
	float: left;
	padding: 0 5px 5px 5px;
}