/*
Theme Name: Yellow Stripe
Theme URI: http://mattwiebe.com
Description: Sweet Yellow Stripe-y Goodness
Version: 0.97
Author: Matt Wiebe
Author URI: http://mattwiebe.com
*/



/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {padding: 0; margin: 0;}
img {border: 0;}

body {font: 62.5% 'Lucida Grande','Lucida Sans Unicode',Verdana,Helvetica,sans-serif; background: #2e2e2e url('images/body-bg.png') center top fixed no-repeat; text-align: center; margin: 0 0 30px;}
 
#page {text-align: left; margin: 0 auto; position: relative; width: 777px; background:#292929}
.content {background:url(images/content-bg.png) right top repeat-y;}
 
#header {position: fixed; width: 82px; height: 100%; background: #595959 url('images/header-bg.png') no-repeat left top; z-index:3; position:fixed; margin-left:15px;}

#primary {width: 400px; float: left; padding: 75px 40px 10px; margin: 0 0 0 107px; background: #fff;}
 
/* #primary top alignment tweaks */

.paged #primary, .search #primary, .archive #primary {padding-top: 90px;}
.page #primary {padding-top: 85px;}
.single #primary {padding-top: 63px;}

.secondary {font-size: 1.1em; line-height: 1.2em; float: right; width: 130px; height: 100%; color: #555; position: relative; background: #f9d626; padding: 0 20px; border-right:10px solid #ccb128;}

.comments {text-align: left; padding: 30px 0 0; position: relative;}

#footer {background: url('images/content-bg.png') repeat-y; width: 777px; margin: 0 auto; text-align: left; clear: both; padding: 4em 0 1em; position:relative; letter-spacing:-.02em;}


/*- Main Menu in Header */
li.admintab {display:inline;}
.admintab a {position:absolute; bottom:4px; left:4px; background:url(images/key.png); width:16px; height:16px; letter-spacing:-9999px; opacity:.15;}
.admintab a:hover {opacity:1;}

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {margin-left: 10px;}
.sb-pagemenu ul ul {margin-top: 2px;}
.sb-pagemenu ul ul .page_item {margin-left: 10px; padding: 0;}


/*- Headings */

h1, h2, h3, h4, h5, h6 {font-family: Georgia,'Times New Roman',serif;}
#header h1 a {display: block; position:relative; width: 81px; height: 537px; margin:0 0 0 1px; outline: 0;}
h1, h1 a, h1 a:hover, h1 a:visited, #header .description {text-indent: -9999px;}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
text-align: center; font-size: 2.4em; font-weight: bold; letter-spacing: -1px;}
.secondary h2 { /* Secondary H2 is sidebar headlines */
 font-size: 1.5em !important; font-weight: normal !important; padding: 0 0 1px; display: block; text-align:left; border-bottom:1px solid #ccb128;}
.secondary h2 a, .secondary h3 a {}
.secondary h2 a:hover, .secondary h3 a:hover {text-decoration: underline; color:}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {text-decoration: none;}
#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */ font-size: 2.4em; font-weight: normal; letter-spacing: -1px; padding: 0 0 15px;}
#primary h3.entry-title a:hover {text-decoration: underline;}
#primary .entry-content h3 {font-size: 1.8em; font-weight: normal; margin-top: 25px;}
#primary .entry-content h4 {font-size: 1.4em; font-weight: normal; margin-top: 25px;}
#primary .k2-asides h3 {font-size: 1.6em; font-weight: normal;}
.entry-head {margin-top: 10px;}
body.page .entry-content h3 {font-size: 1.7em; display: block; padding: 15px 0 0;}
body.page .entry-content h4 {font-size: 1.5em; display: block; padding: 15px 0 0;}


.secondary div {margin: 20px 0 0; padding: 0; position: relative;}
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {font-weight: normal;}
#primary .hentry .entry-head .metalink {font-size: 1.8em; letter-spacing: -1px; text-transform: lowercase; margin-left: 15px;}
#primary .k2-asides .entry-head .metalink {font-size: 1.4em;}
.single #primary .k2-asides .entry-content {font-size: 1.5em; color: #999;}
.comment-meta {margin: 0 15px 0 0; float: none;}
.comment-login, .comment-welcomeback {margin-top: 15px; color: #555;}
#comment-personaldetails {margin-top: 10px;}
#comment-personaldetails small {font-size: 1.2em;}
.feedicon {border: 0 !important; padding: 0 !important;}
.feedlink img {height: 16px; width: 16px; border: none; position: absolute; right: 0;}
.secondary .k2-asides {margin: 0; padding: 0 0 10px; word-spacing: -1px;}
.secondary .k2-asides p {display: inline;}
.secondary .k2-asides .metalink {padding-left: 0px;}

.secondary span a {margin-left: 10px;}

body.page .entry-edit {position: absolute; right: 0; margin-top: -15px;}
.entry-edit a {border: 0; background: url('images/pencil.png') left center no-repeat; height: 16px; width: 16px; position:absolute; text-indent:-9999em; top:20px; right:-20px; opacity:.15;}
.entry-edit a:hover {opacity:1;}
.comment-edit a {border: none; padding: 2px; padding-left: 23px; margin-left: 10px; background: url('images/comment_edit.png') left center no-repeat; height: 16px;}

.entry-meta { /* Time and category for blog entries */
 font-size: 1.1em;
 display: block;
 margin-top: 1px;
 color: #888;
 }

.entry-meta a, .comment-meta a {
 color: #454591;
 }

.chronodata {
 padding: 2px 0 2px 20px ;
 background: url('images/time.png') left center no-repeat;
 }

.commentslink {
 padding: 2px 0 2px 20px;
 background: url('images/comment.png') left center no-repeat;
 margin-right: 5px;
 }

.quoter_comment {
 padding: 2px 0 2px 20px;
 background: url('images/comment.png') left center no-repeat;
 margin-left: 5px;
 }

.entry-tags {
 display: block;
 padding: 2px 0 2px 19px;
 margin-left: 1px;
 background: url('images/tag_blue.png') left center no-repeat;
 }

.entry-tags a {text-transform: lowercase;}

.comment-add {
 padding: 2px 0 2px 20px;
 background: url('images/comment_add.png') left center no-repeat; 
 font-size: 1.2em;
 }
 
.comment-footer {
 display: block;
 margin: 1.5em 1em 0;
 }

div.entry-footer {
 padding-bottom: 2em;
 margin: 2em 0;
 border-bottom: 1px solid #ddd;
 clear: both;
 }

body.single div.entry-footer {
 padding-bottom: 0;
 border: 0;
 }
 
#commentform {
 position: relative;
 }
 
p.subscribe-to-comments {
 position: absolute;
 bottom: 20px;
 }
 
p.subscribe-to-comments a {
 color: #A23F33;
 }

/*- Primary Contents */

.hentry {
 margin: 0;
 padding: 5px 0 15px;
 position: relative;
 }

.entry-content {
 font-size: 1.3em;
 line-height: 1.5;
 color: #111;
 }

.entry-content blockquote.indent-hang {
text-indent:-25px;
padding-left:75px;
background:none;
}

.entry-footer {
 padding-bottom: 15px;
 }
body.single .entry-footer {padding: 0;}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
 margin: 13px 0;
 }

.entry-content p {
	text-align:justify;
}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
 margin: 5px 0;
 }

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
 margin: 13px 0;
 }

