/*
Theme Name: Blind Eye Comics
Theme URI: http://www.blindeyecomics.com/
Description: Blind Eye Comics theme.
Version: 0.1
Author: Ryan Imel
Author URI: http://www.aspiringindie.com/
Tags: child theme
Template: indie
*/


/* Body and Global */

.clear {
	clear: both;
}

body {
	background: url('img/bg-repeat.png') left top repeat;
	color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
}
div#wrapper {
	background: url('img/bg-shadow-repeat.png') center top repeat-x;
	overflow:auto;
}
div#page {
	/* background: url('img/bg-shadow.png') center top no-repeat; */
}
div.wrap {
	margin: 0 auto;
}
.fL, .alignleft {
	float: left;
}
.fR, .alignright {
	float: right;
}


/* Header */

div#header {
	margin: 0 auto;
	width: 970px;
}
div#header div.wrap {
	position: relative;
}
div#header h1 {
	display: block;
	height: 84px;
	margin-left: 30px;
	width: 327px;
}
div#header h1 a {
	background: url('img/logo.png') left top no-repeat;
	display: block;
	height: 84px;
	text-indent: -999em;
	width: 327px;
}
p#description {
	display: none;
}
div#header div.lower {
	position: absolute;
	right: 0;
	top: 0;
	height: 500px;
	width: 500px;
}
div#header div.lower img {
	position: absolute;
	right: -27px;
	top: 0;
}


/* Navigation */

div#nav {
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
	text-transform: uppercase;
	width: 920px;
}
div#nav div.wrap {
	position: relative;
}
div#nav ul {
	left: 340px;
	position: absolute;
	top: -45px;
}
div#nav a {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}
div#nav a:hover {
	border-bottom: none;
}
div#nav li {
	margin: 0 15px 0 0;
	float: left;
}


/* Home Page */

div#teaser {
	background: url('img/teaserbg.png') 20px 10px no-repeat;
	margin: 0 0 0 0;
	position: relative;
	z-index: 9999;
	overflow:auto;
}
div#teaser {
display:none;
}
.home div#teaser {
display:block;
}
div#teaser div.copy {
	color: #fff;
	float: left;
	font-size: 14px;
	line-height: 25px;
	margin: 0 0 0 90px;
	padding-bottom: 40px;
	padding-top: 100px;
	position: relative;
	text-align: right;
	width: 240px;
}
div#teaser div.image {
	float: right;
	margin: 50px 20px 20px 0;
	position: relative;
}
div#teaser div.image h3 {
	font-size: 36px;
	position: absolute;
	right: 8px;
	bottom: 8px;
	text-align: right;
	text-transform: uppercase;
}
div#teaser div.image h3 a {
	color: #fff200;
}
div#teaser div.copy h2 {
	font-size: 48px;
	margin-bottom: 10px;
}
div#teaser div.copy p {
	margin: 0 0 10px 0;
}
div#teaser div.copy p.date {
	font-size: 24px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 70px;
}
div#teaser div.copy p.read-more {
	font-size: 18px;
}
div#teaser div.copy a {
	color: #fff200;
	text-decoration: none;
	text-transform: uppercase;
}
div#teaser div.copy p.date span {
	color: #a1a1a1;
}
div.home div.main-loop {
	margin-right: 10px;
	width: 420px;
}
div.home div.aside {
	float: left;
	margin: 45px 10px 0 0;
	width: 215px;
}
div.home div.aside img {
	margin-bottom: 7px;
}
div.home div.main-loop {
	min-height: 205px;
}
div.home div#container div.lower,
div.single div#container div.aside,
div.blog div#container div.aside,
div.archive div#container div.aside {
	height: 239px;
}
div.single div#container div.aside {
	margin-bottom: 15px;
}
div.single div#container div.aside ul,
div.page div#container div.aside ul {
	position: relative;
	z-index: 9999;
}
div.home div.main-loop h2 {
	background: url('img/latestblog.png') left top no-repeat;
	display: block;
	height: 200px;
	left: -13px;
	text-indent: -999em;
	top: -35px;
	width: 200px;
}
div.home div.main-loop img.bg {
	position: absolute;
	right: 0;
	bottom: -26px;
}
div.home div.main-loop div.title {
	background: url('img/dotted.png') bottom repeat-x;
	margin-bottom: 15px;
	padding-bottom: 5px;
	position: relative;
}
div.home div.main-loop div.title p {
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 3px;
}
div.home div.main-loop h3 {
	font-size: 14px;
	margin: 0 0 0 10px
}
div.home div.main-loop h3 a {
	border-bottom: none;
	color: #fff200;
	padding-bottom: 0;
	text-decoration: none;
}
div#container div.lower {
	display: none;
}
div.home div#container div.lower,
div.page-template-default div#container div.aside,
div.single div#container div.aside,
div.blog div#container div.aside,
div.archive div#container div.aside {
	background: #000;
	display: block;
	float: right;
	margin-right: 30px;
	padding: 15px;
	position: relative;
	width: 175px;
}
div.page-template-default div#container div.aside,
div.single div#container div.aside,
div.blog div#container div.aside,
div.archive div#container div.aside {
	margin-top: 85px;
	height:auto;
}

