/* 
Theme Name: mattfraction.com
Theme URI: http://mattfraction.com
Description: Custom theme for mattfraction.com 2008
Version: 1.0
Author: Ariana Osborne	
Author URI: http://arianaosborne.com
*/

body { 
	background:url(images/background.png) no-repeat left top #000000;
	background-attachment:fixed;
	color: #000000;
	margin: 0;
	padding: 0;
	font: 12px Helvetica, Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	line-height: 1em;
	}

/* links & images - Global */
a { color: #e52e10; text-decoration: none;}
a:hover { color: #ff0000;}

img, a img {margin:0; padding:0; border:0px solid #000000;}

/* CONTAINS ENTIRE PAGE */
#body-container {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	}

/* HEADER */

#header {	
	width:400px;
	overflow:hidden;
	padding:0 5px 5px 5px;
}
#header .headertags {font-weight:normal; vertical-align:middle; overflow:hidden; line-height:16px; min-height:12px; background: #000000; padding:2px 5px 5px 5px; color:#FFFFFF;}
#header .headertags .textwidget a{color:#e52e10;}

#header .headerelse {padding-top:5px;}


/* BLOG COLUMN */
#content {
	width:410px;
	overflow:hidden;
	margin-top: 5px;
	padding: 0;
	}

/* BOOK LINKS */
#sidebar {
	color:#000;
	position:fixed;
	left:420px;
	top:0;
	width:430px;
	overflow:hidden;
	float: left;
	}

#sidebar .menu ul.pagetitlelinks { 
	list-style-type: none;
	margin-top: 28px;
	padding: 0 0 0 18px;
	font-weight:bold;
	font-size:14px;
	line-height:17px;
	color:#FFFFFF;
	}

#sidebar ul.pagetitlelinks li.PT1 {padding-left: 0;}
#sidebar ul.pagetitlelinks li.PT2 {padding-left: 70px;}
#sidebar ul.pagetitlelinks li.PT3 {padding-left: 10px;}
#sidebar ul.pagetitlelinks li.PT4 {padding-left: 180px;}
#sidebar ul.pagetitlelinks li.PT5 {padding-left: 10px;}
#sidebar ul.pagetitlelinks li.PT6 {padding-left: 210px;}
#sidebar ul.pagetitlelinks li.PT7 {padding-left: 100px;}
#sidebar ul.pagetitlelinks li.PT8 {padding-left: 30px;}
#sidebar ul.pagetitlelinks li.PT9 {padding-left: 130px;}
#sidebar ul.pagetitlelinks li.PT10 {padding-left: 40px;}
#sidebar ul.pagetitlelinks li.PT11 {padding-left: 50px;}
#sidebar ul.pagetitlelinks li.PT12 {padding-left: 10px;}
#sidebar ul.pagetitlelinks li.PT13 {padding-left: 50px;}
#sidebar ul.pagetitlelinks li.PT14 {padding-left: 0px;}

#sidebar ul.pagetitlelinks li a{
	color: #000000;
	text-decoration: none;
	}

#sidebar ul li a:hover{}

/*New This Week*/
#sidebar .menu-new{
	margin-top: 220px;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	line-height:17px;
	color:#FFFFFF;
	}

#sidebar .menu-new .menu-header{color:#000000;}
#sidebar .menu-new a{color:#000000;	}
#sidebar .menu-new .textwidget{padding-left:45px;	}
#sidebar .menu-new .textwidget span.ntw{color:#000000;}

/* KEL, HENRY, & OUTBOUND LINKS */
#sidebar2 {
	color:#FFF;
	font-weight:bold;
	position:fixed;
	left:1170px;
	top:0;
	overflow:hidden;
	}

#sidebar2 .sidebar2links{
	padding-left:80px;
	font-size:14px;
	line-height:16px;
	}


#sidebar2 .sidebar2links a{
	color:#000;
	}