.metalinks {
 margin-top: 3px;
 }

.commentsrsslink {
 background: url('images/feed.png') left top no-repeat;
 padding: 2px 0 2px 20px;
 margin-right: 10px;
 height: 16px;
 }

.trackbacklink {
 background: url('images/arrow_refresh.png') left top no-repeat;
 padding: 2px 0 2px 20px;
 height: 16px;
 }

.commentsrsslink a, .trackbacklink a {
 color: #777;
 padding: 2px;
 }

.nopassword {
 text-align: center;
 }

.commentlist {
 margin: 0;
 padding: 10px 0 20px;
 position: relative;
 }

.commentlist li {
 margin: 10px 0 0;
 padding: 10px 10px 5px;
 list-style-position: inside;
 }

.commentlist li .comment-content {
 padding: 10px 0;
 font-size: 1.2em;
 line-height: 1.8em;
 }

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
 margin: 13px 0;
 }

.commentlist li .comment-meta {
 padding: 2px 0 2px 20px;
 background: url('images/time.png') left center no-repeat;
 display: block;
 position: relative;
 left: -2px;
 }

.commentlist li img {
 padding: 0;
 border: none;
 }

.commentlist li img.gravatar {
 float: right;
 margin: -5px 0 0;
 }

.commentlist li .commentauthor {
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: -1px;
 }