.xoxo a
{
	color:#fd3;
	font-size:100%;
	text-decoration:none;
}
.xoxo h3
{
	margin-top:10px;
}
div.home div#container div.lower img.bg,
div.page-template-default div#container div.aside img.bg,
div.single div#container div.aside img.bg,
div.blog div#container div.aside img.bg,
div.archive div#container div.aside img.bg {
	position: absolute;
	right: -15px;
	top: -36px;
}
div.home div#container div.lower div.widget,
div.page-template-default div#container div.aside div.widget,
div.single div#container div.aside div.widget,
div.blog div#container div.aside ul,
div.archive div#container div.aside ul, #calendar_wrap, .dbem-calendar, #calendarlist {
	position: relative;
	z-index: 9999;
}
div.page-template-default div.aside img.bg {

}
.dbem-calendar td {
	padding: 2px 5px;
	z-index: 9999;
}
#calendarlist li {
	padding: 5px 17px;
}
#lowerbox {
	padding-left: 15px;
}
.dbem-calendar td.eventful a {
	color:#fff200;
}

td.month_name {
	text-align: center;
	color:#FFF200;
	font-size:13px;
	padding-bottom:10px;
}
#lowerbox div.dbem-calendar {
	margin-left:10px;
	text-align:center;
	z-index:9999 !important;
	}
.dbem-calendar a, #calendarlist a {
	color: #fff200;
	text-decoration: none;
}
#calendarlist a {
	display: block;
	padding-top: 3px;
}

/* Container */

div#container {
/* 	height: 800px; */
	margin: 0 auto;
	overflow: hidden;
	width: 970px;
}
div#container div.wrap {
	padding-bottom: 15px;
	width: 960px;
}
div#container div.lower {
	margin: 45px 0 0 0;
}
div#container div.main-loop h2.title {
	display:block;
	left:-20px;
	top:-65px;
	width:700px;
}
div#container div.main-loop h2.title a {
	font-size: 36px;
}
div.page-template-default div#container div.main-loop,
div.single div#container div.main-loop {
	padding-top: 25px;
}



/* Main Content */

div.main-loop {
	background: #000;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin: 85px 10px 15px 30px;
	padding: 50px 20px 15px 20px;
	min-height:200px;
	position:relative;
}
.home div.main-loop {
	margin-top: 45px;
	position: relative;
	height:200px;
	width:auto;
}
div.main-loop p {
	width: 100%;
}
div.main-loop p {
	width: auto;
}
div.blog div.main-loop {
	width: 640px;
}
div.main-loop h2 {
	left: 0;
	position: absolute;
	top: -30px;
}
div.main-loop li.post {
	position: relative;
	z-index: 9999;
}
div.main-loop li.post h2 a {
	border-bottom: none;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
div.main-loop p {
	margin: 0 0 20px 0;
}
hr {
	color: #fff200;
}
div.main-loop ul li {
	list-style-type: disc;
	margin: 0 0 10px 30px;
}
div.main-loop ul li.comment {
list-style-type:none;
margin-top:20px;
border-bottom: 1px solid #666;
}
div.main-loop ul li.comment	div.comment-meta {
	color:#999999;
	float:right;
	font-size:0.8em;
}
div.main-loop ul li.comment	div.vcard {
	float:left;
}
div.main-loop ul li.comment	p {
	clear: both;
	padding-top:5px;
}
div.main-loop ul li.comment	div.comment-meta a {
text-decoration: none;
border: 0;
color:#666;

}
div.main-loop li.post {
	list-style-type: none;
	margin: 0;
	width: 640px;
}
div.main-loop ul.frontpage li.post {
	width: 420px;
}
div.main-loop li.post a {
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-bottom: 1px;
	text-decoration: none;
}



/* Footer */

div#footer {
	background: #000 url('img/footer.png') top repeat-x;
}
div#footer div.wrap {
	margin: 0 auto;
	padding-bottom: 530px;
	padding-top: 50px;
	position: relative;
	width: 910px;
}
div#footer div.upper {
	font-size: 16px;
}
div#footer div.upper div.widget {
	float: left;
	width: 440px;
}
div#footer div.upper li {
	background: url('img/dotted.png') bottom repeat-x;
	/* line-height: 35px; */
	padding: 10px 0;
}
div#footer div.upper h3 {
	margin-bottom: 10px;
}
div#footer div.upper div.recent-posts-3 h3 {
	background: url('img/header-archives.png') left top no-repeat;
	display: block;
	height: 29px;
	text-indent: -999em;
	width: 137px;
}
div#footer div.upper div.rss-3 {
	margin-right: 140px;
	width: 280px;
}
div#footer div.upper div.rss-3 h3 {
	background: url('img/header-board.png') left top no-repeat;
	display: block;
	height: 29px;
	text-indent: -999em;
	width: 137px;
}
div#footer div.content {
	bottom: 50px;
	left: 0;
	position: absolute;
}
div#footer p {
	margin: 0 0 10px 0;
}
div#footer div.content li {
	border-right: 1px solid #fff;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
