/*  
Theme Name: r2
Theme URI: http://robgoodlatte.com
Description: Design for release 2 of RobGoodlatte.com, July 2007
Author: Rob Goodlatte
Author URI: http://robgoodlatte.com

	r2
	 http://robgoodlatte.com

	This theme was designed and built by Rob Goodlatte,
	whose blog you will find at http://robgoodlatte.com/

	The CSS, XHTML and design are copyright 2007 Rob Goodlatte

*/


/*
-----------------------------------------------
robgoodlatte.com r2
Author:   Rob Goodlatte
Written:  July 9, 2007
----------------------------------------------- */

/* Now with 100% less @import for faster page loads! */


/* Reset Styles */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a.post_link,
a.post_link embed,
a.post_link object,
a.post_link h2 {
  cursor: pointer !important;
}

/* Main style rules */

body {
	background: #bf9665 url('../images/background.jpg') top left repeat-x;
 	margin: 0; padding: 0; text-align: center;
}
body, p {
	color: #111;
	font: normal 13px/20px Tahoma, Arial, sans-serif;
}
input, textarea {
	font-family: Tahoma, Arial, sans-serif;
}

p {
	margin-bottom: 18px;
}

em, p em, div em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

span.sm, span.sm a {
	font-size: 11px;
}

h2 {
	font-size: 28px;
	font-weight: bold;
}

ol {
	line-height: 18px;
	list-style-type: decimal;
}


h2 a {
	border: none;
	color: #222;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

#maincontent .feature h3 {
	margin-top: 24px;
	margin-bottom: 14px;
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #222;
}



.feature small, .feature small a {
	font-size: 10px;
}

.feature code {
	font-size: 10px;
	background: #fcf0d8;
	border-left: 2px solid #dbcaa9;
	padding: 8px;
}


h3 small {
	font-size: 9px;
	margin-left: 4px;
	display: block;
	margin-top: 6px;
	margin-bottom: 4px;
	
}

a:link, a:visited {
    color: #8a3d3d;
    text-decoration: none;
    border-bottom: #8a3d3d;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a:hover {
	border-style: none none solid none;
}

a.spartan, a.replaced {
	border-bottom: none;
	text-decoration: none;
}
a.bookmarklet {
	border: 1px solid #bbb;
	padding: 5px 14px;
	background: #ccc;
	color: #555;
	font-size: 13px;
	font-weight: bold;
}

blockquote {
	border-left: 2px solid #8b765b;
	margin-left: 20px;
	padding-left: 10px;
	color: #847057;
}

blockquote.bigquote, blockquote.bigquote p {
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	font-family: Georgia, serif;
	font-style: italic;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}

blockquote.mediumquote, blockquote.mediumquote p {
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	font-family: Georgia, serif;
	font-style: italic;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}

blockquote.mediumquote cite, blockquote.mediumquote p cite {
	font-size: 11px;
	font-weight: normal;
}

span.readmore {
	display: block;
	background: url('../images/readmore_icon.gif') 0 0px no-repeat;
	padding-left: 22px;
	height: 17px;
	float: left;
}

.feature ul li {
	margin: 7px 0;
	background: url('../images/bullet.png') 0 2px no-repeat;
	padding-left: 14px;
	margin-left: -14px;
	line-height: 18px;
}
.feature ul li p {
	line-height: 18px;
}
.feature ul {
	margin-bottom: 18px;
}

.flower {
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/flower.gif') 0 2px no-repeat;
	width: 5px; height: 18px;
	margin: 0 8px;
}

.breaker {
	display: block; clear: left;
	width: 30px; height: 30px;
}

.1-col-left {
	display: block;
	float: left;
	width: 138px;
}
.indented-right {
	display: block;
	float: left;
	margin-left: 148px;
	margin-bottom: 18px;
	margin-top: -18px;
}

------------------------------- */
.indented-right:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.indented-right {display:inline-block;}
/* Hide from IE Mac \*/
.indented-right {display:block;}
/* End hide from IE Mac */

h3.serif {
	font-family: Georgia, serif;
}