/* HEADERS */
h1, h2, h3, h4, h5, h6 {}
h2 {font-size: 19px;}
h2.post-title {display: block; background: #000000; min-height:31px; margin:0;}
h2.post-title span.postdate {line-height:27px; padding:2px 5px; width:75px; height:100%; display:inline; float:left; color:#FFFFFF;}
h2.post-title span.posttitle{line-height:27px; padding:2px 5px; width:300px;display:inline; float:left; border-left:5px solid #FFFFFF;}
h2.post-title span.pagetitle{line-height:29px; padding:2px 5px 0 5px; width:380px;}


/* POSTS & PAGES - BLOG COLUMN CONTENT*/
.post {
	width: 400px; 
	margin-bottom:20px; 
	padding:5px;
}

.entry { 
	width: 400px; 
	margin:0; 
	padding:0;
	overflow:hidden; 
	background: #fff; 
	line-height:120%;
	text-align:justify;
}

.entry p{padding:0 2px;}

blockquote { color: #660000; background:url(images/quote.png) no-repeat left top;font-style:italic;padding:3px 34px;margin:3px;}
blockquote blockquote { font-style:italic; }

.post ul { list-style-type: none; margin: 0; padding: 0; }
.post ul li { 
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat 0 .4em;
	}
.post ol { margin: 0; padding: 0 0 0 25px; }
.post ol li { margin: 1px 0; padding: 0; }

.entry img {margin-top:5px; max-width:400px!important;}
.entry .flickr-frame {margin:0!important; padding:0!important;}
.entry .flickr-frame a img {max-width:396px!important;}

/* postmetadata */

.post-meta {display: block; background: #000000; padding:5px; font-weight:normal;}
.post-meta span.posttags {color:#e52e10; margin-left:20px;}
.post-meta span.posttags a{color:#FFFFFF;}

/* tables */
.post table { border: none; background: #ffffff; }
.post tr, .post td { border: 1px solid #809595; background: #e9f0e8; }

/* other basics & typography */
small { font-size: .9em; }

/* navigation & left, right, center alignment */
.navigation {display: block; background: #000000; color:#ffffff; padding:5px; font-weight:normal; margin: 25px 5px;line-height:14px;min-height:14px;}
.previous, .left, .alignleft { float: left; }
.next, .right, .alignright { float: right; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }


/* search */
#searchform { margin:0; padding:0;width: 148px; }
#searchform input.sidebar-search { margin:0; padding:0 2px; width: 148px; border: 0px solid #415160; }

/* COMMENTS */
ol.commentlist { list-style-type: none; margin: 0; padding: 0; background-color:#fff; }
ol.commentlist li { margin: 0; padding: 7px; border-bottom: 1px solid #415160; }
ol.commentlist li.alt {}

/* FOOTER */
#footer {
	position:fixed;
	left:511px;
	top:760px;
	margin: 0;
	padding: 0;
	}

#flickr_badge_wrapper {margin:0;max-height:230px;overflow:hidden;}

#flickr_badge_wrapper #flickr_badge_image1 {padding-top:2px;margin-right:35px}
#flickr_badge_wrapper #flickr_badge_image2 {padding-top:8px;margin-right:17px}
#flickr_badge_wrapper #flickr_badge_image3 {padding-top:12px;margin-right:25px}
#flickr_badge_wrapper #flickr_badge_image4 {padding-top:14px;margin-right:32px}
#flickr_badge_wrapper #flickr_badge_image5 {padding-top:20px;margin-right:20px}
#flickr_badge_wrapper #flickr_badge_image6 {padding-top:25px;}
#flickr_badge_wrapper .flickr_badge_image {display:inline; float:left;}
#flickr_badge_wrapper .flickr_badge_image img {width:135px; height:200px;}

/*STUPID FIXES FOR IE*/

h2.post-title:after, div.post-meta:after{
clear:both;
content:".";
display:block;
height:0px;
visibility:hidden;
}

.navigation:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}