.commentlist li .commentauthor a {
 color: #3516b6;
 }

.commentlist li .counter {
 font: bold 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
 color: #333;
 float: left;
 width: 1.2em;
 display: none; /*going to normal ol numbering instead*/
 }

li.byuser {
 background-color: #ffffe5;
 border: 1px solid #f9d626;
 }

li.bypostauthor blockquote {
 background: url('images/quote.png') no-repeat 10px 0;              
 }
  
#pinglist {
 font-size: 1.2em;
 padding: 0;
 margin: 10px 0 10px;
 background: #f6f7f8;
 }

#pinglist li {
 margin-left: 40px;
 padding: 7px 0;
 list-style: none;
 }

#pinglist li small {
 font-size: 0.8em;
 display: block;
 }

#pinglist li .counter {
 display: none;
 }

#pinglist li span.favatar img {
 margin-left: -25px;
 border: none;
 padding: 0;
 float: left;
 }

#pinglist li img {
 padding: 0;
 border: none;
 }
 
#leavecomment, .comments #loading {
 text-align: center;
 margin: 30px 0 20px !important;
 color: #ddd;
 font-size: 2em;
 letter-spacing: -2px;
 }

li#leavecomment {list-style-type: none;}

.comments #loading {
 margin-top: 20px !important;
 }

.comments #error {
 line-height: 2.0;
 padding: 5px;
 color: #FF0000;
 background-color: #FFFF99;
}

.comments #commentload {
 padding: 10px 10px 0 0;
 float: right;
 vertical-align: middle;
}

.comments form {
 clear: both;
 padding: 1px 0 10px;
 margin: 0;
 }

.comments [type=text], .comments textarea {
 font: 1.2em 'Courier New', Courier, Monospace;
 padding: 3px;
 color: #654733;
 }

input[type=text]:focus, textarea:focus {
 background: #fff;
 color: #333;
 border-color: #3e5262;
 }

.comments form input[type=text] {
 width: 45%;
 margin: 5px 5px 1px 0;
 }

.comments textarea {
 height: 250px;
 width: 390px;
 margin: 10px 0 0;
 }

.comments form #submit {
 margin: 0;
 float: right;
 margin: 10px 0;
 }

.comments .requiredstar {color:red;}

#footer span {display:block; width:400px; margin:0 0 4px 147px; text-align:center;}
#footer #cclicense {overflow:auto; text-align:left;}
#cclicense img {float:left; margin:10px 10px 4px 0;}
#design-credit {line-height:1.6;}

/* Easy Gravatars */

ol.commentlist li {position:relative;}
.eg-image {position:absolute; right:10px; top:10px;}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
 text-decoration: underline;
 }

h2 a:hover, h2 span a:hover {
 color: #27d !important;
 }

a {
 color: #333;
 text-decoration: none;
 }

.entry-content a, .comments li p a {
 color: #3715E6;
 border-bottom: 1px #3715E6 dotted;
 }

.entry-content a:visited, .comments li p a:visited {
 color: #650;
 border-color: #650;
 }
 
#primary .entry-content a:hover, .comments li p a:hover {
 text-decoration: none;
 border-bottom-style: solid;
 text-decoration: none !important;
 }

a.show-more {
 background: url('images/arrow_down.png') left center no-repeat;
 }

a.show-less {
 background: url('images/arrow_up.png') left center no-repeat;
 }
 
a.show-more, a.show-less {
 padding: 2px 0 2px 19px;
 word-spacing: 0;
 letter-spacing: 0;
 border: 0;
 }

.entry-content a.show-more, .entry-content a.show-less, .entry-content a.show-more:visited, .entry-content a.show-less:visited {
 font-size: 70%;
 color: #488a43;
 margin-left: 1em;
 }
 

/*- Various Tags and Classes */

.clear {
 clear: both;
 margin: 0;
 padding: 0;
 }

#primary .entry-content img {
 max-width: 100%;
 }

