/*
Theme Name: Sandpaper
Theme URI: http://rogersmj.com/design
Description: A modern, paper textured theme
Version: 1.0
Author: Matthew Rogers
Author URI: http://rogersmj.com/
Tags: brown, modern, fixed width

	Sandpaper 1.0
	http://rogersmj.com/design

	This theme was designed and built by Matthew Rogers,
	whose blog you will find at http://rogersmj.com/

*/

@import url("reset.css");

.clear {clear: both;}

.container {width: 980px; margin: 0 auto; position: relative;}

body {
	font-family: Georgia, Times, serif; font-size: 14px; line-height: 20px;
	background: url("http://content.rogersmj.com/themes/sandpaper/images/body_bg.gif");
}

em {font-style: italic;}
b, strong {font-style: bold;}

a {color: #2488c7; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	font-size: 34px; color: #211c16; line-height: 38px; padding-bottom: 15px;
}

h1 a, h2 a, h3 a, h5 a, h6 a {color: #211c16;}

h2 {
	font-size: 26px; line-height: 30px; padding-bottom: 10px;
}

h3 {
	font-size: 18px; line-height: 24px; padding-bottom: 10px;
}

h4 {
	font-size: 16px; line-height: 20px; padding-bottom: 5px;
}

h5, h5 a {
	font-size: 14px; line-height: 18px; color: #544e45; padding-bottom: 5px;
}

h5 a {color: #2488c7;}

.t0 {padding-top: 0 !important;}
.t5 {padding-top: 5px;}
.t10 {padding-top: 10px;}

h6 {
	font-size: 13px; text-transform: uppercase; color: #C27605; line-height: 16px; padding: 0 0 3px 0; font-weight: bold;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; clear: both;
}

p {margin-bottom: 15px;}

.ad, .ad_top {
	margin: 0 auto; text-align: center;
}

.ad_top {
	padding: 10px; background: #d5cfc1;
}

ul li {color: #363128; padding-bottom: 10px;}

img {border: 5px solid white;}

.left {float:left;}
.right{float: right;}

.alignright {float: right; margin: 5px 0 10px 15px;}
.alignleft {float:left; margin: 5px 15px 10px 0;}
.aligncenter {margin: 0 auto; display: block;}

.twitter-timestamp, .timestamp {
	display: block; color: #8A8379; line-height: 15px;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 11px; text-transform: uppercase;}

.wp-caption {padding: 5px; background: #fff; font-size: 12px; text-align: center; margin-bottom: 10px;}
.wp-caption a {color: #211c16; display: block; margin: 0; padding: 0;}
.wp-caption a:hover {text-decoration: none; color: #5b4116;}
.wp-caption img {border: none; display: block; margin: 0 auto;}
.wp-caption-text {margin: 0; display: block;}

.wp-smiley {border: none; display: inline !important;}

a.more-link {margin: 10px 0; font-weight: bold; font-size: 16px; display: block;}

#header {
	background: #c17818 url("http://content.rogersmj.com/themes/sandpaper/images/header_bg.jpg") center top repeat-x;
	height: 93px;
}

#logo {
	position: absolute; width: 245px; height: 106px; left: -15px;
	background: url("http://content.rogersmj.com/themes/sandpaper/images/logo.png");
}

#main_nav {float: right; overflow: hidden; height: 93px;}
#main_nav li {float: left; display: block;}
#main_nav li a {display: block; position: relative; 
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; text-decoration: none;}
#main_nav li a .nav_hover {padding: 28px 16px;}
#main_nav a h1 {font-size: 17px; color: #191919; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; line-height: 21px; padding-bottom: 0px;}
#main_nav a h4 {font-size: 13px; color: #5b4116; line-height: 17px; padding-bottom: 0;}
#main_nav a:hover {background: url("http://content.rogersmj.com/themes/sandpaper/images/nav_hover_left.jpg") left 20px no-repeat; cursor: pointer;}
#main_nav a:hover .nav_hover {background: url("http://content.rogersmj.com/themes/sandpaper/images/nav_hover_right.jpg") right 20px no-repeat;}

#subheader {
	background: #333 url("http://content.rogersmj.com/themes/sandpaper/images/subheader_bg.jpg") left top repeat-x;
	height: 38px; color: #c5ae8a;
}

#subheader a {color: #c5ae8a; text-decoration: none;}

#tagline, #subscribe_search {
	padding: 9px 0; float: left; width: 50%;
}

#subscribe_search {
	float: right; text-align: right; padding: 5px 0;
}

#subscribe_search form {
	text-align: left; display: inline; 
}

#sform input {width: 121px; height: 17px; border: none; margin: 0; padding: 6px 10px 5px 10px; color: #70614f; font-size: 13px;
	background: url("http://content.rogersmj.com/themes/sandpaper/images/search_bg.jpg") left top no-repeat; }

a.icon {padding: 2px 0 2px 24px;}
a.rss {background: url("http://content.rogersmj.com/themes/sandpaper/images/rss_dark.jpg") left top no-repeat;}
a.twitter {background: url("http://content.rogersmj.com/themes/sandpaper/images/twitter_dark.jpg") left top no-repeat;}

