/*  
Theme Name: orangeSPLoTCH Default
Theme URI: http://orangesplotch.com/
Description: The base orangeSPLoTCH theme.
Version: 0.1
Author: Matt Carpenter
Author URI: http://orangesplotch.com/
*/
@charset "utf-8";

/* standardize styles and fonts */
@import "http://orangesplotch.com/css/reset.css";


body {
font-family: Verdana, sans-serif; 
font-size: 75%;
/* background:url("http://24ways.org/examples/compose-to-a-vertical-rhythm/underline.gif"); */
} 

html > body { 
font-size: 12px;
line-height: 18px; } 

p {
font-size: 12px;
line-height: 18px;
margin:0 0 18px 0; }

h1, h2, h3, h4 {
font-family:georgia, "times new roman", serif; }

h2 {
line-height: 54px;
font-size: 48px;
font-weight:normal;
margin:0 0 18px 0; }

h3 {
font-size:24px;
line-height: 36px;
margin:1.929em 0 0.643em 0;
font-weight:normal; }

hr { display: none; }

a, a:link { color: #47d; }
a:visited { color: #7af}
a:hover   { color: #f40; background: #f0faff; }

strong { background: #ffc; font-weight: bold; }

pre {
font-size: 12px;
line-height: 18px;
padding-left: 25px;
border-top: 0.08333em dashed #47d;
border-bottom: 0.08333em dashed #47d;
margin-top: 0.75em;
margin-bottom: 1.75em;
padding-top: 0.66667em;
padding-bottom: 0.66667em;
color: #333;
overflow: auto; }

blockquote {
font-size: 12px;
line-height: 18px;
padding-left: 25px;
border-top: 0.08333em dashed #f70;
border-bottom: 0.08333em dashed #f70;
margin-top: 0.75em;
margin-bottom: 1.75em;
padding-top: 0.66667em;
padding-bottom: 0.66667em;
color: #333;
overflow: auto;
background: #fffef9; }

* html pre { padding-top: 0.525em; padding-bottom: 0.525em; }

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

.centered {
margin: 0.5em auto;
display: block;
padding: 0.66667em;
border: 0.08333em dashed #ccc; }

.hidden { display: none; }

.note {
font-size: 10px;
line-height: 18px;
font-style: italic;
color: #555; } 

* html .note { font-size: 10px; }

.object-wrapper {
text-align: center;
border: 0.08333em solid #999;
padding: 0.66667em;
margin: 0; }

.object-wrapper object {
margin: 0 auto; }

.object-wrapper .title {
display: none; }

.inline { 
display: inline;
margin: 0.75em; }

.bordered { 
padding: 0.16667em;
margin: 0.5em;
border:  0.08333em solid #555; }


/* Page Styles
 --------------------------- */
#page {
width: 960px; 
border-top: 0.08333em solid #fff; 
margin: 0 auto; }

/* Infobar Styles
 --------------------------- */
#quickbar {
background: transparent url(/media/images/site/gradientBlue.png) bottom left repeat-x;
padding: 0 0 1em;
float: left;
height: auto;
width: 100%; }

#quickbar .site-links {
margin-left: 50px;
float: left; }

#quickbar .user-links {
text-align: right;
font-size: 10px;
margin-right: 50px; }

#quickbar li {
display: inline; }

#quickbar li a,
#quickbar li a:link,
#quickbar li a:visited {
padding: 1em;
color: #006;
text-decoration: none; }
#quickbar li a:hover {
color: #fff;
background: #f30 url(/media/images/site/gradientOrange.jpg) repeat-x; }

#quickbar .site-links li a {
display: block;
float: left; }
#quickbar .site-links li a:before {
content: '\b7  ';}
#quickbar .user-links li a {
display: block;
float: right; }



/* Page Header Styles
 --------------------------- */

/* - - standard - - */
#sitehead {
height: 144px;
width: 960px;
margin-top: 54px; }

#sitehead h1 a {
display: block;
height: 126px;
width: 960px; 
text-indent: -9999em;
overflow: hidden;
background: url(/imgs/logo100.png) 0 18px no-repeat; }

