/*
Theme Name: F&J2009
Theme URI: 
Description: Hacked, remixed, and edited from Infimum (v 1.3.1 by Alex Smith): A very minimal theme, widget-ready, gravatar-supporting, and standards-compliant. Possibly the minimalest of minimalist themes.
Version: 0.5
Author: Ryan
Author URI: 
Tags: widgets, right sidebar, fixed width, two columns, valid CSS, valid XHTML

/* whole page */
* { border:0; font-size:100%; margin:0; padding:0; outline:0; vertical-align:baseline; }

html {
background:#fff url('http://frankandjan.com/images/bkgd.png') no-repeat top left;
}

body {
background:transparent url('http://frankandjan.com/images/bkgd2.png') no-repeat bottom right;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
font-size:12px;
}

#page {
margin: 0 auto;
padding: 0em;
width: 800px;
color: black;
}

a { text-decoration:none; color:#000; font-weight:bold; }
a:visited { }
a:hover { color:#c00 !important; }
a:active { color:#c00; }

a img { border: none; }

p { margin: 1em auto; }

.alignleft {
float: left;
}

.alignright {
float: right;
}

blockquote {
margin: 1em 2em 1em 1em;

font-size: 0.9em;
}

form input, select {
border:1px solid #c4c2c2;
}

select { margin: 5px 0; padding: 1px; }
option { padding: 1px 3px; }

/* end whole page */

/* header */
#header { height:175px; width:800px; padding-top:5px; position: relative; }
#mainlogo { position:absolute; right:50%; margin:10px 20px; }
#mainnav { position:absolute; left:50%; padding:25px 10px; border-left:1px solid #e5e5e5; text-transform:uppercase; }
#mainnav li { list-style-type:none;margin-bottom:5px; }
#mainnav a.current { color:#c00; }
/* end header */

/* content area */
#content {
margin: 20px 0;
padding: 20px 20px 0 0;
width: 500px;
float: left;
background-color: #fff;
border-right: 1px solid #e5e5e5;
}

#blogtitle {
display: block; width: 500px; height: 105px;
}

#content h2 {
margin: 0em 0em 1em;
padding: 0em;

font-size: 1.75em;
}

#content .post {
margin: 2em 0em 0em;
}

#content h3 {
margin: 0em;
padding: 0em;

font-size: 1.5em;
}

#content .postmetadata {
color: #777777;
background: inherit;
font-size: 0.9em;
}

#content #commentary {
background: url('commentsplat.png') 0 0 no-repeat;
height: 50px;
font-size: 1.2em;
}

#content #commentary a {
position: relative;
top:8px;
left: 30px;
background: transparent;
display: block;
width: 150px;
height: 50px;
}

#content #commentary a:hover {
background: transparent;
color: #000;
}

#content #commentary a span {
font-size: 1.75em;
color: #fff;
position: relative;
top: 0;
left: -16px;
}

#content .navigation {
margin: 2em 0em 0em;
padding: 0em;

display: block;
}

#content .goback {
margin: 0em 0.5em 0em 0em;
padding: 0em;

float: left;

font-size: 1.25em;
}

#content .goforward {
margin: 0em 0em 0em 0.5em;
padding: 0em;

float: right;

font-size: 1.25em;
}

#content #comments {
margin: 2em 0em 1em;
padding: 0em;

clear: both;
}

#content .commentlist {
margin: 0em;
padding: 0em;
font-size: 0.9em;
}

#content .commentlist li {
margin: 0em;
padding: 0em;
list-style-type: none;
}

#content .commentlist img.avatar {
float: right;
margin-left: 1em;
}

#content .commentmetadata {
margin: 0em 0em 2em;
color: #777777;
background: inherit;
}

#content #respond {
margin: 2em 0em 1em;
padding: 0em;
clear: both;
}

#content .entry p object, #content .entry p img, #content .entry p embed {
xdisplay:block; xmargin:0 auto;
}

#content .entry ul li {
list-style-type:none;
background:transparent url('http://frankandjan.com/images/list-splat.png') 1px 2px no-repeat; margin:5px 0; padding-left:20px;
}

#content .entry blockquote {
border-left: 1px solid #e5e5e5;
padding:.5em 1em;
}

/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* end Theme Directory compatibility */

/* sidebar */
#sidebar {
margin: 40px 0;
padding: 0em;
width: 266px;
float: right;
}

#sidebar h2 {
margin: 0em;
padding: 0em;
font-size: 1.0em;
}

#sidebar h2 a, #sidebar h2 a:visited {
font-weight:bold;
}

#sidebar h2 a:hover {
}

#sidebar ul {
margin: 0em;
padding: 0em;
}

#sidebar ul li {
margin: 0em 0em 1em;
padding: 0em;
list-style-type: none;
}

#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol {
xfont-size: 0.8em;
}

#sidebar ul li ul li, #sidebar ul li ol li {
margin: 0em;
padding: 0em;
}

#sidebar ul li ul li {
background:transparent url('http://frankandjan.com/images/list-splat.png') 1px 2px no-repeat; margin:5px 0; padding-left:20px;
}

#sidebar a {
font-weight: normal;
}

#sidebar .twitter a, #sidebar .twitter-message a {
font-weight: bold;
}

#sidebar .twitter-link {
font-size: 80%;
}
/* end sidebar */

/* footer */
#footer { clear: both; padding:20px 0; margin:0 auto; width:800px; font-size:11px; text-align:center; }
#footer #social { margin:0 auto; padding-bottom: 10px; border-bottom:1px solid #e5e5e5; }
#footer #social a { display:inline-block; text-decoration:none; height:64px; width:64px; text-indent:-10000px; margin:0 5px; }
#footer #social a#facebook { background:url('http://frankandjan.com/images/dot-facebook.png') 0 0 no-repeat; }
#footer #social a#myspace { background:url('http://frankandjan.com/images/dot-myspace.png') 0 0 no-repeat; }
#footer #social a#twitter { background:url('http://frankandjan.com/images/dot-twitter.png') 0 0 no-repeat; }
#footer #social a:hover { background-position:0 -64px !important; } 
#footer ul { margin: 15px auto; }
#footer ul li { display:inline; margin:15px; }
#footer ul li a { color:#444; font-weight: normal; }
#footer p { clear:both; margin:6px 0 0 0; }
/* end footer */