/*
    Theme Name: GUMBALL SPECIAL
    Theme URI: http://www.hellbiscuit.com/
    Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, blah blah by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/
 
 
body {
	margin:0 10px;
	font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #fcc200 !important;/* <-- original pils */
	/* background-color: #40c52e !important; <-- St. Pats */
	background:url(images/beerpattern.jpg) repeat-x;
	z-index: auto;
}
 
#container {
	height:1646px;
	width:980px;
	padding:0px;
	margin:0 auto;
	/* background:url(images/scroll.gif) no-repeat top right; */
	
	
}
 
/* header area */
 
#container h3 {
	margin:0;
	padding-top:20px;
	padding-left: 20px;
}
 
#container h3 a {
	background:url(images/main-logo.png) no-repeat 0 0px;
	width: 628px;
	height: 61px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}
 
#container h3 a:hover {
	background:url(images/main-logo.png) no-repeat 0 -61px;
}
 
#container h3 a:active {
	background:url(images/main-logo.png) no-repeat 0 -122px;
}
	
.hellbiscuit a {
	display:block;
	width:251px;
	height:15px;
	margin: -10px 441px 10px;
	overflow:hidden;
	text-decoration: none;
	color: #2a2c2b;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
 
/*Social Nav
 
#head-wrap {
	width:940px;
	padding:0px;
	margin:0 auto;
	position: relative;
	}
	
#social {
	width: 220px;
	position: absolute;
	left: 720px;
}
 
#social ul {	
	display: inline;
	list-style-type: none;
	margin:10px 0;
	padding:0 20px;
	overflow:auto;
}
 
#social ul li {
	background:#36516a;
	padding-bottom: 5px;
}
 
#social ul li a {
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration:none;	
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px dotted #fff;
	background-color: #36516a;
	line-height:16px;
	margin-left: 20px;
	margin-right: 20px;
} 
 
#social ul li a:hover	{
	color: #000;
}
*/
 
/*@font-face - use font-family: "District", Times New Roman, Garamond, serif; to activate 
 
@font-face {
  font-family: "District";
  src: url("type/District.eot");
  src: local("Alternate name"), local("Alternatename"),
    url("type/District.woff") format("woff"),
    url("type/District.ttf") format("truetype"),
    url("type/District.svg#District") format("svg");
  }
*/ 
 
/* home columns */
 
#col01 {
	width:720px;
	float:left;
	overflow:hidden;
	padding-left: 20px;
}
#col02 {
	width:220px;
	float:right;
	margin-right: 20px;
}
#col01, #col02 {
	padding-top: 20px;
	padding-bottom: 20px;
}
 
/* home post */
 
#col01 .home-post {
	width:220px;
	margin:0 20px 20px 0;
	height:340px;
	overflow:hidden;
	float:left;
	display: block;
}

#col01 .home-post:hover {
	width:220px;
	margin:0 20px 20px 0;
	height:340px;
	overflow:hidden;
	float:left;
	display: block;
	-moz-box-shadow: -1px 1px 28px #000; /* FF3.5+ */
	-webkit-box-shadow: -1px 1px 28px #000; /* Saf3.0+, Chrome */
	box-shadow: -1px 1px 28px #000; /* Opera 10.5, IE 9.0 */
	/* filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=-1px, OffY=1px, Color='#000000'); /* IE6,IE7 */ 
	/* -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1px, OffY=1px, Color='#000000')"; /* IE8 */ */
}

#col01 .home-post .title {
	color: white;
	background:#36516a;
	padding:4px 8px;
}
#col01 .home-post .title h2 {
	margin:0;
	padding:0;
}
#col01 .home-post .title h2 a {
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px dotted #fff;
	background-color: #36516a;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16px;
}
#col01 .home-post .title h2 a:hover {
	color:#000;
	border-bottom:none;
	background-color: #36516a;
}
#col01 .home-post .home-post-upper {
	height:190px;
	width:220px;
	overflow:hidden;
	position:relative;
	border-bottom:1px dotted #fff;
}
#col01 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}
#col01 .home-post .date {
	position:absolute;
	right:0px;
	bottom:0px;
	background-color:#fff;
	text-align:right;
	font-size:10px;
	padding:3px 8px;
}
#col01 .home-post .excerpt {
	height:114px;
	overflow:hidden;
	padding:12px 12px 0;
	font-size:11px;
	line-height:16px;
	background:#e6e3d4;
	cursor:pointer;
}
#col01 .home-post .excerpt p {
	margin:0 0 10px;
	padding:0;
}
#col01 .home-post .excerpt a {
	color:#333;
}
#col01 .home-post .excerpt a:hover {
	text-decoration:none;
	color:#fff;
	background:#0558f2;
}
#col01 .home-post .meta {
	padding:4px 8px 0 24px;
	height:35px;
	background:url(images/icon-comment.gif) no-repeat 5px 5px #2a2c2b;
	text-transform:uppercase;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
	float:left;
	border-bottom:1px solid #2a2c2b;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #2a2c2b;
}
#col01 .home-post .author a {
	display:block;
	font-size:10px;
	color: white;
	text-decoration:none;
	float:right;
}
#col01 .home-post .comments a:hover, #col01 .home-post .author a:hover {
	color:#000;
}
  