/* - -  single  - - */
.single #sitehead {
display: block;
width: 250px; 
margin: 0;
height: 100px;
float: left; }

* html .single #sitehead {
margin-left: 0; }

.single #sitehead h1 a {
display: block;
width: 250px; 
height: 150px;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(/imgs/splotch100.jpg) 50px 25px no-repeat; }

/* Article Header Styles
 --------------------------- */
.entry-head {
display: block; 
width: 46.66667; 
margin-left: 260px; 
margin-top: 18px;
padding: 0 0 0 20px; }

* html .entry-head {
margin: 0;
padding: 0; }

.published {
background: #000;
display: block;
padding: 45px 9px 9px;
color: #fff; }

.entry-head h2 {
margin: 0; }

.entry-head h2 a {
display: block;
text-decoration: none;
color: #333; 
margin: 0;
padding: 18px 0 17px;
border-bottom: 1px solid #000; }

.entry-head ul {
text-align: right; 
padding: 9px 18px 8px;
/* border-bottom: 1px dashed #f6f6f6; */
border-bottom: 1px solid #555; }

.entry-head ul.tags {
border-bottom: 1px solid #555;
display: none; }

.entry-head h3 {
float: left;
color: #999;
padding: 9px 0 9px 9px;
margin: 0;
font-size: 12px;
line-height: 18px; }

.entry-head h3.tag_head {
color: #ccc;
display: none; }

.entry-head .entry-categories li,
.entry-head .entry-tags li {
list-style-image: none;
list-style: none; 
display: inline;  }

.entry-head .entry-categories a,
.entry-head .entry-tags a {
text-decoration: none;
padding: 0 9px;
font-weight: bold;
font-size: 12px;
line-height: 18px; }

.entry-head .entry-categories a,
.entry-head .entry-categories a:link {
color: #444; }
.entry-head .entry-categories a:visited {
color: #777; }
.entry-head .entry-categories a:hover {
color: #f30; }

.entry-head .entry-tags a,
.entry-head .entry-tags a:link {
color: #aaa;
font-weight: normal; }
.entry-head .entry-tags a:visited {
color: #ccc; }
.entry-head .entry-tags a:hover {
color: #f30; }

/* Main Post Styles
 --------------------------- */
.hfeed > h2,
.hfeed > .hentry, 
.entry-content {
width: 680px; 
float: right;
position: relative;
z-index: 1;  }
* html #main {
width: 680px;
float: right;
padding: 0; }

.entry-content h3,
.entry-content h4,
.narrowcolumn h3,
.narrowcolumn h4 {
color: #f30; }

.entry-content li {
line-height: 18px;
font-size: 12px; }

.entry-content a,
.entry-content a:link {
color: #47d;
font-weight: bold;
text-decoration: none; }
.entry-content a:visited {
color: #248; }
.entry-content a:hover {
color: #f30;
text-decoration: underline; }

.entry-content h3,
.narrowcolumn h3 {
font-size: 20px;
line-height: 36px;
margin-top: 16px;
margin-bottom: 2px; }

.entry-content h4 {
font-size: 14px;
line-height: 18px;
margin-top: 14px;
margin-bottom: 4px; }

.entry-content ul li,
.entry-content ol li {
margin-left: 25px; }
.entry-content ul li { list-style: disc outside; }
.entry-content ol li { list-style: decimal outside; }

.entry-content a.download {
display: block;
line-height: 1.5em;
margin:  0.25em 0;
padding: 0.5em; }

.entry-content em {
font-style: italic;
color: #79c; }

* html .entry-content .note {
width: auto;
float: none; }

* html .entry-content pre {
width: 680px;
overflow: auto; }

.entry-content > p, 
.entry-content > h3,
.entry-content > h4,
.entry-content > pre {
padding-left: 200px; }

.entry-content > pre {
font-size: 12px;
line-height: 18px;
border-top: 1px dashed #47d;
border-bottom: 1px dashed #47d;
margin: 18px 0;
padding: 17px 0 17px 200px;
}

.entry-content > blockquote {
font-size: 12px;
line-height: 18px;
margin: 9px 0 27px;
padding: 9px 0 9px 200px;
font-weight: bold;
}

.entry-content > .object-wrapper {
margin: 1em;
padding: 0; }

.entry-content > ul,
.entry-content > ol {
margin-top: 1em;
margin-left: 200px;
margin-bottom: 1em; }

/*
* html .entry-content p,
* html .entry-content h3,
* html .entry-content h4 {
padding: 5px 10px; }
*/

* html .entry-content ul,
* html .entry-content ol {
margin: 0 20px; }

/*
* html .entry-content pre {
margin: 5px 20px; }
*/

.entry-content .intro {
padding-top: 0.75em;
background: #f0faff;
border-bottom: 0.08333em dashed #cef;
margin-bottom: 1.25em;
padding-bottom: 0.66667em; }

.entry-content > .note {
position: absolute;
float: left;
width: 180px;
padding: 0 10px;
background: #fff; }

.entry-content > .object-wrapper {
width: auto;
margin-left: 12.5em; }

img.align-left,
img.align-right {
margin: 0.75em; }

/* Post Footer Styles
 --------------------------- */
.entry-footer, .discussion {
width: 680px; 
float: right; 
padding:  0;
clear: both; }

.entry-footer ul {
text-align: center; }

.entry-footer li {
list-style: none; 
list-style-image:none;
display: inline;
font-size: 12px
line-height: 18px; }

.entry-actions {
padding:  0 10px 0 110px;
font-size: 10px; }
.entry-actions li a {
padding: 0 20px;
text-decoration: none; }
.entry-actions li a:hover {
text-decoration: underline; }

.entry-navigation {
border-top: 1px solid #000; 
border-bottom: 1px solid #000; 
float: left; 
padding: 8px 0;
width: 680px;
clear: both; }

.entry-navigation li {
display: block;
width: 300px;
padding: 0 5px; }

.entry-navigation .alignleft {
float: left;
text-align: left; }

.entry-navigation .alignright {
text-align: right;
float: right; }

/* Comment Styles
 --------------------------- */
.discussion { clear: both; }

.discussion h3 {
font-size: 14px;
background: #000;
color: #fff;
padding: 0 9px; }
 
.commentlist {
margin: 0; 
padding: 0; }

.commentlist li {
padding: 8px 0 9px;
margin: 0; 
list-style: none; 
list-style-image: none; 
clear: both;
border-top: 1px solid #ccc;
font-size: 9px; }

.commentmetadata {
float: left;
width: 180px;
font-size: 10px; 
padding: 0 0 0 9px;
line-height: 18px;
margin: 9px 0; }

.commentlist p {
margin: 9px 0 9px 205px;
line-height: 18px;
font-size: 10px; }

.commentmetadata a,
.commentmetadata a:link {
text-decoration: none; }
.commentmetadata a:hover {
text-decoration: underline; }

.commentmetadata cite {
display: block;
padding: 5px 0;
font-weight: bold;
font-style: normal;
font-size: 10px; }

.commentmetadata .date {
color: #777; }
.commentmetadata .time {
color: #444; }

.commentmetadata a .edit {
display: block;
color: #c00; }

#commentform p {
font-size: 10px; 
margin: 9px 0; }

#commentform textarea {
width: 695px; }

/* Page Footer Styles
 --------------------------- */
#pagefooter {
position: relative;
display: block;
background: #000;
border-top: 1px solid #fec;
clear: both; 
font-size: 9px;
line-height: 18px; 
text-align: right; 
padding: 9px;
width: 100%; }

#pagefooter .valid li { display: inline; }
#pagefooter .valid li a { 
color: #777;
padding: 5px; }

#pagefooter abbr {
color: #777;
padding: 10px 5px; }

/* Sidebar Styles
 --------------------------- */
#sidebar {
width: 250px;
padding-bottom: 18px; }

#sidebar .searchform {
text-align: center;
padding: 7px;
background: #444;
margin-bottom: 22px; }
#sidebar .s {
width: 120px;
padding: 0 2px; }
* html #sidebar .s { width: 100px; vertical-align: bottom; }

#sidebar h3 {
font-size: 14px;
line-height: 18px;
margin: 9px 0 8px 0;
padding: 9px 9px;
font-weight:normal;
color: #EF552C;
border-bottom: 0.08333em solid #6D8B9F; }

* html #sidebar li { display: inline; }

#sidebar li a,
#sidebar li a:link {
display: block;
font-weight: bold;
color: #4F6C7F;
font-size: 12px;
line-height: 18px;
padding: 0 9px;
margin: 0;
text-decoration: none; }
#sidebar li a:visited {
color: #839DAF; }
#sidebar li a:hover {
color: #fff;
background: #74C2F8; }

#sidebar li ul.children {
display: none; }


/*
.hfeed .hentry {
margin: 5px 0; }
*/

.hfeed h3,
.hfeed small,
.hfeed p {
padding-left: 100px; }

.hentry p   { background: url('imgs/watermarks/p.gif')   top left no-repeat; }
.hentry h1  { background: url('imgs/watermarks/h1.gif')  top left no-repeat; }
.hentry h2  { background: url('imgs/watermarks/h2.gif')  top left no-repeat; }
.hentry h3  { background: url('imgs/watermarks/h3.gif')  top left no-repeat; }
.hentry h4  { background: url('imgs/watermarks/h4.gif')  top left no-repeat; }
.hentry img { background: url('imgs/watermarks/img.gif') top left no-repeat; }

.hfeed h2 {
font-size:14px;
line-height: 18px;
margin-top: 18px;
margin-bottom: 18px; }

.hfeed a.entry-title {
color: #000; 
text-decoration: none;
display: block;
border-bottom: 1px solid #000;
padding: 2px 0;
font-size: 24px;
line-height: 36px; }
.hfeed a.entry-title:visited {
color: #555;}
.hfeed a.entry-title:hover {
color: #f60;
text-decoration: underline;
/* border-bottom: 1px solid #f60; */ }

.hfeed .published {
text-decoration: none;
border: 0;
color: #f60; }

.author {
text-align: right;
padding: 10px; }

.author, .author a {
color: #aaa;
font-family: georgia, serif;
font-weight: bold;
text-decoration: none; }

.unapproved {
border: 1px dashed #ccc; }

.comment-info {
display: block;
background: #eee;
border: 1px solid #ccc;
margin: 0 15px 5px 155px;
padding: 5px;
text-align: center; }

.hfeed > h2 {
background: #000; 
padding: 0 5px; 
font-size: 24px;
line-height: 36px;
color: #ccc;
margin: 0; }

.hfeed > h2 a,
.hfeed > h2 a:link,
.hfeed > h2 a:visited,
.hfeed > h2 a:hover,
.hfeed > h2 span {
background: #000;
color: #fff;
cursor: text;
text-decoration: none; 
padding: 0 5px; }

.hfeed > h2.plain {
color: #f00;
background: #F0FAFF; }

.hfeed .published {
background: #fff; 
padding: 0; }

.hentry .searchform {
margin: 0 auto;
border: 1px solid #999; 
padding: 10px 10px 10px 40px; 
background: #eee url(/media/images/iconbuffet/manhattan_symbol/electric_24.png) 9px 9px no-repeat;
margin-right: 10px; }

#login {
background: #f0faff;
padding: 10px;
margin-right: 125px;
width: 400px;
float: right; }

* html #login {
margin-right: 50px; }

#login p {
padding: 5px 0; }

#login h2 {
font-size: 24px;
line-height: 36px; }

#login li {
display: inline; }
#login li a {
padding: 0 10px; }

#submit {
display: relative;
color: #fff;
border: 1px solid #555;
background: #f60;
padding: 5px; }

#submit:hover {
background: #7af; 
color: #000;
border: 1px solid #036; }

* html .entry-content .object-wrapper {
display: block;
width: 550px;
margin: 5px;
padding: 0;
border: 0;
text-align: center; }

* html .entry-content .object-wrapper object {
margin: 0 auto;
display: block;
padding: 0; }

.navigation {
display: block;
float: right; 
width: 680px;
padding: 10px;
text-align: right;
margin-bottom: 10px; }

.navigation a {
font-weight: bold;
text-decoration: none;
color: #777; }

.navigation a:hover {
color: #f60; }

.navigation .alignleft {
float: left;
text-align: left; }

.entry-summary p { padding: 0; }

.entry iframe {
margin: 0 0 18px 0;
border: 1px solid #ccc; }

div.aside {
background: #FcFeFf;
font-style: italic;
color: #444;
border-top: 1px dashed #ccc;
margin-top: 17px;
padding-left: 200px;
padding-bottom: 16px; }

p.aside {
clear:right;
background: #FcFeFf;
border-top: 1px dashed #ccc;
padding-top: 15px;
color: #444;
font-style: italic; }

li.mattc {
background: url(/media/images/logo/splotch100.jpg) 55px -10px no-repeat;
}

.related {
clear: both;
background: #F0FAFF;
float: left;
display: block;
width: 676px;
margin: 16px 0;
border: 2px solid #3B94D3; }

.related h4 {
line-height: 18px;
padding: 9px 9px 7px;
border-bottom: 2px solid #fff;
background: #B5DCF6; }

.related ul {
width: 470px;
float: left; }

.related li {
display: block;
text-align: left;
width: 235px;
margin: 0;
float: left; }

.related li a {
line-height: 18px;
padding: 9px;
display: block; }
.related li a:visited {
color: #777; }
.related li a:hover {
background: #fff;
color: #f30; }

.related .adblock {
float: right;
width: 200px;
height: 200px;
background: #fff;
position: relative;
top: -36px;
margin-bottom: -36px;
border-left: 1px solid #fff; }

.narrowcolumn {
width: 680px;
float: right; }

.narrowcolumn ul,
.narrowcolumn ol {
padding-left: 36px;
list-style: disc outside; }

.narrowcolumn ul strong,
.narrowcolumn ol strong {
font-weight: bold;
background: none; }

.narrowcolumn ul em,
.narrowcolumn ol em {
font-style: italic; }

#sidebar .download {
display: block;
padding: 16px 9px 8px;
border: 2px solid #3B94D3;
background: #8ECDF8;
margin-bottom: 8px; }

#sidebar .download *,
#sidebar .donate * {
font-weight: normal;
font-style: italic;
text-align: center;
font-size: 11px;
line-height: 18px;
padding: 0;
margin: 0; }

#sidebar .download h3,
#sidebar .download h3 a {
border: 0;
margin: 0;
padding: 0;
text-align: center;
line-height: 36px;
font-size: 20px;
color: #036;
font-weight: bold;
font-style: normal; }

#sidebar .download p a {
color: #eef !important; }

#sidebar .donate {
display: block;
padding: 16px 9px 8px;
border: 2px solid #ccc;
background: #eee;
margin-bottom: 8px; }

#sidebar .donate h3,
#sidebar .donate h3 a {
border: 0;
margin: 0;
padding: 0;
text-align: center;
line-height: 36px;
font-size: 20px;
color: #036;
font-weight: bold;
font-style: normal; }

#sidebar .news {
padding: 6px 0 0; }

#sidebar .news h3 {
font-size: 20px;
margin-bottom: 18px; }

#sidebar .news li > a {
font-size: 14px; }

#sidebar .news p {
padding: 4px 0 14px 14px;
font-size: 12px;
color: #666050; }

#sidebar .news p a {
display: inline;
font-weight: normal;
color: #3B94D3;
padding: 0; }

.leftside {
float: left; }

.rightside {
margin-left: 700px; }

* html .rightside {
width: 100px;
float: right;
margin: 0; }

p.end {
padding-top: 18px; }

div.page h2 {
background: #F0FAFF; }

/* search highlight */
.hls {
background: #B4DCF6; }

.flash-behind-content {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 0; }