html, body {
	margin: 0;
	height: 100%;
	text-align:center;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: repeat-y;;
	background-position:top center;
}

a:link, a:visited {color:#999; text-decoration: underline} 
a:hover, a:active {color:#000; text-decoration: underline} 

.header {
	height: 145px;
	font-size: 11px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.header a:link, .header a:visited {color:#fff; text-decoration: none} 
.header a:hover, .header a:active {color:#000; text-decoration: underline} 

.quickBoxText{
	background-color:#eaeaea; 
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
}

.quickBoxText a:link, .quickBoxText a:visited {text-decoration: none} 
.quickBoxText a:hover, .quickBoxText a:active {text-decoration: none} 

.showreel {
	margin-top:22px;
	padding:5px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

.showreel a:link, .showreel a:visited {color:#fff; text-decoration: none} 
.showreel a:hover, .showreel a:active {color:#fff; text-decoration: underline} 


.quickBox {
	padding:5px;
	width:233px;
	height: 125px;
}

.quickBoxWhole {
 border-right:4px solid white;
 background-color:#eaeaea;
 padding:5px;
 height: 160px;
 text-decoration: none;
}

.rollover {  
  display: block;  
  width: 233px;
  height: 130px; 
}  

  
a:hover.rollover {  
    border-bottom:1px solid #7f7f7f;
}  


.twoBoxes {
	padding:5px;
	width:93px;
	margin:5;
}

img.twoBox {
	position:absolute;
	left:0px;
	top:0px;
	border:none;
}

.two {
	position:relative;
	width:93px;
	height:93px;
	margin-bottom:5px;
}

.backgroundGrey {
	background-color: #d4d4d4;
}


.headingSimple {
	text-align:left;
	font-weight:bold;
	font-size:16px;
	border-color: #999;
	color: #999;
	border-style: solid;
	border-width: 1px;
	padding: 3px 5px 3px 5px;
}

.headingSimpleSmall {
	text-align:left;
	font-weight:bold;
	font-size:12px;
	border-color: #999;
	color: #999;
	border-style: solid;
	border-width: 1px;
	padding: 3px 5px 3px 5px;
}

.headingSimple a:link, .headingSimple a:visited {text-decoration: none} 
.headingSimple a:hover, .headingSimple a:active {text-decoration: underline} 

.staffbox {
	background-color: #FFF;
	text-align:left
}

.clientBox {
	width: 190px;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	align: center;
	margin: 5px 5px 0px 0px;
	text-align:center;
	background-color:#FFF;
}

.clientTestimonial {
	width: 378px;
	height: 99px;
	padding: 5px;
	margin: 5px 5px 0px 0px;
	color: #FFF;
	font-size:14px;
	position: relative; 
	float: left; 
}

.clientText {
	font-weight:bold;
	font-size: 12px;
	padding: 5px;	
	background-color:#999;
	text-align:left;
}

.clientText a:link, .clientText a:visited {color:#fff; text-decoration: none} 
.clientText a:hover, .clientText a:active {color:#fff; text-decoration: underline} 

.headingFilled {
	width: 277px;
	font-weight:bold;
	font-size: 14px;
	color: #fff;
	padding: 3px 5px 3px 5px;
	align: center; 
	text-align:left;
}

.headingFilled a:link, .headingFilled a:visited {color:#fff; text-decoration: none} 
.headingFilled a:hover, .headingFilled a:active {color:#fff; text-decoration: underline} 

.bigBoldBox {
	padding: 30px 20px 30px 20px;
	font-size:24px;
	font-weight:bold;
	color: #fff;
	align: center; 
}

.bigBoldBox a:link, .bigBoldBox a:visited {color:#FFF; text-decoration: none} 
.bigBoldBox a:hover, .bigBoldBox a:active {color:#FFF; text-decoration: underline} 


.bigBoldDashedBorder {
	border-style: dashed;
	border-color: #999;
	padding: 30px 20px 30px 20px;
	font-size:24px;
	font-weight:bold;
	color: #999;
}

.footerDiv {	
	padding-top: 10px;
	height: 40px;
}

.push {
	padding-top: 10px;
	height: 40px;
}

.footer {	
	font-size: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	filter: Alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	height: 40px;
}

.footer a:link, .footer a:visited {
	color:#000;
	filter: Alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
} 

.footer a:hover, .footer a:active {
	color:#000;
	filter: Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
	text-decoration: underline;
} 

.socialLink a:link, .socialLink a:visited {color:#FFF; text-decoration: none} 
.socialLink a:hover, .socialLink a:active {color:#FFF; text-decoration: underline} 

.littleGap {
	height:4px;	
}



.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
}

label, input, textarea  {
	float: left;
	margin: 1px;
	padding: 2px;
	text-align:left;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

input, textarea {
	width: 133px;
	border: 1px solid #aaa;
	width: 172px;
}

label {	background: #2E6375;
		color:#fff;
		font-weight: bold;
		width: 136px !important;
}

.veryTopBar {
	font-size: 11px;
	color: #fff;
	height:30px;
	background-color: #464646;
	padding-left: 10px;
}

.veryTopBar a:link, .veryTopBar a:visited {color:#fff; text-decoration: none} 
.veryTopBar a:hover, .veryTopBar a:active {color:#FFF; text-decoration: underline} 

/*
    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>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/


#container {
	width:980px;
	padding:20px 0;
	margin:0 auto;
}

/* header area */


/* home columns */

 #col01{
	width:1000px;
	float:left;
	overflow:hidden;
}
#col02 {
	width:230px;
	float:right;
	overflow:hidden;
}
 #col01, #col02 {
	padding:20px 0;
}
/* big buttons */

.bigbuttonWhole {
	font-size:16;
	text-decoration: none;
	font-weight:bold;
}

.bigbutton2 {
width: 154px;
height: 100px;
background-color:#FFF;
padding: 4px;
margin-right: 5px;
text-align:justify;
}

.bigbuttonWhole a:link, .bigbuttonWhole a:visited {font-size:16; text-decoration: none} 
.bigbuttonWhole a:hover, .bigbuttonWhole a:active {text-decoration: underline} 
/*.bigbuttonWhole a:rollover { border-bottom:1px solid #7f7f7f;}*/

/* home post */

 .home-post {
	width:228px;
	margin:0 20px 20px 0;
	height:310px;
	overflow:hidden;
	float:left;
}
 .home-post .title {
	padding:4px 8px;
	float:left;
}
 .home-post .title h2 {
	margin:0;
	padding:0;
}
 .home-post .title h2 a {
	text-decoration:none;
	color:#fff;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:16px;
}
 .home-post .title h2 a:hover {
	color:#000;
	border-bottom:none;
}
 .home-post .home-post-upper {
	padding: 0px;
	height:190px;
	width:230px;
	overflow:hidden;
	position:relative;
}
 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}

 .home-post .date {
	text-decoration:none;
	position:absolute;
	right:0px;
	bottom:0px;
	
	text-align:left;
	font-size:10px;
	padding:3px 8px;
	width: 100px;
	color:#fff;
}
.date a:link, .date a:visited {color:#fff; text-decoration: none} ;
.date a:hover, .date a:active {color:#000; text-decoration: underline} 

.newtitlebars {
	width:230px;
	text-align:left;
	color:#000;
	font-weight:bolder;
}

.newtitlebars a:link, .newtitlebars a:visited {color:#000; font-weight:bold; text-decoration: none} ;
.newtitlebars a:hover, .newtitlebars a:active {color:#000; font-weight:bold; text-decoration: underline} 


 .home-post .excerpt {
	height:110px;
	overflow:hidden;
	padding:12px 12px 0;
	font-size:11px;
	background:#fff;
	cursor:pointer;
	text-align:left;
}
 .home-post .excerpt p {	
	padding:0;
}
 .home-post .excerpt a {
	color:#333;
}
 .home-post .excerpt a:hover {
	text-decoration:none;
	color:#fff;
}
 .home-post .meta {
	padding:2px 8px 0 0px;
	height:50px;	
	background:url(../images/icon-comment.gif) no-repeat 5px 5px #7f7f7f;
	text-transform:uppercase;
}
 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
	float:left;
	border-bottom:1px solid #7f7f7f;

}
 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #7f7f7f;
}
 .home-post .author a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:right;
}
 .home-post .comments a:hover,  .home-post .author a:hover {
	color:#000;
}


/* single template post */

 .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
 .post a {
	color:#333;
}
 .post a:hover {
	background:#FFFAC7;
	color:#000;
	text-decoration:none;
}
 .post h1 {
	font-size:28px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
 .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
 .post h1 a,  .post h4 a {
	text-decoration:none;
	color:#000;
}
 .post h1 a:hover,  .post h4 a:hover {
	color:#fff;
	border-bottom:none;
}
 .post-upper {
	background:url(../images/dot.gif) repeat-x bottom;
	padding:12px 0;
	font-size:11px;
	line-height:16px;
	color:#606060;
}
 .post-upper a {
	color:#606060;
	text-decoration:none;
}
 .post-upper a:hover {
	color:#333;
	text-decoration:underline;
}
 .post-upper .digg {
	float:right;
}
 .post .image {
	float:right;
	margin:12px 0 12px 12px;
}


/* categories page */

 .cat-name {
	font-size:14px;
	background:url(../images/dot.gif) repeat-x bottom;
	padding:4px 0 8px;
	width:700px;
}
 .category-name {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	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 */

.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:34px;
	text-indent:-400px;
	overflow:hidden;
	background:url(../images/btn-add.gif) no-repeat;
	border-style:none;
}

.submit-btn:hover {
	background:url(../images/btn-add.gif) no-repeat 0 -34px;
}

.note {
	font-size:10px;
}


/* misc */

.uppercase {
	text-transform:uppercase;
}


/* home and category page nav */

#page-nav {
	width:230px;
	float:left;
}

#page-nav .older a, #page-nav .newer a {
	display:block;
	font-size:10px;
	overflow:hidden;
}
#page-nav .older a {
	margin-bottom:1px;
	
}
#page-nav .older a:hover {
	
}
#page-nav .newer a {
	
}
#page-nav .newer a:hover {
	
}


/* col02 stuff */

#categories {
	margin-bottom:10px;
}
#categories ul {
	margin:10px 0;
	padding:0 20px;
	overflow:auto;
}
#categories li {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d3d3;
}
#categories a {
	display:block;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 0;
	text-decoration:none;
}
#categories a:hover {
	color:#000;
	text-decoration: underline;
}


#about-box {
	overflow:hidden;
	background-color:#E9E9E9;
}

#about-box .pages a:hover {
	color: #000;
}

/* 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 20px;
	width:250px;
	padding:1px;
}
#about-box .btn-search {
	display:block;
	padding:0;
	cursor:pointer;
	float:right;
	width:89px;
	height:28px;
	text-indent:-400px;
	overflow:hidden;
	background-color:#06F;
	border-style:none;
}

#about-box .btn-search:hover {
	background-color:#F60;
}

.rssbtn:hover {
	background-color:#000;
}