@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	background-image:url(images/pageback.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;	
}

/* Headings */
h1 {font-size:150%;line-height:normal;margin:5px 0;padding:0;color:#000000;}
h3 {font-size:125%;line-height:normal;margin:5px 0;padding:0;color:#000000;}
p {margin: 10px 0px; padding: 0px;}

/* Clearing Floats */
* html .clear { height: 1%; }

/* Links */
a { text-decoration: underline; }
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #0000ee; }

/* Misc */
.errorlg {font-size:150%;line-height:normal;margin:5px 0;padding:0;color:#FF0000;}
#msg { font-size:12px; font-weight:bold; text-align:center; width: auto; margin: 15px; padding: 5px; border: 1px solid #666; background-color: #eee;}
#delicon { float:right; margin: 0px 5px 0px 0px;}

/* Generic Table Elements */
#dataheader { font-weight:bold; color:#000000; background-color:#f0f0ff; text-align:left;}

/* UI Stuff */
#panel { width: 725px; padding: 10px; margin: auto auto;}
#panelheader { width: 725px; text-align:right; border: 1px solid #cccccc; background-color:#eeeeee; margin: auto auto; padding: 0px 0px;}
#panelname { margin-right: 25px; padding: 3px 0px; color:#0000FF; font-weight:bold; font-size: 125%;}

#paneltabs { clear:both; margin: 0px 0px 5px 20px; padding: 0px 0px;}
#paneltabs ul { margin: 0px 0px; padding: 0px 0px;}
#paneltabs li { display:inline; padding: 5px 10px; margin: 0px 0px; border: 1px solid #cccccc; background-color:#eeeeee;}
#paneltabs li a { font-weight:bold; padding: 0px 0px; margin: 0px 0px; text-decoration:none; }
#paneltabs li a:hover { font-weight:bold; padding: 0px 0px; margin: 0px 0px; text-decoration:none; color: #ff0000;}


/* Content */
#wrapper { width: 775px; margin: 0px auto 0px auto; padding: 0px; background-color:#ffffff;}
.content { margin: auto auto; padding: 10px 10px 50px 10px; background-color:#ffffff; text-align:left; }
.contentleft { width: 555px; margin-left: 10px; padding: 0px 10px 50px 0px; background-color:#ffffff; text-align:left; float:left; }
#footer { clear:both; width: 775px; margin: 0px auto 0px auto; padding: 0px; height: 25px; font-size: 11px; font-style:italic; text-align:center; background-color: #6476b2; color: #ffffff;}
#header { position: relative; width: 775px; margin: 25px auto 0px auto; padding: 0px 0px 0px 0px;}
#loginprompt { position:absolute; top: 10px; right: 10px; color: #ffffff;}
#loginprompt a { color: #ffffff;}
#mainmenu { background-color:#7990d9; width: 775px; margin: 0px auto 0px auto ; padding: 0px 0px; text-align:left;}

.txt { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #000000;}
#txtheader { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; font-weight: bold;}
#caption { font-family: Helvetica, Arial, sans-serif; font-size: 9px; color: #000000;}
#addfavorite {background-image:url(images/icon_addfav.gif); background-repeat:no-repeat; background-position:center left; height:30px; margin: 5px; padding: 10px 0px 0px 35px; font-weight:bold;}

/* Landing Pages */
.landingpage { margin: auto auto; padding: 10px 10px 0px 10px; background-color:#ffffff; text-align:left; }
#contenttable { border: 3px solid #7990d9; margin-top: 10px;}
#contenttableheader { background-color:#7990d9; border-bottom: 1px solid #cccccc; color:#ffffff; font-size: 150%; font-weight:bold;}
#contenttableitem { background-color:#ffffff;}
#contenttableitem img { border: none;}
#contentdivider { width: 100%; height: 1px; color:#e0e0e0;}


/* Form Table Elements */
#formtable { width: auto; border-collapse:collapse; border: 0px; line-height: 140%; font-size: 11px; color: #000000; background-color: #ffffff; margin: 20px 0px; padding: 0px; }
#formtableitem { font-weight:bold; vertical-align:top; margin: 0px; padding: 4px; text-align:right; background-color:#ffffff;}
#formtabledata { vertical-align:top; margin: 0px; padding: 4px; background-color:#ffffff;}
#formtabledesc { margin: 10px 0px; }

/* Forms */
.inputstyle { border: 1px solid #ccc;font-size: 11px; vertical-align:middle; padding: 2px 0px 2px 2px; height: 22px;}
.inputbutton { border: 1px solid #ccc;font-size: 11px; vertical-align:middle; padding: 2px 0px 2px 2px; height: 22px;}
.inputtextarea { border: 1px solid #ccc;font-size: 11px;}
.inputheader {font-weight:bold;}

/* Beer Pages */
#beerheader { width: 725px; padding: 10px; margin: auto;}
#beerinfo { width: 450px; float:left; margin: 0px 0px; padding: 0px 0px;}
#beerinfoname { font-size:150%; font-weight:bold; margin-bottom: 5px;}
#beerdesc { clear:left; width: 428px; background-color:#eeeeee; border: 1px solid #cccccc; padding: 10px; margin:0px 0px;}
#beerratingheader {float:left; width: 375px; background-color:#eeeeee; border: 1px solid #cccccc; padding: 10px; margin: 10px 0px 30px 20px; font-size:11px; font-weight:bold;}
#beerphotosm { width: 150px; float:right; margin: 0px; padding: 0px;}
#beerinventorytable { width: 650px; margin: 15px auto 15px auto; border: 0px;}
#beerinventorytable th { font-weight:bold; color:#000000; background-color:#f0f0f0; text-align:left;}
#beerwritereview {background-image:url(images/icon_writereview.gif); background-repeat:no-repeat; background-position:center left; height:25px; margin: 5px; padding: 10px 0px 0px 35px; font-weight:bold; }

/* Brewer Pages */
#brewerheader { width: 725px; padding: 10px; margin: auto;}	

/* Retail Pages */
#retailheader { width: 725px; padding: 0px 0px; margin: auto auto; position:relative;}	
#retailinfo {margin: 0px 0px; padding: 0px 0px; float:left;}
#retailmaplink {margin: 0px 0px; padding: 20px 0px; text-align:center; position:absolute; right: 0px; top: 0px;}
				
/* Members Area */
#sidemenu { width: 175px; border: 1px solid #cccccc; background-color: #ffffff; margin: 10px 10px 50px 0px; padding: 0px; float:right;}
#sidemenuheader { background-color: #e9e9e9; padding: 4px; margin: 0px; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-align:center; }
#sidemenu ul {list-style:none;margin: 5px 0px 15px 10px;padding:0; text-align:left;}
#sidemenu ul li {display:;margin-top: 2px;padding:0px}
.contentitem { margin: 10px 0px 30px 0px; }
.pgtitle { margin: 20px 0px; padding: 0px 0px;}
.pgtitle img { margin-right: 15px; float:left;}
.pgtitlename { font-size:150%; font-weight:bold;line-height:normal;margin: 30px 0px 2px 0px;padding:0px;color:#000000;}
.pgtitledesc { margin: 0px; }

#mailmsg { background-color: #f1f1f1; border: 1px solid #cccccc; width: 550px; margin-bottom: 4px; padding: 5px;}
#mailphoto img { width: 75px; padding: 0px; margin-right: 10px; border:none; float:left;}
#msgheader { float: left; width: 425px;}
#mailmembername, #mailmembername a { font-size:125%; font-weight:bold; line-height:normal; margin: 0px 0px 4px 0px;padding:0px;color:#000000;}
#maildate { font-size: 85%; font-style:italic; margin-bottom: 10px; color: #000000;}
#maildel { float:right; margin: 0px 5px 0px 0px;}
#mailcompose { text-align:right;}
#subunread , #subunread a { color: #0000cc;}
#subread, #subread a { font-weight:normal; color: #666;}
#mailmessage { clear: both; padding: 5px; margin: 10px 0px 5px 0px;}
#mailreplyarea { clear: both; background-color: #fff; padding: 5px; margin: 10px 0px 5px 0px; border: 1px solid #cccccc;}
#mailreplied { text-align:right; font-size: 85%; font-style:italic; color: #000000;}

/* Member Beer Reviews - Members & Profile Areas */
#memberbeerreviews { width:515px;margin: auto;}
#memberbeerreviewsitem {background-color:#f0f0f0;font-size:12px;font-weight:bold;padding: 4px;margin-bottom: 10px;}
#memberbeerreviewssubject {font-size:12px;font-weight:bold; margin-left:10px;}
#memberbeerreviewsdate { font-size: 10px; margin-left:10px;}
#memberbeerreviewsmessage {margin-top:25px; padding:10px;}


/* Community Area */
#communityheadertxt { margin: 20px 0px 10px 25px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; font-weight: bold;}

#profilesidebar { width: 200px; float:left; margin: 0px 10px 100px 0px; padding: 0px; }
#profilecontent { width: 525px; float:right; border: none; margin: 0px 0px 100px 0px; padding-left: 10px; border-left: solid 1px #cccccc;}

#comprofilestatus {color:#000000;}
#comprofilestatusupdate { font-style:italic; color: #999999;}

#commenuinfoboxsmall { height: 20px; background-color:#e9e9e9; color: #000000; font-weight:bold; padding: 4px; margin: 10px 0px; border: solid 1px #cccccc; text-align:center;}
#commembername { font-size:150%; font-weight:bold;line-height:normal;margin: 0px 0px 2px 0px;padding:0px;color:#000000;}
#commemberitem { font-weight:bold; margin-top: 4px; padding: 0px; background-color:#ffffff; color: #444444;}
#commemberdata { margin: 2px 0px 10px 0px; padding: 0px; background-color:#ffffff; color: #777777;}

#commenubar ul {list-style:none; margin: 25px 0px 15px 0px; padding: 0px; text-align:left;}
#commenubar li { margin: 2px 0px 0px 0px; padding: 0px 10px 0px 0px; border:none; display:inline;}
#commenubar img {border:none;}

/* Events Area */
#eventitem { margin-bottom: 15px; }
#eventdate { font-size:12px; font-weight: bold; margin-bottom: 10px; }
#eventname { font-weight:normal; font-weight:bold; }
#eventlocation { font-size: 10px; }
#eventlink { font-size: 10px; font-style:italic;}