/*  
Theme Name: Hoppin' Frog
Theme URI: 
Description:  Hoppin' Frog Brewery
Version: 1.1
Author URI: 
*/
h1, h2, h3, h4, h5, h6, form
	{
		margin:0px;
		padding:0px;
	}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p
	{
		margin:0px;
		padding:0px;
		padding-bottom:12px;
		text-align:justify;
	}
ul, ol, li
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}
a, a:visited
	{
		color:#fee119;
		text-decoration:none;
		outline:none;
	}
a:hover
	{
		text-decoration:underline;
	}
img {border:none;}.centered {  position: absolute;  top: 50%;  left: 50%;  margin-top: -25%;  margin-left: -25%;  background-color:#180d00;  color: white;}
.storyContent img
	{
		margin:5px 10px 5px 0px;
		float:left;
	}
body
	{
		margin:0px;
		padding:0px;
		font-family:arial;
		font-size:13px;
		color:#ffffff;
	}
.main_outer
	{
		background:url(images/header_bg2.jpg) no-repeat center top #000000;
	}
#main
	{
		margin:0px auto;
		padding:0px;
		width:961px;
	}
.header
	{
		height:251px;
		overflow:hidden;
	}
.headerTop
	{
		height:186px;
		overflow:hidden;
	}
.headerLeft
	{
		float:left;
		width:650px;
	}
.title
	{
		float:left;
		padding-top:54px;
		padding-left:139px;
		overflow:hidden;
	}
.title h1
	{
		font-size:33px;
		font-weight:bold;
		padding-left:1px;
		text-transform:uppercase;
	}
.title a, .title a:visited
	{
		text-decoration:none;
		color:#fdd536;
	}
.title a:hover
	{
		color:#d70706;
		text-decoration:none;
	}
.subTitle
	{
		padding-left:3px;
		height:32px;
		overflow:hidden;
	}
.subTitle h3
	{
		font-size:27px;
		font-weight:normal;
		font-family:vrinda, verdana, arial;
		color:#f8f6f7;
	}
/*************************/
.headerRight
	{
		float:left;
		width:500px;
		height:45px;
		overflow:hidden;
		margin-top:1px;
		padding-left:11px;
		background:url(images/searchText.jpg) no-repeat 11px top;
	}
.headerRight .searchText1
	{
		float:left;
		width:342px;
		margin:0px;
		padding:0px 4px 0px 1px;
		font-size:13px;
		font-family:arial;
		margin-top:14px;
		margin-left:4px;
		color:#452b10;
		background:#ffffff;
		border:solid 0px #4e5d64;
	}
.headerRight .searchBtn
	{
		float:left;
	}
/******************************************/
.nav
	{
		float:right;
		width:564px;
		height:26px;
		overflow:hidden;
	}
.nav ul
	{
		list-style:none;
		overflow:hidden;
		padding:0px;
	}
.nav ul ul
	{
		float:left;
		padding:0px;
	}
.nav li
	{
		float:left;
		padding:0px;
		padding-right:4px;
	}
.nav a, .nav a:visited
	{
		text-decoration:none;
		float:left;
		display:block;
		font-size:13px;
		color:#ffffff;
		font-weight:bold;
		text-transform:uppercase;
		padding:9px 18px;
	}
.nav a:hover, .nav .current_page_item a, .nav .current_page_item a:visited
	{
		color:#fee119;
		text-decoration:none;
	}
/*****************************************************************/
.content
	{
		background:url(images/contentBg.jpg) no-repeat left top #261400;
		padding:0px 5px 35px 8px;
		height:1%;
	}
/****************************************************************/
.innerContent
	{
		float:left;
		width:590px;
		padding-top:5px;
	}
.story
	{
		padding-bottom:50px;
	}
.storyTitle
	{
		height:1%;
	}
#storyDate, .storyDate
	{
		color:#f3ff69;
		background:#725a22;
		text-align:right;
		/*float:right;*/
		/*overflow:hidden;*/
		height:1%;
		padding:3px 5px 3px 5px;
		margin-top:2px;
		opacity:0.6;
		filter:alpha(opacity=60);
		display:block;
	}
#story_title, .story_title
	{
		float:left;
		padding-bottom:5px;
		height:1%;
		/*width:555px;*/
	}
.storyTitle h3
	{
		font-size:20px;
		font-weight:normal;
		margin-top:-2px;
	}
.storyTitle a, .storyTitle a:visited
	{
		text-decoration:none;
		color:#fee119;
	}
.storyTitle a:hover
	{
		color:#ff8000;
		text-decoration:none;
	}
.storyAuthor
	{
		padding-bottom:10px;
		color:#ff8000;
	}
.storyAuthor a, .storyAuthor a:visited
	{
		text-decoration:none;
		color:#fee119;
	}
.storyAuthor a:hover
	{
		text-decoration:underline;
	}
.storyContent
	{
		padding:8px 0px 10px 0px;
		text-align:justify;
	}
.storyContent h1, .storyContent h2, .storyContent h3, .storyContent h4, .storyContent h5, .storyContent h6
	{
		padding-bottom:6px;
	}
.commentTag
	{
	}
.storyTags
	{
		float:right;
		text-align:right;
		width:230px;
	}
.storyTags a, .storyTags a:visited
	{
		color:#ff8000;
		text-decoration:none;
	}
.storyTags a:hover
	{
		text-decoration:underline;
	}
.storyComment
	{
		float:left;
		width:250px;
		font-size:13px;
	}
.storyComment a, .storyComment a:visited
	{
		color:#ffffff;
		text-decoration:none;
	}
.storyComment a:hover
	{
		text-decoration:underline;
	}
/*********************************/
.innerContentTop
	{
		background:url(images/border.jpg) repeat-y 290px;
		padding-bottom:6px;
		height:1%;
	}
.about
	{
		float:left;
		width:280px;
		padding-right:5px;
		font-size:15px;
	}
.about .text
	{
		line-height:22px;
		text-align:justify;
	}
.aboutBtn
	{
		text-align:right;
	}
.blogPost
	{
		float:left;
		width:260px;
		margin-left:15px;
	}
.blogPost li
	{
		background:url(images/frog_bullet.gif) no-repeat 0px 6px;
		padding:4px 0px 4px 30px;
	}
.blogPost a, .blogPost a:visited
	{
		color:#ffffff;
		text-decoration:none;
	}
.blogPost a:hover
	{
		text-decoration:underline;
	}
.innerContentTop h2
	{
		font-size:20px;
		color:#fee119;
		font-weight:normal;
		padding-bottom:8px;
	}
/**************/
.beers
	{
		margin:10px 0px;
	}
.beers h2
	{
		font-family:"Myriad Pro";
		color:#fee119;
		font-size:20px;
		font-weight:normal;
		padding-bottom:10px;
	}
.beers_content
	{
		background:#180d00;
		border:solid 2px #4c3d2d;
		padding:5px 8px;
	}
.beersTitle
	{
		font-size:16px;
		color:#ff8000;
		padding-bottom:8px;
	}
.beer
	{
		border-bottom:solid 1px #785b18;
		margin-bottom:10px;
	}
.beersImg
	{
		float:left;
		width:109px;
		margin-bottom:8px;
	}
.beersText
	{
		float:right;
		width:444px;
		margin-bottom:8px;
	}
.beersNote
	{
		color:#e6ca17;
		font-size:16px;
		padding-bottom:5px;
	}
/****************************************************************/
.sideBar
	{
		float:right;
		width:343px;
		color:#ffffff;
	}
.sideBarTop
	{
		background:url(images/sideBarTop.gif) no-repeat left top;
	}
.sideBarBottom
	{
		background:url(images/sideBarBottom.gif) no-repeat left bottom;
		padding:5px 0px 12px 0px;
		height:1%;
	}
.sideBar ul
	{
		padding:0px;
	}
.sideBar ul ul
	{
		padding:0px;
		background:url(images/sideBarBg.gif) repeat-y left 0px;
	}
.sideBar ul ul ul
	{
		padding:0px;
		background:none;
	}
.sideBarTitle
	{
		color:#fee119;
		padding:10px 110px 15px 25px;
		height:24px;
		overflow:hidden;
		line-height:30px;
		margin-bottom:15px;
	}
.sideBarTitle h2
	{
		font-size:18px;
		font-weight:normal;
	}
.sideBar li ul,li
	{	
		list-style:none;
	}
.sideBar ul li
	{
		list-style:none;
		margin:0px;
		padding:0px;
		margin-bottom:0px;
		/*background:url(images/sideBarBg.gif) repeat-y left 0px;*/
		height:1%;
	}
.sideBar li li li
	{
		padding:0px;
		margin:0px;
		padding:5px 0px 5px 18px;
		list-style:none;
		background:none;
	}
.sideBar li li
	{
		padding:0px;
		margin:0px;
		display:block;
		background:none;
		padding:0px 20px 15px 18px;
		margin-bottom:3px;
		background:url(images/sideBarBorder.gif) no-repeat 13px bottom;
		/*background:url(images/bullet.jpg) no-repeat 2px 7px;*/
	}
.sideBar li li a, .sideBar li li a:visited
	{
		color:#ffffff;
		text-decoration:none;
		padding:0px;
		padding:0px 0px 0px 30px;
		display:block;
		background:url(images/bullet.jpg) no-repeat 0px 0px;
	}
.sideBar li li a:hover
	{
		text-decoration:underline;
	}
.sideBar li a, .sideBar li a:visited
	{
		color:#000000;
		text-decoration:none;
		padding-right:5px;
	}
.sideBar li a:hover
	{
		text-decoration:underline;
	}
li.recentcomments a, li.recentcomments a:visited
	{
		background:none !important;
	}
/**********/
.ad1, .ad2
	{
		margin-bottom:10px;
	}
.testad
	{
		margin-bottom:10px;
	}
.twitter
	{
		width:294px;
		margin:0px auto;
	}
.twitterBg
	{
		background:url(images/twitter_bg.jpg) repeat-x bottom #ffffff;
	}
.twitterTop
	{
		background:url(images/twitter_top.gif) no-repeat left top;
	}
.twitterBottom
	{
		background:url(images/twitter_bottom.jpg) no-repeat left bottom;
		padding:7px;
		height:1%;
		color:#292929;
		font-size:13px;
		clear:both;
	}
.twitterBottom a, .twitterBottom a:visited
	{
		color:#03441c;
		text-decoration:none;
	}
.twitterwidget
	{
		float:right;
		width:220px;
		display:block;
		font-size:18px;
		font-weight:bold;
		padding-bottom:3px;
	}
.profileimage
	{
		float:left;
		margin:0px;
		padding:0px;
		border:solid 2px #fee119;
		margin-top:2px;
	}
.profileData
	{
		float:right;
		width:220px;
	}
.profileData a, .profileData a:visited
	{
		color:#1b9cbb;
		text-decoration:none;
	}
.profileData a:hover
	{
		text-decoration:underline;
	}
.entry-meta
	{
		display:none;
	}
/************/
.facebook
	{
		width:341px;
		margin:0px auto;
		margin-bottom:10px;
	}
/***********************************************/
.search
	{
		text-align:center;
		padding-left:30px;
		height:1%;
		background:url(images/sideBarBg.gif) repeat-y left;
	}
.searchText
	{
		float:left;
		width:200px;
		margin:0px;
		padding:2px;
		font-size:12px;
		font-family:arial;
		margin-top:2px;
		margin-bottom:8px;
		color:#ffffff;
		border:solid 1px #d99d0e;
		background:#7f6543;
	}
.go
	{
		float:left;
		width:38px;
		height:25px;
		margin-top:0px;
		margin-left:3px;
		margin-bottom:8px;
	}
/***********************************************/
.footer
	{
		background:url(images/footer.jpg) no-repeat left top;
		padding-top:36px;
		padding-bottom:20px;
		color:#180d00;
		line-height:20px;
		font-size:12px;
		height:36px;
		overflow:hidden;
	}
.footer_nav
	{
		float:left;
		width:630px;
		padding-left:10px;
		height:25px;
		overflow:hidden;
	}
.footerContent
	{
		float:right;
		width:300px;
		text-align:right;
		padding-right:10px;
	}
.footer_nav a, .footer_nav a:visited
	{
		text-decoration:none;
		color:#180d00;
		padding:0px 10px 0px 15px;
		background:url(images/footerBullet.jpg) no-repeat left 4px;
	}
.footer_nav a:hover
	{
		text-decoration:underline;
	}	
.footer_nav ul
	{
		display:inline;
	}
.footer_nav li
	{
		display:inline;
	}
/*****************************************************/
/*older entries, newer entries*/
.alignleft
	{
		float:left;
		padding-left:0px;
	}
.alignright
	{
		float:right;
		padding-right:0px;
	}
.navigation a , .navigation a:visited
	{
		text-decoration:none;
		font-family:tahoma;
		font-weight:bold;
		font-size:11px;
		color:#ff8000;
	}
.navigation a:hover
	{
		text-decoration:underline;
	}


/*********************************************************/
.comment_template
	{
		padding-left:10px;
	}
blockquote
	{
		border-left:solid 5px #b07e03;
		padding:7px 0px 0px 20px;
		width:400px;
		font-size:14px;
	}
blockquote p
	{
		padding:0px 0px 7px 0px;
	}
h2.center
	{
		color:red;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		padding:10px;
	}
h3#respond
	{
		color:#855525;
		padding-top:5px;
		font-size:15px;
		font-weight:bold;
		padding-bottom:5px;
	}
#commentform p a, #commentform p a:visited
	{
		color:#fee119;
		text-decoration:none;
	}
#commentform p a:hover
	{
		text-decoration:underline;
	}
	
	
/* ------------- comments.php --------------- */
#comment
	{
		font-family:verdana;
		font-size:12px;
		color:#a4910f;
		line-height:150%;
		border:solid 1px #968408;
		width:480px;
		background:#4a3709;
	}
#author
	{
		font-family:verdana;
		font-size:12px;
		color:#3a2408;
		/*line-height:150%;*/
		border:solid 1px #968408;
		width:200px;
		background:#4a3709;
	}
#email
	{
		font-family:verdana;
		font-size:12px;
		color:#3a2408;
		border:solid 1px #968408;
		width:200px;
		background:#4a3709;
	}
#url
	{
		font-family:verdana;
		font-size:12px;
		color:#3a2408;
		border:solid 1px #968408;
		width:200px;
		background:#4a3709;
	}
	
/*response or comments in comments.php*/
h3#comments
	{
		color:#855525;
		padding-top:5px;
		padding-bottom:15px;
		font-size:15px;
		font-weight:bold;
	}

/* comment by any user (user name will be link) */
ul.commentlist li a, ul.commentlist li a:visited
	{
		color:#fee119;
		text-decoration:none;
	}
ul.commentlist li a:hover
	{
		text-decoration:underline;
	}

/* search result's title */
h2.pagetitle
	{
		color:#dba00f;
		font-size:24px;
		font-weight:normal;
		font-family:"trebuchet ms";
		padding-top:0px;
		padding-bottom:20px;
		text-align:center;
	}
	
/* no match found in search */
.error, .article h2
	{
		color:#dba00f;
		font-size:24px;
		font-weight:normal;
		font-family:"trebuchet ms";
		padding-top:0px;
		padding-bottom:10px;
		text-align:center;
	}

/*if there is any list posted by user in comment*/
.storyContent ul, ol
	{
		margin-left:20px;
		padding:5px;
	}
.storyContent ol li
	{
		list-style:decimal !important;
	}
.storyContent ul li
	{
		list-style:square !important;
	}


	
/************************************/
.commentAvatar
	{
		float:left;
	}

.fl_right
	{
		padding:5px 0px;
		height:1%;
	}
.fl_left
	{
		padding-bottom:5px;
	}
.commentText
	{
		padding-right:5px;
	}
.avatarImg
	{
		float:left;
		/*width:40px;*/
		padding:5px;
		border:solid 0px #ecad5f;
		background:#b07e03;
	}
.commentAuthor
	{
		float:right;
		width:510px;
		padding-top:4px;
		color:#9c8a0c;
		font-size:15px;
	}
.authorName
	{
		padding:3px 0px 3px 0px;
		font-weight:bold;
	}
.commentTime
	{
		font-size:11px;
		font-family:verdana;
	}
.authorLink
	{
		padding-top:5px;
		
	}
/*********************************************************/

.contentf {background: #dee5e8; padding:5px;}
.contentt {background: #dee5e8; border-top:solid 1px #f2eef7; border-bottom:solid 1px #f2eef7; padding-left:10px; padding-right:10px;}
.contentb {background:#dee5e8; height:15px;}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#d0cece; margin:0 5px;}
.b2f {height:1px; background:#f5f4f4; margin:0 3px; border-left:solid 2px #d0cece; border-right:solid 2px #d0cece;}
.b3f {height:1px; background:#f5f4f4; margin:0 2px; border-left:solid 1px #d0cece; border-right:solid 1px #d0cece;}
.b4f {height:2px; background:#f5f4f4; margin:0 1px; border-left:solid 1px #d0cece; border-right:solid 1px #d0cece;}

/**********************************************************/	
/* Begin Comments*/
.alt {
	/*margin:0px;
	padding:0px;
	border:solid 1px #f3c377;*/
	/*border-left:none !important;
	border-right:none !important;*/
	/*height:1%;*/
	}
ul.commentlist {
	padding:0px;
	margin:0px;
	text-align: justify;
	width:580px;
	}
.commentlist li {
	margin:0px;
	padding: 0px;
	margin-bottom:30px;
	list-style: none;
	line-height:18px;
	height:1%;
	color:#6e6050;
	border-bottom:dashed 1px #6e6050;
	}
.commentlist li cite img
	{
		border:0px;
		vertical-align:middle;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	margin-top:3px;
	display: block;
	padding:0px 0px 0px 0px;
	}
/* CALENDER STYLE */
/* Begin Calendar */
#calendar_wrap
	{
		background:url(images/sideBarBg.gif) repeat-y left;
	}
#wp-calendar {
	empty-cells: show;
	margin:0px auto;
	padding: 0px;
	width: 220px;
	font-size:13px;
	color:#ff8000;
	text-align:center;
	}
#wp-calendar th
	{
		color:#ffffff;
	}
#wp-calendar #today
	{
		color:#ffffff;
		font-weight:bold;
	}
#wp-calendar #next a {
	padding-right: 5px;
	color:#ffffff;
	text-align: right;
	}
#wp-calendar #next a:hover
	{
		text-decoration:none;
		color:#ffffff;
		background:none;
	}
#wp-calendar #prev a {
	padding-left: 5px;
	text-align: left;
	color:#ffffff;
	}
#wp-calendar #prev a:hover
	{
		text-decoration:none;
		background:none;
		color:#ffffff;
	}
#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	width:220px;
	/*color:#105a82;*/
	/*background:#cfcfd0;*/
	}
	
#wp-calendar td a, #wp-calendar td a:visited {
	border-left: none;
	padding:0px;
	color: #ffffff;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px !important;
}
#wp-calendar td a:hover {
	/*background: #ffffff;*/
	border-left: none;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/*background-color: #b48625;*/ }
/* End Calendar */




/************************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}