/* single template post */
 
#col01 .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
#col01 .post a {
	color:#333;
}
#col01 .post a:hover {
	background:#36516a;
	color:#000;
	text-decoration:none;
}
#col01 .post h1 {
	font-size:28px;
	text-transform:uppercase;
	font-family: TrebuchetMS, Helvetica, san-serif;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
#col01 .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Helvetica Neue, Trebucht MS, Helvetica, sans-serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
	text-decoration:none;
	color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
	color:#fff;
	border-bottom:none;
	background-color:#36516a;
}
#col01 .post-upper {
	background:url(images/dot.gif) repeat-x bottom;
	padding:12px 0;
	font-size:11px;
	line-height:16px;
	color:#36516a;
}
#col01 .post-upper a {
	color:#36516a;
	text-decoration:none;
}
#col01 .post-upper a:hover {
	color:#333;
	text-decoration:underline;
}
 
/* sharing buttons */
 
#col01 .post-upper .digg {
	float:right;
	padding: 0px 5px;	
}
 
#col01 .post-upper .reddit {
	float:right;
	padding: 0px 5px;	
}
 
#col01 .post-upper .tumblr {
	float:right;
	padding: 0px 5px;
}
 
#col01 .post-upper .delicious {
	float:right;
	padding: 0px 5px;
}
 
#col01 .post-upper .stumbleupon {
	float:right;
	padding: 0px 5px;	
}
 
#col01 .post-upper .facebook {
	float:right;
	padding: 0px 5px;
}
 
#col01 .post-upper .buzz {
	float:right;
	padding: 0px 5px;
}
 
#col01 .post-upper .twitter {
	float:right;
	padding-left: 5px;	
}
 
 
#col01 .post-upper .twitter a {
	background: url(icons/twitter.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
 
#col01 .post-upper .buzz a {
	background: url(icons/google-buzz.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
 
#col01 .post-upper .facebook a {
	background: url(icons/facebook.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
 
#col01 .post-upper .stumbleupon a {
	background: url(icons/stumbleupon.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
 
#col01 .post-upper .tumblr a {
	background: url(icons/tumblr.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}
 
#col01 .post-upper .delicious a {
	background: url(icons/delicious.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}
 
#col01 .post-upper .digg a {
	background: url(icons/digg.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}
 
#col01 .post-upper .reddit a {
	background: url(icons/reddit.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}
 
#col01 .post .image {
	float:right;
	margin:12px 0 12px 12px;
}
  
/* categories page */
 
#col01 .cat-name {
	font-size:14px;
	background:url(images/dot.gif) repeat-x bottom;
	padding:4px 0 8px;
	width:700px;
}
#col01 .category-name {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	background:#36516a;
	font-weight:bold;
}
                    
/* comments outer */
 
#comments-holder {
	padding:12px 0 0;
}
 
/* comment list styles */
 
#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger {
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
}
.comment-left {
	padding:16px 0;
	background:url(images/dot.gif) repeat-x;
}
.comment-meta {
	float:left;
	width:120px;
	margin-right:10px;
	font-size:10px;
	font-weight:bold;
}
.comment-metadata {
	font-size:10px;
	font-weight:normal;
}
.comment-metadata a {
	text-decoration:none;
}
.comment-metadata a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:440px;
	font-size:12px;
	line-height:18px;
}
cite {
	font-style:normal;
	text-transform:uppercase;
	font-size:12px;
}
 
/* comment form styles */

form p { position:relative }
label  { position:absolute; top:0; left:0}
 
.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:280px;
	margin-right:15px;
}
.comments-PII-2 {
	width:380px;
}
.comments-PII input {
	font-size:12px;
	width:270px;
	padding:2px;
}
.comments-PII-2 textarea {
	font-size:12px;
	width:370px;
	height:180px;
	padding:2px;
}
.submit-btn {
	display:block;
	padding:0;
	cursor:pointer;
	width:141px;
	height:28px;
	text-indent:-400px;
	overflow:hidden;
	background:url(images/comments.png) no-repeat;
	border-style:none;
}
 
.submit-btn:hover {
	background:url(images/comments.png) no-repeat 0 -28px;
}
 
.submit-btn:active {
	background:url(images/comments.png) no-repeat 0 -56px;
}
 
