/* 
    Theme Name:Bamboozled
    Theme URL:http://nowheresville.us
    Description:Bingo Crespecule.
    Author:Seth Hahne
    Author URI:http://nowheresville.us
    Version:2.0
*/

/*
-----------------------------------------
RESET
----------------------------------------- 
*/

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  border:solid #000 0;
  }

table {
  border-collapse:collapse;
  border-spacing:0;
  }

address, caption, cite, code, dfn, th, var {
  font-style:normal;
  font-weight:normal;}

ol, ul, li {
  list-style:none;
  }

caption, th, td {
  text-align:left;
  vertical-align:top;
  }

h1, h2, h3, h4, h5, h6 {
  font-size:1em;
  font-weight:normal;
  }
  
a img {
  border:none;
  }

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter {
  display:block;
  margin:0 auto;
  }
  
.alignleft {
  float:left;
  }
  
.alignright {
  float:right;
  }
  
.floatLeft {
  float:left;
  }
  
.floatRight {
  float:right;
  }
  
.clear {
  clear:both;
  }

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body {
  height:100%;
  }

body {
  font-size:62.5%;
  font-family:Arial,Helvetica,sans-serif; 
  color:#cdd4b5; 
  margin:0 auto;
  text-align:center;
  background-color:#676f4a;
  }

#whole {
  width:887px;
  min-height:100%; 
  height:auto !important;
  height:100%;
  margin:0 auto;
  padding-left:10px;
  padding-right:10px;
  text-align:left;}


/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/

p {
  color:#cdd4b5;
  font-size:1.2em;
  line-height:1.5;
  margin-top:1.5em;
  margin-bottom:1.5em;
  text-align:left;
  }

p a, p a:visited, li a {
  color:#fff;
  text-decoration:none;
  }

p a:hover, li a:hover {
  color:#3d4031;
  }

/*
-----------------------------------------
TOP
----------------------------------------- 
*/

#top {
  margin-top:10px;
  padding-bottom:4px;
  height:58px;
  clear:both;
  }

#top div {
  float:left;
  }

#top div:first-child {
  margin-right:4px;
  float:left;
  }
  
/*
-----------------------------------------
FEATURES
----------------------------------------- 
*/

#featured {
  margin:4px 0 20px 36px;
  }

.feature {
  width:271px;
  height:376px;
  background:url(images/featureBG.jpg) bottom no-repeat;
  margin-right:9px;
  float:left;
  position:relative;
  }

.featureLast {
  width:271px;
  height:376px;
  background:url(images/featureBG.jpg) bottom no-repeat;
  float:left;
  position:relative;
  }

.featurePost {
  position:relative;
  width:271px;
  padding:0 15px;
  }

.featurePost p {
  margin:0 auto 7px;
  color:#cdd4b5;
  font-size:1.1em;
  }

.featureImage {
  }

.featureDate {
  margin:9px auto 8px;
  padding:0 15px;
  color:#dfe4d1;
  font-size:1.2em;
  font-weight:bold;
  }

.featureDate a {
  color:#fff;
  text-decoration:none;
  }

.featureCom {
  position:absolute;
  top:146px;
  right:15px;
  width:22px;
  height:23px;
  padding:1px 1px 0 0;
  background:url(images/comment.png) no-repeat;
  text-align:center;
  }

.featureCom a {
  font-size:1.2em;
  color:#3f442d;
  text-decoration:none;
  font-weight:bold;
  }

.featureCom a {
  color:#676f4a;
  }

.featureMore {
  margin-top:0;
  }
  
.featureMore a {
  font-weight:bold;
  }
  
/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom {
  }

.archive {
  }
.archive #recentBox h2{
  background:url(images/archiveBar.jpg) no-repeat;
  width:365px;
  height:38px;
  margin-left:186px;
  padding: 6px 17px 0 0;
  text-align:right;
  font-family:georgia,roman,times new roman;
  font-size:2.2em;
  font-weight:bold;
  margin-bottom:4px;
  margin-top:-41px;
  text-shadow:#676f4a 2px 2px 1px;

  }
.archNav {
  clear:both;
  margin-top:10px;
  }
.archNav div {
  margin-top:15px;
  }


#front-bottom > img:first-child {
  margin-top:4px;
  }
  
#recentBox {
  float:left; 
  width:559px;
  margin:4px 0 20px 36px;
  }

.recent {
  width:179px;
  height:270px;
  background:url(images/recentBG.jpg) bottom no-repeat;
  margin-right:7px;
  float:left;
  position:relative;
  margin-bottom:4px;
  }

