/*
' Title			: theBeerCam.com | Main Stylesheet
' Description		: Styles for entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 06/21/2007	: Tony Groves
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html {}

body {
	background-image:url('/imgs/headerBG.gif');
	background-repeat:repeat-x;
	font-family: trebuchet, sans-serif;
	margin:0;
	padding:0;
	font-size:1em;
	}

a 						{color:#663300;}
a:hover 				{color:#663300; text-decoration:none;}
a:active 				{color:#663300;}
a:visited 				{color:#663300;}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}	

ul 						{}
li 						{}
p 						{font-size:.8em;}

#outerWrap 				{background:none; width:600px; margin-left:auto; margin-right:auto; margin-top:0; padding:0;}

.clear 					{font-size:1px; line-height:1px; margin:0; padding:0; border:none; clear:both;}

iframe					{border:2px solid #956618; padding:0; margin:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Header Styles
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header 				{height:73px; margin:0 0 5px 0; padding:0; border-bottom:1px solid #fff;}
#header img				{position:absolute; top:0;}
#header h1 				{float:right; text-align:right; font-weight:normal; font-size:.6em; margin:57px 0 0 0;}
#header h1 a 			{color:#5c2d07; text-decoration:none; padding:0 7px;}
#header h1 a:hover 		{text-decoration:underline;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Index Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.updates 						{float:left; width:350px; margin:0 0 10px 0; border-bottom:1px solid #ddd; padding:3px 0 10px 0;}
.updates h6						{font-weight:bold; color:#894512; font-size:1em; margin:0 0 8px 0;}

#cf								{margin:10px 0 0 0; padding:0; width:350px; float:left;}
#cf h6							{font-weight:bold; color:#894512; font-size:1em; margin:0 0 8px 0;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Login Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#login							{width:564px; border:18px solid #E7E7E7; height:110px; margin:50px 0 90px 0; background:#915A15; padding:40px 0 0 0;}
#login label.row				{display:block; width:100%; min-height:25px; _height:25px;}
#login .row span.title			{display:block; width:200px; text-align:right; font-size:.7em; float:left; padding:2px 0 0 0;}
#login .row span.feild			{display:block; width:360px; text-align:left; float:right;}
#login .row span.feild .textbox {width:200px; font-size:.7em; color:#181818; padding:1px; border:1px solid #4A2405;}
#login .row .submit h6			{text-align:center; width:45px; font-size:.7em; color:#181818; margin:0 0 0 388px; background:#E7E7E7; padding:0 5px;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Beer List Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.beerlistitem 					{height:387px; border-bottom:1px solid #ddd; margin:0; padding:10px 0 0 0;}

.beerlistitem img 				{float:left; border:1px solid #ddd; margin:0 20px 0 20px;}
.beerlistitem h1 				{font-weight:bold; font-size:1em; color:#492505; margin:0 0 3px 0;}
.beerlistitem h2 				{font-weight:normal; font-size:.7em; color:#976A17;}
.beerlistitem h2 img			{border:none; margin:0; padding:5px 5px 0 0;}
.beerlistitem h2 a 				{font-weight:normal; color:#73390F; font-decoration:underline;}
.beerlistitem h2 a:hover 		{color:#D3A11A; font-decoration:none;}
.beerlistitem h3 				{font-weight:normal; font-size:.7em; color:#7D3D10; margin:5px 0 0 0;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Recently Added Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#recentlyadded					{float:right; width:200px; margin:5px 0 10px 5px; padding:0 5px 10px 5px; background:#F6EEE3;}

#recentlyadded .item 			{margin:5px 0; padding:5px 0; clear:both;}

#recentlyadded .item img 		{float:left; border:1px solid #ddd; margin:0 5px;}
#recentlyadded .item h1 		{font-weight:bold; font-size:.7em; color:#492505; margin:0 0 3px 0;}
#recentlyadded .item h2 		{font-weight:normal; font-size:.6em; color:#976A17;}
#recentlyadded .item h2 img		{border:none; margin:0; padding:5px 5px 0 0;}
#recentlyadded .item h2 a 		{font-weight:normal; color:#73390F; font-decoration:underline;}
#recentlyadded .item h2 a:hover {color:#D3A11A; font-decoration:none;}
#recentlyadded .item h3 		{font-weight:normal; font-size:.6em; color:#7D3D10; margin:5px 0 0 0;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Things To See Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.toseeitem						{border-bottom:1px solid #ddd; float:left; width:600px; padding:5px 0 10px 0;}
.toseeitem img					{border:1px solid #ddd; margin:0 10px 0 0; clear:both; float:left;}
.toseeitem h3					{text-align:left; font-weight:normal; color:#7D3D10; font-size:.7em;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' SEO Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.roo							{visibility:hidden; width:0px; height:1px; overflow:hidden;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Donate Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#donate							{margin:0 0 10px 0; height:60px; border-bottom:1px solid #ddd;}
#donate form input				{float:left;}
#donate form p					{float:left; font-size:.7em; width:400px; margin:0 0 0 10px;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Footer Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#footer 				{width:100%; margin:10px; padding:0; text-align:center;}
#footer h4 				{color:#bfbfbf; font-weight:normal; font-size:.7em;}
#footer h4 a 			{text-decoration:underline; color:#bfbfbf;}
#footer h4 a:hover 		{text-decoration:none; color:#000;}