/*   
Theme Name: BogoJoker Initial
Theme URI: http://blog.bogojoker.com
Description: BogoJoker's first WordPress theme. Meant to be simplistic.
Author: Joseph Pecoraro
Author URI: http://blog.bogojoker.com
Version: 0.9
Tags: simple, fixed width, two columns

	BogoJoker Initial
	
	Joseph Pecoraro's first WordPress theme.  With the design goal that it be
	simple, focusing on the content, and not on the surrounding design.
	
	All of the contents (CSS, XHTML, PHP, etc.) can be used but you must
	link back to http://blog.bogojoker.com.  I would also appreciate an
	email at joepeck02@gmail.com.
	
	Inspiration from:
	http://stopdesign.com/
	http://www.simplebits.com/

*/


/*
	CSS Reset v1.0 | 20080212
	http://meyerweb.com/eric/tools/css/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}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Generic Typography */
a { color: #631a12; }
a:hover { cursor: pointer; }
h1,h2,h3,h4 {
	margin-bottom: 1em;
	font-family: Georgia,serif;
	color: #3b3327;
}
p { 
	margin-bottom: 1em;
	line-height: 1.3em;
	font-size: 1.1em;
	color: #4b4337;
}
code, pre {
	font-family: Monaco,Consolas,monospace;
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 2em;
	padding: 10px;
	white-space: pre-wrap;
	border: 1px solid lightGray;
	background: white;
}
blockquote {
	background: #EAE6D6 url('images/quotes.png') no-repeat 0.5em 0.5em;
	font-size: 100%;
	font-style: italic;
	padding: 2em 2em 0.5em 2.5em;
	margin-bottom: 1em;
}

/* Lists (Includes Main and Sidebar) */
ol { list-style-type: decimal; list-style-position: inside; }
#content ul, #content ol { margin-bottom: 1em; }
#content ul li a { padding: 0.5em 0; display: block; text-decoration: none; text-indent: 1.5em; }
#content ul li p, #content ol li { padding: 0.5em 1em; margin-bottom: 0; }
#content ul li a:hover { background: #EAE6D6; }
#content ul li:first-child, #content ol li:first-child { border-top: 1px solid #D7C5AA; }
/*
#content .entry ul li { font-size: 80%; }
#content .entry ul { border-left: 5px solid #D7C5AA; margin-left: 1em; }
*/
#content ul li, #content ol li {
	border-bottom: 1px solid #D7C5AA;
	margin: 0;
	color: #4b4337;
}


/* Form Elements */
input[type=text], textarea {
	padding: 2px;
	color: #4b4337;
	font-size: 0.8em;
}
form { margin-top: 2em; }
textarea { padding: 5px; }
label { margin-left: 0.5em; }
#searchform { margin-top: 0; }

/* Header */
#header {
	background: #3b3327;
	border-top: 5px solid #ffbf33;
	border-bottom: 1.2em solid #D7C5AA;
	height: 112px;
}

#header .inner {
	width: 960px;
	position: relative;
	margin: 0 auto;
}
		
#logo { position: absolute; top: 15px; left: 100px; }
#feed { position: absolute; top: 43px; right: 38px; opacity: 0.6; }
#feed:hover { opacity: 0.9; }

/* Navigation */
#nav { position: absolute; right: 100px; top: 0px; }
#nav ul li a:hover { background: #423A2D; }
#nav ul li:first-child a { border-left: 1px solid #4b4337; }
#nav ul li a.current { background: #423A2D; }
#nav ul { list-style-type: none; }
#nav ul li { float: left;  }
#nav ul li a {
	display: block;
	padding: 50px 1em;
	width: 70px;
	background: #342B20;
	color: #bdb38c;
	border-right: 1px solid #4b4337;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-family: 'Lucida Grande', 'MS Sans Serif', Geneva, sans-serif;
	font-size: 0.75em;
}
		
/* Entire Content Pane */
#content { background: #F5F5E5; }
#content .inner { width: 960px; margin: 0 auto; padding-top: 3em; }
#content-main { float: left; width: 700px; }

/* Individual Entry */
.entry, .wpcomment {
	width: 100%;
	float: left;
	border-top: 1px solid #D7C5AA;
	padding: 1.5em 0;
}

.entry-date {
	position: relative;
	float: left;
	width: 65px;
	height: 70px;
	background: #3b3327;
	border: 7px solid #D7C5AA;
}
.entry-date p { margin: 0; text-indent: -999px; }
.entry-date p.mon {
	position: absolute;
	top: 2px;
	background: transparent url(images/dates.png) no-repeat -15px -2px;
	width: 100px;
	height: 28px;
}
.entry-date p.num {
	position: absolute;
	background: transparent url(images/nums.png) no-repeat 0px 0px;
	width: 20px;
	bottom: 9px;
	height: 30px;
}

