/*
Theme Name: gape my void
Theme URI: http://gapingvoid.com
Description: 
Version: 1.0
Author: Out:think Group
Author URI: http://outthinkgroup.com/
*/

/*
Theme Name: Gaping Void
Theme URI: http://outthinkgroup.com/
Description: Theme developed for the Gaping Void
Version: 1.0
Author: Joseph Hinson of Out:think Group
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:center;background:#ececec url(images/header-bg.jpg) top center repeat-x;font-family: helvetica, arial, sans-serif;}
ol,ul{list-style:none;}
blockquote,q{background:#EFEFEF none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #CCCCCC #8F9DBF;
border-style:dotted dotted dotted solid;
border-width:1px 1px 1px 10px;
color:#444444;
line-height:1.2em;
margin-bottom:15px;
padding:17px;
clear: both;
quotes:none;
}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
.clr {clear:both;}
/* END RESET */
.brclass {
	display:block;
	height:100px;
}
/* General Styles */
.alignleft{float:left;margin-right:8px;margin-bottom:2px;}
.alignright{float:right;margin-left:8px;margin-bottom:2px;}
h2, h3, h4 {padding-bottom: 10px;}
h2{font-size:170%;}
h3{font-size:140%;}
h4{font-size:110%;}
sup{font-size:60%;vertical-align:top;}
.entry ul,.entry ol{list-style-image:none;list-style-position:outside;margin-left:30px;margin-bottom:10px;color:#444;}
.entry ul li{list-style:disc;}
.entry ol li{list-style:decimal;}
.entry li{padding-bottom:10px;line-height:1.2em;}
/* end General Styles */
blockquote blockquote {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#BFBFBF;
	border-style:dotted dotted dotted solid;
	border-width:1px 1px 1px 4px;
	color:#333333;
	line-height:1.2em;
	margin-bottom:15px;
	padding:17px;
	quotes:none;
}
.clear {clear:both;height:1px;}
/* ==========================================
=====!  Top nave and header are here  =====
============================================*/
#top-bar {
	width: 100%;
	height: 40px;
	background: transparent url(images/topbar-bg.jpg) repeat-x;
}
.top-nav {
	text-align: left;
	margin: 0 auto;
	width: 980px;
	height: 30px;
}
.top-nav li {
	display: inline;
	line-height: 30px;
	padding: 6px;
	margin-right: 15px;
	font-size: 11px;
	text-transform: uppercase;
}
.top-nav li a {
	line-height: 30px;
	color: #fff;
	text-decoration: none;
}
.top-nav li a:hover {
	text-decoration: underline;
}
#header {
	height:96px;
	margin:0 auto;
	width:980px;
}

h1.logo {
	float:left;
	margin-top:5px;
	text-indent:-999em;
}
h1.logo a {
	background: url(images/logo.png) no-repeat left top;
	display: block;
	width:324px;
	height: 81px;
}
p.tagline {
	color:#EDEDEE;
	float:right;
	font-size:16px;
	line-height:21px;
	margin-right:15px;
	margin-top:29px;
	text-align:right;
	width:420px;
}
/* ==========================================
=====!  Featured content blocks on home page  =====
============================================*/


.feat-blocks {
	background: #fff;
	width: 980px;
	margin: 0 auto;
}
.feat-links {
	margin-top: 16px;
	margin-bottom: 15px;
}