.recent + .recent + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent  + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent  + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent  + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent  + .recent {
  margin-right:0;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent {
  margin-right:7px;
  }

.recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent + .recent  + .recent  + .recent {
  margin-right:0;
  }

.recentImage {
  }

.recentPost {
  width:179px;
  height:200px;
  padding:0 15px;
  }

.recentPost p {
  margin:0 auto 7px;
  color:#cdd4b5;
  font-size:1.1em;
  }

.recentDate {
  margin:9px auto 8px;
  color:#dfe4d1;
  font-size:1.2em;
  font-weight:bold;
  }

.recentCom {
  position:absolute;
  top:80px;
  right:10px;
  width:22px;
  height:23px;
  padding:1px 1px 0 0;
  background:url(images/comment.png) no-repeat;
  text-align:center;
  }

.recentCom a {
  font-size:1.2em;
  color:#3f442d;
  text-decoration:none;
  font-weight:bold;
  }

.recentCom a {
  color:#676f4a;
  }

.recentMore {
  margin-top:0;
  }
  
.recentMore a {
  font-weight:bold;
  }
  
/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar2 {
  margin-top:42px;
  }

#sidebar {
  float:right;
  width:271px;
  overflow:hidden;
  position:relative;
  top:-38px;
  }

#sidebar p {
  margin:0;
  }

#sidebar input {
  width:136px;
  border:solid #87916a 1px;
  background-color:#e9f0d5;
  color:#5d6645;
  font-size:1em;
  font-weight:bold;
  padding:3px;
  }

#sidebar div {
  margin:0;
  background:url(images/sidebarBG.jpg) bottom;
  width:179px;
  padding:12px 20px 20px;
  }

#sidebar .categories h2 {
  display:none;
  }

#sidebar ul {
  padding-left:0;;
  }

#sidebar li {
  list-style:none;
  margin-bottom:6px;
  color:#454b32;
  font-size:1.05em;
  }

#sidebar li h2 {
  display:none;
  }

#sidebar li strong {
  text-decoration:underline;
  display:block;
  margin:15px 0 0 -5px;
  }

#sidebar li a {
  color:#454b32;
  text-decoration:none;
  }
  
#sidebar li a:hover {
  color:#fff;
  text-decoration:underline;
  }

#sidebar #recent_comments {
  margin-left:5px;
  }

#sidebar #recent_comments  ul li:first-child strong {
  margin-top:0;
  }

#sidebar #recent_comments a {
  color:#c6d1a9;
  }

#sidebar #recent_comments strong a {
  color:#454b32;
  }

#sidebar .booksRead h3 {
  font-size:1.3em;
  font-weight:bold;
  color:#fff;
  }
#sidebar .booksRead h4 {
  font-size:1.1em;
  font-weight:bold;
  }
#sidebar .booksRead p {
  margin-bottom:4px;
  }
#sidebar .booksRead img {
  padding:3px;
  border:solid #717c4b 1px;
  background-color:#b6be9b;
  }
#sidebar .booksRead hr {
  height:1px;
  border-top:solid #b6be9b 1px;
  margin-bottom:15px;
  }

/*
-----------------------------------------
PAGE CONTENT
----------------------------------------- 
*/
.pageContent {
  width:549px; 
  float:left;
  margin:4px 0 0;
  }

.pageContent h2 {
  text-align:right;
  font-size:1.6em;
  font-weight:bold;
  }

.pageContent .shell {
  background:url(images/postContentBody.jpg) repeat-y;
  padding-bottom:0;
  margin:0 0 5px 40px;
  width:549px; 
  }

.pageContent .shell .post {
  background:url(images/postContentBG.jpg) bottom right no-repeat;
  margin-bottom:-20px;
  border:solid #fff 0;
  padding:0 25px 5px;
  }

.pageContent .shell .post h1 {
  font-size:2.4em;
  font-weight:bold;
  color:#d6dcc3;
  margin-bottom:0;
  }

.pageContent .shell .post h3 {
  font-size:1.6em;
  font-weight:bold;
  color:#d6dcc3;
  margin-bottom:0;
  }

.pageContent .shell .post h3:first-child {
  font-size:3.2em;
  font-family:georgia;
  }
  
.pageContent .shell .post h3 a {
  color:#d6dcc3;
  text-decoration:none;
  }

.pageContent .shell .post h3 a:hover {
  color:#fff;
  }
  
.pageContent .shell .post h4 {
  font-size:1.4em;
  font-weight:bold;
  color:#d6dcc3;
  margin-bottom:0;
  }
  
.pageContent .shell .post h5 {
  font-size:1.3em;
  font-weight:bold;
  color:#e4e8d8;
  margin-bottom:0;
  }
  
.pageContent .shell .post p {
  margin:0 0 15px;
  }

.pageContent .shell .post ul, .pageContent .shell .post ol, .pageContent .shell .post dl {
  margin:0 0 15px;
  }

ul, ol {
  padding-left:15px;
  }

ul li {
  list-style:disc inside;
  }

ol li {
  list-style:decimal inside;
  }

.pageContent .shell .post ul li, .pageContent .shell .post ol li {
  padding-top:7px;
  }

.pageContent .shell .post ul > li:first-child, .pageContent .shell .post ol > li:first-child {
  padding-top:0;
  }

li, dd {
  font-size:12px;
  }

dt {
  font-size:1.2em;
  font-weight:bold;
  }

dd + dt {
  margin-top:6px;
  }

dd {
  margin-left:15px;
  }

.pageContent .shell .post img {
  padding:6px;
  border:solid #717c4b 1px;
  background-color:#b6be9b;
  }


div.video {
  padding:6px;
  border:solid #717c4b 1px;
  background-color:#b6be9b;
  }

.pageContent .shell .post img.about {
  padding:0;
  border:solid #717c4b 0;
  background-color:transparent;
  }

.pageContent .shell .post img[align=left] {
  margin:0 7px 8px 0;
  }

.pageContent .shell .post img[align=right] {
  margin:0 0 8px 7px;
  }

.pageContent .shell .post img[align=center] {
  margin:0 0 14px;
  }

.pageContent .shell .post code {
  font-size:1.2em;
  }

.pageContent .shell .post pre {
  font-size:1.5em;
  margin-bottom:15px;
  }

.pageContent .shell .post blockquote {
  padding:10px 17px;
  border:solid #717c4b 1px;
  background-color:#949980;
  margin:0 15px 15px;
  color:#e3e9d3;
  }

.pageContent .shell .post blockquote p {
  margin:10px 0 0;
  color:#e3e9d3;
  }

.pageContent .shell .post blockquote p:first-child {
  margin:0;
  }

.pageContent .shell .post blockquote cite {
  display:block;
  text-align:right;
  width:200px;
  margin-left:200px;
  color:#d6dcc3;
  }

.pageContent .shell .post .date {
  margin-top:0;
  font-weight:bold;
  font-size:1em;
  border-bottom:solid #cdd4b5 1px;
  color:#d6dcc3;
  }

.pageContent .shell .post .date a {
  text-decoration:none;
  border-width:0;
  }

.pageContent .shell .post .date + img {
  float:left;
  margin:0 8px 8px 0;
  }

.pageContent .shell .post .categories {
  font-weight:bold;
  font-size:1em;
  border-top:solid #cdd4b5 1px;
  color:#d6dcc3;
  padding-top:5px;
  }

.pageContent .shell .post .moretext a {
  font-weight:bold;
  text-decoration:none;
  border-width:0;
  }

.pageContent .shell .post div.gallery p {
  margin:0 0 2px;
  }

.pageContent .shell .post div.gallery a {
  margin-left:6px;
  }

.pageContent .shell .post div.gallery a:first-child {
  margin-left:0;
  }

.pageContent .shell .post img.free {
  padding:0;
  background-color:transparent;
  border-width:0;
  }

#comics100top2011 > h2 {
	text-align:left;
	font-size:2.4em;
	}
#comics100top2011 > div {
	position:relative;
	width:499px;
	margin-top:25px;
	}
#comics100top2011 > h2 + p + div:first-child {
	margin-top:0;
	}
#comics100top2011 > div > img {
	border-width:0;
	padding:0;
	background-color:transparent;
	}
#comics100top2011 > div > .rank {
	position:absolute;
	top:4px;
	right:18px;
	}
#comics100top2011 > .cont {
	width:auto;
	margin:5px 35px 30px;
	border:solid #717c4b 1px;
	background-color:#949980;
	padding:15px 25px;
	color:#e3e9d3;
	border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
	}
#comics100top2011 > .cont > span {
	display:block;
	font-size:1.2em;
	}
#comics100top2011 > .cont > span > a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
#comics100top2011 > .cont > span > a:hover {
	color:#676f4a;
	text-decoration:underline;
	}
#comics100top2011 > .cont > .book {
	font-size:.1em;
	color:transparent;
	}
#comics100top2011 > .cont > .notes {
	padding-top:10px;
	}
#comics100top2011 > hr {
	color:#949980;
	border-top:solid #a9ad99 1px;
	}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#footer {
  width:100%;
  padding-bottom:20px;
  text-align:center;
  }

#footer div {
  width:887px;
  height:80px;
  margin:0 auto;
  text-align:center;
  }


#footer div:first-child {
  border-top:1px solid #7a825c;
  }






/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
#comments {
  width:587px; 
  float:left;
  margin:4px 0 32px;
  }
  
#comments .shell {
  background:url(images/commentBody.gif) repeat-y;
  padding-bottom:0;
  margin:0 0 5px;
  width:587px; 
  }

#comments .shell .inshell {
  background:url(images/commentBG.jpg) bottom right no-repeat;
  margin-bottom:-20px;
  }