div#footer div.content li:last-child {
	border-right: none;
}
div#footer a {
	color: #fff;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}
div#footer div.twitter-3 {
	background: url('img/twitter.png') left top no-repeat;
	bottom: 0;
	color: #000;
	font-size: 16px;
	height: 288px;
	line-height: 24px;
	position: absolute;
	right: -35px;
	width: 540px;
}
div#footer div.twitter-3 ul {
	margin:80px 123px 0 36px;
}
div#footer span.entry-meta {
	display: block;
	font-size: 10px;
}
div#footer div.twitter-3 a {
	color: #000;
	text-decoration: none;
}
div#footer div.twitter-3 a:hover {
	text-decoration: underline;
}
div#footer div.twitter-3 a.twitterwidget {
	display: none;
}
ul#social {
	bottom: 102px;
	left: 0;
	position: absolute;
}
ul#social li {
	float: left;
	height: 64px;
	margin: 0 10px 0 0;
	width: 64px;
}
ul#social li a {
	display: block;
	height: 64px;
	text-indent: -999em;
	width: 64px;
}
ul#social li#social-twitter a {
	background: url('img/social.png') left top no-repeat;
}
ul#social li#social-twitter a:hover {
	background: url('img/social.png') left bottom no-repeat;
}
ul#social li#social-facebook a {
	background: url('img/social.png') -74px top no-repeat;
}
ul#social li#social-facebook a:hover {
	background: url('img/social.png') -74px bottom no-repeat;
}
ul#social li#social-myspace a {
	background: url('img/social.png') -148px top no-repeat;
}
ul#social li#social-myspace a:hover {
	background: url('img/social.png') -148px bottom no-repeat;
}
ul#social li#social-rss a {
	background: url('img/social.png') right top no-repeat;
}
ul#social li#social-rss a:hover {
	background: url('img/social.png') right bottom no-repeat;
}




/* Calendar Styles */

table#wp-calendar {
	font-size: 10px;
	margin-left: 5px;
	margin-top: 0;
	position: relative;
	width: 160px;
}
table#wp-calendar td {
	padding: 2px 1px;
	text-align: center;
}
table#wp-calendar td#today {
	border: 1px solid #fff;
}
table#wp-calendar caption {
	color: #fff200;
	font-size: 13px;
	padding: 5px;
}
table#wp-calendar a {
	color: #fff200;
	text-decoration: none;
}
table#wp-calendar td#prev {
	font-size: 12px;
	left: 15px;
	position: absolute;
	top: -15px;
}
table#wp-calendar td#next {
	font-size: 12px;
	right: 15px;
	position: absolute;
	top: -15px;
}



/* Sidebar Styles */

div.lower h3,
div.aside h3 {
	color: #fff;
	font-size: 12px;
	margin-bottom: 5px;
}
div.categoryposts-3,
li.categoryposts-4 {
	margin-left: 20px;
}
div.categoryposts-3 ul,
li.categoryposts-4 ul {
	margin-left: 7px;
}
li.cat-post-item {
	background: url('img/eventbullet.png') left 3px no-repeat;
	color: #888888;
	font-size: 10px;
	margin-bottom: 7px;
	position: relative;
	padding-top: 13px;
}
li.cat-post-item p.post-date {
	position: absolute;
	left: 10px;
	top: 0;
}
li.cat-post-item a {
	color: #ffdd33;
	margin-left: 9px;
	text-decoration: none;
}



/* Blog */

div.blog div.main-loop,
div.archive div.main-loop {
	background: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
div.blog div.main-loop li.post,
div.archive div.main-loop li.post {
	background: #000;
	clear: both;
	margin: 0 0 75px 0;
	padding: 20px 20px;
}
div.blog div#container div.main-loop li.post h2.title,
div.archive div#container div.main-loop li.post h2.title {
	left: 0;
	top: -40px;
}

#blogPostNav
{
	background-color:black;
	width:640px;
	height:20px;
	padding:10px 20px;
	margin-top:-40px;
}
#blogPostNav p
{
	padding:0px;
	margin:0px;
}
#blogPostNav a
{
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-bottom: 1px;
	text-decoration: none;
}
.avatar
{
	display:none;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	z-index: 9999;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

div.page-template-default div#container div.aside,
div.single div#container div.aside,
div.blog div#container div.aside,
div.archive div#container div.aside {
display:none;
}
div.home div#container div.aside,div.blog div#container div.aside {
display:block;
}