/*  
Theme Name: SF Tweed
Description: 2 Column, widget-ready fixed width theme featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to Wordpress 2.7.
Version: 1
Author: Colin Fahrion
Author URI: http://www.catcubed.com
Previous Credits: mildly based on Wasteland by Mina http://the-cloisters.net/themedemos/?SelectedTheme=Wasteland
Tags: 5 column, fixed width, gravatars, widgets, creme, brown, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { margin: 0; padding: 0;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 { color: #533419; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.display {font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif;font-size:1.2em;font-weight:700;font-style:italic;}
a:link, a:visited { text-decoration: none; color: #600800; }
a:hover { text-decoration: underline; color: #173d30; }
p { margin: 10px; line-height: 1.42em;}
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #7c7953; border-right: 2px solid #7c7953; }
.small {font-size: .8em;}

.footnote {display:block;font-size: 0.9em; color: #444; border-top: 1px solid #9c9889;padding:10px 15px;margin-top:15px;}
.footnote:first-line {margin-left:-5px;}



/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #5f4b3e url(http://sftweed.com/files/2009/04/herribone-pattern.gif) repeat fixed; color: #222;}

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #d3cfba url(http://sftweed.com/files/2009/04/main-area-bg.gif) ; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; border: 4px solid #000; border-bottom: 6px solid #000;}
#container { background: url(http://sftweed.com/files/2009/04/content-top-gears-bg.gif) no-repeat; float: left; width: 738px; margin: 0 0 0 10px; padding: 16px 0 0; }
#container_wide { background: #ebe1c8; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 19px 5px 34px; }
.post h1 { color: #173d30; margin: 0; padding: 0;height:35px;
	font: 400 2.4em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
	background: url(http://sftweed.com/files/2009/04/double-line.gif) repeat-x 0 29px;
}
.post h1 a {color: #173d30}
.post h1 a:hover { color: #600800 }
.post h2 { margin: 10px 0; padding: 0;
	font: 400 1.8em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}
.post h3 { margin: 10px 0; padding: 0;
	font: 400 1.4em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}
.entry { font-size: 1.1em; line-height: 1.42em; padding: 0 0 20px 0;
	background-position: 0pt 100%;
	background-repeat: repeat-x;
	background-attachment: scroll;
}
.entry ul {list-style-type: square;margin:0 0 0 20px}
.entry li {margin: 0 0 6px 10px;}
.postmetadata { color: #736f5d;margin: 20px 0 0; font: .9em Garamond, "Adobe Garamond Pro", "Times New Roman", Times; border-top: 4px double #9c9889;border-bottom: 4px double #9c9889;padding: 6px 10px;}
.date {	color: #736f5d;	font: .9em Garamond, "Adobe Garamond Pro", "Times New Roman", Times; margin: 0 0 20px;
	padding-top: 6px;
}
.date a, .postmetadata a { text-decoration:underline;}

#author-box { min-height: 115px; margin: 10px 0 20px; background: #ccd7d3; border: 4px double #93a69e;
	padding: 6px 16px 16px;
}
#author-box .avatar { float: left; width: 80px; height: 80px; margin: 6px 15px 2px 0;}
#author-box h2 { padding: 0; margin: 5px 0 5px 0; font: 1.4em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
	color: #173d30;
}
#author-box h3 { font: bold 1.2em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;}

.update {border:4px double #9C9889; padding:6px 15px;margin:6px;background:#ffd;}

/***** HEADER *****/
#header-wrap { float: center; width: 1000px; height: 140px; background: #ebe1c8; padding: 0; margin: 0 auto 0 auto; }
.header { background: #ebe1c8 url(http://sftweed.com/files/2009/04/tweedbanner.gif) no-repeat; width: 1000px; height: 200px; margin: 0; padding: 0; float: left; text-indent: -5000px;}
.header #sitetitle { width: 500px; padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 40px; text-align: left; }
.header #sitetitle a { text-decoration: none; color: #3f3013; }
.header #sitetitle a:hover { text-decoration: none; color: #cc9933; }
.header .description { width: 500px; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #3f3013; text-align: left; text-transform: lowercase; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 980px; height: 45px; margin: 0; padding: 0; display: inline; background: #9fa1a7 url(http://sftweed.com/files/2009/04/topnav-bg.gif) repeat; border-left: 10px solid #000;border-right: 10px solid #000;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.menu ul { padding: 0; list-style: none;
	margin: 13px 0 0 150px;
}
.menu ul li { display: inline; margin: 0;}
.menu ul li a { width: 100%; margin-left: 10px; border: 4px double #000; text-decoration: none; color: #721c19; font: 700 1.2em Garamond, "Adobe Garamond Pro", "Times New Roman", Times; background: #e8dccb url(http://sftweed.com/files/2009/04/topnav-arrow2.gif) no-repeat 5px 5px;
	padding: 4px 12px 1px 24px;
}
.menu ul li a:hover { color: #000; background-color: #916965;background-position:5px -55px}
.menu a:link, .menu a:visited { text-decoration: none; color: #721c19; }

/***** IMAGES AND OBJECTS *****/
p img { padding: 0; max-width: 100%; }
a img { border: #544b40 1px solid; padding: 3px; background: none; }

img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0 10px 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.alignright { float: right; margin: 0 0 10px 25px;}
.alignleft { float: left; margin: 0 25px 10px 0;}
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#flickrrss img { border: 1px solid #544b40; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #544b40 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #544b40 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 20px 5px 10px; line-height: 18px;
	text-align: right;
	font: 1.4em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}

/***** FOOTER *****/
#footer  { float: left; height: 30px; margin: 0; padding: 0; display: inline;
	background-repeat: repeat;color: #736f5d;
	width: 1000px;
}
#footer p { font-size: .9em; float: left; line-height: 18px;
	margin: 0 0 0 45px;font: .9em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}


/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 10px 10px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
#left_sidebar { width: 210px; float: left; margin: 0 0 20px 5px; padding: 0 auto 0 auto; clear: left;
} 
#right_sidebar { width: 210px; float: right; padding: 0 auto 0 auto; vertical-align: top;
	margin: 0 21px 20px 0;
	font-size: .9em;
}  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #600800;
	text-decoration: underline;
}
#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1.08em; display: inline; margin: 0; padding: 0; color: #173d30;}
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { text-transform: uppercase; letter-spacing: normal; text-align: center; background: url(http://sftweed.com/files/2009/04/sidebar-header-bg.gif) repeat;
	height: 17px;
	padding: 4px 3px 2px 0px;
	color: #173d30;
	font-size: 1.2em;
	margin: 15px auto 10px;
} 

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Garamond, "Adobe Garamond Pro", "Times New Roman", Times; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Garamond, "Adobe Garamond Pro", "Times New Roman", Times; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { border: 4px double #9c9889;
	background-color: #dbc6b5;
	padding: 2px 16px 0;
	color: #533e34;
}
.comments-template ol { margin: 0; padding: 0; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 0;
	border-top: 4px double #9c9888;
}
.comments-template h2 { margin: 10px 0 0 0;padding: 0 0 10px;
	font: 2.0em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}
.comments-template h3 { margin: 10px 0 0 0;padding: 0 0 10px;
	font: 1.6em Garamond, "Adobe Garamond Pro", "Times New Roman", Times;
}
.comments-template h2 em {
	font-size: .7em;
}
.commentmetadata { font-size: 9px; margin-left:44px;}
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }

.comments-template .avatar  {
	margin: 0 10px 4px 0;
}
.comments-template p{
	margin-left:44px;
}
.authorcomment { background: #ded3b7; }

/***** TOP *****/
#top { clear: both; float: left; width: 780px; margin: 14px 0 0 0; padding: 0; background: #ebe1c8; }

/***** TOP SECTIONS*****/
.top-section { background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; float: left; width: 780px; height: 157px; margin: 0; padding: 0; color: #444; }
.top-section .area { background: #ded3b7; float: left; width: 230px; height: 150px; margin-left: 5px; padding: 0; border: #d5c7a4 1px solid; }
.top-section .area.extra { background: #ded3b7; width: 535px; height: 150px; margin-left: 5px; padding: 0; }
.top-section .area h2 { color: #444; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; width: 95%; }
.top-section .area ul li ul li { list-style: none; margin: 0; }
.top-section .area li { list-style: none; text-align: left; margin: 0; font-size: 1.1em; }
.top-section .area a { color: #444; font-size: .8em; }
.top-section .area a:hover { color: #fff; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 3px; } 
*html #main_content { padding-bottom: 10px; border: #fff 3px double; }
*html #container { width: 520px; margin: 0 10px 0 2px; padding: 0 10px 10px 10px; }
*html #container_wide { margin: 0 0 0 20px; }
*html #top, .top-section { margin-left: -1px; }
*html .top-section .area { height: 150px; }
*html .top-section .area.extra { width: 530px; height: 150px; }

/* Flickr Quick Widget */
.flickrquickwidget {
text-align: center
}

.tweetbtn {
float:right;
border:1px solid #9C9889; padding:2px 5px 2px 3px;margin:0px;background:#CAE3E1;
}
.tweetbtn img {border:0;vertical-align: middle}
.tweetbtn a {color: #173d30;font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
.tweetbtn a:hover {color: #600800;}

.vidFrame {margin:0 auto;display:block;border:4px double #000;}

.post hr {height:1px;border:0;border-bottom:1px solid #9C9889;margin:15px 10px;}

#twitter_profile {font-weight:700;margin: 0 10px 6px 0; border: 4px double #6F8E8E; padding: 8px 4px 4px;background:#A2C1BB}
#twitter_profile img {border:1px solid #6F8E8E}