.feat-links li {
	display: inline;
	margin-right: 15px;
}
.feat-links li.last {
	margin-right: 0px;
}
.feat-links img {
	border: 1px solid #454545;
}
/* ==========================================
=====!  Content wrapper  =====
============================================*/
#content-wrap {
	margin: 0 auto;
	background: url(images/content-bg.png) center top repeat-y;
	width: 1018px;
	overflow: hidden;
}
#content {
	background:white url(images/content-bg.gif) repeat-y left;
	margin:0 auto;
	overflow:hidden;
	width:980px;
	font-size: 14px;
}
/* ==========================================
=====!  Entries are styled here  =====
============================================*/
.entry {
	float:left;
	margin-left:20px;
	margin-top: 20px;
	width:580px;
	text-align: left;
/*	font-family:georgia,serif;*/
	margin-bottom:35px;
}
#content.home .entry {
	margin-top: 0;
}
.entry p {
/*font-family: Georgia;*/
color: #444;
text-decoration: none;
word-spacing: 0.2em;
text-align: left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.0em;
padding-bottom:18px;
}
.entry h2 {
	font-size: 22px;
	font-family: helvetica, arial, sans-serif;
	line-height: 1.3em;
}
.entry h2.pageheading {
	line-height:1.2em;
	font-size:35px;
}
.entry img {
	padding:5px;
	background:#f0f0f0;
	border:1px solid #ccc;
}
.page h2.pageheading {
	border-bottom: 3px double #ccc;
	margin-bottom: 10px;
}
.page h1 {
	font-size: 40px;
	line-height: 1.3em;
}
.page blockquote h1 {
	font-size: 14px;
	margin-bottom: 15px;
}
p.byline {
	font-size: 12px;
	border-bottom:3px double #CCCCCC;
	margin-bottom:10px;
}
p.date {
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	margin-bottom:0;
	padding-bottom:0;
	text-transform:uppercase;
}
.entry h2 a {
	color: #485A88;
	text-decoration: none;
}
.entry h2 a:hover {
	color: #485a88;
	text-decoration: underline;
}
.entry a {
	color: #485a88;
	text-decoration: underline;
}
.entry a:hover {
	text-decoration: none;
}
p.byline {
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:4px;
}
p.byline a {
	color:#94483c;
	text-decoration: none;
}
p.byline a:hover {
	text-decoration: underline;
}
/* ==========================================
=====!  Sidebar Stuff below this line  =====
============================================*/
#sidebar {
	float:right;
	padding:20px; /*kludge - padding on div element might break in IE6 */
	text-align:left;
	width:300px; /*kludge - If padding breaks IE6, width should be 340 and margin given to inner divs/uls */
	color: #222;
}
#sidebar a {
	color: #485a88;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar p {
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 15px;
}
#sidebar h2, #sidebar h2 a {
	text-transform: uppercase;
	color: #94483c;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.widget {
	padding-top:15px;
	clear:left;
	display:block;
	padding-bottom:15px;
	border-bottom: 1px dotted #bfbfbf;
}

.widget ul#twitter_update_list li {
	font-size:12px;
	line-height:1.3em;
	padding:0 0 10px;
	width:85%;
}
#text-3 img {
	float:left;
	margin:0 10px 10px 0;
}
#text-3 div {
	clear:both;
}
.cartoons img {
	margin-bottom: 10px;
}
.details {
	font-size:115%;
}

#sidebar .about-hugh {
	padding-top:0;
}

#sidebar .about-hugh p {
	padding-top:0;
	padding-bottom:5px;
}
.about-hugh img.headshot {
	border:3px solid #2E2E2E;
	float:left;
	margin-bottom:43px;
	margin-right:10px;
}
.categories li a {
	float: left; 
	width: 143px;
	line-height: 1.3em;
}

#sidebar .categories a.seeall {
	color:#94483C;
	display:block;
	padding-left:20px;
	background:url('images/icon-arrow-down.png') no-repeat left center;
	font-size:.95em;
}
/* ==========================================
=====!  Top Content Page  =====
============================================*/
.maintitle {
	background:transparent url(images/bg-border-bottom.gif) repeat-x scroll left bottom;
	margin:20px 25px;
	padding-bottom:7px;
}
#mainhead {
	font-size: 36px;
	float: left;
	font-weight: normal;
}
.maintitle .summary {
	float:right;
	margin-top:11px;
}
.summary .big {
	color:#495584;
	font-size:25px;
	line-height:20px;
	vertical-align:bottom;
}