#subscribe_search a.icon {margin-right: 15px;}

#contentframe {
	background: #fff url("http://content.rogersmj.com/themes/sandpaper/images/content_bg.jpg") left top repeat-y;
	width: 998px; margin: 20px auto;
}

#contenttop {background: url("http://content.rogersmj.com/themes/sandpaper/images/content_top.jpg") left bottom no-repeat; height: 8px;}
#contentbottom {background: url("http://content.rogersmj.com/themes/sandpaper/images/content_bottom.jpg") left top no-repeat; height: 8px;}

#content {
	padding: 0 9px;
}

#content.twocol {
	background: url("http://content.rogersmj.com/themes/sandpaper/images/content_bg_2col.jpg") left top repeat-y;
}


#feature, .sectiontop {
	background: url("http://content.rogersmj.com/themes/sandpaper/images/feature_bg.jpg") left bottom repeat-x; padding: 0 0 0 0; position: relative;
}

.std_pad {
	padding: 40px;
}

#feature {padding-bottom: 30px;}

#feature #image_shadow {
	background: url("http://content.rogersmj.com/themes/sandpaper/images/image_shadow.jpg") center bottom no-repeat; z-index: 0;
	width: 368px; height: 55px; position: absolute; bottom: 0; left: 22px;
}

#feature .image {
	float: left; width: 340px; height: 200px; padding: 30px 50px 0 40px; z-index: 50; position: relative;
}

#feature .left {
	float: left; width: 490px; padding: 30px 40px 0 0;
}

#feature .image a {
	display: block; 
}

#feature .image img {
	max-width: 320px; display: block; border: 10px solid white; margin-bottom: 40px;
}

#content p {
	color: #363128;
}

a.read_button {
	width: 80px; height: 37px; display: block; margin: 16px 0 0 -2px;
	background: url("http://content.rogersmj.com/themes/sandpaper/images/read_button.png") left top no-repeat;
}
a.read_button:active {
	background-image: url("http://content.rogersmj.com/themes/sandpaper/images/read_button_press.png");
}

.more { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #544e45; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;}
.more a {color: #544e45;}


.column3 {
	width: 260px; float: left;
}

.column3.middle {
	padding: 0 60px;
}

.spacer, .spacer40 {height: 40px;}

ul.thumbnail_list li {
	font-size: 18px; clear: both; margin-bottom: 15px;
}

.thumb64 img {
	width: 64px; height: 64px; border: 5px solid white; margin-right: 15px; float: left;
}

ul.thumbnail_list a h3 {
	color: #48423a; padding-top: 10px;
}

ul.arrow_list li {
	padding: 0 0 9px 20px; background: url("http://content.rogersmj.com/themes/sandpaper/images/arrow_brown.gif") left 3px no-repeat; font-size: 15px;
}

ul.arrow_list li a {color: #544e45;}


#main {
	float: left; width: 520px; padding: 30px 60px 30px 40px;
}

#sidebar {
	float: left; width: 300px; padding: 30px 30px;
}

#sidebar h2 {color: #48423a;}

#sidebar li {
	padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #9B8F81;
}

#sidebar li li {padding: 0 0 5px 0; margin: 0; border:none;}

#sidebar .categories h2 {font-size: 18px; padding-bottom: 10px; line-height: 22px;}

#flickr li a {margin-right: 5px;}