img.2col {
	float: left;
	display: block;
	margin-right: 20px;
}
img.2col-last {
	float: left;
}
img.feature-post {
	margin-top: 4px;
}

#wrapper {
	width: 930px; margin: auto;
	background: url('../images/content_bg.png') top left repeat-y;
	text-align: left;
}

#single #wrapper {
	background: url('../images/content_bg_single.png') top left repeat-y;
}


#main {
	width: 930px; margin: auto;
	background: url('../images/header.jpg') top left no-repeat; 
	text-align: left;
}
#single #main {
	background: url('../images/header_single.jpg') top left no-repeat; 
}

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

#header{
	width: 930px; height: 134px; margin: auto;

}


#branding {
	padding: 32px 0 0 46px;
	float: left;
}


#branding h1 a{
text-indent: -9999px; display:block;width:250px;height:80px;text-decoration:none;
}



ul#navigation {
	float: right;
	margin: 70px 25px 0 0;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a {
	display: block;
	float: left;
	padding: 0 5px 0 5px;
	height: 20px;
	margin-left: 20px;
	color:#FFFFFF;
	font-weight:bold;
}



ul#altlinkler {
	float: right;
	margin: 70px 70px 20px 0;
}

ul#altlinkler li {
	display: inline;
}

ul#altlinkler li a {
	display: block;
	float: left;
	padding: 0 5px 0 5px;
	height: 20px;
	margin-left: 20px;
	color:#000;
	font-weight:bold;
}

.secondaryimg {
	float: right;
	margin: 4px 0px 12px 16px;
	border: 1px solid #ccb98e;
}

/* ---------------------------------------
	CONTENT and FEATURE CONTENT
------------------------------------------ */

.content {
	padding: 0 0 42px 44px;
	float: left;
}

#maincontent {
	float: left;
	width: 610px;
	margin: 0 0 0px 44px;
}

.feature-header {
	width: 604px;
	padding-bottom: 5px;
	padding-top:10px;
	background: url('../images/rule.gif') bottom left repeat-x;
	line-height: 26px;
	font-size:18px;
	color:#990000;
	height:55px;
	margin-bottom: 20px;
	float: none;
}

.feature {
	width: 574px;
	margin: 10px 0 0 9px;
}

.feature .col1 {
	width: 270px; margin-right: 34px;
	float: left;
	line-height: 18px;
}
.feature .col2 {
	width: 270px; float: left; line-height: 18px;
}

.feature-header span, .recent-post-header span {
	color: #5f5034;
	position: relative;
	top: -3px;
	margin-left: 8px;
	font-family: Georgia, serif;
	font-style: italic;
}
.feature-header span a {
	border: none;
}
img.featureimg {
	float: left;
	margin: 4px 16px 12px 0;
	border: 1px solid #ccb98e;
}

.feature img.borderless {
	border: none;
}

img.outlined {
	border: 1px solid #ccb98e;	
}

.subpage img.featureimg {
	margin: 4px 16px 12px 0;
}

.feature-footer {
	font-family: Georgia, serif;
	font-size: 13px;
	margin: 0 0 28px 9px;

}

/* ---------------------------------------
	RECENT POSTS
------------------------------------------ */

.recent-post {
	width: 292px;
	float: left;
	margin: 0 20px 28px 0;
}

.recent-even {
	margin-right: 0;
}

.recent-post-header {
	padding-bottom: 2px;
	background: url('../images/rule.gif') bottom left repeat-x;
	line-height: 11px;
}

.recent-post-header span {
	font-size: 11px;
}

.subpage h3 {
	margin-bottom: 12px;
}

p.subscribe-para {
	float: right;
	margin: 10px 12px 0 0;
	font-size: 11px;
	width: 155px;
	line-height: 18px;
}

p.subscribe-para span.subscribe-small {
	font-size: 9px;
}

br.clearbreak {
	clear: left;
}

#subscribe_icon {
	margin: 12px 0 0 12px;
	float: left;
}
#single_subscribe_icon {
	margin: 5px 7px 15px 8px;
	float: left;
}