/* ==========================================
=====!  Cartoons for front page  =====
============================================*/
#big-imgs {
	text-align: center;
}
#big-imgs img {
	border: 1px solid #777;
	width: 500px;
}
#little-imgs {
	height: 80px;
	text-align: center;
}
#little-imgs ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#little-imgs li {
	display:inline;
	margin:0 5px;
}
#little-imgs img {
	width: 70px;
	border: 1px solid #777;
}
#little-imgs a img {
	border: 1px solid #777;
}
#little-imgs a:hover img, .cartoons a:hover img, .featured a:hover img {
	border: 1px solid #485A88;
}
.entry .container {
	border-bottom: 4px double #999;
	margin-bottom: 15px;
	clear: left;
}
.entry .container h2 {
	font-size: 24px;
	font-weight: normal;
	float: left;
}
.entry .container p.more {
	float:right;
	font-family:arial,sans-serif;
	font-size:16px;
	margin-top:8px;
	padding-bottom:0;
}
p.more a {
	text-decoration: none;
}
p.more a:hover {
	color: #000;
}
.cartoons {
	margin-bottom:18px;
	overflow:hidden;
}
.cartoons img {
	border: 1px solid #454545;
	width: 175px;
}
.cartoons li {
	float: left;
	margin-right: 20px;
}
form.updates {
	background:#A0ADCF none repeat scroll 0 0;
	border:2px solid #6879A0;
	color:#000000;
	float:left;
	font-family:arial,sans-serif;
	font-size:13px;
	padding:3px 9px;
}
form.updates p.text {
	font-weight: bold;
	padding-bottom: 4px;
}
form.updates input {
	border:1px solid #454545;
	margin:3px 0 3px 5px;
	padding:2px;
}
form.updates .name {
	float: left;
	margin-right: 10px;
}
form.updates .email {
	float: right;
}
/* ==========================================
=====!  Cartoon Sidebar  =====
============================================*/
#sidebar.cartoon-page {
	float:right;
	margin-right:25px;
	padding:0;
	text-align:left;
	width:275px;
}
#sidebar.cartoon-page .about-hugh {
	font-size: 12px;
	background: #ccc;
	color: #000;
	padding: 10px;
	border: 1px solid #454545;
}
#sidebar.cartoon-page .about-hugh p {
	font-size: 12px;
	line-height: 1.2em;
	padding-bottom: 5px;
}
.widget.featured ul {
	background: #ccc;
	border: 1px solid #454545;
	padding-top: 15px;
	text-align: center;
	
}
#sidebar.cartoon-page .widget {
	margin-top:30px;
}
.widget.featured li {
	margin-bottom: 15px;
}
.widget.featured img {
	border: 1px solid #777;
	width: 220px;
}
#sidebar.cartoon-page h3 {
	border-bottom: 4px double #999;
	margin-bottom: 5px;
	clear: left;
	font-size: 24px;
	font-weight: normal;
}
.widget.tags ul {
	margin-top: 10px;
}
.widget.tags li {
	float: left;
	margin:0 8px;
	line-height: 1.3em;
}
.widget.tags {
	margin-bottom: 20px;
	overflow: hidden;
}
/* ==========================================
=====!  Footer styles  =====
============================================*/

#footer {
	background: #ddd;
	margin: 0 auto;
	width: 980px
}
#footer .top-line {
	border-top:1px solid #686868;
}
#footer p {
	font-size:13px;
	padding:10px 15px;
}

.comments{width:328px;overflow:hidden;margin:19px 0 0;border:1px solid #e7e7e7;}
.comments h2{font:bold 120%/100% 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;color:#333;width:312px;padding:8px;background:#e7e7e7;}
.comments ul{width:312px;padding:7px 8px 2px;overflow:hidden;list-style:none;}
.comments ul li{width:302px;padding:0 0 0 10px;background:url(images/separator04.jpg) no-repeat 0 8px;}
.comments ul li a{font:100%/140% 'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;color:#281c88;text-decoration:none;}
.comments ul li a:hover{text-decoration:underline}
/* Begin Comments*/
.alt{background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0;padding:10px;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}
.commentlist cite,.commentlist cite a{font-size:1.1em;font-style:normal;font-weight:bold;}
.commentlist p{margin:10px 5px 10px 0;}
#commentform {
	width: 340px;
}
#commentform input, #commentform label {
}
#commentform label {
	font-size: 12px;
}
#content .fbc_connect_button_area {
	margin: 0;
	padding: 0;
}

#fbc_profile a {
	float:left;
	line-height:1.3em;
	margin-top:5px;
}
.fbc_profile_header {
	background:white none repeat scroll 0 0;
	border:1px dotted gray;
	font-size:12px;
	padding:5px;
	text-align:left;
	width:175px;
}
#connect {
	background:#EFEFEF none repeat scroll 0 0;
	border:1px dotted #CCCCCC;
	clear:left;
	float:right;
	margin-top:-21px;
	padding:10px;
	width:185px;
}
.fbc_connect_button_area p,  p#twc_connect {
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#twc_connect {
	margin-bottom:10px !important;
}
#content #twc_connect button{
	margin: 0;
	padding: 0;
}
.fbc_connect_button_area img {
	padding-left:4px;
}
#commentform p{margin:0; padding-bottom: 5px;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}
/* End Comments */