h2.pagetitle {padding-bottom: 10px; border-bottom: 1px dotted #9B8F81; position: relative;}
h2.pagetitle .rss {
	font-size: 12px; background: url("http://content.rogersmj.com/themes/sandpaper/images/rss_light_12x12.gif") left top no-repeat; padding: 0 0 0 15px;
	position: absolute; right: 0; bottom: 12px; line-height: 13px;
}

.entry {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #9B8F81;}
.entry.single {border-bottom: none; margin-bottom: 0 !important; padding-bottom: 20px;}
.entrytitle {padding-bottom: 4px;}
.entrytitle h2 {padding-bottom: 2px;}

.entrybody ul li {
	list-style: square outside; margin-left: 18px;
}

.entrybody ul, .entrybody ol {margin-bottom: 20px;}

.entrybody ol li {
	list-style: decimal outside; margin-left: 18px;
}


.entrybody h3 {
	padding: 20px 0 5px 0; font-weight: bold; clear: both;
}
.entrybody h6 {
	padding-top: 30px;
}

.postinfo {color: #797167; margin-top: 6px;}
.filedto, .tags {display: block;}
.filedto a, .tags a {color: #797167;}

.shadebox, blockquote {
	background: #d5cfc1; padding: 10px 18px;
}

blockquote {
	margin: 20px; font-style: italic; padding-bottom: 2px; border-left: 5px solid #C27605;
}

.similar_posts {
	margin-bottom: 20px;
}
.similar_posts h3 {
	padding-bottom: 5px; font-weight: bold;
}

.avatar {float: left;}
a.commentslink {font-weight: bold; font-size: 16px; padding-left: 20px; background:url("http://content.rogersmj.com/themes/sandpaper/images/comments.png") left 50% no-repeat;color: #C27605;}
.comments {margin-top: 20px;}
.comments p {clear: both;}
.commentmetadata, .commentmetadata .time {color: #48423a;}
.commentmetadata img {float: left; margin-right: 5px;}
.commentmetadata p {float: left; clear: none; font-size: 15px; padding: 2px 5px;}
.commentmetadata .timestamp {padding: 2px 0;}
.commentlist li {
	padding: 15px; border-top: 1px dotted #9B8F81;
}
.commentlist {
	border-bottom: 1px dotted #9B8F81;
}

.pagination {
	margin: 10px 0;
}
.pagination a, .pagination span {
	line-height: 18px; background: #2488c7; color: #fff; padding: 3px; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}
.pagination span {
	background: none; color: #000;
}
.pagination a:hover {
	text-decoration: none; background: #000;
}

.leave_comment {margin-top: 25px;}

#commentform input, #commentform textarea {
	border: 1px solid #9B8F81; background: #F3F1ED; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 15px; padding: 5px;
}

#commentform textarea {
	width: 490px;
}

#commentform label {padding-left: 5px;}

#commentform #submit {
	background: #1B99E2; border: 1px outset #1381C0; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase;
	-moz-border-radius: 5px;
}

#commentform #submit:active {
	border: 1px inset #1381C0; background: #198BCE;
}

#random h3 {
	padding-bottom: 5px;
}

#footer {
	background: url("http://content.rogersmj.com/themes/sandpaper/images/footer_bg.jpg") left top repeat-x; padding: 20px; color: #797167;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#footer .column3 {
	width: 300px;
}

#footer a {
	color: #797167;
}

#footer h4 {
	color: #797167;
}

#footer .rss {background: url("http://content.rogersmj.com/themes/sandpaper/images/rss_small.gif") left 3px no-repeat; padding-left: 17px;}

#footer_logo {
	display: block; width: 127px; height: 30px; background: url("http://content.rogersmj.com/themes/sandpaper/images/footer_logo.jpg") left top no-repeat;
}

#footer_nav {
	margin: 10px 0;
}

#footer #site {font-size: 12px; float: left; width: 300px; padding-right: 60px;}

#footer #site li {
	display: inline; padding: 5px 5px 5px 0;
}

#copyright { font-size: 10px; color: #615649; padding: 5px 0;}

#footer #links {
	width: 580px; float: left;
}

#footer ul#links {
	list-style: none;
}

#footer ul#links h2 {
	font-size: 13px; text-transform: uppercase;
	color: #C27605; line-height: 16px; padding: 0 0 3px 0; font-weight: bold;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans Serif;
}

#footer #links li {
	padding: 0 0 2px 0; font-size: 12px; background-position: left 4px; float: left; margin-right: 10px; width: 120px;
}

#footer #links #linkcat-15 {
	width: 420px;
}

#footer #links #linkcat-362 {margin-right: 0;}

#wpstats {display: none;}

.footer_ad {
	text-align: center; padding-bottom: 20px;
}

.inline {display: inline;}

/* Gallery */
.gallery {
	padding-bottom: 20px;
}

.gallery .gallery-item {
	display: block; width: 90px; height: 90px; 
	overflow: hidden; border: 5px solid #fff !important; 
	margin-right: 10px; text-align: center;
}

.gallery a { 
	text-align: center; margin: 0 auto; display: block;
}

.gallery img {
	border: none !important; position: relative; left: -35%; width: auto;
}

p.attachment {
	text-align: center;
}

.gallery-caption {
	display: none;
}

/* bPhone */
#feature.bphone {
	padding-top: 30px;
}
.bphone h2 {
	color: #544e45; font-size: 22px;
}

.download {
	display: block; background: url("http://content.rogersmj.com/themes/sandpaper/images/download_arrow.gif") left 50% no-repeat; padding-left: 55px;
}
.download b {
	display: block; font-size: 22px; color: #211c16; padding: 0 0 5px 0;
}
.download span {
	color: #544e45; font-size: 13px;
}

.bphone .download {
	margin: 25px 0 0 0; width: 300px !important;
}

#bb_bold {
	width: 297px; height: 282px; position: absolute; right: 30px; bottom: 0;
	background: url("http://content.rogersmj.com/themes/sandpaper/images/bb_bold.jpg") left top no-repeat;
}

#screenshot {
	position: absolute; top: 84px; left: 22px;
}

#screenshot img {border: none;}

#donate {
	position: absolute; right: 370px; bottom: 20px; width: 190px;
}

#donate h4 {font-weight: bold;}

.donations a {
	color: #1A6407; font-size: 16px; font-weight: bold; float: left; display: block;
	border-right: 1px solid #B8B3A6; padding: 8px 10px; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}

.donations a.first {padding-left: none;}

.donations a.last {
	border: none; padding-right: none;
}

#feature.bphone #image_shadow {
	left: 0px;
}