.recent-post p img {
	float: left;
	margin: 0 11px 8px 0;
	border: 1px solid #d3b784;
}

.recent-meta {
	width: 183px;
	display: block;
	float: right;
	margin: 10px 0 2px 0;
}

.read-recent {
	float: left;
}

.recent-post p {
	margin: 8px 11px 0 9px;
	font-size: 11px;
}

span.recent-comments a {
	display: block;
	float: left;
	padding-right: 18px;
	height: 16px;
	background: url('../images/comment_icon.gif') right top no-repeat;
	border: none;
}

span.recent-comments a span{
	border-bottom: #8a3d3d;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
}
span.recent-comments a:hover span{
	border-bottom: #8a3d3d;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}
.feature-footer .recent-comments {
	padding-right: 19px;
}

/* ---------------------------------------
	COMMENTS
------------------------------------------ */
ol.commentlist {
	margin-top: 17px;
}
.commentlist li {
	display: block;
	clear: both;
	margin-bottom: 9px;
}
.commentlist li div.comment {
	width: 424px;
	display: block;
	float: right;
	margin-top: 5px;
}
li.alt div.comment {
	background: url('../images/comment_top.gif') top left no-repeat;
}
.commentlist li div.comment_body{
	width: 424px;
	display: block;
	
}
#commentform textarea {
	font-size: 11px;
}

.commentlist li div.comment_body div.comment_text blockquote {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}


.commentlist li div.comment_body div.comment_text blockquote p  {
padding-left: 45px;
background: url('../images/hanging_quote.gif') top left no-repeat;	
}
li.alt div.comment_body {
	background: url('../images/comment_bottom.gif') bottom left no-repeat;
}
div.comment_text {
	padding: 19px 30px 12px 30px;
}
.comment_text a {
	color: #383838;
	border-color: #383838;
}
div.comment_meta {
	width: 136px;
	display: block;
	float: left;
	padding-top: 23px;
	line-height: 18px;
	padding-bottom: 13px;
}
div.comment_meta a:hover {
	text-decoration: underline;
}
.comment_meta cite {
	font-weight: bold;
	color: #37322a;
	display: block;
	width: 136px;
	background: url('../images/rule_desat.gif') bottom left repeat-x;
	margin-bottom: 0;
}
.comment_meta cite a {
	border: none;
	color: #37322a;
}
#comment_section_head, #comment_section_foot {
	width: 100%; display: block;
	background: url('../images/rule_green.gif') bottom right repeat-x;
}
#comment_section_head {
	margin: 14px 0 8px 0;
	display: block;
}
#comment_section_foot {
	margin-top: 10px;
}



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

.sidebar, .sidebar-single {
	width: 244px;
	background: url('../images/grunge_column_top.gif') top left no-repeat;
	float: right;
	margin: 14px 29px 20px 0;
}
.secondary {
	width: 244px;
	float: right;
	background: url('../images/grunge_column_bottom.gif') bottom left no-repeat;
	padding-bottom: 25px;
}

.sidebar-single {
	margin-top: 20px;
}
.sidebar-single, .sidebar-single .secondary {
	background-image: none;
}
.sidebar .secondary .content, 
.sidebar .alt-content, 
.sidebar-single .secondary .content, 
.sidebar-single .alt-content {
	margin: 31px 9px 0 11px;
	width: 214px;
	padding: 0;
	background: url('../images/side_rule.gif') 0 23px repeat-x;
	line-height: 18px;
}




.sidebar .alt-content, .sidebar-single .alt-content {
	clear: left;
	margin: 18px 9px 0 11px;
	padding: 0 0 6px 0;
	background: url('../images/side_rule_alt.gif') 0 23px repeat-x;
	color: #4a3724;
}

.sidebar-single .alt-content, .sidebar-single .secondary .content, .sidebar-single .alt-content {
	background-image: none;
}


.sidebar .secondary .content p, .sidebar-single .secondary .content p {
	padding: 0 6px;
	font-size: 11px;
	color: #4a3724;
}