.note {
	font-size:10px;
}
 
 
/* misc */
 
.uppercase {
	text-transform:uppercase;
}
 
 
/* home and category page nav */
 
#page-nav {
	height:340px;
	width:220px;
	float:left;
}
 
#page-nav .older a, #page-nav .newer a {
	display:block;
	font-size:10px;
	text-indent:-400px;
	overflow:hidden;
	height:169px;
}
#page-nav .older a {
	margin-bottom:1px;
	background:url(images/link-older.gif) no-repeat 0 0;
}
#page-nav .older a:hover {
	background:url(images/link-older.gif) no-repeat 0 -169px;
}
#page-nav .newer a {
	background:url(images/link-newer.gif) no-repeat 0 0;
}
#page-nav .newer a:hover {
	background:url(images/link-newer.gif) no-repeat 0 -169px;
}
 
 
/* col02 stuff */
 
#categories {
	height:340px;
	background:url(images/postings-back.png) no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
#categories ul {
	margin:10px 0;
	padding:0 20px;
	overflow:auto;
	height:320px;
}
#categories li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d3d3;
}
#categories a {
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#categories a:hover {
	color:#000;
	text-decoration:none;
	background:url(images/bullet.gif) no-repeat 5px 50% #36516a;
	text-indent:16px;
}
 
#sponsor-box {
	height:340px;
	background:url(images/sponsor-back.png) no-repeat;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#sponsor-box .title {
	background:#36516a;
	padding:4px 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#sponsor-box .sponsor {
	padding:10px 0 0;
	width:200px;
	height:133px;
	overflow:hidden;
	margin:0 auto;
}
#sponsor-box .meta {
	padding:4px 8px 0;
	position:absolute;
	bottom:0px;
	left:0px;
	width:204px;
	height:19px;
	background:#2a2b2c;
	text-transform:uppercase;
	text-align:right;
}
#sponsor-box .meta a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
#sponsor-box .meta a:hover {
	color:#000;
}
 
#about-box {
	height:340px;
	background:url(images/about-back.png) no-repeat;
	overflow:hidden;
}
#about-box .pages {
	margin:10px 0;
	padding:0 20px;
	overflow:auto;
	height:159px;
	border-bottom:1px solid #fff;
}
#about-box .pages li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d9cb9e;
}
#about-box .pages a {
	display:block;
	color:#000;
	text-transform:uppercase;
	font-size:10px;
	padding:4px 0;
	text-decoration:none;
}
#about-box .pages a:hover {
	color:#fff;
	text-decoration:none;
	background:url(images/bullet2.gif) no-repeat 5px 50% #36516a;
	text-indent:16px;
}
 
/* search form */
 
#about-box form {
	padding:10px 20px;
	margin:0;
	text-align:right;
	border-bottom:1px solid #fff;
	height:56px;
}
#about-box .txt-field {
	font-size:12px;
	margin:0 0 6px;
	width:176px;
	padding:1px;
}
#about-box .btn-search {
	display:block;
	padding:0;
	cursor:pointer;
	float:right;
	width:84px;
	height:28px;
	text-indent:-400px;
	overflow:hidden;
	background:url(images/searchbbl5.png) no-repeat;
	border-style:none;
}
 
#about-box .btn-search:hover {
	background:url(images/searchbbl5.png) no-repeat 0 -28px;
}
 
#about-box .btn-search:active {
	background:url(images/searchbbl5.png) no-repeat 0 -56px;
}
 
 
#about-box .rss a {
	display:block;
	width:180px;
	padding:5px 0;
	margin:10px auto 0;
	color:#333;
	border-bottom:1px solid #d9cb9e;
	text-decoration:none;
	background:url(icons/rss-off.png) no-repeat 5px 50%;
	text-indent:26px;
}
#about-box .rss a:hover {
	color:#fff;
	text-decoration:none;
	background:url(icons/rss-on.png) no-repeat 5px 50% #36516a;
}
#about-box .bookmark a {
	display:block;
	width:180px;
	padding:5px 0;
	margin:0 auto;
	color:#333;
	text-decoration:none;
	background:url(icons/star-off.png) no-repeat 5px 50%;
	text-indent:26px;
}
#about-box .bookmark a:hover {
	color:#fff;
	text-decoration:none;
	background:url(icons/star-on.png) no-repeat 5px 50% #dc3522;
}

/*
blockquote {
	width: 295px;
	background-color:#e8e8e8;
	border-left:3px solid #000;
	padding:5px 10px 5px 10px;
	margin:15px 20px 5px 20px;
	font-size:14px;
	font-family: Helvetica Neue, Trebucht MS, Helvetica, sans-serif;
}
*/