.comments-header {
  margin:0 25px 4px 0;
  }

#commentwrap {
  margin:0;
  padding:0;
  }

#commentwrap li {
  display:block;
  border-top:solid #848f5e 1px;
  border-bottom:solid #848f5e 1px;
  margin:0 3px;
  padding:15px;
  background:url(images/comment2BG.png);
  }

#commentwrap li.even {
  background-image:none;
  }

#commentwrap li + li {
  border-top-width: 0;
  }

.comment-meta {
  float:left;
  width:110px;
  color:#cdd4b5;
  padding-right:20px;
  font-size:.9em;
  margin-bottom:10px;
  }

.comment-meta span {
  display:block;
  padding-left:10px;
  text-indent:-10px;
  }

.comment-meta img {
  border:solid #717c4b 1px;
  background-color:#b6be9b;
  padding:4px;
  width:60px;
  height:60px;
  margin-bottom:4px;
  }

.comment-meta span a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  }

.commentpost {
  float:right;
  width:440px;
  margin-bottom:10px;
  font-size:.9em;
  }

.commentpost p {
  margin:0 0 10px;
  }

.commentpost code {
  color:#e5e1a9;
  font-weight:bold;
  }

#respond {
  margin:0 4px;
  padding:15px;
  }

img + #respond {
  margin-top:-10px;
  }

#respond h3 {
  color:#d6dcc3;
  font-weight:bold;
  font-size:2.4em;
  text-align:left;
  }

.warning {
  padding:10px;
  background:#282828;
  border:1px solid #323232;
  margin-bottom:10px;
  }

#commentform p {
  margin:0 0 4px;
  }

#commentform label {
  font-family:"Lucida Sans Unicode";
  font-size:.9em;
  color:#fff;
  }

#commentform input[type=text] {
  background-color:#dde3c9;
  border:solid #878e6c 1px;
  padding:2px 4px;
  margin-bottom:10px;
  width:160px;
  font-size:1.1em;
  color:#4b5136;
  }

#commentform textarea {
  margin-top:4px;
  padding:4px;
  width:100%;
  background-color:#dde3c9;
  border:solid #878e6c 1px;
  color:#4b5136;
  }

#commentform input[type=submit] {
  background-color:#dde3c9;
  border:solid #878e6c 1px;
  font-weight:bold;
  padding:1px 3px;
  color:#4b5136;
  }

.children {
  margin-left:50px;
  }

.children div {
  border:none;
  }

.children .commentwrap {
  border-top:solid #c9c9c9 1px;
  }

.children .commentmetadata {
  padding-right:0px;
  }

.children .commentpost {
  text-align:left;
  float:right;
  width:78%;
  }

/*
-----------------------------------------
SPECIAL
----------------------------------------- 
*/


#booksRead h2 {
  margin-top:15px;
  margin-bottom:3px;
  text-align:left;
  font-size:1.6em;
  color:#D1D2A0;
  border-bottom:solid #939877 1px;
  font-family:georgia,roman,times new roman;
  }
#booksRead tr td {
  padding-left:8px;
  padding-bottom:15px;
  text-align:center;
  vertical-align:middle;
  }
#booksRead table.six tr td {
  padding-left:5px;
  }
#booksRead tr td:first-child,#booksRead table.six tr td:first-child {
  padding-left:0;
  }

#booksRead img.star {
  padding:0;
  border:solid #717c4b 0px;
  background-color:transparent;
  }

.pageContent .shell .post .top50 > div  {
  margin-bottom:25px;
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border:solid #5a613f 2px;
  padding:1px;
  background-color:#cdd4b5;
  }
.pageContent .shell .post .top50 > div > div {
  position:relative;
  background-color:#a3aa80;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:solid #676f4a 1px;
  padding:15px 20px;
  }
.pageContent .shell .post .top50 > div > div > p > img {
  padding:0;
  border:solid #717c4b 0px;
  background-color:transparent;
  }
.pageContent .shell .post .top50 div > div > p {
  color:#383d27;
  }
  

.pageContent .shell .post .top50 div > div > p:first-child {
   position:absolute;
  font-size:10em;
  opacity:.2;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  font-family:helvetica,verdana,trebuchet ms;
  font-weight:bold;
  color:#fff;
  top:-40px;
  left:-5px;
  }


.pageContent > div > div #lotfSWF {
	text-align:center;
	width:100%;
	background:#a0d0a0 url('/assets/images/nowhereBGold.png') repeat-y;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:solid #676f4a 1px;
	margin-bottom:15px;
	padding:20px 0 0;
	}

.pageContent > div.shell > div.post > h1#faceLink {
	position:absolute;right:0;bottom:0;
	}
.pageContent > div.shell > div.post > h1#faceLink > img {
	position:width:0;height:0;opacity:0;
	}