#respond h3, h3#comments {margin: 5px 0;font-family:helvetica,arial,sans-serif;font-size:20px;line-height: 1.3em;}
#main-comments{width:575px;}
#user{background:#efefef;border:1px solid #ddd;overflow:hidden;position:relative;margin-bottom:10px;padding:10px;}
#user p{margin:0 0 10px 0;}
.textbox{width:258px;margin-right:10px;border:1px solid #bbb;padding:4px;color:#aaa;}
.textarea{width:543px;border:1px solid #bbb;padding:4px;height:100px;}
.last{margin-right:0;}
.subscribe-comments{font-size:10px;color:#555;}
.cform{padding:10px 10px 0 10px;position:relative;}
#cmenu{background:#fff;overflow:hidden;}
#cmenu ul{width:100%;border-top:1px solid #ddd;}
#cmenu ul,#cmenu li{list-style:none;margin:0;padding:0;}
#cmenu a{display:block;float:left;padding:10px 10px 10px 32px;background-repeat:no-repeat;background-position:8px 10px;font-size:12px;text-decoration:none;border-right:1px solid #efefef;color:#555;}
#cmenu a.current{background-color:#efefef;margin-top:-1px;padding-top:11px;border-right:1px solid #ddd;border-left:1px solid #ddd;}
#cmenu a.first{border-left:none;}
#tab-normal a{background-image:url("images/normal.png");}
#tab-facebook a{background-image:url("images/facebookc.png");}
#tab-twitter a{background-image:url("images/twitterc.png");}
.cform{margin-bottom:10px;font-size:12px;color:#777;line-height:1.5;}
#c-facebook img{float:left;margin-right:10px;}
#t-counter{width:25px;font-size:10px;color:#999;float:right;border:1px solid #ccc;}
.commentlist,.commentlist li{margin:0;padding:0;list-style:none;}
.commentlist li{padding:10px;background:#f1f1f1 10px 10px;font-size:13px;color:#555;border-bottom:1px solid #ddd;}
.commentlist li.alt{background-color:#fff;}
.commentlist li p{line-height:18px;}
.commentlist a{text-decoration:none;}
.commentlist cite{font-style:normal;display:block;font-size:14px;}
.commentmetadata a{font-size:11px;color:#777;}
.avatar {float:right;margin:0 0 10px 10px;}
.says {display:none;}
.commentlist .comment-author img {
	float:right;
}
.offsite {
	padding-right:17px;
	background:url('images/icon-offsite.gif') no-repeat right top;
}

.alignright {
	float:right;
	margin-bottom: 5px;
	margin-left: 10px;
}

.alignleft {
	float:left;
	margin-bottom:5px;
	margin-right:10px;
}

.pagetitle {
	color:#222222;
	font-size:22px;
	padding:15px 0;
}

/*For Widget page*/

#widget #widgetsample {
border: 1px #ddd solid;
padding: 30px;
width: 200px;
float: right;
margin-left: 30px;
}

#widget fieldset { border: 0; padding:16px 0;}
#widget legend { font-weight: bolder; }
#widget fieldset ul, #widget fieldset li { display: block; margin: 0; padding: 0;}

#widget #gapingVoidWidgetCode {
	display: block;
	background-color: #EEA;
   border: 1px dashed silver;
	padding: 1em;
}

#widget p.note {
color: #666;
}

#widget p.attribution {
font-weight: bold;
color: #888;
margin-top: 30px;
}

#widget p a {
color: #666;
}

#widget p.back {
text-align: right;
margin-top: -65px;
margin-bottom: 40px;
}

#widget div.sizesample {
border: 1px #ddd solid;
padding: 20px 20px 10px 20px;
margin: 20px 0;
}

#widget div.sizesample p {
font-style: italic;
text-align: right;
margin: 15px 0 0 0;
}

#printtable {
	
}

#printtable th {
	text-align:center;
}

#printtable td {
	padding-bottom:20px;
}

#printtable td.name {
	width:135px;
}

#printtable td.desc {
	width:82px;
	vertical-align:middle;
	text-align:center;
	font-size:1.5em;
}
#cartoon-pricing {
	background:#f0f0f0;
	margin:10px 0;
}
#cartoon-pricing td {
	width:160px;
	padding:15px;
	text-align:center;
	border:1px dashed #ccc;
}
#cartoon-pricing td:hover {
	background:#ebebeb;
}
#cartoon-pricing td input {
	font-size:1.3em;
	padding:3px;
}
#cartoon-pricing h4 {
	font-size:1.2em;
	line-height:1.25em;
}
#cartoon-pricing .price {
	padding:5px 0;
	color:#bb0000;
}
.cartoon-single {
	text-align:center;
}