blockquote {
	background:#e8e8e8;
	border-left:10px solid #000;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
	width: 295px;
	font: italic normal 12pt/1.2em Georgia;
	color: #888;
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
	display:inline;
}

/* footer */
 
#footer {
	margin:0 auto;
	/* background:url(images/dot.gif) repeat-x; */
	font-size:10px;
	line-height:14px;
	background-color:#fcc200; 
}
#footer a {
	color: #36516a;
	text-decoration:none;
height: 29px;
}
#footer a:hover {
	color: #333333;
}
 
/* Experimental CSS */ 

h4 {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	color: #36516a;
	word-spacing: -0.2em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	margin: 10px 0px;
padding-top: 5px;
padding-left: 20px; 
text-transform: uppercase;
}
h4 span {
	/* background: url(images/gradient-full.png) repeat-x; */
background-position: 0px 0px;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

/* 
h4 {
	font-family: Helvetica Neue, Trebucht MS, Helvetica, sans-serif;
	color: #36516A;
	text-decoration: none;
	word-spacing: -0.2em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 2em;
	margin: 0px 0px 0px 20px;

}

h4 a:hover {
	color: black;
}

*/


#footer-sidebar1 {		 
    float: left;		 
	height:340px;		 
	width: 220px;		 
	margin-left:20px;	 
	margin-bottom: 20px; 
	background:url(images/alphafrost.png) no-repeat;
}						 
#footer-sidebar2 {		 
    float: left;		 
	height:340px;		 
	width: 220px;		 
	margin-left:20px;	 
	margin-bottom: 20px; 
	background:url(images/alphafrost.png) no-repeat;
}						 
						 
#footer-sidebar3 {		 
	float: left;		 
	height:340px;		 
	width: 220px;		 
	margin-left:20px;	 
	margin-bottom: 20px; 
	background:url(images/alphafrost.png) no-repeat;
}						 
						 
#footer-sidebar4 {		 
	float: left;		 
	height:340px;		 
	width: 220px;
	margin-left:20px;		 
	margin-bottom: 20px; 
	background:url(images/alphafrost.png) no-repeat;
}

#footer-sidebar {
	background:url(images/topfoot2.png)no-repeat  20px 0px;
	padding-top: 24px;
	height: auto;
}

#footer-sidebar ul {
	margin:10px 0;
	overflow:auto;
	height:320px;	
}

#footer-sidebar li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d3d3;
}






#footer-sidebar a {
text-transform: uppercase;
}








#footer-sidebar .secondary:hover {
	overflow:hidden;
	display: block;
	-moz-box-shadow: -1px 1px 28px #000; /* FF3.5+ */
	-webkit-box-shadow: -1px 1px 28px #000; /* Saf3.0+, Chrome */
	box-shadow: -1px 1px 28px #000; /* Opera 10.5, IE 9.0 */
	/* filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=-1px, OffY=1px, Color='#000000'); /* IE6,IE7 */ 
	/* -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1px, OffY=1px, Color='#000000')"; /* IE8 */ */
}







#footer-sidebar.secondary ul {
	margin:0;
	padding:0px 20px;
	overflow:hidden;
}
 
#footer-sidebar.secondary li {
	font-size: 11px;
	padding:4px;
	margin:0;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#D9CB9E;
}

#footer-sidebar.secondary li a {
	color:#36516a;
}

#footer-sidebar.secondary ul li.picture-item {
	float: left;
	padding: 4px;
	list-style: none;
	background: #ebebeb;
	margin: 1px 0px 1px 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #D9CB9E;
}

#footer-sidebar.secondary ul li.picture-item a:hover{
	color:black;
	border-color: gray;
}

 
#footer-sidebar.secondary a:hover {
	color:black;
	text-transform: bold;	
}

/* Copyright area (thefoot) */
 
#thefoot {
	height: 50px;
	width: 960px;
	border-top-color: #CCC;
	border-top-style: dotted;
	border-top-width: 1px;
	background:url(images/footgrad.png) no-repeat 0 0;
	margin:364px 0 0 20px;;
}

#thefoot {
	width: 940px;
} 

#thefoot a {
	display: block;       
}
 
#copyright p {
	color: grey;
	float: left;
}
 
#thefoot .sm-logo {
	width:65px;
	height:29px;
	background:url(images/bbl-logo-sm.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow: hidden;
	float:right;
}
#thefoot .sm-logo:hover {
	background:url(images/bbl-logo-sm.png) no-repeat 0 -29px;
}

.imagedropshadow {
	padding: 5px;
	border: solid 1px #EFEFEF;
}


/*

***Experimental Section

rollover on all boxes

-webkit-box-shadow: 2px 2px 50px ;
-moz-box-shadow: 2px 2px 50px ;
box-shadow: 2px 2px 50px ;
*/