img#vector {
	margin: 12px 0 8px 0;
}

img.flickr_feature {
	margin: 10px 0 0 3px;
	border: 1px solid #d4b076;	
}
#flickr_bug {
	float: right;
	margin: 6px 8px 0 0 ;
}

h4.photo_title {
	font-size: 10px;
	line-height: 13px;
	float: left;
	margin: 6px 0 18px 8px;
	font-style: italic;
	font-family: Georgia, serif;
}

h4.photo_title span{
	font-weight: bold;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-family: Tahoma, Arial, sans-serif;
}

#archive-count {
	float: right;
	width: 210px;
	font-size: 10px;
	font-family: Georgia, serif;
	text-align: right;
}
#smarchivebymonth {
	float: left;
	margin-bottom: 6px;
}
#smarchivebymonth a, #category-list li a {
	color: #9d5f39;
	border-color: #9d5f39;
}
#smarchivebymonth a, #smarchivebymonth span{
	font-size: 10px;
	margin-right: 4px;		
	float: left;
	display: block;
	height: 14px;
}
#smarchivebymonth strong {
	display: block;
	float: left;
	font-size: 9px;
	font-style: italic;
	margin: 0 5px 0 9px;
	font-weight: normal;
	height: 14px;
}
ul#category-list {
	width: 200px;
	margin: 0 0 6px 12px;
}
ul#category-list li {
	display: inline;
	font-size: 11px;
}
ul#category-list li:after {
	content: ",";
}
ul#category-list li:last-child:after {
	content: "";
}
#search_field {
	margin-left: 12px;
	background: #f4eec9;
	border: 1px solid #ceceaa;
}
#searchsubmit {
	position: relative;
	top: 4px;
	margin-left: 3px;
}

h4.side_title {
	font: 10px/18px Georgia, serif;
	color: #332215;
	font-style: italic;
	text-transform: uppercase;
	height: 17px; width: 214px;
	padding-top: 1px;
	text-indent: 8px;
	background: url('../images/rule.gif') bottom left repeat-x;
}
span.side_meta {
	display: block;
	font-size: 11px;
	margin: 1px 0 17px 12px;
}
#top_meta {
	margin-bottom: 12px;
}
h4.popular-title {
	margin-top: 35px;
}
/* ---------------------------------------
	FOOTER
------------------------------------------ */

.footer {
	clear: left;
	display: block;
	width: 930px;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;
	height: 200px;
	padding-bottom: 30px;
	background: url('../images/footer_bottom.gif') bottom left no-repeat;
}

.footer .wrapper {
	margin: 0;
	height: 50px;
	background: url('../images/footer_top.gif') top left no-repeat;
	font-size: 12px;
}
.footer .wrapper .content {width: 900px; margin-top:50px;color:#FFFFFF; }

.footer a {
	color: #d0b878;
	border-color: #d0b878;
}

/* ---------------------------------------
	THREE QUESTIONS STYLES
------------------------------------------ */
p.interviewer, p.subject {
	display: block;
	width: 58px;
	margin: 2px 20px 0 0;
	font-weight: bold;
	float: left;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
}
p.question, p.answer {
	width: 468px;
	margin-left: 78px;
}

.pullquote {
	float: right;
	width: 200px;
	display: block;
	margin: 0 0 14px 14px;
	font-family: Georgia, serif;
	line-height: 22px;
	font-size: 14px;
	font-style: italic;
}


/* ---------------------------------------
	TEXT REPLACEMENT
------------------------------------------ */
h2.feature {
	width: 550px;
	height: 46px;
	margin-left: 8px;
	line-height: 32px;
	font-style: normal;
	font-size: 28px;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	float: none;
	clear: left;
}

h2.feature a {
	border: none;
	color: #402f22;
	display: block;
	margin-bottom: 2px;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-size: 32px;
	font-weight: normal;
	float: none;
	clear: left;
}

h2.feature a:hover {
  color: #4c392b;
}

h3.recent {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
  width: 286px;
	margin: 0 0 10px 8px;
}

h3.recent a {
	border: none;
	width: 286px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #402f22;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
}

h3.recent a:hover {
  color: #4c392b;
}

#maincontent .feature h3.comment-type,
h3.comment-type {
  color: #585e41;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-weight: normal;
	font-size: 24px;
	width: 520px;
  padding-bottom: 6px;
}

#reply-text {
height: 28px;	
}