/* Month Offsets */
.entry-date p.jan { background-position: -16px -2px   }
.entry-date p.feb { background-position: -16px -30px  }
.entry-date p.mar { background-position: -16px -53px  }
.entry-date p.apr { background-position: -16px -75px  }
.entry-date p.may { background-position: -16px -99px  }
.entry-date p.june{ background-position: -16px -124px }
.entry-date p.july{ background-position: -17px -150px }
.entry-date p.aug { background-position: -16px -178px }
.entry-date p.sept{ background-position: -16px -203px }
.entry-date p.oct { background-position: -16px -226px }
.entry-date p.nov { background-position: -16px -249px }
.entry-date p.dec { background-position: -18px -273px }

/* Number Offsets */
.entry-date p.l { left: 12px; }
.entry-date p.r { left: 35px; }
.entry-date p.z0 { background-position:    0px 0 }
.entry-date p.z1 { background-position:  -33px 0 }
.entry-date p.z2 { background-position:  -63px 0 }
.entry-date p.z3 { background-position:  -94px 0 }
.entry-date p.z4 { background-position: -127px 0 }
.entry-date p.z5 { background-position: -159px 0 }
.entry-date p.z6 { background-position: -190px 0 }
.entry-date p.z7 { background-position: -221px 0 }
.entry-date p.z8 { background-position: -252px 0 }
.entry-date p.z9 { background-position: -283px 0 }

.entry-main, .comment-body, .comment-head { float: right; width: 585px; }
.entry-main h3 a { color: inherit; text-decoration: none; }
.entry-main h3:first-child { margin-top: 0; }
.entry-main h3 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* NOTE CHANGE ALL H2 to H4 in old entries */
.entry-main h2, .entry-main h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* Sidebar */
#content-side {
	float: right;
	width: 210px;
}

.topic {
	width: 100%;
	border-top: 1px solid #D7C5AA;
	padding: 1.5em 0;
}

/* Next/Prev Links */
#content-links a { text-decoration: none; }
#content-links {
	float: left;
	width: 700px;
	text-align: center;
}

/* Content End Fixer */
#content-end { clear: both; }

/* Footer */
#footer {
	clear: both;
	float: left;
	width: 100%;
	background: #3b3327;
}

#footer .inner {
	width: 960px;
	margin: 0 auto;
	padding: 2em 0;
}

#footer-left {
	margin-left: 25px;
	float: left;
	width: 350px;
}

#footer-mid, #footer-right {
	float: left;
	margin-left: 50px;
	width: 230px;
}

#footer h3 {
	color: #D7C5AA;
	font-size: 1.7em;
	font-weight: normal;
	border-bottom: 1px solid #4b4337;
	padding-bottom: 0.5em;
	margin-bottom: 0.7em;
}

#footer p, #footer li { color: #A7957A; }
#footer a { color: #C7B59A; }
#footer a:hover { color: #ffbf33; }
		
#footer li {
	line-height: 1.3em;
	font-size: 1.1em;
	border-bottom: 1px solid #4b4337;
	margin: 0;
}
#footer li a { padding: 0.5em 0; display: block; text-decoration: none; }
#footer li:first-child a { padding-top: 0; }

#copyright {
	clear: left;
	float: left;
	width: 960px;
	margin: 3em auto 0 auto;
	text-align: center;
	color: #A7957A;
	border-top: 1px solid #4b4337;
	padding: 1em 0 1.5em 0;
	font-size: 0.9em;
}

#copyright a { color: #ffbf33; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }

/* Comments */
.alt { background: #EAE6D6; }
.entry-meta { font-size: 0.8em; }
.entry-meta p { margin-bottom: 0; }
.comments-header, .comments-form { padding-top: 4em; }
.comment-body p:last-child { margin-bottom: 0; }
.wpcomment { position: relative; }
.comment-intro a { text-decoration: none; }
.comment-intro {
	width: 450px;
	font-size: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #D7C5AA;	
}

.wpcomment .avatar {
	position: relative;
	float: left;
	margin-left: 1em;
	border: 1px solid #4b4337;
}

.comment-number {
	position: absolute;
	top: -12px;
	right: 0.2em;
	opacity: 0.1;
	font-size: 7em;
}

/* Style Author Comments */
/*.comment-author { color: #BA9520; opacity: 0.2; }*/

/* Twitter Widget */
.topic .twitter-link { text-decoration: none; font-size: 0.9em; }
.topic .twitter_title_link { color: inherit; text-decoration: none; }
.topic ul li.twitter-item:first-child { margin-top: 1em; }
.topic ul li.twitter-item {
	margin-bottom: 1em;
	padding-left: 0;
	line-height: 1.3em;
	font-size: 1.1em;
	color: #4b4337;
	border: none;
}

/* Special Cases */
.entry .def { height:65px; }
.search-query {
	padding: 0 3px;
	background: #D7C5AA;
}