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

a {
	color:#999;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


#page {
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#adspace {
	height:140px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#ad {
	width:728px;
	height:90px;
	margin-top:47px;
	margin-right:auto;
	margin-left:auto;	
}

/* ***************************THIS IS THE TOP MENU NAVIGATION STYLES*************************************** */
#menubar {
	height:100px;
	width:100%;
	margin:0 0 0 0;
	background-color:#9d7530;
}
#menu {
	height:100px;
	width:813px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background-image:url("images/menu_background.png");
}
#menutop {
	height:60px;
}
#menutable {
	width:813px;
	height:100px;	
}
#menuTD {
	width:135px;
	text-align:center;
	vertical-align:middle;	
}
a.home {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:12px;
	color:#f89429;
	font-weight:600;
	outline:none;	
}
a.home:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:12px;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}
a.reviews {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:12px;
	color:#f89429;
	font-weight:600;
	outline:none;
}
a.reviews:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:12px;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}
a.beerart {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:4px;
	color:#f89429;
	font-weight:600;
	outline:none;
}
a.beerart:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:4px;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}
a.recipes {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:;
	color:#f89429;
	font-weight:600;
	outline:none;
}
a.recipes:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-left:;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}
a.beertalk {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-right:7px;
	color:#f89429;
	font-weight:600;
	outline:none;
}
a.beertalk:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-right:7px;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}
a.archives {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-right:10px;
	color:#f89429;
	font-weight:600;
	outline:none;	
}
a.archives:hover {
	text-decoration:none;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
	padding-right:10px;
	color:#FFF;
	font-weight:800;
	outline:none;
	font-size:18px;
}





/* ***************************THIS IS THE HEADER BAR LOGO STYLES*************************************** */
#headerbar {
	height:216px;
	width:100%;
	background-image:url("images/header_background.png");
	background-repeat:repeat;
	margin-top:0px;
}
#logobar {
	height:205px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
#headerotherbox {
	height:auto;
	width:360px;
	float:right;
	color:#FFF;
	margin-top:0px;
}
#logo {
	height:197px;
	width:553px;
	background-image:url("images/beerfatherLogo.png");
	background-repeat:no-repeat;
	float:left;
	margin-top:0px;
}
#search {
	width:200px;
	height:50px;
	margin-top:160px;
	margin-left:200px;
}


/* *****************************THIS IS THE POST STYLES*************************************** */

#maincontent {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}

#postcontent {
	width:530px;
	height:auto;
	float:left;
	margin-left:;
}
.post {
	width:470px;
	height:auto;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";	
}

#postcontainer {
	width:530px;
	height:auto;
	background-image:url("images/post_background.jpg");
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:50px;
	font-family:
}

a.postheadings  {
      font-size:28px; 
	  font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
      text-decoration:none;
	  color:#000;
	  font-weight:100;
}

h2.postheadings {
	  font-size:28px; 
	  font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
      text-decoration:none;
	  color:#000;
	  font-weight:100;
}

#content {
	margin-bottom:20px;
}

h2.archiveheader {
	color:#999;
	
}

span.tags {
	display:none;
}

/* ********************************THIS IS THE SIDE BAR STYLES*************************************** */
#sidebar {
	width:336px;
	background:#CCC;
	float:left;
	height:auto;
	margin-top:40px;
	margin-left:12px;
	margin-right:12px;
}
#sidebar2 {
	width:336px;
	background:#CCC;
	float:left;
	height:auto;
	margin-top:40px;
	margin-left:12px;
	margin-right:12px;
}
#sidebarcontainer {
	float:left;
	width:360px;
	height:auto;
	background-image:url("images/sidebar_background.jpg");
	background-repeat:no-repeat;
	background-position:top;
	margin-left:80px;
}



/* ********************************THIS IS THE FOOTER STYLES*************************************** */
#facebook {
	width:150px;
	height:56px;
	display:inline;
	float:left;
	margin-left:30px;
	margin-top:70px;
	background-image:url("images/facebook.jpg");
}

#twitter {
	width:150px;
	height:50px;
	display:inline;
	float:left;
	margin-left:50px;
	margin-top:70px;
	background-image:url("images/twitter.jpg");
}
#links {
	font-size:18px;
	padding-top:15px;
	width:150px;
	height:20px;
	display:inline;
	float:left;
	margin-left:50px;
	margin-top:15px;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
}
#footerbox {
	height:246px;
	width:100%;
	float:left;	
}
#thirsty {
	padding-top:20px;
	padding-left:40px;
	height:40px;
	width:200px;
	margin-left:10px;
	color:#f89429;
}
#footerlinks {
	text-align:left;
	height:216px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#999;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
}
#footerbar {
	height:216px;
	width:100%;
	background-image:url("images/header_background.png");
	background-repeat:repeat;
}
#copyright {
	width:165px;
	height:30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


/* ********************************THIS IS THE COMMENTS STYLES*************************************** */

#commentsbox {
	width:530px;
	height:auto;
	float:left;
	margin-left:;	
}

#comments {
	width:470px;
	height:auto;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
}

#respond {
	margin-left:30px;
	margin-bottom:-70px;
	font-size:20px;
	font-weight:bold;
	font-family:"trebuchet MS", "Lucida Sans Unicode", "tahoma";
}

#commentstime {
	font-size:9px;
}