/*
*************************************************
JEREMY FRANK

Updated:	October 22, 2008
Notes:		...
*************************************************
*/


/*-------------------------------------------
	RESET STYLES 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,
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; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a:focus { outline: 1px dotted; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*-------------------------------------------
	CLEARFIX
-------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

body { background: #FFF url(/assets/images/background2.jpg) 50% 0 no-repeat; color: #555; font: normal 62.5% Helvetica, Arial, sans-serif; }

h1 { margin: 0; color: #333; font: italic 24px Georgia, "Times New Roman", Times, serif; }
h2 { margin: 1em 0 .5em 0; font-size: 18px; font-weight: normal; }
h3 { margin: 1em 0 0 0; font-size: 14px; }
/*
h4 { margin: 2em 0 0 0; font-size: 14px; font-style: italic; }
h5 { margin: .5em 0; font-size: 13px; }
h6 { margin: 2em 0 0 0; font-size: 11px; }
*/
p  { margin: 0 0 1em 0; font-size: 13px; line-height: 1.4; }

a:link { color: #29C; }
a:visited { color: #29C; }
a:hover { color: #269; }
a:active { color: #29C; }

/* LISTS */
ul { margin: 1em 0; padding: 0 2em; }
ul ul { margin: 0; }
li { margin: .5em 0; }
li, dt, dd { font-size: 12px; }
li { line-height: 1.6; }
dt { font-weight: bold; }


/*-------------------------------------------
	CONTAINER DIVS
-------------------------------------------*/

#wrapper { margin: 0 auto; margin-top: 200px; width: 96em; }
#container { margin-bottom: 3em; width: 60em; float: left; }


/*-------------------------------------------
	HEADER
-------------------------------------------*/

#header { width: 100%; height: 155px; position: absolute; top: 0; left: 0; background: url(/assets/images/header.png) 50% 0 repeat-x; }
#header h1 { margin-left: -48em; width: 357px; position: relative; top: 26px; left: 50%; font-size: 10px; text-indent: -9999px; }
#header h1 a { width: 357px; height: 47px; display: block; background: url(/assets/images/jeremyfrankcom.png); overflow: hidden; }
#header div#blog-description { margin-left: -420px; width: 242px; height: 33px; position: absolute; top: 77px; left: 50%; background: url(/assets/images/catchphrase.png); text-indent: -9999px; }
#access div.skip-link { display: none; }

#menu { display: none; }


/*-------------------------------------------
	CONTENT
-------------------------------------------*/

div#nav-above { display: none; }

/* INDEX */
div.post { padding: 4em 0 2em 0; background: url(/assets/images/divider.png) 50% 0 no-repeat; }
div.p1 { padding-top: 0; background: none; }
div.post h2.entry-title { margin: 0; float: left; font: italic 24px Georgia, "Times New Roman", Times, serif; }
div.post h2.entry-title a { background: url(/assets/images/underline.png) 50% 100% repeat-x; color: #333; text-decoration: none; }

span.comment-bubble { margin-top: -2em; float: left; }
span.comment-bubble a { width: 35px; height: 40px; display: block; background: url(/assets/images/comment_bubble.png) 0 .1em no-repeat; color: inherit; font-family: Georgia, serif; font-size: 12px; font-style: italic; line-height: 2; text-align: center; text-decoration: none; }
span.comment-bubble a.c0, span.comment-bubble span.comment-link { display: none; }
div.post .entry-date { margin-bottom: 1em; clear: left; font-size: 11px; color: #999; }
div.post div.entry-meta { display: none; }

/* BLOCKQUOTES */
blockquote { margin-left: .5em; padding-left: 1em; border-left: 3px solid #CCC; }
blockquote p { font-style: italic; }
blockquote p:before { content: "\201C"; }
blockquote p:after { content: "\201D"; }

/* CODE SNIPPETS */
pre { margin: 0 0 1em 0; padding: 10px; background: #e5f3ff; color: #093; font-family: "Consolas", "Lucida Console", "Monaco", "Courier New", Courier, mono, serif; font-size: 13px; overflow: auto; }

/* NAVIGATION LINKS */
div.navigation div.nav-previous { float: left; }
div.navigation div.nav-next { float: right; }
div.nav-previous,
div.nav-next { font-size: 13px; }
div.nav-previous a,
div.nav-next a { padding: .5em; background: #EEE; line-height: 2; text-decoration: none; }
div.nav-previous a:hover,
div.nav-next a:hover { background: #DDD; }
span.meta-nav { font-size: 15px; }

/* POST SPECIFIC */
img.logo { margin: 0 0 10px 10px; float: right; }


/*-------------------------------------------
	SIDEBAR
-------------------------------------------*/

div.sidebar { padding-left: 3em; width: 25em; float: right; clear: right; background: url(/assets/images/bg_sidebar_line.png) repeat-y; }
div.sidebar h2 { background: url(/assets/images/sidebar_title_matrix.png) no-repeat; }
div.sidebar ul { margin: 0; padding: 0; }
div.sidebar ul li { margin: 0; padding: 0; list-style: none; }
div.sidebar ul li.widget { margin: 0 0 2.5em 0; }
div.sidebar a:link { color: #555; }
div.sidebar a:visited { color: #555; }
div.sidebar a:hover { color: #222; }
div.sidebar a:active { color: #555; }

h3.widgettitle { margin: 0 0 5px 0; height: 15px; background: url(/assets/images/sidebar_title_matrix.png) no-repeat; text-indent: -9999px; }

div.textwidget { font: italic 14px/1.3 Georgia, "Times New Roman", Times, serif; }

li#sclw-1 h3.widgettitle { background-position: 0 -20px; }
li#sclw-1 ul { height: 1.6em; }
li#sclw-1 li { float: left; }
li#sclw-1 li:before { content: "\00A0| "; }
li#sclw-1 li:first-child:before { content: ""; }
li#rss_links h3.widgettitle { background-position: 0 -40px; }
li#rss_links li a { padding-left: 16px; background: url(/assets/images/rss.gif) 0 50% no-repeat; }


/*-------------------------------------------
	FOOTER
-------------------------------------------*/

#footer { padding: 1em 0 2em 0; clear: both; background: #000 url(/assets/images/bg_footer.png) 0 50%; }
#footer p { margin: 0 auto; width: 73.85em; }


/*-------------------------------------------
	POST PAGE
-------------------------------------------*/

body.single div.navigation { display: none; }

/* COMMENTS AREA */
#comments { padding-top: 40px; background: url(/assets/images/divider.png) 50% 0 no-repeat; }
#comments h3 { margin: 0 0 .5em 0; color: #222; font: italic 18px Georgia, "Times New Roman", Times, serif; }
div.comments > ol { margin: 0; padding: 0; border-top: 1px solid #CCC; }
li.comment { margin: 0; padding: 1.5em 0 1.5em 20em; border-bottom: 1px solid #CCC; min-height: 5.5em; position: relative; font-size: 10px; list-style: none; }
li.comment p { font-size: 12px; line-height: 1.2; }
div.comment-author { padding-left: 55px; width: 11em; position: absolute; top: 1.5em; left: 0; font-size: 12px; font-weight: bold; line-height: 1.3; }
div.comment-author img { float: left; position: absolute; top: 0; left: 0; }
div.comment-author a { color: #222; text-decoration: none; }
div.comment-meta { padding-left: 55px; width: 12em; position: absolute; top: 3em; left: 0; font-size: 11px; line-height: 1.2; }
div.comment-meta a { color: #AAA; font-style: italic; text-decoration: none; }

#respond { margin-top: 2em; }
#respond div.formcontainer { padding-left: 0; }
form#commentform { margin-left: 0; }
div.form-label { float: left; clear: left; font-size: 1.2em;  }
div.form-input,
div.form-textarea { margin-bottom: 1em; margin-left: 10em; }
div.form-input input,
div.form-textarea textarea { padding: .2em; width: 33em; border: 1px solid #AAA; font-family: Helvetica, Arial, sans-serif; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.form-input input { width: 16.5em; }
div.form-submit { margin-left: 10em; }

/* MOVE THIS SOMEWHERE ELSE LATER */
.wp-caption { padding: 5px; border: 1px solid #CCC; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.wp-caption-text { margin: 5px 0 0 0; color: #999; font-size: 11px; font-style: italic; text-align: center; }

.aligncenter { margin: 0 auto; }


/*-------------------------------------------
	ARCHIVES PAGE
-------------------------------------------*/
ul#archives-page { margin: 0; padding: 0; overflow: auto; }
ul#archives-page li#category-archives { width: 48%; float: left; list-style: none; }
ul#archives-page li#monthly-archives { width: 48%; float: right; list-style: none; }
	ul#archives-page ul li { list-style: disc; }