#comment-inputs input, #comment-inputs label, #comment-inputs p {
	float: left;
}
#comment-inputs label {
	margin:1px 0 0 11px;
}
#comment-inputs p {
	margin-bottom: 10px;
}
a.comment-time {
	font-size: 11px;
	font-family: Georgia, serif;
	font-style: italic;
	border: none;
}
#author-label {
	background-image: url('../images/name.gif');
}
#mail-label {
	background-image: url('../images/mail.gif');
}
#url-label {
	background-image: url('../images/website.gif');
}
.comment-input {
	clear: left;
}
#submit-comment {
	margin-top: 8px;
	margin-bottom: 18px;
}

/* --------------------------------
	FANCY TYPE
	------------------------------- */
span.amp {	
	font-size: 120%;
	font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

/* --------------------------------
	MISC
	------------------------------- */
	
.6-col-right {
	width: 448px;
	float: right;
	display: block;
}

div.prose {
	width: 448px;
	clear: left;
	display: block;
}

/* --------------------------------
	CLEARFIX
	------------------------------- */
	.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


  /*****************************************************************************
  scalable Inman Flash Replacement (sIFR) version 3.

  Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

  Older versions:
  * IFR by Shaun Inman
  * sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
  * sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

  This software is licensed and provided under the CC-GNU LGPL.
  See <http://creativecommons.org/licenses/LGPL/2.1/>
  *****************************************************************************/

  @media screen {
    .sIFR-flash {
      visibility: visible !important;
      margin: 0;
      padding: 0;
    }

    .sIFR-replaced, .sIFR-ignore {
      visibility: visible !important;
    }

    .sIFR-alternate {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      display: block;
      overflow: hidden;
    }

    .sIFR-replaced div.sIFR-fixfocus {
      margin: 0pt; 
      padding: 0pt; 
      overflow: auto; 
      letter-spacing: 0px; 
      float: none;
    }
  }

  @media print {
    .sIFR-flash {
      display    : none !important;
      height     : 0;
      width      : 0;
      position   : absolute;
      overflow   : hidden;
    }

    .sIFR-alternate {
      visibility : visible !important;
      display    : block   !important;
      position   : static  !important;
      left       : auto    !important;
      top        : auto    !important;
      width      : auto    !important;
      height     : auto    !important;
    }
  }

  /*
  Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
  so they only apply if sIFR is active. Make sure to limit the CSS to the screen
  media type, in order not to have the printed text come out weird.
  */
  @media screen {
    .sIFR-active h2 {
      font-family: Verdana;
      visibility: hidden;
      margin-bottom: -4px;
    }
    .sIFR-active h3.recent {
      font-family: Verdana;
      visibility: hidden;
      margin-bottom: 0;
    }
    
  }

.feature form
			{
				border-top: 1px solid #ead5c9;
				padding: 20px 0 0;
			}
				.feature form .item
				{
					width: 100%;
					overflow: hidden;
					margin: 0 0 15px;
				}
					.feature form .item label
					{
						width: 100px;
						font-weight: bold;
						text-align: right;
						display: block;
						float: left;
						padding: 4px 0 0;
						margin: 0 20px 0 0;
					}
						.feature form .item label.hidden	{ text-align: left; text-indent: -9999px; }
						.feature form .item label small 	{ font-weight: normal; color: #b8734d; }

					.feature form .item input.text,
					.feature form .item textarea,
					.feature form .item input.submit
					{
						width: 350px;
					}
					.feature form .item textarea
					{
						height: 150px;
						overflow: auto;
					}
					.feature form .item input.submit
					{
						background-image: url('../images/form_submit.gif');
					}