#primary .entry-content a[title="Photo Sharing"], a.clean {border: 0 !important; text-decoration: none !important;}

.center {
 text-align: center;
 }

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

img.center, img[align="center"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
 
img.alignright, img[align="right"] {
 margin: 4px 0 2px 12px;
 display: inline;
 }

img.alignleft, img[align="left"] {
 margin: 4px 12px 2px 0;
 display: inline;
 }
 
img.noborder {
 border: none !important;
 }

small {
 font-size: 0.9em;
 line-height: 1.5em;
 }

small, strike {
 color: #666;
 }
 
code {
 font: 1.1em 'Consolas', Courier New, Courier, Monospace;
 }

acronym, abbr {

 border-bottom: 1px dashed #777E84;
 cursor: help;
 }

.chronodata abbr { border: 0; }

blockquote {
 margin: 20px 0;
 padding: 0 20px 0 50px;
 background: url('images/quote.png') no-repeat 10px 0;
 border: none;
 font-size: 90%;
 }

hr {
 display: none;
 }


.navigation {
 text-align: center;
 margin: 0;
 padding: 0;
 width: 100%;
 }

.comments .navigation {
 margin: 10px 0;
 bottom: 0;
 }

.navigation .left {
 float: left;
 width: 50%;
 text-align: left;
 }

.navigation .right {
 float: right;
 width: 50%;
 text-align: right;
 }

.navigation p {
 margin: 0;
 padding: 0;
 }

.navigation a {
 color: #777E84;
 }

.alert {
 background: #FFE9CC;
 border-top: 2px solid #f16444;
 border-bottom: 2px solid #f16444;
 text-align: center;
 margin: 10px auto;
 padding: 5px 20px;
 }

img.wp-smiley {
 border: none !important;
 padding: 0 0 0 5px !important;
 }

/*- Begin Lists */
.entry-content ol, .entry-content ul {
 padding: 0 0 0 20px;
 margin: 0;
 }

.entry-content ol li, .entry-content ul li {
 margin: 0 0 3px;
 padding: 0;
 }

.entry-content ol li {
 padding-left:10px;
}
 
.entry-content ul li {
 list-style: none outside;
 background: url(images/li-entry.png) no-repeat scroll left 6px;
 padding-left: 30px;
 margin-left: -20px;
 }

.secondary div p {
 margin-top: 0.5em;
 }

.secondary ul, .secondary ol, .secondary div div {
 margin: 5px 0 0;
 padding-left: 0;
 }

.secondary ol {
 margin-left: 15px;
 }

.secondary ul li, .secondary ol li {
 margin: 0;
 padding: 1px 0;
 }
 
.secondary ul li {
 list-style-type: none;
 list-style-image: none;
 }
 
.secondary .widget_links ul li {
 display: inline; 
 padding-right: .3em;
 }

#aboutme {}

.about-pic {float:left; margin:2px 5px 2px 0;}
.design-pic {float:left; margin:-1px 5px 0 0;}

ol li {
 list-style: decimal outside;
 }

.sb-links ul li {
 margin-top: 20px;
 }

.sb-links ul ul li {
 margin-top: 0;
 }

/*- Search Form and Livesearch */

#searchform {
 margin: 20px 0 60px;
 display: block;
 position: relative;
 }

form#searchform input[type=text] {
 background: #fff url('images/magnifier.png') 1px 1px no-repeat;
 border-style: inset;
 }
 
form#searchform input[type=text]:hover {border-style: solid; border-color: #777;}

form#searchform input[type=submit] {display: none;}

#search h2 {
 display: none;
 }

input[type=text], textarea {
 color: #444;
 padding: 1px;
 margin: 0;
 }

#s {
 width: 105px;
 padding-left: 20px;
 }

#s.livesearch { 
 width: 130px;
 }

#searchreset {
 position: absolute;
 right: 3px;
 top: 3px;
 height: 13px;
 width: 13px;
 background: url('images/reset-fff.png') center center no-repeat;
 }

#searchload {
 position: absolute;
 right: 0;
 top: 0;
 height: 18px;
 width: 18px;
 background: url('images/spinner.gif') center center no-repeat;
 }

.livesearchform input[type=submit] {
 margin: 0;
 }

#searchcontrols {
 text-align: center;
 padding: 1px;
 background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
 }