#mc-embedded-subscribe-form {
	line-height:1.25em;
	background:#f7f7f7;
	border:1px #ccc dashed;
	padding:15px;
	font-size:1em;
	width:230px;
	float:right;
	margin:0 0 15px 15px;
}

#mc-embedded-subscribe-form legend {
	font-weight:bold;
}

#mc-embedded-subscribe-form .indicate-required {
	color:#bb0000;
	font-size:.7em;
}
 .note-required {
color: #bb0000;
}

#mc-embedded-subscribe-form .mc-field-group {
	padding:3px 0;
}

#mc-embedded-subscribe-form .mc-field-group label.ilabel {
	display:block;
	float:left;
	width:150px;
}

#mc-embedded-subscribe-form .mc-field-group input.itext {
	width:200px;
	padding:1px;
	font-size:1em;
}
#mc-embedded-subscribe-form .input-group ul { 
	margin: 0;
	padding: 0;
}
#mc-embedded-subscribe-form .mc-field-group li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#mc-embedded-subscribe-form #mc-embedded-subscribe {
	font-size:1.2em;
	padding:5px;
}
#mc-embedded-subscribe-form #mce-error-response {
	background:#ffdddd;
	padding:5px;
	border:2px #ff8585 solid;
	font-size:.9em;
	margin-bottom:5px;
}
#mc-embedded-subscribe-form #mce-success-response {
	background:#ddffdd;
	padding:5px;
	border:2px #85ff85 solid;
	font-size:.9em;
	margin-bottom:5px;
}
#more-cartoons div {
	float:left;
	padding:5px;
	height:80px;
}
#perma-ad .tweetmeme_button {
	display: none;
}
#perma-ad {
	background:#FDEDAE none repeat scroll 0 0;
	border-top:2px solid #E1D192;
	margin-bottom:15px;
	padding:14px 30px;
}
#perma-ad p {
	padding-bottom: 12px;
}
#perma-ad img {
	width: 100px;
	height: 100px;
	background: #fff;
	float: right;
	margin-left: 12px;
	margin-right: 0;
	border:2px solid #E1D192;
}
#perma-ad .half {
	width: 200px;
	float: left;
}
#perma-ad #mc-embedded-subscribe-form {
	background:transparent none repeat scroll 0 0;
	border: none;
	border-right: 1px dotted #ccc;
	float:left;
	color: #454545;
	font-size:1em;
	line-height:1.25em;
	margin:0;
	padding:0px;
	width:239px;
}
#perma-ad #mc-embedded-subscribe-form .mc-field-group label.ilabel {
	float: none;
	width: auto;
}
#perma-ad #mc-embedded-subscribe-form .half input.itext {
}
#perma-ad #mc-embedded-subscribe-form #mc-embedded-subscribe {
	font-family: arial;
	font-size: 14px;
}
#perma-ad .elsewhere {
	float:left;
	margin-left:20px;
	margin-top:30px;
	width:257px;
}
#perma-ad #mc-embedded-subscribe-form {
	font-size: 14px;
}
#perma-ad #mc-embedded-subscribe-form label strong {
	color: #BB0000;
}
#perma-ad h4 {
	margin-bottom:5px;
}
/* ==========================================
=====!  Share-options  =====
============================================*/
.share-options {
	background:#f7f7f7;
	padding:6px 15px 3px;
	border:1px solid #ccc;
	clear: both;
	margin-bottom: 10px;
	overflow:hidden;
}
.share-options div.sociable {
	clear: both;
	margin: 0;
	float: left;
}
.share-options .tweetmeme_button {
	float: left !important;
	margin-top: -2px;
}
.share-options img {
	border:none !important;
	float:left;
	margin:0 12px;
	padding: 0;
	background: none;
	border: 0;
}
.share-options p.facebook {
	float: left;
	padding: 0;
}
.share-options p.facebook img  {
	margin: 0;
	padding: 0;
}
.share-options img.WP-EmailIcon {
	margin-top:2px;
}
a.stumble img {
	margin-top: 2px;
}

div.tweetmeme_button {
	float:left;
	padding-top:2px;
	width:75px;
	overflow:hidden;
}
div.fblikebutton {
	height:40px;
	overflow:hidden;
	margin-top:10px;
}