#searchcontrols small {
 margin: 0;
 padding: 0;
 }

/*- Attachment */

.attachment {
 text-align: center;
 }


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*-
 Brian's Latest Comments
 http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/
.sb-comments-blc ul li span a, .sb-comments ul li small a {
 color: #777;
 font-weight: normal;
 word-spacing: -1px;
 }

.sb-comments-blc ul li {
 margin-bottom: 6px;
}

.sb-comments-blc li > a[title="Go to the comments of this entry"] {
 position: absolute;
 right:0;
 color: #777;
}

.activityentry {
 font-size: 1.1em;
 }

div#brians-latest-comments small {
 display: block;
 margin: 0;
 font-weight: normal;
 line-height: 1em;
 }


/*-
 FlickrRSS
*/

.sb-flickr div img {
 border: 0px;
 padding: 5px;
}

.sb-flickr div a img {
 border: 1px solid #ccc;
 padding: 3px;
 margin: 5px 3px 0;
}

.sb-flickr div a:hover img {
 border: 1px solid #777E84;
}

/*-
 WordPress: Touched
 http://twilightuniverse.com/2005/03/wordpress-touched/
 
 No support for Touched 0.6 in the rest of K2.
 Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
 border: none;
 }

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
 width: 470px;
 }
 
#poststuff #title {
 font-size: 2em;
 }

/*
 Ultimate Tag Warrior
 K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
 display: none;
 }


/*
 Contact Form
*/

.contactform {
 width: 100%; 
 position: relative;
 }

.contactleft {
 width: 15%; 
 text-align: right;
 clear: both; 
 float: left; 
 display: inline; 
 padding: 4px; 
 margin: 5px 0; 
 }

.contactright {
 width: 70%; 
 text-align: left;
 float: right; 
 display: inline; 
 padding: 4px; 
 margin: 5px 0; 
 }
 
.contacterror {
 border: 1px solid #ff0000;
 }

/* Noteworthy */
.category-noteworthy h3.entry-title {
 background: url('images/heart.png') no-repeat right center;
 padding-right: 25px;
 display: inline;
}

.noteworthyLink { margin-left: 5px }

/* Simple Tagging Related Posts */

#primary .entry-content #related-posts h4 {
 font-size: 1.3em;
 padding-bottom: 6px;
 color:#555;
 clear:both;
}
#primary .entry-content #related-posts ul {
 padding-left: 18px;
}
#related-posts li {
 background: transparent url(images/bullet_star.png) no-repeat center left;
 list-style: none outside;
 padding-left: 20px;
 font-size: .8em;
 line-height:1.5;
 margin-left:0;
}

/* LibraryThing Widget */

.LTwrapper {margin: 10px 0 !important; font-size:10px;}

.LTitem {
 display: block;
 clear: left;
 overflow:hidden;
 }

.LTitem img {
 float: left;
 margin: 3px 5px 0 0;
 width:30px;;
 }


.LTprovided {
 padding-top: 10px;
 font-size: 80%;
 text-align: center;
 clear: right;
 }
 
/* Design Credit: Soma Design http://somadesign.ca/ */

a#soma-link {
 background: url('images/soma.gif') no-repeat 2px center;
 padding: 4px 0 4px 19px;
 }
 
/* Hosting Link */
#hosting {position:absolute; width:135px; bottom:32px; right:28px; color:#000; font-weight:bold; text-align:center;}
#hosting a img {margin-top:6px;}

/* Ads aka selling my soul for a twinkie ;) */
#primary .ad-unit {margin-left:18px;}

/* sIFR 3 */

.sIFR-active #primary h3.entry-title {font-size:33px; line-height:1em; letter-spacing:normal; display:block; padding-bottom:0; visibility:hidden;}
.sIFR-active #primary .comments h4 {font-size:28px; line-height:1em; letter-spacing:normal; display:block; visibility:hidden;}

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

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.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;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/* Messy, messy stylesheet. Here's the "Paragraphs" styling */

.category-paragraphs .entry-content {
	padding-left:40px;
	font-size:1.3em;
	line-height:1.6;
	background:url(images/pilcrow.png) no-repeat 2px 3px;
	
}
.sIFR-active #primary .category-paragraphs h3.entry-title {
	font-size:28px;
}

/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */